tweak styles

app/styles/app.css

@@ -28,8 +28,8 @@
   }
 }
 
-a:visited {
-  color: inherit;
+a, a:visited {
+  color:var(--accent);
 }
 
 header>nav a.active {
@@ -38,6 +38,33 @@ header>nav a.active {
   cursor:pointer
 }
 
+footer a {
+  color: inherit !important;
+}
+
+pre {
+  background-color: #000;
+  border: dashed 2px var(--accent);
+  font-style: normal;
+}
+
+blockquote {
+  padding-top: 0.3rem;
+  padding-bottom: 0.6rem;
+
+  padding-left: 0.8rem;
+  padding-right: 0.8rem;
+}
+
+blockquote p:first-child {
+  padding-top: 0;
+  margin-top: 0;
+}
+
+blockquote p:last-child {
+  padding-bottom: 0;
+  margin-bottom: 0;
+}
 
 /* Icons from: https://www.iconfinder.com/iconsets/font-awesome-brands-vol-1 */
 .icon-button {

app/templates/application.gjs

@@ -25,8 +25,21 @@ class MyRouteComponent extends Component {
     </main>
 
     <footer>
-      <p>Thanks to <a href="https://kevquirk.com">Kev Quirk</a> for making <a href="https://simplecss.org/">Simple.css</a>, which this site is based on.</p>
+      <p>
+        Thanks to <a href="https://kevquirk.com">Kev Quirk</a>
+        for making <a href="https://simplecss.org/">Simple.css</a>,
+        which this site's design is based on.
+      </p>
     </footer>
+
+    <link rel="stylesheet" href="/assets/tomorrow-night-bright.css">
+    <script type="module">
+      import hljs from '/assets/highlight.min.js';
+      // import js from 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.9.0/es/languages/js.min.js';
+      // hljs.registerLanguage('js', js);
+
+      hljs.highlightAll();
+    </script>
   </template>
 
   get title() {

app/templates/article/conventional-comments.md

@@ -10,6 +10,12 @@ This process helps convey understanding of:
 
 You can use the process [as documented by the author](https://conventionalcomments.org/), but I like using the following the following customized version.
 
+```js
+let a = 3;
+console.log(a);
+console.log('hey there');
+```
+
 ## Streamlined Conventional Comments
 
 All comments must be resolved before merging, but resolution can look different for different kinds of comments.
@@ -18,7 +24,7 @@ All comments are also non-blocking unless otherwise specified.
 
 ### Format
 
-```jsx
+```
 <label> ([blocking-status]): <subject>
 
 [details]

app/templates/article/theme-pact.md

@@ -106,6 +106,6 @@ I (re-)discovered that smaller iterations are better. If you are going from zero
 
 If you want to learn more about these topics, I recommend the following.
 
-- Theme System: [https://www.thethemesystem.com](https://www.thethemesystem.com/)
-- PACT Goals: [https://nesslabs.com/smart-goals-pact](https://nesslabs.com/smart-goals-pact)
-- The Power of Habit: [https://charlesduhigg.com/the-power-of-habit/](https://charlesduhigg.com/the-power-of-habit/)
+- [Theme System](https://www.thethemesystem.com/)
+- [PACT Goals](https://nesslabs.com/smart-goals-pact)
+- [The Power of Habit](https://charlesduhigg.com/the-power-of-habit/)