attempting syntax-highlighting via server-side plugin

TODO.md

@@ -17,12 +17,16 @@
   - [X] ~~*create some blog entries*~~ [2021-07-06]
 - [X] ~~*properly incorporate favicons (meta links etc)*~~ [2021-07-07]
   - [X] ~~*include pubkey asc file, others??*~~ [2021-07-07]
-- [ ] purgecss/webpack config for production
-  - [ ] clear dist folder and test building again
-- [ ] continue main work
-  - [ ] confirm content-article.php ok for multi-post blog page index listing
-  - [ ] single-post blog post view?
-  - [ ] syntax highlighting?
+- [X] ~~*purgecss/webpack config for production*~~ [2021-07-07]
+  - [X] ~~*clear dist folder and test building again*~~ [2021-07-07]
+- [X] ~~*continue blog work*~~ [2021-07-08]
+  - [X] ~~*confirm content-article.php ok for multi-post blog page index listing*~~ [2021-07-08]
+  - [X] ~~*single-post blog post view?*~~ [2021-07-08]
+- [ ] MOVE TO MCCOY/DEV1 WORDPRESS (1.5.8 RC1 ?)
+- [ ] syntax highlighting?
+  - [ ] create some posts with code inside (inline and blocks)
+  - [ ] create plugin to use chroma to highlight?
+- [ ] remaining pages
   - [ ] create Resume page and decide on using general or specific template
   - [ ] create Portfolio placeholder page
   - [ ] sidebar or footer for blog pages? meta info etc?

assets/css/app.scss

@@ -14,11 +14,17 @@
 @import "nav-bar-help";
 
 
-.font-monospace {
+/* code & syntax highlighting */
+pre, code, .font-monospace {
   font-family: $font-family-monospace;
   font-weight: 300;
   font-size: 15px;
 }
+code.hljs {
+  padding: 0.75rem 1rem;
+  border-radius: .5em;
+  background-color: #1c1c1c;
+}
 
 /* main */
 html,
@@ -111,6 +117,7 @@ a {
   }
 }
 
+/* blockquote handling */
 blockquote {
   &.wp-block-quote {
     @extend .border-start;
@@ -121,7 +128,9 @@ blockquote {
     @extend .ps-3;
     p {
       @extend .blockquote;
-      margin-bottom: -0.25rem !important;
+      &:last-of-type {
+        margin-bottom: -0.25rem !important;
+      }
     }
     cite {
       @extend .blockquote-footer;

src/classes.php

@@ -65,3 +65,13 @@ add_filter( 'wp_nav_menu_objects', function($items, $args) {
   }
   return $items;
 }, 1, 2 );
+
+/*
+ * Filter for syntax-highlighting-code-block plugin style theme
+ */
+add_filter(
+	'syntax_highlighting_code_block_style',
+	function() {
+		return 'tomorrow-night-eighties';
+	}
+);