]> Untitled Git - purplebirdman.git/commitdiff
First good version of the page
authorClifton Palmer <clifton.james.palmer@protonmail.com>
Thu, 17 Aug 2023 19:10:33 +0000 (14:10 -0500)
committerClifton Palmer <clifton.james.palmer@protonmail.com>
Thu, 17 Aug 2023 19:10:33 +0000 (14:10 -0500)
www/css/index-1.css
www/index.html

index e6349d8abf167aa251614b2dd0421c53484be658..f4f84ef215cf58a4e0e29bf2932a3a50fa57aa94 100644 (file)
@@ -1,21 +1,32 @@
 a, p, li, h1, h2, h3, h4, h5, h6 {
-  font-family: "Monospace", sans-serif;
+    font-family: "Monospace", sans-serif;
+    font-size: 18;
+    color: purple;
+}
+
+a {
+    font-size: 24;
 }
 
 li {
     list-style-type: none;
 }
 
-.card { 
+#title {
+    font-weight: 700;
+    font-size: 70;
+}
+
+.titlecard { 
     width: 512px;
     border-radius: 16px;
     padding: 32px;
+    margin:0 auto;
 }
 
-.links { 
+.card { 
     border-radius: 16px;
     padding: 32px;
-    margin: 16px;
 }
 
 .link { 
index 25629cdcdaa11f176d0ef2d43361032e912aa380..a168de70e8a65ed4e358236e296907648891ceea 100644 (file)
@@ -4,18 +4,27 @@
 <link rel="stylesheet" type="text/css" href="css/index.css" />
 </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>
-    <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 class="titlecard second-color">
+    <h1 id="title">purplebirdman</h1>
+    <br>
+    <div class="card third-color">
+        <p>
+Hey! I'm a comic guy who makes stuff with the help of my supporters. Most of my work focuses on 18+ intimacy, queer life experiences, and funny animal people.
+        </p>
+        <p>
+I'm terrible at social media, but I'm trying to put myself out there!
+        </p>
+    </div>
+    <br>
+    <div class="card third-color">
+        <center>
+        <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>
+        <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>
+        </center>
+    </div>
 </div>
 </body>
 </html>