diff --git a/src/assets/css/prism-dark.css b/src/assets/css/prism-dark.css new file mode 100644 index 0000000..fd86e8d --- /dev/null +++ b/src/assets/css/prism-dark.css @@ -0,0 +1,3 @@ +/* PrismJS 1.29.0 +https://prismjs.com/download.html#themes=prism-okaidia&languages=markup+css+clike+javascript+bash+csv+dart+diff+docker+git+http+ignore+javadoclike+json+liquid+markdown+markup-templating+mongodb+nginx+php+phpdoc+php-extras+python+jsx+tsx+sass+scss+scheme+solidity+typescript+typoscript+yaml */ +code[class*=language-],pre[class*=language-]{color:#f8f8f2;background:0 0;text-shadow:0 1px rgba(0,0,0,.3);font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#272822}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8292a2}.token.punctuation{color:#f8f8f2}.token.namespace{opacity:.7}.token.constant,.token.deleted,.token.property,.token.symbol,.token.tag{color:#f92672}.token.boolean,.token.number{color:#ae81ff}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a6e22e}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#f8f8f2}.token.atrule,.token.attr-value,.token.class-name,.token.function{color:#e6db74}.token.keyword{color:#66d9ef}.token.important,.token.regex{color:#fd971f}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help} diff --git a/src/assets/css/prism-light.css b/src/assets/css/prism-light.css new file mode 100644 index 0000000..83a1a33 --- /dev/null +++ b/src/assets/css/prism-light.css @@ -0,0 +1,3 @@ +/* PrismJS 1.29.0 +https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javascript+bash+csv+dart+diff+docker+git+http+ignore+javadoclike+json+liquid+markdown+markup-templating+mongodb+nginx+php+phpdoc+php-extras+python+jsx+tsx+sass+scss+scheme+solidity+typescript+typoscript+yaml */ +code[class*=language-],pre[class*=language-]{color:#000;background:0 0;text-shadow:0 1px #fff;font-family:Consolas,Monaco,'Andale Mono','Ubuntu Mono',monospace;font-size:1em;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-] ::-moz-selection,code[class*=language-]::-moz-selection,pre[class*=language-] ::-moz-selection,pre[class*=language-]::-moz-selection{text-shadow:none;background:#b3d4fc}code[class*=language-] ::selection,code[class*=language-]::selection,pre[class*=language-] ::selection,pre[class*=language-]::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#9a6e3a;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.class-name,.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help} diff --git a/src/assets/css/style.css b/src/assets/css/style.css index f8bdd87..dc97c81 100644 --- a/src/assets/css/style.css +++ b/src/assets/css/style.css @@ -18,4 +18,5 @@ @import 'profile.css'; @import 'queries.css'; @import 'gpx.css'; -@import 'forms.css'; \ No newline at end of file +@import 'forms.css'; +@import 'prism-dark.css'; \ No newline at end of file diff --git a/src/blog/6-jquery-codex.njk b/src/blog/6-jquery-codex.njk index aeead98..ed6efd1 100644 --- a/src/blog/6-jquery-codex.njk +++ b/src/blog/6-jquery-codex.njk @@ -18,7 +18,7 @@ tags:

- jQuery-codex is a plugin for sodomizing strings of text. In newer versions there are several effects available. You can see the code examples on its Github page. + jQuery-codex is a plugin for sodomizing strings of text. In newer versions there are several effects available. You can see code examples on its Github page or npm repo.

The original idea for the first effect came from a CCC page that I couldn’t find again. So I code it myself. Many improvements are missing. Code them and share them via pull request! diff --git a/src/pages/home.njk b/src/pages/home.njk index db65e86..5de28f8 100644 --- a/src/pages/home.njk +++ b/src/pages/home.njk @@ -28,7 +28,7 @@ alpine: true {{ list.archive(collections.posts, "2024", showTags=false) }} {{ list.archive(collections.posts, "2023", showTags=false) }}
-

💯 Full archive here.

+

💯 Full archive here.