update homepage

ekulno · Feb 25, 2024 · 64fb313 · 64fb313
1 parent 5fcb3b7
commit 64fb313
Show file tree

Hide file tree

Showing 3 changed files with 64 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -1,9 +1,41 @@
+<!DOCTYPE html>
 <html>
     <head>
-        <title>Ekul</title>
+        <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/",
+                "@type": "WebPage",
+                "url": "https://ekul.no",
+                "mainEntity": {
+                 "@id": "https://ekul.no/eirik-kultorp",
+                 "@type": "Person",
+                 "image": "https://ekul.no/portrait.png",
+                 "name": "Eirik Kultorp",
+                 "url": "https://ekul.no"
+                }
+            }
+        </script>
     </head>
     <body>
-        <h1>Ekul</h1>
-        <p>Ekul</p>
+        <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>
+            <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"/>
+        </main>
+        <div id="black"></div>
     </body>
-</html>
+    </html>
diff --git a/portrait.png b/portrait.png
diff --git a/style.css b/style.css
@@ -0,0 +1,28 @@
+.social-button {
+    height: 2em;
+    width: 2em;
+}
+
+
+body {
+    height: 100vh;
+    margin: 0;
+}
+main {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    font-family:'Courier';
+    height: 100%;
+    font-size: 1em;
+}
+
+#portrait {
+    width: 150px;
+    border-radius: 100%;
+}
+
+main > * {
+    max-width: 19em;
+    text-align: center;
+}