]> Untitled Git - purplebirdman.git/commitdiff
projects / purplebirdman.git / commitdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | patch | inline | side by side (parent: 266a840)
Tweaking CSS colors and index
authorClifton Palmer <clifton.james.palmer@protonmail.com>
Thu, 17 Aug 2023 16:29:32 +0000 (11:29 -0500)
committerClifton Palmer <clifton.james.palmer@protonmail.com>
Thu, 17 Aug 2023 16:29:32 +0000 (11:29 -0500)
www/css/colors-3.css [new file with mode: 0644] patch | blob
www/css/colors-4.css [new file with mode: 0644] patch | blob
www/css/colors-5.css [new file with mode: 0644] patch | blob
www/css/colors-6.css [new file with mode: 0644] patch | blob
www/css/colors-7.css [new file with mode: 0644] patch | blob
www/css/colors-8.css [new file with mode: 0644] patch | blob
www/css/index-1.css patch | blob | history
www/index.html patch | blob | history

diff --git a/www/css/colors-3.css b/www/css/colors-3.css
new file mode 100644 (file)
index 0000000..00ff5ba
--- /dev/null
+++ b/www/css/colors-3.css
@@ -0,0 +1,15 @@
+.first-color { 
+       background: #87e5da; 
+}
+       
+.second-color { 
+       background: #92a4c0; 
+}
+
+.third-color { 
+       background: #f4adad; 
+}
+
+.fourth-color { 
+       background: #e58cdb; 
+}
diff --git a/www/css/colors-4.css b/www/css/colors-4.css
new file mode 100644 (file)
index 0000000..1f9f00c
--- /dev/null
+++ b/www/css/colors-4.css
@@ -0,0 +1,15 @@
+.first-color { 
+       background: #d5def5; 
+}
+       
+.second-color { 
+       background: #8594e4; 
+}
+
+.third-color { 
+       background: #6643b5; 
+}
+
+.fourth-color { 
+       background: #430f58; 
+}
diff --git a/www/css/colors-5.css b/www/css/colors-5.css
new file mode 100644 (file)
index 0000000..ef22c9a
--- /dev/null
+++ b/www/css/colors-5.css
@@ -0,0 +1,15 @@
+.first-color { 
+       background: #f8b595; 
+}
+       
+.second-color { 
+       background: #f67280; 
+}
+
+.third-color { 
+       background: #c06c84; 
+}
+
+.fourth-color { 
+       background: #6c5b7c; 
+}
diff --git a/www/css/colors-6.css b/www/css/colors-6.css
new file mode 100644 (file)
index 0000000..120c116
--- /dev/null
+++ b/www/css/colors-6.css
@@ -0,0 +1,15 @@
+.first-color { 
+       background: #8aacff; 
+}
+       
+.second-color { 
+       background: #626fe6; 
+}
+
+.third-color { 
+       background: #6d42c7; 
+}
+
+.fourth-color { 
+       background: #e85b48; 
+}
diff --git a/www/css/colors-7.css b/www/css/colors-7.css
new file mode 100644 (file)
index 0000000..00ff5ba
--- /dev/null
+++ b/www/css/colors-7.css
@@ -0,0 +1,15 @@
+.first-color { 
+       background: #87e5da; 
+}
+       
+.second-color { 
+       background: #92a4c0; 
+}
+
+.third-color { 
+       background: #f4adad; 
+}
+
+.fourth-color { 
+       background: #e58cdb; 
+}
diff --git a/www/css/colors-8.css b/www/css/colors-8.css
new file mode 100644 (file)
index 0000000..82d2434
--- /dev/null
+++ b/www/css/colors-8.css
@@ -0,0 +1,15 @@
+.first-color { 
+       background: #e7759a; 
+}
+       
+.second-color { 
+       background: #ffa35f; 
+}
+
+.third-color { 
+       background: #ba78cd; 
+}
+
+.fourth-color { 
+       background: #755da3; 
+}
diff --git a/www/css/index-1.css b/www/css/index-1.css
index 810bf3139de590b95a56c0ebb3f41f5fbb9936ab..e6349d8abf167aa251614b2dd0421c53484be658 100644 (file)
--- a/www/css/index-1.css
+++ b/www/css/index-1.css
@@ -1,21 +1,25 @@
-a, h1, h2, h3, h4, h5, h6 {
-  font-family: "Space Mono", sans-serif;
+a, p, li, h1, h2, h3, h4, h5, h6 {
+  font-family: "Monospace", sans-serif;
+}
+
+li {
+    list-style-type: none;
 }
 
 .card { 
     width: 512px;
-    border-radius: 24px;
+    border-radius: 16px;
     padding: 32px;
 }
 
 .links { 
-    border-radius: 24px;
+    border-radius: 16px;
     padding: 32px;
     margin: 16px;
 }
 
 .link { 
-    border-radius: 24px;
+    border-radius: 8px;
     padding: 16px;
     margin: 16px;
 }
diff --git a/www/index.html b/www/index.html
index 331e30268599c4408b5426d122a510ac1a23e74a..25629cdcdaa11f176d0ef2d43361032e912aa380 100644 (file)
--- a/www/index.html
+++ b/www/index.html
@@ -5,25 +5,17 @@
 </head>
 <body class="first-color">
 <div class="card second-color">
+    <center>
     <h1>purplebirdman</h1>
     <p>
         Hey! I'm a comic guy who makes stuff with the help of my supporters
     </p>
-    <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>
+    <li class="link third-color"><a href="https://patreon.com/purplebirdman">Patreon</a></li>
+    <li class="link third-color"><a href="https://thepurplebirdman.gumroad.com">Gumroad</a></li>
+    <li class="link third-color"><a href="https://www.furaffinity.net/user/falconmccooper">FurAffinity</a></li>
+    <li class="link third-color"><a href="https://bsky.app/profile/purplebirdman.com">BlueSky</a></li>
+    <li class="link third-color"><a href="http://t.me/purplebirdman">Telegram</a></li>
+    </center>
 </div>
 </body>
 </html>
Dockerized homepage for purplebirdman