bcarlin/bcarlin.net
1
0
Fork 0
Code Pull requests Activity Actions

Compare commits

base: bcarlin:cce7779c5a7e2828059b77ce0a622f2eb5e13905
Branches Tags
bcarlin:main
bcarlin:drafts
..
compare: bcarlin:394d1556f756596080c57b18a7b2f9bf50f4f7f9
Branches Tags
bcarlin:drafts
bcarlin:main

No commits in common. "cce7779c5a7e2828059b77ce0a622f2eb5e13905" and "394d1556f756596080c57b18a7b2f9bf50f4f7f9" have entirely different histories.
cce7779c5a ... 394d1556f7

5 changed files with 222 additions and 238 deletions
Download patch file Download diff file Expand all files Collapse all files

4
archetypes/default.md
View file

@ -1,11 +1,9 @@
---
# vim: spell spelllang=en
title: '{{ replace .File.ContentBaseName "-" " " | title }}'
slug: '{{ .File.ContentBaseName }}'
date: '{{ .Date }}'
draft: true
categories:
-
categories: []
tags:
-
summary: |

441
assets/static/css/bcarlin.css
View file

@ -92,19 +92,14 @@ header nav [role="link"]:is([aria-current]:not([aria-current="false"]),:hover,:a
--pico-text-decoration: none;
}
article :where(a:not([role="button"])) {
--pico-text-decoration: none;
}
body > :is(main, footer) {
.container {
max-width: 40em;
margin-left: auto;
margin-right: auto;
}
@media (width >= 1024px) {
margin-right: 0;
margin-left: 18em;
}
article :where(a:not([role="button"])) {
--pico-text-decoration: none;
}
/*
@ -120,19 +115,10 @@ body > :is(main, footer) {
backdrop-filter: blur(3px);
font-family: var(--pico-font-family-sans-serif);
font-weight: bold;
@media (width >= 1024px) {
display: none;
}
img {
height: 2em;
}
}
#menu-close {
float: right;
padding: 0 1.5em;
.mobile-header img {
height: 2em;
}
#menu-close, #menu-close:hover, #menu-toggle {
@ -140,89 +126,98 @@ body > :is(main, footer) {
background-color: inherit;
border: none;
text-decoration: none;
@media (width >= 1024px) {
display: none;
}
}
body {
background-color: var(--pico-background-color);
}
& > header {
width: 100dvw;
text-align: center;
height: 100dvh;
position: fixed;
left: -100vw;
top: 0;
background-color: var(--pico-background-color);
z-index: 100;
transition: left 0.5s;
overflow: hidden auto;
body > header {
width: 100vw;
text-align: center;
height: 100vh;
position: fixed;
left: -100vw;
top: 0;
background-color: var(--pico-background-color);
z-index: 100;
transition: left 0.5s;
overflow: hidden auto;
}
&.active {
left: 0;
}
body > header.active {
left: 0;
}
@media (width >= 1024px) {
position: sticky;
top: 0;
left: 0;
width: 15em;
float: left;
}
body > header nav, body > header nav ul {
flex-direction: column;
}
.u-logo {
width: 5em;
}
body > header .u-logo {
width: 5em;
}
.title {
font-size: 1.5rem;
font-weight: bold;
font-family: var(--pico-font-family-sans-serif);
margin-top: 1em;
}
a {
color: var(--pico-color);
padding: 0;
body > header .title {
font-size: 1.5rem;
font-weight: bold;
font-family: var(--pico-font-family-sans-serif);
margin-top: 1em;
}
.menu-primary & {
font-weight: bold;
}
}
body > header nav {
font-size: 1rem;
font-family: var(--pico-font-family-sans-serif);
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
nav {
font-size: 1rem;
font-family: var(--pico-font-family-sans-serif);
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
body > header nav li {
padding: 0;
padding: calc( var(--pico-nav-element-spacing-vertical) / 4)
calc( var(--pico-nav-element-spacing-horizontal) / 4);
}
ul {
flex-direction: column;
}
body > header a {
color: var(--pico-color);
padding: 0;
}
li {
padding: 0;
padding: calc( var(--pico-nav-element-spacing-vertical) / 4)
calc( var(--pico-nav-element-spacing-horizontal) / 4);
}
}
}
body > header > a {
float: right;
padding: 0 1.5em;
}
& > footer{
p {
font-size: 0.7em;
text-align: center;
}
}
.menu-primary {
font-weight: bold;
}
body > footer p {
font-size: 0.7em;
text-align: center;
}
@media (width >= 1024px) {
.mobile-header, #menu-close {
display: none;
}
body > header {
position: sticky;
top: 0;
left: 0;
width: 15em;
float: left;
}
.container {
margin-right: 0;
margin-left: 18em;
}
.metadata p {
display: inline;
}
@ -233,130 +228,134 @@ body {
* Content Styling
*/
main {
.translations {
text-align: end;
margin-bottom: 0.3em;
a {
text-decoration: none;
}
}
& > article {
text-align: justify;
& > header {
margin-bottom: calc(2 * var(--pico-block-spacing-vertical));
h1, p {
margin-bottom: calc(0.1 * var(--pico-typography-spacing-vertical));
margin-top: 0.3em;
}
.category a {
font-family: var(--pico-font-family-sans-serif);
font-weight: 700;
line-height: var(--pico-line-height);
color: var(--pico-muted-color);
text-decoration: none;
font-size: 1rem;
margin-bottom: 0.5em;
}
}
ul > li {
list-style-type: disc;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--pico-font-family-sans-serif);
text-align: left;
a {
color: var(--pico-muted-color);
text-decoration: none;
margin-left: 0.4rem;
font-size: 1rem;
}
}
h1 {
font-size: 1.7rem;
}
h2 {
font-size: 1.3rem;
&::before {
content: "## ";
color: var(--markup-color);
}
}
h3 {
font-size: 1.2rem;
&::before {
content: "### ";
color: var(--markup-color);
}
}
h4 {
font-size: 1.1rem;
&::before {
content: "#### ";
color: var(--markup-color);
}
}
h5 {
font-size: 1rem;
&::before {
content: "##### ";
color: var(--markup-color);
}
}
h6 {
font-size: 1rem;
&::before {
content: "###### ";
color: var(--markup-color);
}
}
pre {
margin-bottom: calc(1.5 * var(--pico-spacing));
}
code, kbd, pre {
font-size: 0.8em;
}
a[rel="external"]::after {
content: "\ecae";
font-size: 0.7em;
margin-left: 0.2em;
font-family: 'remixicon' !important;
font-style: normal;
color: var(--pico-muted-color);
text-decoration: none;
}
figure {
max-width: 50%;
text-align: center;
margin: var(--pico-block-spacing-vertical) auto;
}
}
.translations {
text-align: end;
margin-bottom: 0.3em;
}
.translations a {
text-decoration: none;
}
main > article {
text-align: justify;
}
main > article > header {
margin-bottom: calc(2 * var(--pico-block-spacing-vertical));
}
ul.tags, ul.tags li {
list-style-type: none;
display: inline;
padding-left: 0;
margin-bottom: 0;
}
ul > li {
list-style-type: disc;
}
h1, h2, h3, h4, h5, h6 {
font-family: var(--pico-font-family-sans-serif);
text-align: left;
}
h1 {
font-size: 1.7rem;
}
h2 {
font-size: 1.3rem;
}
h2::before {
content: "## ";
color: var(--markup-color);
}
h3 {
font-size: 1.2rem;
}
h3::before {
content: "### ";
color: var(--markup-color);
}
h4 {
font-size: 1.1rem;
}
h4::before {
content: "#### ";
color: var(--markup-color);
}
h5 {
font-size: 1rem;
}
h5::before {
content: "##### ";
color: var(--markup-color);
}
h6 {
font-size: 1rem;
}
h6::before {
content: "###### ";
color: var(--markup-color);
}
article header h1, article header p {
margin-bottom: calc(0.1 * var(--pico-typography-spacing-vertical));
margin-top: 0.3em;
}
article header .category a {
font-family: var(--pico-font-family-sans-serif);
font-weight: 700;
line-height: var(--pico-line-height);
color: var(--pico-muted-color);
text-decoration: none;
font-size: 1rem;
margin-bottom: 0.5em;
}
h2 a, h3 a, h4 a, h5 a, h6 a {
color: var(--pico-muted-color);
text-decoration: none;
margin-left: 0.4rem;
font-size: 1rem;
}
pre {
margin-bottom: calc(1.5 * var(--pico-spacing));
}
code, kbd, pre {
font-size: 0.8em;
}
a[rel="external"]::after {
content: "\ecae";
font-size: 0.7em;
margin-left: 0.2em;
font-family: 'remixicon' !important;
font-style: normal;
color: var(--pico-muted-color);
text-decoration: none;
}
figure {
max-width: 50%;
text-align: center;
margin: var(--pico-block-spacing-vertical) auto;
}
/*
* Admonitions
@ -375,20 +374,16 @@ main {
* Post lists
*/
.h-feed {
article{
&:not(:last-child) {
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
margin-bottom: 0;
}
p {
margin-bottom: calc(0.2 * var(--pico-typography-spacing-vertical));
}
.p-summary {
font-size: 0.9em;
font-style: italic;
}
}
.h-feed article:not(:last-child) {
border-bottom: var(--pico-border-width) solid var(--pico-card-border-color);
margin-bottom: 0;
}
.h-feed article p {
margin-bottom: calc(0.2 * var(--pico-typography-spacing-vertical));
}
.h-feed article .p-summary {
font-size: 0.9em;
font-style: italic;
}

2
content/blog/007-prepare-for-the-next-internet-outage/index.en.md
View file

@ -5,7 +5,7 @@ date: '2025-06-14T04:05:48+02:00'
categories:
- DevOps
tags:
- architecture
- architecture,
- cloud
summary: >
A reflection on recent internet outages and my takeways to build more

7
layouts/baseof.html
View file

@ -30,12 +30,10 @@
</li>
</ul>
</nav>
<header id="menu" class="h-card">
{{ partial "header.html" . }}
</header>
<main>
<main class="container">
{{- if .IsTranslated }}
{{- range .Translations }}
<div class="translations">
@ -49,8 +47,7 @@
{{ block "main" . }}{{ end }}
</main>
<footer>
<footer class="container">
{{ partial "footer.html" . }}
</footer>
</body>

6
stylelint.config.js
View file

@ -1,6 +0,0 @@
/** @type {import('stylelint').Config} */
export default {
rules: {
"no-descending-specificity": false
}
};