dyvenia · acivitillo · Jan 8, 2025 · Jan 8, 2025 · Jan 8, 2025 · Jan 8, 2025
diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
@@ -25,7 +25,7 @@ jobs:
         run: npm install
 
       - name: Run npm build
-        run: npm run build:11ty
+        run: npm run build
 
       - name: Deploy to gh-pages
         uses: peaceiris/actions-gh-pages@v3

diff --git a/src/_data/navigation.js b/src/_data/navigation.js
@@ -10,10 +10,6 @@ export default {
     }
   ],
   bottom: [
-    {
-      text: 'Style guide',
-      url: '/styleguide/'
-    },
     {
       text: 'Imprint',
       url: '/imprint/'

diff --git a/src/_includes/head/css-inline.njk b/src/_includes/head/css-inline.njk
@@ -3,12 +3,10 @@
 		<!-- External CSS for local dev (refresh without page reload) -->
 		<link rel="stylesheet" href="{% getBundleFileUrl "css", "global" %}">
 		<link rel="stylesheet" href="{% getBundleFileUrl "css", "inline" %}">
-		<link href="https://unpkg.com/prismjs@1.20.0/themes/prism-okaidia.css" rel="stylesheet"/>
 	{%- else  %}
 		<!-- Inlined CSS (fastest site performance in production)  -->
 		<style>{% getBundle "css", "global" %}</style>
 		<style>{% getBundle "css", "inline" %}</style>
-		<link href="https://unpkg.com/prismjs@1.20.0/themes/prism-okaidia.css" rel="stylesheet"/>
 	{%- endif %}
 
 	{% css "global" %}{% include "css/global.css" %}{% endcss %}
diff --git a/src/assets/css/global/blocks/code.css b/src/assets/css/global/blocks/code.css
@@ -1,230 +1,123 @@
-:root {
-  --color-code-orange: hsl(30, 70%, 60%);
-  --color-code-blue: var(--color-pink);
-  --color-code-indigo: hsl(260, 48%, 56%);
-  --color-code-violet: hsl(314, 70%, 60%);
-  --color-code-pink: hsl(350, 70%, 60%);
-  --color-code-gray: hsl(0, 0%, 58%);
-  --color-code-bg: color-mix(in oklab, var(--color-bg) 92%, black);
-}
-
-code,
-pre {
-  font-family: var(--font-mono);
-  font-size: var(--size-step-min-1);
-  background-color: var(--color-code-bg);
-
-  border-radius: var(--border-radius-small);
-}
+/**
+ * okaidia theme for JavaScript, CSS and HTML
+ * Loosely based on Monokai textmate theme by http://www.monokai.nl/
+ * @author ocodia
+ */
 
 code[class*='language-'],
 pre[class*='language-'] {
+  color: #f8f8f2;
+  background: none;
+  text-shadow: 0 1px rgba(0, 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;
-  hyphens: none;
-}
+  line-height: 1.5;
 
-/* Specific Styles for <pre> Elements */
-pre {
-  grid-column: popout !important;
-  overflow-x: auto;
-  padding: var(--space-m-l);
-}
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
 
-/* Style Adjustments for <code> within different contexts */
-:where(:not(pre)) > code {
-  position: relative;
-  top: -0.05em;
-  padding: 0.1em 0.4em;
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
 }
 
+/* Code blocks */
 pre[class*='language-'] {
+  padding: 1em;
+  margin: 0.5em 0;
   overflow: auto;
-  position: relative;
-}
-
-[class*='language-'] .namespace {
-  opacity: 0.7;
+  border-radius: 0.3em;
 }
 
-.token.atrule {
-  color: var(--color-code-pink);
-}
-
-.token.attr-name {
-  color: var(--color-code-orange);
-}
-
-.token.attr-value {
-  color: var(--color-text-accent);
-}
-
-.token.attribute {
-  color: var(--color-code-blue);
-}
-
-.token.boolean {
-  color: var(--color-code-pink);
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+  background: #272822;
 }
 
-.token.builtin {
-  color: var(--color-code-orange);
+/* Inline code */
+:not(pre) > code[class*='language-'] {
+  padding: 0.1em;
+  border-radius: 0.3em;
+  white-space: normal;
 }
 
+.token.comment,
+.token.prolog,
+.token.doctype,
 .token.cdata {
-  color: var(--color-code-orange);
+  color: slategray;
 }
 
-.token.char {
-  color: var(--color-code-orange);
-}
-
-.token.class {
-  color: var(--color-code-orange);
-}
-
-.token.class-name {
-  color: var(--color-code-orange);
-}
-
-.token.color {
-  color: var(--color-code-orange);
-}
-
-.token.comment {
-  color: var(--color-code-gray);
+.token.punctuation {
+  color: #f8f8f2;
 }
 
-.token.constant {
-  color: var(--color-code-pink);
+.token.namespace {
+  opacity: 0.7;
 }
 
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
 .token.deleted {
-  color: var(--color-code-pink);
+  color: #f92672;
 }
 
-.token.doctype {
-  color: var(--color-code-orange);
+.token.boolean,
+.token.number {
+  color: #ae81ff;
 }
 
-.token.entity {
-  color: var(--color-code-pink);
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+  color: #a6e22e;
 }
 
-.token.function {
-  color: var(--color-code-pink);
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+  color: #f8f8f2;
 }
 
-.token.hexcode {
-  color: var(--color-code-orange);
+.token.atrule,
+.token.attr-value,
+.token.function,
+.token.class-name {
+  color: #e6db74;
 }
 
-.token.id {
-  color: var(--color-code-pink);
-  font-weight: var(--font-bold);
+.token.keyword {
+  color: #66d9ef;
 }
 
+.token.regex,
 .token.important {
-  color: var(--color-code-pink);
-  font-weight: var(--font-bold);
+  color: #fd971f;
 }
 
-.token.inserted {
-  color: var(--color-code-orange);
+.token.important,
+.token.bold {
+  font-weight: bold;
 }
-
-.token.keyword {
-  color: var(--color-code-pink);
+.token.italic {
   font-style: italic;
 }
 
-.token.number {
-  color: var(--color-text-accent);
-}
-
-.token.operator {
-  color: var(--color-code-gray);
-}
-
-.token.prolog {
-  color: var(--color-code-orange);
-}
-
-.token.property {
-  color: var(--color-code-orange);
-}
-
-.token.pseudo-class {
-  color: var(--color-code-blue);
-}
-
-.token.pseudo-element {
-  color: var(--color-code-blue);
-}
-
-.token.punctuation {
-  color: var(--color-code-gray);
-}
-
-.token.regex {
-  color: var(--color-code-orange);
-}
-
-.token.selector {
-  color: var(--color-code-pink);
-}
-
-.token.string {
-  color: var(--color-text-accent);
-}
-
-.token.symbol {
-  color: var(--color-code-pink);
-}
-
-.token.tag {
-  color: var(--color-code-pink);
-}
-
-.token.unit {
-  color: var(--color-code-pink);
-}
-
-.token.url {
-  color: var(--color-code-violet);
-}
-
-.token.variable {
-  color: var(--color-code-pink);
-}
-
-/* CodePen iframe */
-.codepen a {
-  --icon-size: 1.2em;
-
-  display: flex;
-  align-items: center;
-  gap: var(--space-2xs);
-}
-
-.prose .cp_embed_wrapper,
-.prose .cp_embed_wrapper + script + *:not(h2) {
-  --flow-space: var(--space-l);
-}
-
-.cp_embed_wrapper {
-  grid-column: popout;
-  position: relative;
-  overflow: auto;
-  display: grid;
-  place-items: center;
-  grid-template-areas: 'container';
-  resize: horizontal;
-}
-
-.cp_embed_wrapper iframe {
-  grid-area: container;
-  width: 100%;
+.token.entity {
+  cursor: help;
 }
diff --git a/src/pages/privacy.md b/src/pages/privacy.md
@@ -3,18 +3,16 @@ title: Privacy Policy
 discover:
   title: Privacy Policy
 permalink: /privacy/index.html
-description: I respect the EU General Data Protection Regulation (GDPR). This policy document explains how I collect and handle any information you provide to me.
+description: We respect the EU General Data Protection Regulation (GDPR). This policy document explains how we collect and handle any information you provide to us.
 layout: page
 ---
 
-Edit your details in `_data/personal.yaml`
-
-I respect the EU General Data Protection Regulation (GDPR) and this policy document explains how I collect and handle any information you provide to me.
+We respect the EU General Data Protection Regulation (GDPR) and this policy document explains how we collect and handle any information you provide to us.
 
 **What background data is collected?**
 This site does not use any third party tracking scripts.
 
-**How do I use the data you provide?**
+**How do we use the data you provide?**
 This website does not collect any data.
 
 **How secure is your data?**
@@ -27,10 +25,10 @@ This website transmits itself using HTTPS, encrypting all data between the brows
 
 {{ personal.address }}
 
-If you have any questions or doubts, please contact me: <a href="mailto:{{ personal.email }}">{{ personal.email }}</a>.
+If you have any questions or doubts, please contact us: <a href="mailto:{{ personal.email }}">{{ personal.email }}</a>.
 
 **Changes to the policy**
-If I change the content of this policy, those changes will be effective at the time I post them here.
+If qw change the content of this policy, those changes will be effective at the time qw post them here.
 
 **Complaints**
-If you have any reason to complain about the way I handle your privacy, please contact me by email: <a href="mailto:{{ personal.email }}">{{ personal.email }}</a>.
+If you have any reason to complain about the way qw handle your privacy, please contact us by email: <a href="mailto:{{ personal.email }}">{{ personal.email }}</a>.
diff --git a/src/pages/styleguide.njk b/src/pages/styleguide.njk
@@ -3,6 +3,7 @@ title: Style Guide
 permalink: /styleguide/index.html
 layout: base
 eleventyExcludeFromCollections: true
+excludeFromSitemap: true
 customColors:
   - property: '--color-text'
   - property: '--color-text-accent'