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 @@