attempting syntax-highlighting via server-side plugin

This commit is contained in:
Adam Piontek 2021-07-08 11:49:18 -04:00
parent 3b8518d774
commit d635a1a700
3 changed files with 31 additions and 8 deletions

14
TODO.md
View file

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

View file

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

View file

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