update homepage

ekulno · Feb 25, 2024 · 3481534 · 3481534
1 parent dc6509c
commit 3481534
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 11 deletions.
diff --git a/index.html b/index.html
@@ -3,6 +3,7 @@
     <head>
         <title>Eirik Kultorp's homepage</title>
         <link rel="stylesheet" href="style.css">
+        <meta name="viewport" content="width=device-width,initial-scale=1"/>
         <script type="application/ld+json" data-rh="true">
             {
                 "@context": "https://schema.org/",
@@ -19,21 +20,22 @@
         </script>
     </head>
     <body>
-        <section>
-
+        <main>
             <h1>Eirik Kultorp</h1>
             <p>
                 Software engineer interested in high-performance computing, devops and infra, and knowledge representation. 
+            </p><p>
                 Enjoys sci-fi and racket sports. 
                 Based in Oslo. 
             </p>
-            <ul>
-                <li><a href="https://github.com/ekulno">Github</a></li>
-                <li><a href="https://triplydb.com/eirik">TriplyDB</a></li>
-                <li><a href="https://www.linkedin.com/in/eirik-kultorp-aa0225256/">LinkedIn</a></li>
-                <li><a href="https://orcid.org/0009-0005-5211-045X">ORCID</a></li>
-            </ul>
+            <p id="links">
+                <a href="https://github.com/ekulno">Github</a>
+                <a href="https://triplydb.com/eirik">TriplyDB</a>
+                <a href="https://www.linkedin.com/in/eirik-kultorp-aa0225256/">LinkedIn</a>
+                <a href="https://orcid.org/0009-0005-5211-045X">ORCID</a>
+            </p>
             <img src="portrait.png" id="portrait"/>
-        </section>
+        </main>
+        <div id="black"></div>
     </body>
-</html>
+    </html>
diff --git a/style.css b/style.css
@@ -6,4 +6,21 @@
 #portrait {
     width: 10em;
     border-radius: 100%;
-}
+}
+body {
+    height: 100vh;
+    margin: 0;
+}
+main {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    font-family:'Courier';
+    height: 100%;
+    font-size: 1.5em;
+}
+
+main > * {
+    max-width: 19em;
+    text-align: center;
+}