Add some styles

deepakjois · Aug 8, 2024 · 3927db4 · 3927db4
1 parent 90f5e75
commit 3927db4
Show file tree

Hide file tree

Showing 4 changed files with 71 additions and 8 deletions.
diff --git a/content/index.html b/content/index.html
@@ -1,3 +1,9 @@
-<div>
-    <h1>Coming Soon</h1>
-</div>
+<p>Deepak Jois</p>
+
+<p>I am computer programmer with a highly distractable brain.</p>
+
+<p>I keep a <a href="/daily">daily log</a>.</p>
+
+<p>You can follow me on <a href="https://twitter.com/debugjois">X</a> and <a href="https://instagram.com/debugjois">Instagram</a>, or email me at <a href="mailto:[email protected]">[email protected]</a> 🫶🏽.</p>
+
+<p>&gt; <em>Currently, I am digging into AI models and perfecting my pidgin Spanish.</em></p>
diff --git a/main.go b/main.go
@@ -60,7 +60,7 @@ func generateIndexPage(tmpl *template.Template) error {
 	}
 
 	page := Page{
-		Title: "Coming Soon",
+		Title: "Deepak Jois",
 		Body:  template.HTML(content),
 	}
 
@@ -81,7 +81,7 @@ func generateDailyNotesPage(tmpl *template.Template) error {
 	}
 
 	page := Page{
-		Title: "Daily Notes",
+		Title: "Deepak Jois · Daily Notes",
 		Body:  template.HTML(buf.String()),
 	}
 

diff --git a/static/styles.css b/static/styles.css
@@ -0,0 +1,54 @@
+html {
+    font-size: 15px;
+    text-size-adjust: none;
+}
+
+body {
+    background-color: hsl(150, 5%, 10%);;
+    color: hsl(150, 10%, 80%);
+    font-family: "IBM Plex Mono", Courier, monospace;
+    font-size: 1rem;
+    font-weight: 400;
+    line-height: 1.6;
+    margin: 0;
+    padding: 0;
+    text-wrap: pretty;
+  }
+
+main {
+    margin-inline: auto;
+    max-width: 70ch;
+    padding: 4vw;
+}
+
+h3 {
+    font-size: 2rem;
+    line-height: 1.2;
+}
+
+p {
+    margin: 1.5rem auto;
+}
+
+h3 + p {
+    margin-top: -1.2rem;
+}
+
+hr {
+    border: 1px dashed;
+    margin-block: 3em;
+}
+
+a {
+    /* color: hsl(0, 100%, 100%); */
+    color: #e1adc2;
+    text-decoration-thickness: 1px;
+    text-underline-offset: 2px;
+}
+
+code, .hashtag {
+    background-color: #272822;
+    border-radius: 0.25em;
+    color: #f8f8f2;
+    padding: 0.05em 0.25em;
+}
diff --git a/templates/shell.html b/templates/shell.html
@@ -7,12 +7,15 @@
     <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
     <link rel="manifest" href="/site.webmanifest">
+    <link rel="stylesheet" href="/styles.css">
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet">
     <title>{{.Title}}</title>
 </head>
 <body>
+    <main>
     {{.Body}}
-    <footer>
-        <p>© Deepak Jois</p>
-    </footer>
+    </main>
 </body>
 </html>