added a header

0xcrypto · Mar 24, 2024 · 1817534 · 1817534
1 parent 2c51578
commit 1817534
Showing 1 changed file with 20 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -23,11 +23,11 @@
         .container {
             font-size: 3rem;
             display: flex;
-            width: 100%;
+            width: 80%;
+            margin:auto;
         }
 
         .section {
-            flex-grow: 3;
             margin: 3rem;
         }
 
@@ -36,10 +36,12 @@
         }
 
         ul li {
-            margin-bottom: 2rem;
+            margin-bottom: 1rem;
+            font-family: monospace;
         }
 
         h1 {
+            text-align: center;
             margin: 0;
         }
 
@@ -49,8 +51,19 @@
     </style>
 </head>
 <body>
+    <header class="container">
+        <div class="section">
+            <p style="font-family: monospace;">
+                <a href="https://0xcrypto.github.io">~/0xcrypto.github.io</a> $
+                <a href="https://eval.blog/about">whoami</a><br />
+                0xcrypto<br />
+            </p>
+            This is a collection of my profiles, projects, notes, talks and tools. 
+        </div>
+    </header>
     <div class="container">
         <div class="section">
+
             <h1>Profiles</h1>
             <ul>
                 <li style="list-style-image: url(https://www.google.com/s2/favicons?domain=https://0xcrypto.github.io/cv&sz=32);"><a href="https://0xcrypto.github.io/cv">Curriculum Vitae</a></li>
@@ -60,9 +73,10 @@ <h1>Profiles</h1>
                 <li style="list-style-image: url(https://www.google.com/s2/favicons?domain=https://github.com/0xcrypto&sz=32);"><a href="https://github.com/0xcrypto">GitHub</a></li>
                 <li style="list-style-image: url(https://www.google.com/s2/favicons?domain=https://twitter.com/0xcrypto&sz=32);"><a href="https://twitter.com/0xcrypto">Twitter</a></li>
                 <li style="list-style-image: url(https://www.google.com/s2/favicons?domain=https://dotnet.social/@ivx&sz=32);"><a href="https://dotnet.social/@ivx">Mastodon</a></li>
-                <li style="list-style-image: url(https://www.google.com/s2/favicons?domain=https://youtube.com/&sz=32);"><a href="https://youtube.com/@ivx">0xcrypto</a> | <a href="https://youtube.com/@ivxenog">ivxenog</a></li>
+                <li style="list-style-image: url(https://www.google.com/s2/favicons?domain=https://youtube.com/&sz=32);"><a href="https://youtube.com/@ivx">0xcrypto</a></li>
+                <li style="list-style-image: url(https://www.google.com/s2/favicons?domain=https://youtube.com/&sz=32);"><a href="https://youtube.com/@ivxenog">ivxenog</a></li>
             </ul>
-        </div>
+        </div><hr />
         <div class="section">
             <h1>Projects</h1>
             <ul>
@@ -71,7 +85,7 @@ <h1>Projects</h1>
                 <li style="list-style-image: url(https://www.google.com/s2/favicons?domain=https://github.com/0xcrypto/purge&sz=32);"><a href="https://github.com/0xcrypto/purge">purge</a></li>
                 <li style="list-style-image: url(https://www.google.com/s2/favicons?domain=https://github.com/0xcrypto/scope&sz=32);"><a href="https://github.com/0xcrypto/scope">scope</a></li>
             </ul>
-        </div>
+        </div><hr />
         <div class="section">
             <h1>Tools</h1>
             <ul>