summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorBlallo <blallo@autistici.org>2025-03-06 00:23:57 +0100
committerBlallo <blallo@autistici.org>2025-03-07 15:50:37 +0100
commit043c18065f721d736d89bfe19e1315f0f88cd75a (patch)
tree3b76b0d61a7bab57739985dd8af60d8d2d2b6ea3
init
-rw-r--r--fonts/ttf/JetBrainsMono-Bold.ttfbin0 -> 277828 bytes
-rw-r--r--fonts/ttf/JetBrainsMono-BoldItalic.ttfbin0 -> 279832 bytes
-rw-r--r--fonts/ttf/JetBrainsMono-ExtraBold.ttfbin0 -> 279404 bytes
-rw-r--r--fonts/ttf/JetBrainsMono-ExtraBoldItalic.ttfbin0 -> 281616 bytes
-rw-r--r--fonts/ttf/JetBrainsMono-ExtraLight.ttfbin0 -> 274144 bytes
-rw-r--r--fonts/ttf/JetBrainsMono-ExtraLightItalic.ttfbin0 -> 274240 bytes
-rw-r--r--fonts/ttf/JetBrainsMono-Italic.ttfbin0 -> 276840 bytes
-rw-r--r--fonts/ttf/JetBrainsMono-Light.ttfbin0 -> 276452 bytes
-rw-r--r--fonts/ttf/JetBrainsMono-LightItalic.ttfbin0 -> 277104 bytes
-rw-r--r--fonts/ttf/JetBrainsMono-Medium.ttfbin0 -> 273860 bytes
-rw-r--r--fonts/ttf/JetBrainsMono-MediumItalic.ttfbin0 -> 276804 bytes
-rw-r--r--fonts/ttf/JetBrainsMono-Regular.ttfbin0 -> 273900 bytes
-rw-r--r--fonts/ttf/JetBrainsMono-SemiBold.ttfbin0 -> 277092 bytes
-rw-r--r--fonts/ttf/JetBrainsMono-SemiBoldItalic.ttfbin0 -> 279828 bytes
-rw-r--r--fonts/ttf/JetBrainsMono-Thin.ttfbin0 -> 270112 bytes
-rw-r--r--fonts/ttf/JetBrainsMono-ThinItalic.ttfbin0 -> 272984 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-Bold.ttfbin0 -> 210988 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-BoldItalic.ttfbin0 -> 214132 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-ExtraBold.ttfbin0 -> 213372 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-ExtraBoldItalic.ttfbin0 -> 215456 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-ExtraLight.ttfbin0 -> 209072 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-ExtraLightItalic.ttfbin0 -> 209884 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-Italic.ttfbin0 -> 211624 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-Light.ttfbin0 -> 210840 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-LightItalic.ttfbin0 -> 212320 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-Medium.ttfbin0 -> 208276 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-MediumItalic.ttfbin0 -> 211604 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-Regular.ttfbin0 -> 208576 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-SemiBold.ttfbin0 -> 209864 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-SemiBoldItalic.ttfbin0 -> 214032 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-Thin.ttfbin0 -> 206004 bytes
-rw-r--r--fonts/ttf/JetBrainsMonoNL-ThinItalic.ttfbin0 -> 209124 bytes
-rw-r--r--fonts/variable/JetBrainsMono-Italic[wght].ttfbin0 -> 308888 bytes
-rw-r--r--fonts/variable/JetBrainsMono[wght].ttfbin0 -> 303144 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-Bold.woff2bin0 -> 94588 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-BoldItalic.woff2bin0 -> 98152 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-ExtraBold.woff2bin0 -> 93692 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-ExtraBoldItalic.woff2bin0 -> 96864 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-ExtraLight.woff2bin0 -> 92712 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-ExtraLightItalic.woff2bin0 -> 95816 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-Italic.woff2bin0 -> 95864 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-Light.woff2bin0 -> 93856 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-LightItalic.woff2bin0 -> 97280 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-Medium.woff2bin0 -> 93824 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-MediumItalic.woff2bin0 -> 97808 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-Regular.woff2bin0 -> 92164 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-SemiBold.woff2bin0 -> 94472 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-SemiBoldItalic.woff2bin0 -> 98124 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-Thin.woff2bin0 -> 90612 bytes
-rw-r--r--fonts/webfonts/JetBrainsMono-ThinItalic.woff2bin0 -> 94316 bytes
-rw-r--r--handmade.css194
-rw-r--r--handmade.html89
-rw-r--r--handmade.pdfbin0 -> 18847 bytes
53 files changed, 283 insertions, 0 deletions
diff --git a/fonts/ttf/JetBrainsMono-Bold.ttf b/fonts/ttf/JetBrainsMono-Bold.ttf
new file mode 100644
index 0000000..8c93043
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-Bold.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMono-BoldItalic.ttf b/fonts/ttf/JetBrainsMono-BoldItalic.ttf
new file mode 100644
index 0000000..1ddf216
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-BoldItalic.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMono-ExtraBold.ttf b/fonts/ttf/JetBrainsMono-ExtraBold.ttf
new file mode 100644
index 0000000..435d7a7
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-ExtraBold.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMono-ExtraBoldItalic.ttf b/fonts/ttf/JetBrainsMono-ExtraBoldItalic.ttf
new file mode 100644
index 0000000..79e616e
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-ExtraBoldItalic.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMono-ExtraLight.ttf b/fonts/ttf/JetBrainsMono-ExtraLight.ttf
new file mode 100644
index 0000000..c131cbf
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-ExtraLight.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMono-ExtraLightItalic.ttf b/fonts/ttf/JetBrainsMono-ExtraLightItalic.ttf
new file mode 100644
index 0000000..a768985
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-ExtraLightItalic.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMono-Italic.ttf b/fonts/ttf/JetBrainsMono-Italic.ttf
new file mode 100644
index 0000000..ccc9d6a
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-Italic.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMono-Light.ttf b/fonts/ttf/JetBrainsMono-Light.ttf
new file mode 100644
index 0000000..15f15a2
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-Light.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMono-LightItalic.ttf b/fonts/ttf/JetBrainsMono-LightItalic.ttf
new file mode 100644
index 0000000..506208f
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-LightItalic.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMono-Medium.ttf b/fonts/ttf/JetBrainsMono-Medium.ttf
new file mode 100644
index 0000000..9767115
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-Medium.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMono-MediumItalic.ttf b/fonts/ttf/JetBrainsMono-MediumItalic.ttf
new file mode 100644
index 0000000..415a9e3
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-MediumItalic.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMono-Regular.ttf b/fonts/ttf/JetBrainsMono-Regular.ttf
new file mode 100644
index 0000000..dff66cc
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-Regular.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMono-SemiBold.ttf b/fonts/ttf/JetBrainsMono-SemiBold.ttf
new file mode 100644
index 0000000..a70e69b
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-SemiBold.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMono-SemiBoldItalic.ttf b/fonts/ttf/JetBrainsMono-SemiBoldItalic.ttf
new file mode 100644
index 0000000..968602e
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-SemiBoldItalic.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMono-Thin.ttf b/fonts/ttf/JetBrainsMono-Thin.ttf
new file mode 100644
index 0000000..7dbe2ac
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-Thin.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMono-ThinItalic.ttf b/fonts/ttf/JetBrainsMono-ThinItalic.ttf
new file mode 100644
index 0000000..c6ad6c2
--- /dev/null
+++ b/fonts/ttf/JetBrainsMono-ThinItalic.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-Bold.ttf b/fonts/ttf/JetBrainsMonoNL-Bold.ttf
new file mode 100644
index 0000000..f78f84f
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-Bold.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-BoldItalic.ttf b/fonts/ttf/JetBrainsMonoNL-BoldItalic.ttf
new file mode 100644
index 0000000..9fb8c83
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-BoldItalic.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-ExtraBold.ttf b/fonts/ttf/JetBrainsMonoNL-ExtraBold.ttf
new file mode 100644
index 0000000..fe5be6a
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-ExtraBold.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-ExtraBoldItalic.ttf b/fonts/ttf/JetBrainsMonoNL-ExtraBoldItalic.ttf
new file mode 100644
index 0000000..59fc980
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-ExtraBoldItalic.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-ExtraLight.ttf b/fonts/ttf/JetBrainsMonoNL-ExtraLight.ttf
new file mode 100644
index 0000000..6da7b75
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-ExtraLight.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-ExtraLightItalic.ttf b/fonts/ttf/JetBrainsMonoNL-ExtraLightItalic.ttf
new file mode 100644
index 0000000..5733efc
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-ExtraLightItalic.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-Italic.ttf b/fonts/ttf/JetBrainsMonoNL-Italic.ttf
new file mode 100644
index 0000000..4e9c380
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-Italic.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-Light.ttf b/fonts/ttf/JetBrainsMonoNL-Light.ttf
new file mode 100644
index 0000000..0b79b0c
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-Light.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-LightItalic.ttf b/fonts/ttf/JetBrainsMonoNL-LightItalic.ttf
new file mode 100644
index 0000000..b5e0842
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-LightItalic.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-Medium.ttf b/fonts/ttf/JetBrainsMonoNL-Medium.ttf
new file mode 100644
index 0000000..1454372
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-Medium.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-MediumItalic.ttf b/fonts/ttf/JetBrainsMonoNL-MediumItalic.ttf
new file mode 100644
index 0000000..8d63c6c
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-MediumItalic.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-Regular.ttf b/fonts/ttf/JetBrainsMonoNL-Regular.ttf
new file mode 100644
index 0000000..70d2ec9
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-Regular.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-SemiBold.ttf b/fonts/ttf/JetBrainsMonoNL-SemiBold.ttf
new file mode 100644
index 0000000..ce60a88
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-SemiBold.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-SemiBoldItalic.ttf b/fonts/ttf/JetBrainsMonoNL-SemiBoldItalic.ttf
new file mode 100644
index 0000000..3b3f8f6
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-SemiBoldItalic.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-Thin.ttf b/fonts/ttf/JetBrainsMonoNL-Thin.ttf
new file mode 100644
index 0000000..bea837e
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-Thin.ttf
Binary files differ
diff --git a/fonts/ttf/JetBrainsMonoNL-ThinItalic.ttf b/fonts/ttf/JetBrainsMonoNL-ThinItalic.ttf
new file mode 100644
index 0000000..f0bfed7
--- /dev/null
+++ b/fonts/ttf/JetBrainsMonoNL-ThinItalic.ttf
Binary files differ
diff --git a/fonts/variable/JetBrainsMono-Italic[wght].ttf b/fonts/variable/JetBrainsMono-Italic[wght].ttf
new file mode 100644
index 0000000..5414835
--- /dev/null
+++ b/fonts/variable/JetBrainsMono-Italic[wght].ttf
Binary files differ
diff --git a/fonts/variable/JetBrainsMono[wght].ttf b/fonts/variable/JetBrainsMono[wght].ttf
new file mode 100644
index 0000000..b60e77f
--- /dev/null
+++ b/fonts/variable/JetBrainsMono[wght].ttf
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-Bold.woff2 b/fonts/webfonts/JetBrainsMono-Bold.woff2
new file mode 100644
index 0000000..4917f43
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-Bold.woff2
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-BoldItalic.woff2 b/fonts/webfonts/JetBrainsMono-BoldItalic.woff2
new file mode 100644
index 0000000..536d3f7
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-BoldItalic.woff2
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-ExtraBold.woff2 b/fonts/webfonts/JetBrainsMono-ExtraBold.woff2
new file mode 100644
index 0000000..8f88c54
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-ExtraBold.woff2
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-ExtraBoldItalic.woff2 b/fonts/webfonts/JetBrainsMono-ExtraBoldItalic.woff2
new file mode 100644
index 0000000..d1478ba
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-ExtraBoldItalic.woff2
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-ExtraLight.woff2 b/fonts/webfonts/JetBrainsMono-ExtraLight.woff2
new file mode 100644
index 0000000..b97239f
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-ExtraLight.woff2
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-ExtraLightItalic.woff2 b/fonts/webfonts/JetBrainsMono-ExtraLightItalic.woff2
new file mode 100644
index 0000000..be01aac
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-ExtraLightItalic.woff2
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-Italic.woff2 b/fonts/webfonts/JetBrainsMono-Italic.woff2
new file mode 100644
index 0000000..d60c270
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-Italic.woff2
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-Light.woff2 b/fonts/webfonts/JetBrainsMono-Light.woff2
new file mode 100644
index 0000000..6538498
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-Light.woff2
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-LightItalic.woff2 b/fonts/webfonts/JetBrainsMono-LightItalic.woff2
new file mode 100644
index 0000000..66ca3d2
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-LightItalic.woff2
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-Medium.woff2 b/fonts/webfonts/JetBrainsMono-Medium.woff2
new file mode 100644
index 0000000..669d04c
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-Medium.woff2
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-MediumItalic.woff2 b/fonts/webfonts/JetBrainsMono-MediumItalic.woff2
new file mode 100644
index 0000000..80cfd15
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-MediumItalic.woff2
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-Regular.woff2 b/fonts/webfonts/JetBrainsMono-Regular.woff2
new file mode 100644
index 0000000..40da427
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-Regular.woff2
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-SemiBold.woff2 b/fonts/webfonts/JetBrainsMono-SemiBold.woff2
new file mode 100644
index 0000000..5ead7b0
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-SemiBold.woff2
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-SemiBoldItalic.woff2 b/fonts/webfonts/JetBrainsMono-SemiBoldItalic.woff2
new file mode 100644
index 0000000..c5dd294
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-SemiBoldItalic.woff2
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-Thin.woff2 b/fonts/webfonts/JetBrainsMono-Thin.woff2
new file mode 100644
index 0000000..17270e4
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-Thin.woff2
Binary files differ
diff --git a/fonts/webfonts/JetBrainsMono-ThinItalic.woff2 b/fonts/webfonts/JetBrainsMono-ThinItalic.woff2
new file mode 100644
index 0000000..a643215
--- /dev/null
+++ b/fonts/webfonts/JetBrainsMono-ThinItalic.woff2
Binary files differ
diff --git a/handmade.css b/handmade.css
new file mode 100644
index 0000000..defd40b
--- /dev/null
+++ b/handmade.css
@@ -0,0 +1,194 @@
+@font-face {
+ font-family: 'JetBrains Mono';
+ src: url('./fonts/webfonts/JetBrainsMono-Regular.woff2');
+ font-weight: normal;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'JetBrains Mono Bold';
+ src: url('./fonts/webfonts/JetBrainsMono-Bold.woff2');
+ font-weight: bold;
+ font-style: normal;
+}
+
+@media print {
+ body {
+ width: 21cm;
+ height: 29.7cm;
+ margin-top: 20mm;
+ margin-bottom: 20mm;
+ margin-left: 10mm;
+ margin-right: 10mm;
+ }
+
+ .vcontainer {
+ width: 50%;
+ }
+}
+
+@media screen and (width >= 1000px) {
+ body {
+ width: 80%;
+ margin-top: 1em;
+ margin-left: 10%;
+ margin-right: 10%;
+ }
+
+ .vcontainer {
+ width: 50%;
+ }
+}
+
+@media screen and (width < 1000px) {
+ body {
+ width: 90%;
+ margin-top: 0.2em;
+ margin-left: 5%;
+ margin-right: 5%;
+ }
+
+ .hcontainer {
+ flex-direction: column;
+ }
+
+ .vcontainer {
+ width: 100%;
+ }
+
+ ul {
+ padding-left: 1em;
+ }
+}
+
+body {
+ display: flex;
+ align-items: center;
+ flex-direction: column;
+ justify-content: start;
+}
+
+p {
+ margin-top: 0.2em;
+ margin-bottom: 0.2em;
+}
+
+ul {
+ list-style-type: "|>";
+}
+
+* {
+ font-family: 'JetBrains Mono';
+ font-size: 1rem;
+}
+
+h1 {
+ font-size: 2rem;
+ text-align: start;
+ padding-left: 1em;
+ padding-right: 1em;
+}
+
+h2 {
+ font-size: 1.7rem;
+ text-align: end;
+ padding-left: 1em;
+ padding-right: 1em;
+}
+
+h3 {
+ padding-left: 1.4rem;
+}
+
+.title {
+ display: flex;
+ justify-content: space-between;
+ align-items: baseline;
+ margin-top: 1em;
+ margin-left: 1em;
+ margin-right: 1em;
+ margin-bottom: 0.1em;
+}
+
+@media print {
+ .title {
+ margin-left: 3em;
+ margin-right: 8em;
+ }
+}
+
+.intro {
+ width: 90%;
+}
+
+@media print {
+ .intro {
+ width: 90%;
+ }
+}
+
+.hcontainer {
+ display: flex;
+ justify-content: space-between;
+ margin-left: 0.5em;
+ margin-right: 0.5em;
+}
+
+@media print {
+ .hcontainer {
+ margin-left: 0;
+ margin-right: 0;
+ }
+}
+
+.vcontainer {
+ display: flex;
+ flex-direction: column;
+ justify-content: start;
+ margin: 1rem;
+}
+
+.vcontainer > div {
+ border: 0.2rem solid transparent;
+}
+
+.vcontainer > div:hover {
+ border: 0.2rem solid;
+}
+
+.highlight::before {
+ position: absolute;
+ backdrop-filter: blur(0.1rem);
+}
+
+.heavy {
+ font-family: 'JetBrains Mono Bold';
+ font-style: bold;
+}
+
+.sub {
+ text-indent: -1em;
+ font-size: 0.8rem;
+}
+
+.tags {
+ margin-left: 1.7em;
+}
+
+@media print {
+ .tags {
+ margin-left: 0;
+ }
+}
+
+@media screen and (width < 1000px) {
+ .tags {
+ margin-left: 0;
+ }
+}
+
+.tags > p {
+ font-size: 0.8rem;
+}
+
+/* vim:set et ts=4 sts=0 sw=0: */
diff --git a/handmade.html b/handmade.html
new file mode 100644
index 0000000..f316fe3
--- /dev/null
+++ b/handmade.html
@@ -0,0 +1,89 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+
+ <meta name="description" content="Curriculum Vitae">
+ <meta name="author" content="Leonardo Barcaroli">
+
+ <title>Leonardo Barcaroli: software engineer</title>
+
+ <link rel="stylesheet" href="handmade.css">
+ </head>
+ <body>
+ <div class="title">
+ <h1>Leonardo Barcaroli</h1>
+ <h2>SOFTWARE ENGINEER</h2>
+ </div>
+ <div class="intro">
+ <p>I am an all-rounder, with focus on writing good quality software. I am able to bring a project to completion, from design to deploy, including all the aspects related to infrastructure.</p>
+ <p>I have 10 years of experience in a multitude of roles, and have a wide view on most aspects of software craftmanship.</p>
+ </div>
+ <div class="hcontainer">
+ <div class="vcontainer">
+ <div class="jobs highlight">
+ <h3>Experience</h3>
+ <ul>
+ <li><p class="heavy">2023-present: Koyeb</p><p class="sub">| Software developer</p></li>
+ <li><p class="heavy">2021-2023: Sysdig </p><p class="sub">| Software developer</p></li>
+ <li><p class="heavy">2019-2021: Prima Assicurazioni </p><p class="sub">| Software developer</p></li>
+ <li><p class="heavy">2018-2019: Deus Technology </p><p class="sub">| Software developer</p></li>
+ <li><p class="heavy">2017-2018: B-Open Solutions </p><p class="sub">| Software developer/Infrastructure</p></li>
+ <li><p class="heavy">2015-2017: Quantum Leap </p><p class="sub">| Penetration tester</p></li>
+ </ul>
+ </div>
+ <div class="education">
+ <h3>Education</h3>
+ <ul>
+ <li><p class="heavy">2012-2015: Ph.D. in Physics</p><p class="sub">@ Sapienza, University of Rome</p></li>
+ <li><p class="heavy">2009-2012: M.Sc. in Physics</p><p class="sub">@ Sapienza, University of Rome</p></li>
+ <li><p class="heavy">2006-2009: B.Sc. in Physics</p><p class="sub">@ Sapienza, University of Rome</p></li>
+ </ul>
+ </div>
+ <div class="keywords">
+ <h3>Keywords</h3>
+ <div class="tags">
+ <p>account management, payments, Stripe, multitenancy,</p>
+ <p>oauth2, SAML, authentication/authorization,</p>
+ <p>cryptography, x509, TLS, OpenPGP, OpenSSH,</p>
+ <p>systemd, dmesg</p>
+ </div>
+ </div>
+ </div>
+ <div class="vcontainer">
+ <div class="contacts">
+ <h3>Contacts</h3>
+ <ul>
+ <li>email: <a href="mailto:leo.barcaroli@gmail.com">leo.barcaroli@gmail.com</a></li>
+ <li>mobile: <a href="tel:+393279363844">+39 327 93 63 844</a></li>
+ </ul>
+ </div>
+ <div class="forges">
+ <h3>Forges</h3>
+ <ul>
+ <li><a href="https://github.com/torrefatto">github.com/torrefatto</a> (work)</li>
+ <li><a href="https://github.com/blallo">github.com/blallo</a></li>
+ <li><a href="https://github.com/leophys">github.com/leophys</a></li>
+ <li><a href="https://git.sr.ht/~blallo">git.sr.ht/~blallo</a></li>
+ <li><a href="https://git.abbiamoundominio.org/blallo">git.abbiamoundominio.org/blallo</a></li>
+ </ul>
+ </div>
+ <div class="keywords">
+ <h3>Knowledge</h3>
+ <ul>
+ <li><p class="heavy">Languages</p><p class="sub">| go, python, rust, elixir, typescript, elm, dart, C, C++</p></li>
+ <li><p class="heavy">DB</p><p class="sub">| postgres, mysql, sqlite, elasticsearch, cassandra</p></li>
+ <li><p class="heavy">brokers/queues</p><p class="sub">| nats, rabbitMQ, kafka, AWS SQS, GCP Pub/Sub</p></li>
+ <li><p class="heavy">web</p><p class="sub">| html5/css3, websockets, HTTP/2, gRPC, graphQL, React</p></li>
+ <li><p class="heavy">cloud</p><p class="sub">| AWS, GCP, k8s, nomad</p></li>
+ <li><p class="heavy">AI</p><p class="sub">| ollama, jupyter notebooks</p></li>
+ </ul>
+ </div>
+ </div>
+ </div>
+ <div hclass="hcontainer">
+ </div>
+ </body>
+</html>
+<!-- vim:set noet ts=4 sts=0 sw=0: -->
diff --git a/handmade.pdf b/handmade.pdf
new file mode 100644
index 0000000..08dfd21
--- /dev/null
+++ b/handmade.pdf
Binary files differ