Skip to content

Commit

Permalink
Merge pull request #18 from dyvenia/main
Browse files Browse the repository at this point in the history
Updating dev
acivitillo authored Jan 8, 2025

Verified

This commit was signed with the committer’s verified signature.
wyne Justin Wyne
2 parents 6540b1c + 0def99d commit 77a170c
Showing 6 changed files with 84 additions and 198 deletions.
2 changes: 1 addition & 1 deletion .github/workflows/main.yml
Original file line number Diff line number Diff line change
@@ -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
4 changes: 0 additions & 4 deletions src/_data/navigation.js
Original file line number Diff line number Diff line change
@@ -10,10 +10,6 @@ export default {
}
],
bottom: [
{
text: 'Style guide',
url: '/styleguide/'
},
{
text: 'Imprint',
url: '/imprint/'
2 changes: 0 additions & 2 deletions src/_includes/head/css-inline.njk
Original file line number Diff line number Diff line change
@@ -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 %}
259 changes: 76 additions & 183 deletions src/assets/css/global/blocks/code.css
Original file line number Diff line number Diff line change
@@ -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;
}
14 changes: 6 additions & 8 deletions src/pages/privacy.md
Original file line number Diff line number Diff line change
@@ -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>.
1 change: 1 addition & 0 deletions src/pages/styleguide.njk
Original file line number Diff line number Diff line change
@@ -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'

0 comments on commit 77a170c

Please sign in to comment.