header and more julia styling

rdboyes · Sep 4, 2024 · 0d5bdd6 · 0d5bdd6
1 parent f920fbd
commit 0d5bdd6
Show file tree

Hide file tree

Showing 6 changed files with 41 additions and 196 deletions.
diff --git a/_css/basic.css b/_css/basic.css
@@ -1,177 +1,5 @@
 @import url("https://fonts.cdnfonts.com/css/jetbrains-mono-2");
 
-/* ==================================================================
-    Header and Nav
-================================================================== */
-
-nav {
-    width: 100%;
-    display: inline-block;
-    text-align: center;
-}
-
-nav ul {
-    padding-left: 0;
-    margin-top: 0;
-    margin-bottom: 0;
-}
-
-nav li {
-    display: inline-block;
-}
-
-nav li a {
-    color: #004de6;
-    text-decoration: none;
-    font-size: 18px;
-    font-weight: bold;
-    display: inline-block;
-    float: center;
-    padding-top: 10px;
-    padding-right: 2px;
-    padding-left: 2px;
-    padding-bottom: 5px;
-    margin-left: 7px;
-    margin-right: 7px;
-    margin-bottom: 7px;
-    border-bottom: 2px solid white;
-    transition: color 0.3s ease;
-}
-
-header li a:hover {
-    color: orange;
-    border-bottom: 2px solid black;
-}
-
-#menu-icon {
-    display: none;
-}
-
-html,
-body,
-div,
-span,
-applet,
-object,
-iframe,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-p,
-blockquote,
-pre,
-a,
-abbr,
-acronym,
-address,
-big,
-cite,
-code,
-del,
-dfn,
-em,
-img,
-ins,
-kbd,
-q,
-s,
-samp,
-small,
-strike,
-strong,
-sub,
-sup,
-tt,
-var,
-b,
-u,
-i,
-center,
-dl,
-dt,
-dd,
-ol,
-ul,
-li,
-fieldset,
-form,
-label,
-legend,
-table,
-caption,
-tbody,
-tfoot,
-thead,
-tr,
-th,
-td,
-article,
-aside,
-canvas,
-details,
-embed,
-figure,
-figcaption,
-footer,
-header,
-hgroup,
-menu,
-nav,
-output,
-ruby,
-section,
-summary,
-time,
-mark,
-audio,
-video {
-    /*margin: 0;*/
-    padding: 0;
-    border: 0;
-    font-size: 100%;
-    font: inherit;
-    vertical-align: baseline;
-}
-/* HTML5 display-role reset for older browsers */
-article,
-aside,
-details,
-figcaption,
-figure,
-footer,
-header,
-hgroup,
-menu,
-nav,
-section {
-    display: block;
-}
-body {
-    line-height: 1;
-}
-ol,
-ul {
-    list-style: none;
-}
-blockquote,
-q {
-    quotes: none;
-}
-blockquote:before,
-blockquote:after,
-q:before,
-q:after {
-    content: "";
-    content: none;
-}
-table {
-    border-collapse: collapse;
-    border-spacing: 0;
-}
-
 :root {
     --font-family: "JetBrains Mono", monospace;
     --line-height: 1.2rem;
@@ -332,6 +160,16 @@ td {
     text-align: left;
 }
 
+td[scope="header"] {
+    border: var(--border-thickness) solid var(--text-color);
+    padding: calc((var(--line-height) / 2))
+        calc(1ch - var(--border-thickness) / 2)
+        calc((var(--line-height) / 2) - (var(--border-thickness)));
+    line-height: var(--line-height);
+    vertical-align: top;
+    text-align: left;
+}
+
 th[scope="col"] {
     font-weight: 700;
     border-bottom: var(--border-thickness) solid var(--text-color);

diff --git a/_layout/header.html b/_layout/header.html
@@ -1,11 +1,25 @@
-<header>
-    <nav>
-        <ul>
-            <li><a href="/">Home</a></li>
-            <li><a href="/pubs/">Publications</a></li>
-            <li><a href="/resume/">Resume</a></li>
-            <li><a href="/posts/">Posts</a></li>
-        </ul>
-        <img src="/assets/hamburger.svg" id="menu-icon" />
-    </nav>
-</header>
+<table class="header">
+    <tr>
+        <td colspan="2" rowspan="3" scope="header">
+            <h1 class="title">randy.pub</h1>
+            <span class="subtitle">Personal homepage</span>
+        </td>
+        <td scope="header" class="width-min">Author</td>
+        <td scope="header">Randy Boyes</td>
+    </tr>
+    <tr>
+        <td scope="header">Updated</td>
+        <td scope="header">
+            <time> {{ fill fd_mtime }}</time>
+        </td>
+    </tr>
+    <tr>
+        <td scope="header">Nav</td>
+        <td colspan="4" rowspan="1" scope="header">
+            <a href="/">Home</a>
+            <a href="/pubs/">Publications</a>
+            <a href="/resume/">Resume</a>
+            <a href="/posts/">Posts</a>
+        </td>
+    </tr>
+</table>
diff --git a/index.md b/index.md
@@ -1,15 +1,13 @@
----
-
 ~~~
 <span style="color:#70C66B;">julia></span>
-print(Intro)
+<span style="color:#5BC5E2;">print</span>(Intro)
 ~~~
 
 I (Randy) am currently working as the Director of Analytics at [Presage Group Inc.](https://presagegroup.com/). I completed my Ph.D. in Epidemiology at Queen's University in 2023.
 
 ~~~
 <span style="color:#70C66B;">julia></span>
-print(Socials)
+<span style="color:#5BC5E2;">print</span>(Socials)
 ~~~
 
 **4x2 DataFrame**
@@ -50,7 +48,7 @@ print(Socials)
 
 ~~~
 <span style="color:#70C66B;">julia></span>
-print(Recent)
+<span style="color:#5BC5E2;">print</span>(Recent)
 ~~~
 
 Dict{Date, String} with 2 entrys:

diff --git a/posts.md b/posts.md
@@ -2,11 +2,9 @@
 title = "Posts"
 +++
 
----
-
 ~~~
 <span style="color:#70C66B;">julia></span>
-print(Posts)
+<span style="color:#5BC5E2;">print</span>(Posts)
 ~~~
 
 Dict{Date, String} with 2 entrys:

diff --git a/pubs.md b/pubs.md
@@ -5,10 +5,9 @@ date = Date(2019, 3, 22)
 rss = "A list of working papers and publications."
 +++
 
----
 ~~~
 <span style="color:#70C66B;">julia></span>
-print(Publications)
+<span style="color:#5BC5E2;">print</span>(Publications)
 ~~~
 
 **GroupedDataFrame with 3 groups based on key: type**

diff --git a/resume.md b/resume.md
@@ -7,11 +7,9 @@ rss = "Current list of experience and education."
 tags = ["syntax", "code"]
 +++
 
----
-
 ~~~
 <span style="color:#70C66B;">julia></span>
-print(Resume)
+<span style="color:#5BC5E2;">print</span>(Resume)
 ~~~
 
 **GroupedDataFrame with 2 groups based on key: type**