]> Untitled Git - purplebirdman.git/commitdiff
Added CSS
authorClifton Palmer <clifton.james.palmer@protonmail.com>
Wed, 16 Aug 2023 06:32:39 +0000 (01:32 -0500)
committerClifton Palmer <clifton.james.palmer@protonmail.com>
Wed, 16 Aug 2023 06:32:39 +0000 (01:32 -0500)
www/css/index-1.css [new file with mode: 0644]
www/css/index.css [new symlink]
www/index.html

diff --git a/www/css/index-1.css b/www/css/index-1.css
new file mode 100644 (file)
index 0000000..f945581
--- /dev/null
@@ -0,0 +1,22 @@
+body {
+    background: #defcf9;
+}
+
+.card { 
+       background: #cadefc; 
+    width: 512px;
+    border-radius: 24px;
+    padding: 8px;
+}
+
+.links { 
+       background: #c3bef0; 
+    border-radius: 24px;
+    padding: 8px;
+}
+
+.link { 
+       background: #cca8e9; 
+    border-radius: 24px;
+    padding: 8px;
+}
diff --git a/www/css/index.css b/www/css/index.css
new file mode 120000 (symlink)
index 0000000..e74384d
--- /dev/null
@@ -0,0 +1 @@
+index-1.css
\ No newline at end of file
index dc4ff15084582b4e6e0246519b11b0a81a499c8d..70b93a851e916dac6d98ff41266f91cefcd94dc0 100644 (file)
@@ -1,17 +1,21 @@
 <html>
 <html>
+<head>
+<link rel="stylesheet" type="text/css" href="css/index.css" />
+</head>
 <body>
 <center>
 <body>
 <center>
-<p>
-<br><h1>purplebirdman</h1></br>
-<br><h3>Places you can find me</h3></br>
-</p>
-<p>
-<br><a href="https://patreon.com/purplebirdman">Patreon</a></br>
-<br><a href="https://thepurplebirdman.gumroad.com">Gumroad</a></br>
-<br><a href="https://www.furaffinity.net/user/falconmccooper">FurAffinity</a></br>
-<br><a href="https://bsky.app/profile/purplebirdman.com">BlueSky</a></br>
-<br><a href="http://t.me/purplebirdman">Telegram</a></br>
-</p>
+<div class="card">
+    <p>
+        <h1 class="title">purplebirdman</h1>
+    </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>
 </center>
 </body>
 </html>
 </center>
 </body>
 </html>