]> Untitled Git - purplebirdman.git/commitdiff
projects / purplebirdman.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 36dd8c0)
Added color palette swapping
authorClifton Palmer <clifton.james.palmer@protonmail.com>
Wed, 16 Aug 2023 09:20:26 +0000 (04:20 -0500)
committerClifton Palmer <clifton.james.palmer@protonmail.com>
Wed, 16 Aug 2023 09:20:26 +0000 (04:20 -0500)
www/css/colors-1.css [new file with mode: 0644] patch | blob
www/css/colors-2.css [new file with mode: 0644] patch | blob
www/css/colors.css [new symlink] patch | blob
www/css/index-1.css patch | blob | history
www/index.html patch | blob | history

diff --git a/www/css/colors-1.css b/www/css/colors-1.css
new file mode 100644 (file)
index 0000000..7b04e4d
--- /dev/null
+++ b/www/css/colors-1.css
@@ -0,0 +1,15 @@
+.first-color { 
+       background: #defcf9; 
+}
+       
+.second-color { 
+       background: #cadefc; 
+}
+
+.third-color { 
+       background: #c3bef0; 
+}
+
+.fourth-color { 
+       background: #cca8e9; 
+}
diff --git a/www/css/colors-2.css b/www/css/colors-2.css
new file mode 100644 (file)
index 0000000..125c0aa
--- /dev/null
+++ b/www/css/colors-2.css
@@ -0,0 +1,15 @@
+.first-color { 
+       background: #8ef6e4; 
+}
+       
+.second-color { 
+       background: #9896f1; 
+}
+
+.third-color { 
+       background: #d59bf6; 
+}
+
+.fourth-color { 
+       background: #edb1f1; 
+}
diff --git a/www/css/colors.css b/www/css/colors.css
new file mode 120000 (symlink)
index 0000000..75ee676
--- /dev/null
+++ b/www/css/colors.css
@@ -0,0 +1 @@
+colors-1.css
\ No newline at end of file
diff --git a/www/css/index-1.css b/www/css/index-1.css
index f9455810e18276fb5e461a5762a2a87e083e36cb..810bf3139de590b95a56c0ebb3f41f5fbb9936ab 100644 (file)
--- a/www/css/index-1.css
+++ b/www/css/index-1.css
@@ -1,22 +1,21 @@
-body {
-    background: #defcf9;
+a, h1, h2, h3, h4, h5, h6 {
+  font-family: "Space Mono", sans-serif;
 }
 
 .card { 
-       background: #cadefc; 
     width: 512px;
     border-radius: 24px;
-    padding: 8px;
+    padding: 32px;
 }
 
 .links { 
-       background: #c3bef0; 
     border-radius: 24px;
-    padding: 8px;
+    padding: 32px;
+    margin: 16px;
 }
 
 .link { 
-       background: #cca8e9; 
     border-radius: 24px;
-    padding: 8px;
+    padding: 16px;
+    margin: 16px;
 }
diff --git a/www/index.html b/www/index.html
index 70b93a851e916dac6d98ff41266f91cefcd94dc0..331e30268599c4408b5426d122a510ac1a23e74a 100644 (file)
--- a/www/index.html
+++ b/www/index.html
@@ -1,21 +1,29 @@
 <html>
 <head>
+<link rel="stylesheet" type="text/css" href="css/colors.css" />
 <link rel="stylesheet" type="text/css" href="css/index.css" />
 </head>
-<body>
-<center>
-<div class="card">
+<body class="first-color">
+<div class="card second-color">
+    <h1>purplebirdman</h1>
     <p>
-        <h1 class="title">purplebirdman</h1>
+        Hey! I'm a comic guy who makes stuff with the help of my supporters
     </p>
-    <div class="links"><ul>
-        <li class="link"><a href="https://patreon.com/purplebirdman">Patreon</a></li>
-        <li class="link"><a href="https://thepurplebirdman.gumroad.com">Gumroad</a></li>
-        <li class="link"><a href="https://www.furaffinity.net/user/falconmccooper">FurAffinity</a></li>
-        <li class="link"><a href="https://bsky.app/profile/purplebirdman.com">BlueSky</a></li>
-        <li class="link"><a href="http://t.me/purplebirdman">Telegram</a></li>
-    </ul></div>
+    <div class="links third-color">
+        Places to find and support my work
+        <ul>
+            <li class="link fourth-color"><a href="https://patreon.com/purplebirdman">Patreon</a></li>
+            <li class="link fourth-color"><a href="https://thepurplebirdman.gumroad.com">Gumroad</a></li>
+            <li class="link fourth-color"><a href="https://www.furaffinity.net/user/falconmccooper">FurAffinity</a></li>
+        </ul>
+    </div>
+    <div class="links third-color">
+        Places to find me
+        <ul>
+            <li class="link fourth-color"><a href="https://bsky.app/profile/purplebirdman.com">BlueSky</a></li>
+            <li class="link fourth-color"><a href="http://t.me/purplebirdman">Telegram</a></li>
+        </ul>
+    </div>
 </div>
-</center>
 </body>
 </html>
Dockerized homepage for purplebirdman