From 3a3cc28aeebad57d59b9058350ba5fe3efcab122 Mon Sep 17 00:00:00 2001 From: Joe Carstairs Date: Sun, 25 May 2025 06:46:35 +0100 Subject: [PATCH] whitespace --- public/css/base.css | 6 +- public/css/cv.css | 102 ++++++++++++------------- public/css/hcard.css | 78 +++++++++---------- templates/base.html.twig | 12 +-- templates/components/_navbar.html.twig | 22 +++--- templates/notes.html.twig | 12 +-- 6 files changed, 116 insertions(+), 116 deletions(-) diff --git a/public/css/base.css b/public/css/base.css index 2b54556..ae3e919 100644 --- a/public/css/base.css +++ b/public/css/base.css @@ -110,7 +110,7 @@ img { [content-start] minmax(var(--grid-max-content-width), auto) [content-end]; - column-gap: var(--spacing-block-sm); + column-gap: var(--spacing-block-sm); max-width: var(--grid-total-width); --body-margin-inline-end: 6rem; @@ -235,8 +235,8 @@ strong { /** Blog feed */ .h-feed ul { - list-style: none; - margin-inline: 0; + list-style: none; + margin-inline: 0; } /** Block quotes */ diff --git a/public/css/cv.css b/public/css/cv.css index b481d05..58a81c7 100644 --- a/public/css/cv.css +++ b/public/css/cv.css @@ -1,86 +1,86 @@ div:has(img) { - width: 6rem; - height: 6rem; - margin-inline: auto; + width: 6rem; + height: 6rem; + margin-inline: auto; } div img { - width: 6rem; - height: 6rem; - border-radius: 1rem; - filter: contrast(1.25); + width: 6rem; + height: 6rem; + border-radius: 1rem; + filter: contrast(1.25); } div:has(img)::after { - /* Colour overlay */ - background-color: var(--colour-primary-80); - opacity: 0.3; + /* Colour overlay */ + background-color: var(--colour-primary-80); + opacity: 0.3; - /* Same size and shape as the img */ - border-radius: 1rem; - width: 6rem; - height: 6rem; + /* Same size and shape as the img */ + border-radius: 1rem; + width: 6rem; + height: 6rem; - /* Positioned on top of the img */ - display: block; - position: relative; - top: -6rem; + /* Positioned on top of the img */ + display: block; + position: relative; + top: -6rem; - /* A content value is needed to get the ::after to render */ - content: ''; + /* A content value is needed to get the ::after to render */ + content: ''; } header { - display: grid; - grid-template-columns: 1fr 1fr; - text-align: center; - border-block-end: 1px solid var(--colour-primary-fg); + display: grid; + grid-template-columns: 1fr 1fr; + text-align: center; + border-block-end: 1px solid var(--colour-primary-fg); } header h1 { - grid-column: 1 / 3; - text-align: center; + grid-column: 1 / 3; + text-align: center; } .technical-skills h3 { - text-align: start; + text-align: start; } .technical-skills ul { - color: var(--colour-primary-fg-accent); - margin-inline-start: var(--spacing-inline-md); + color: var(--colour-primary-fg-accent); + margin-inline-start: var(--spacing-inline-md); } @media (min-width: 46rem) { - .technical-skills section { - display: flex; - gap: var(--spacing-inline-sm); - align-items: baseline; - } + .technical-skills section { + display: flex; + gap: var(--spacing-inline-sm); + align-items: baseline; + } - .technical-skills section h3::after { - content: '/'; - margin-inline: var(--spacing-inline-sm); - } + .technical-skills section h3::after { + content: '/'; + margin-inline: var(--spacing-inline-sm); + } - .technical-skills section ul { - display: flex; - gap: var(--spacing-inline-sm); - list-style: none; - margin-inline-start: 0; - } + .technical-skills section ul { + display: flex; + gap: var(--spacing-inline-sm); + list-style: none; + margin-inline-start: 0; + } - .technical-skills section ul li + li::before { - content: '•'; - margin-inline-end: var(--spacing-inline-sm); - } + .technical-skills section ul li + li::before { + content: '•'; + margin-inline-end: var(--spacing-inline-sm); + } } :is(.experience, .passions) :is(ol, ul) { - list-style: none; - margin-inline: 0; + list-style: none; + margin-inline: 0; } :is(.experience, .passions) :is(ol, ul) li { - margin-block-start: var(--spacing-block-sm); + margin-block-start: var(--spacing-block-sm); } diff --git a/public/css/hcard.css b/public/css/hcard.css index c0e2280..27e979a 100644 --- a/public/css/hcard.css +++ b/public/css/hcard.css @@ -1,57 +1,57 @@ .h-card div:has(img) { - width: 6rem; - height: 6rem; - margin-inline: auto; + width: 6rem; + height: 6rem; + margin-inline: auto; } .h-card img { - width: 6rem; - height: 6rem; - border-radius: 1rem; - filter: contrast(1.25); + width: 6rem; + height: 6rem; + border-radius: 1rem; + filter: contrast(1.25); } .h-card div:has(img)::after { - /* Colour overlay */ - background-color: var(--colour-primary-80); - opacity: 0.3; + /* Colour overlay */ + background-color: var(--colour-primary-80); + opacity: 0.3; - /* Same size and shape as the img */ - border-radius: 1rem; - width: 6rem; - height: 6rem; + /* Same size and shape as the img */ + border-radius: 1rem; + width: 6rem; + height: 6rem; - /* Positioned on top of the img */ - display: block; - position: relative; - top: -6rem; + /* Positioned on top of the img */ + display: block; + position: relative; + top: -6rem; - /* A content value is needed to get the ::after to render */ - content: ''; + /* A content value is needed to get the ::after to render */ + content: ''; } @media (min-width: 36rem) { - .h-card { - grid-column: media-start / content-end; - display: grid; - grid-template-columns: subgrid; /** Subgrid of main column layout */ - grid-template-rows: min-content 1fr; - grid-template-areas: - "empty heading" - "photo text"; - } + .h-card { + grid-column: media-start / content-end; + display: grid; + grid-template-columns: subgrid; /** Subgrid of main column layout */ + grid-template-rows: min-content 1fr; + grid-template-areas: + "empty heading" + "photo text"; + } - .h-card div:has(img) { - grid-area: photo; - margin-block-start: var(--spacing-block-sm); - } + .h-card div:has(img) { + grid-area: photo; + margin-block-start: var(--spacing-block-sm); + } - .h-card header { - grid-area: heading; - } + .h-card header { + grid-area: heading; + } - .h-card__text { - grid-area: text; - } + .h-card__text { + grid-area: text; + } } diff --git a/templates/base.html.twig b/templates/base.html.twig index 584f205..cfac6e5 100644 --- a/templates/base.html.twig +++ b/templates/base.html.twig @@ -1,19 +1,19 @@ - + {{ include('components/head/_meta.html.twig') }} {{ include('components/head/_indie_web.html.twig') }} {{ include('components/head/_stylesheets.html.twig') }} {{ include('components/head/_feeds.html.twig') }} {{ include('components/head/_open_graph.html.twig') }} {{ include('components/head/_twitter.html.twig') }} - + - + {{ include('components/_navbar.html.twig') }} -
+
{% block content %}{% endblock %} -
- +
+ diff --git a/templates/components/_navbar.html.twig b/templates/components/_navbar.html.twig index 08f3d48..5b88080 100644 --- a/templates/components/_navbar.html.twig +++ b/templates/components/_navbar.html.twig @@ -1,13 +1,13 @@ diff --git a/templates/notes.html.twig b/templates/notes.html.twig index 919cd43..46cc58a 100644 --- a/templates/notes.html.twig +++ b/templates/notes.html.twig @@ -4,15 +4,15 @@

Joe Carstairs' notes

- - +

+