web

commit 0197dba2c5d166105bd6698134137b0617b9749f
parent c6a7052d5a0dd5ba6e6e704ed4a50528d0657484
Author: erai <erai@omiltem.net>
Date:   Sun, 14 Apr 2024 20:42:19 -0400

better spacing

Diffstat:
M
about/index.html
 | 
29
++++++++++++-----------------
M
css/style.css
 | 
13
++++++++++---
M
index.html
 | 
1
+

3 files changed, 23 insertions(+), 20 deletions(-)
diff --git a/about/index.html b/about/index.html
@@ -10,6 +10,7 @@
     <meta property="og:type" content="article">
     <meta property="og:title" content="About &mdash; Omiltem">
     <meta property="og:description" content="Hello, I'm erai and this is my website!">
+    <meta name="description" content="Hello, I'm erai and this is my website!">
     <link rel="stylesheet" href="/css/style.css">
     <link rel="icon" href="/favicon.png">
     <link rel="me" href="https://furry.engineer/@erai">
@@ -31,23 +32,17 @@
     </header>
     <main>
       <article>
-        <h1>About</h1>
-        <div class="row">
-          <div class="col nogrow">
-            <img src="./pfp.jpg" class="pfp" alt="erai bunny profile picture">
-          </div>
-          <div class="col pad">
-            <h3>ERAI</h3>
-            This is me!
-            <ul>
-              <li><a href="mailto:erai+blog@omiltem.net">email (erai+blog@omiltem.net)</a></li>
-              <li><a href="https://github.com/erai271">github (erai271)</a></li>
-              <li><a href="https://bsky.app/profile/erai.gay">bluesky (@erai.gay)</a></li>
-              <li><a href="https://furry.engineer/@erai">mastodon (@erai@furry.engineer)</a></li>
-	      <li><a href="https://t.me/erai271">telegram (@erai271)</a></li>
-            </ul>
-          </div>
-        </div>
+        <p class="c">
+          <img src="./pfp.jpg" class="pfp" alt="erai bunny profile picture">
+        </p>
+        <h2>Links</h2>
+        <ul>
+          <li><a href="mailto:erai+blog@omiltem.net">email (erai+blog@omiltem.net)</a></li>
+          <li><a href="https://github.com/erai271">github (erai271)</a></li>
+          <li><a href="https://bsky.app/profile/erai.gay">bluesky (@erai.gay)</a></li>
+          <li><a href="https://furry.engineer/@erai">mastodon (@erai@furry.engineer)</a></li>
+	        <li><a href="https://t.me/erai271">telegram (@erai271)</a></li>
+        </ul>
       </article>
     </main>
     <footer>
diff --git a/css/style.css b/css/style.css
@@ -97,14 +97,18 @@ th, td {
   vertical-align: center;
 }
 
-th .l, td .l {
+.l {
 	text-align: left;
 }
 
-th .r, td .r {
+.r {
 	text-align: right;
 }
 
+.c {
+  text-align: center;
+}
+
 table {
 	border-collapse: collapse;
 	margin: 1em auto;
@@ -121,7 +125,6 @@ blockquote {
 }
 
 .pfp {
-	margin: 1em;
 	width: 200px;
 	height: 200px;
 	overflow: hidden;
@@ -151,6 +154,10 @@ blockquote {
 	padding: 1em 2em;
 }
 
+li {
+  padding: 2pt;
+}
+
 .nogrow {
 	flex-grow: 0;
 }
diff --git a/index.html b/index.html
@@ -10,6 +10,7 @@
     <meta property="og:type" content="website">
     <meta property="og:title" content="Omiltem">
     <meta property="og:description" content="Hello, I'm erai and this is my website!">
+    <meta name="description" content="Hello, I'm erai and this is my website!">
     <link rel="stylesheet" href="/css/style.css">
     <link rel="icon" href="/favicon.png">
   </head>