Update styles

edew · Feb 7, 2025 · e5cb790 · e5cb790
1 parent 4c1527c
commit e5cb790
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 62 deletions.
diff --git a/src/2022/08/13/GIT_SSH_COMMAND.html b/src/2022/08/13/GIT_SSH_COMMAND.html
@@ -14,11 +14,6 @@
 <body>
   <header role="banner">
     <h1><a href="/">For Me</a></h1>
-    <nav class="breadcrumbs">
-      <ol>
-        <li>GIT_SSH_COMMAND</li>
-      </ol>
-    </nav>
   </header>
   <main>
     <article>
@@ -34,11 +29,9 @@ <h1><a href="/">For Me</a></h1>
           <li>Set the GIT_SSH_COMMAND to force git to use your desired key:</li>
         </ol>
 
-        <pre>
-          <code>environment:
-            GIT_SSH_COMMAND: "ssh -i /home/circleci/.ssh/id_rsa_FINGERPRINT -o UserKnownHostsFile=/home/circleci/.ssh/known_hosts"
-          </code>
-        </pre>
+        <pre><code>environment:
+  GIT_SSH_COMMAND: "ssh -i /home/circleci/.ssh/id_rsa_FINGERPRINT -o UserKnownHostsFile=/home/circleci/.ssh/known_hosts"
+        </code></pre>
       </section>
     </article>
   </main>

diff --git a/src/2024/04/29/simple_baguette.html b/src/2024/04/29/simple_baguette.html
@@ -14,11 +14,6 @@
 <body>
   <header role="banner">
     <h1><a href="/">For Me</a></h1>
-    <nav class="breadcrumbs">
-      <ol>
-        <li>Simple Baguette</li>
-      </ol>
-    </nav>
   </header>
   <main>
     <article>

diff --git a/src/2024/12/11/variable_is_set.html b/src/2024/12/11/variable_is_set.html
@@ -16,11 +16,6 @@
 <body>
 	<header role="banner">
 		<h1><a href="/">For Me</a></h1>
-		<nav class="breadcrumbs">
-			<ol>
-				<li>variable_is_set</li>
-			</ol>
-		</nav>
 	</header>
 	<main>
 		<article>

diff --git a/src/index.html b/src/index.html
@@ -19,7 +19,7 @@
 		<h1><a href="/">For Me</a></h1>
 	</header>
 	<main>
-		<ol>
+		<nav>
 			<li>
 				<a href="/2024/12/11/variable_is_set.html">variable_is_set</a> <time datetime="2024-12-11T16:49:48.605Z">Dec 11, 2024</time></section>
 			</li>
@@ -29,7 +29,7 @@ <h1><a href="/">For Me</a></h1>
 			<li>
 				<a href="/2022/08/13/GIT_SSH_COMMAND.html">GIT_SSH_COMMAND</a> <time datetime="2022-08-13T15:24:00+00:00">Aug 13, 2022</time></section>
 			</li>
-		</ol>
+		</nav>
 	</main>
 </body>
 

diff --git a/src/style.css b/src/style.css
@@ -3,68 +3,55 @@
 }
 
 html {
-	font-family: monospace;
+	font-family: sans-serif;
 	font-size: 100%;
 }
 
 body {
-	margin: 1em;
+	margin: 1rem;
 }
 
-a {
-	color: blue;
-	text-decoration: none;
-}
-
-li {
+main nav {
 	list-style: none;
-	padding-bottom: 0.3em;
-}
-
-li::marker {
-	content: '* ';
+	padding-inline-start: 0;
 }
 
-time {
-	color: #595959;
-	font-style: italic;
+main nav li {
+	margin-bottom: 1rem;
 }
 
-pre {
-	color: #595959;
-	margin-left: 2em;
-	white-space: pre-wrap;
+main nav li a {
+	display: block;
+	font-size: 1.5rem;
 }
 
-header {
-	display: flex;
-	align-items: center;
+main nav li time {
+	display: block;
+	font-size: 1rem;
 }
 
-nav.breadcrumbs {
+article, main nav {
 }
 
-nav.breadcrumbs ol {
-	list-style: none;
-}
-
-nav.breadcrumbs li {
-	display: inline-block;
-	line-height: 1;
-	padding-bottom: none;
+a {
+	color: blue;
+	text-decoration: none;
 }
 
-nav.breadcrumbs li::marker {
-	content: none;
+time {
+	color: #595959;
+	font-style: italic;
 }
 
-nav.breadcrumbs li:not(:nth-last-of-type(1))::after {
-	content: ' >';
+pre {
+	color: #595959;
+	margin-left: 2em;
+	white-space: pre-wrap;
 }
 
-@media screen and (width <= 600px) {
-	html {
-		font-size: 130%;
-		line-height: 1.5;
+@media (width >= 42rem) {
+	body {
+		margin: auto;
+		max-width: 40rem;
 	}
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -19,7 +19,7 @@ @@
     		<h1><a href="/">For Me</a></h1>
     	</header>
     	<main>
-    		<ol>
+    		<nav>
     			<li>
     				<a href="/2024/12/11/variable_is_set.html">variable_is_set</a> <time datetime="2024-12-11T16:49:48.605Z">Dec 11, 2024</time></section>
     			</li>
@@ Expand All / @@ -29,7 +29,7 @@ <h1><a href="/">For Me</a></h1> @@
     			<li>
     				<a href="/2022/08/13/GIT_SSH_COMMAND.html">GIT_SSH_COMMAND</a> <time datetime="2022-08-13T15:24:00+00:00">Aug 13, 2022</time></section>
     			</li>
-    		</ol>
+    		</nav>
     	</main>
     </body>
@@ Expand Down @@