A => archetypes/default.md +6 -0
@@ 1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+date: {{ .Date }}
+draft: true
+---
+
A => assets/img/me.jpg +0 -0
A => assets/scss/components/.keep +0 -0
A => assets/scss/components/_article.scss +18 -0
@@ 1,18 @@
+// @format
+
+article {
+ h1:first-child {
+ margin-top: 1em;
+ }
+
+ h1,
+ h2,
+ h3 {
+ margin-top: 1.5em;
+ margin-bottom: 1em;
+ }
+}
+
+.cover-image {
+ width: 100%;
+}
A => +23 -0
@@ 1,23 @@
footer {
margin: 4em 0;
font-size: 0.8em;
color: $secondary-text-color;
border-top: 1px solid $separator-color;
display: flex;
justify-content: center;
ul {
list-style-type: none;
display: flex;
padding: 0;
margin: 0.25em 0;
li {
&:not(:last-child)::after {
content: "|";
display: inline-block;
padding: 0 0.5em;
}
}
}
}
A => +41 -0
@@ 1,41 @@
header {
padding: 0.5em 0.5em;
border-bottom: 1px solid $separator-color;
display: flex;
justify-content: space-between;
align-items: center;
@include breakpoint(sm) {
padding: 1.5em 1em 0.5em 1em;
}
}
.logo {
font-size: 1.2em;
font-weight: bold;
a, a:visited, a:hover {
color: $text-color;
text-decoration: none;
}
span {
display: none;
@include breakpoint(xs) {
display: inline-block;
}
}
}
header nav a {
margin-right: 1em;
&:last-child {
margin-right: 0;
}
&:visited {
color: $link-color;
}
}
A => assets/scss/components/_home.scss +0 -0
A => assets/scss/components/_profile_picture.scss +15 -0
@@ 1,15 @@
+.profile-picture {
+ width: 150px;
+ border-radius: 9999px;
+ float: right;
+ overflow: hidden;
+
+ @include breakpoint(sm) {
+ width: 250px;
+ margin: 1em;
+ }
+
+ img {
+ width: 100%;
+ }
+}
A => assets/scss/components/_recipe.scss +63 -0
@@ 1,63 @@
+// @format
+
+.ingredients {
+ margin-bottom: 2em;
+
+ td {
+ line-height: 1.2em;
+ padding: 0.75em 1em;
+
+ @include breakpoint(sm) {
+ padding: 0.5em 1em;
+ }
+ }
+
+ tr:not(:first-child) td {
+ border-top: 1px solid $separator-color;
+ }
+
+ td:first-child {
+ font-weight: bold;
+ text-align: right;
+ word-break: normal;
+ vertical-align: top;
+ }
+
+ .ingredient-name {
+ margin-right: 0.5em;
+ }
+
+ .ingredient-comment {
+ font-size: 0.8em;
+ color: $secondary-text-color;
+ display: inline-block;
+ }
+}
+
+.gallery {
+ display: grid;
+ margin: 2em 0;
+ grid-template-columns: repeat(2, 1fr);
+ gap: 1em;
+
+ @include breakpoint(sm) {
+ grid-template-columns: repeat(3, 1fr);
+ }
+
+ a {
+ display: block;
+ }
+
+ img {
+ width: 100%;
+ }
+
+ .step span {
+ font-size: 0.8em;
+ display: block;
+ color: $secondary-text-color;
+ text-align: center;
+ line-height: 1.2;
+ margin: 0.2em 0;
+ }
+}
A => assets/scss/libs/open-color.scss +399 -0
@@ 1,399 @@
+//
+//
+// 𝗖 𝗢 𝗟 𝗢 𝗥
+// v 1.6.3
+//
+// ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
+
+
+// General
+// ───────────────────────────────────
+
+$oc-white: #ffffff;
+$oc-black: #000000;
+
+
+// Gray
+// ───────────────────────────────────
+
+$oc-gray-list: (
+ "0": #f8f9fa,
+ "1": #f1f3f5,
+ "2": #e9ecef,
+ "3": #dee2e6,
+ "4": #ced4da,
+ "5": #adb5bd,
+ "6": #868e96,
+ "7": #495057,
+ "8": #343a40,
+ "9": #212529
+);
+
+$oc-gray-0: map-get($oc-gray-list, "0");
+$oc-gray-1: map-get($oc-gray-list, "1");
+$oc-gray-2: map-get($oc-gray-list, "2");
+$oc-gray-3: map-get($oc-gray-list, "3");
+$oc-gray-4: map-get($oc-gray-list, "4");
+$oc-gray-5: map-get($oc-gray-list, "5");
+$oc-gray-6: map-get($oc-gray-list, "6");
+$oc-gray-7: map-get($oc-gray-list, "7");
+$oc-gray-8: map-get($oc-gray-list, "8");
+$oc-gray-9: map-get($oc-gray-list, "9");
+
+
+// Red
+// ───────────────────────────────────
+
+$oc-red-list: (
+ "0": #fff5f5,
+ "1": #ffe3e3,
+ "2": #ffc9c9,
+ "3": #ffa8a8,
+ "4": #ff8787,
+ "5": #ff6b6b,
+ "6": #fa5252,
+ "7": #f03e3e,
+ "8": #e03131,
+ "9": #c92a2a
+);
+
+$oc-red-0: map-get($oc-red-list, "0");
+$oc-red-1: map-get($oc-red-list, "1");
+$oc-red-2: map-get($oc-red-list, "2");
+$oc-red-3: map-get($oc-red-list, "3");
+$oc-red-4: map-get($oc-red-list, "4");
+$oc-red-5: map-get($oc-red-list, "5");
+$oc-red-6: map-get($oc-red-list, "6");
+$oc-red-7: map-get($oc-red-list, "7");
+$oc-red-8: map-get($oc-red-list, "8");
+$oc-red-9: map-get($oc-red-list, "9");
+
+
+// Pink
+// ───────────────────────────────────
+
+$oc-pink-list: (
+ "0": #fff0f6,
+ "1": #ffdeeb,
+ "2": #fcc2d7,
+ "3": #faa2c1,
+ "4": #f783ac,
+ "5": #f06595,
+ "6": #e64980,
+ "7": #d6336c,
+ "8": #c2255c,
+ "9": #a61e4d
+);
+
+$oc-pink-0: map-get($oc-pink-list, "0");
+$oc-pink-1: map-get($oc-pink-list, "1");
+$oc-pink-2: map-get($oc-pink-list, "2");
+$oc-pink-3: map-get($oc-pink-list, "3");
+$oc-pink-4: map-get($oc-pink-list, "4");
+$oc-pink-5: map-get($oc-pink-list, "5");
+$oc-pink-6: map-get($oc-pink-list, "6");
+$oc-pink-7: map-get($oc-pink-list, "7");
+$oc-pink-8: map-get($oc-pink-list, "8");
+$oc-pink-9: map-get($oc-pink-list, "9");
+
+
+// Grape
+// ───────────────────────────────────
+
+$oc-grape-list: (
+ "0": #f8f0fc,
+ "1": #f3d9fa,
+ "2": #eebefa,
+ "3": #e599f7,
+ "4": #da77f2,
+ "5": #cc5de8,
+ "6": #be4bdb,
+ "7": #ae3ec9,
+ "8": #9c36b5,
+ "9": #862e9c
+);
+
+$oc-grape-0: map-get($oc-grape-list, "0");
+$oc-grape-1: map-get($oc-grape-list, "1");
+$oc-grape-2: map-get($oc-grape-list, "2");
+$oc-grape-3: map-get($oc-grape-list, "3");
+$oc-grape-4: map-get($oc-grape-list, "4");
+$oc-grape-5: map-get($oc-grape-list, "5");
+$oc-grape-6: map-get($oc-grape-list, "6");
+$oc-grape-7: map-get($oc-grape-list, "7");
+$oc-grape-8: map-get($oc-grape-list, "8");
+$oc-grape-9: map-get($oc-grape-list, "9");
+
+
+// Violet
+// ───────────────────────────────────
+
+$oc-violet-list: (
+ "0": #f3f0ff,
+ "1": #e5dbff,
+ "2": #d0bfff,
+ "3": #b197fc,
+ "4": #9775fa,
+ "5": #845ef7,
+ "6": #7950f2,
+ "7": #7048e8,
+ "8": #6741d9,
+ "9": #5f3dc4
+);
+
+$oc-violet-0: map-get($oc-violet-list, "0");
+$oc-violet-1: map-get($oc-violet-list, "1");
+$oc-violet-2: map-get($oc-violet-list, "2");
+$oc-violet-3: map-get($oc-violet-list, "3");
+$oc-violet-4: map-get($oc-violet-list, "4");
+$oc-violet-5: map-get($oc-violet-list, "5");
+$oc-violet-6: map-get($oc-violet-list, "6");
+$oc-violet-7: map-get($oc-violet-list, "7");
+$oc-violet-8: map-get($oc-violet-list, "8");
+$oc-violet-9: map-get($oc-violet-list, "9");
+
+
+// Indigo
+// ───────────────────────────────────
+
+$oc-indigo-list: (
+ "0": #edf2ff,
+ "1": #dbe4ff,
+ "2": #bac8ff,
+ "3": #91a7ff,
+ "4": #748ffc,
+ "5": #5c7cfa,
+ "6": #4c6ef5,
+ "7": #4263eb,
+ "8": #3b5bdb,
+ "9": #364fc7
+);
+
+$oc-indigo-0: map-get($oc-indigo-list, "0");
+$oc-indigo-1: map-get($oc-indigo-list, "1");
+$oc-indigo-2: map-get($oc-indigo-list, "2");
+$oc-indigo-3: map-get($oc-indigo-list, "3");
+$oc-indigo-4: map-get($oc-indigo-list, "4");
+$oc-indigo-5: map-get($oc-indigo-list, "5");
+$oc-indigo-6: map-get($oc-indigo-list, "6");
+$oc-indigo-7: map-get($oc-indigo-list, "7");
+$oc-indigo-8: map-get($oc-indigo-list, "8");
+$oc-indigo-9: map-get($oc-indigo-list, "9");
+
+
+// Blue
+// ───────────────────────────────────
+
+$oc-blue-list: (
+ "0": #e7f5ff,
+ "1": #d0ebff,
+ "2": #a5d8ff,
+ "3": #74c0fc,
+ "4": #4dabf7,
+ "5": #339af0,
+ "6": #228be6,
+ "7": #1c7ed6,
+ "8": #1971c2,
+ "9": #1864ab
+);
+
+$oc-blue-0: map-get($oc-blue-list, "0");
+$oc-blue-1: map-get($oc-blue-list, "1");
+$oc-blue-2: map-get($oc-blue-list, "2");
+$oc-blue-3: map-get($oc-blue-list, "3");
+$oc-blue-4: map-get($oc-blue-list, "4");
+$oc-blue-5: map-get($oc-blue-list, "5");
+$oc-blue-6: map-get($oc-blue-list, "6");
+$oc-blue-7: map-get($oc-blue-list, "7");
+$oc-blue-8: map-get($oc-blue-list, "8");
+$oc-blue-9: map-get($oc-blue-list, "9");
+
+
+// Cyan
+// ───────────────────────────────────
+
+$oc-cyan-list: (
+ "0": #e3fafc,
+ "1": #c5f6fa,
+ "2": #99e9f2,
+ "3": #66d9e8,
+ "4": #3bc9db,
+ "5": #22b8cf,
+ "6": #15aabf,
+ "7": #1098ad,
+ "8": #0c8599,
+ "9": #0b7285
+);
+
+$oc-cyan-0: map-get($oc-cyan-list, "0");
+$oc-cyan-1: map-get($oc-cyan-list, "1");
+$oc-cyan-2: map-get($oc-cyan-list, "2");
+$oc-cyan-3: map-get($oc-cyan-list, "3");
+$oc-cyan-4: map-get($oc-cyan-list, "4");
+$oc-cyan-5: map-get($oc-cyan-list, "5");
+$oc-cyan-6: map-get($oc-cyan-list, "6");
+$oc-cyan-7: map-get($oc-cyan-list, "7");
+$oc-cyan-8: map-get($oc-cyan-list, "8");
+$oc-cyan-9: map-get($oc-cyan-list, "9");
+
+
+// Teal
+// ───────────────────────────────────
+
+$oc-teal-list: (
+ "0": #e6fcf5,
+ "1": #c3fae8,
+ "2": #96f2d7,
+ "3": #63e6be,
+ "4": #38d9a9,
+ "5": #20c997,
+ "6": #12b886,
+ "7": #0ca678,
+ "8": #099268,
+ "9": #087f5b
+);
+
+$oc-teal-0: map-get($oc-teal-list, "0");
+$oc-teal-1: map-get($oc-teal-list, "1");
+$oc-teal-2: map-get($oc-teal-list, "2");
+$oc-teal-3: map-get($oc-teal-list, "3");
+$oc-teal-4: map-get($oc-teal-list, "4");
+$oc-teal-5: map-get($oc-teal-list, "5");
+$oc-teal-6: map-get($oc-teal-list, "6");
+$oc-teal-7: map-get($oc-teal-list, "7");
+$oc-teal-8: map-get($oc-teal-list, "8");
+$oc-teal-9: map-get($oc-teal-list, "9");
+
+
+// Green
+// ───────────────────────────────────
+
+$oc-green-list: (
+ "0": #ebfbee,
+ "1": #d3f9d8,
+ "2": #b2f2bb,
+ "3": #8ce99a,
+ "4": #69db7c,
+ "5": #51cf66,
+ "6": #40c057,
+ "7": #37b24d,
+ "8": #2f9e44,
+ "9": #2b8a3e
+);
+
+$oc-green-0: map-get($oc-green-list, "0");
+$oc-green-1: map-get($oc-green-list, "1");
+$oc-green-2: map-get($oc-green-list, "2");
+$oc-green-3: map-get($oc-green-list, "3");
+$oc-green-4: map-get($oc-green-list, "4");
+$oc-green-5: map-get($oc-green-list, "5");
+$oc-green-6: map-get($oc-green-list, "6");
+$oc-green-7: map-get($oc-green-list, "7");
+$oc-green-8: map-get($oc-green-list, "8");
+$oc-green-9: map-get($oc-green-list, "9");
+
+
+// Lime
+// ───────────────────────────────────
+
+$oc-lime-list: (
+ "0": #f4fce3,
+ "1": #e9fac8,
+ "2": #d8f5a2,
+ "3": #c0eb75,
+ "4": #a9e34b,
+ "5": #94d82d,
+ "6": #82c91e,
+ "7": #74b816,
+ "8": #66a80f,
+ "9": #5c940d
+);
+
+$oc-lime-0: map-get($oc-lime-list, "0");
+$oc-lime-1: map-get($oc-lime-list, "1");
+$oc-lime-2: map-get($oc-lime-list, "2");
+$oc-lime-3: map-get($oc-lime-list, "3");
+$oc-lime-4: map-get($oc-lime-list, "4");
+$oc-lime-5: map-get($oc-lime-list, "5");
+$oc-lime-6: map-get($oc-lime-list, "6");
+$oc-lime-7: map-get($oc-lime-list, "7");
+$oc-lime-8: map-get($oc-lime-list, "8");
+$oc-lime-9: map-get($oc-lime-list, "9");
+
+
+// Yellow
+// ───────────────────────────────────
+
+$oc-yellow-list: (
+ "0": #fff9db,
+ "1": #fff3bf,
+ "2": #ffec99,
+ "3": #ffe066,
+ "4": #ffd43b,
+ "5": #fcc419,
+ "6": #fab005,
+ "7": #f59f00,
+ "8": #f08c00,
+ "9": #e67700
+);
+
+$oc-yellow-0: map-get($oc-yellow-list, "0");
+$oc-yellow-1: map-get($oc-yellow-list, "1");
+$oc-yellow-2: map-get($oc-yellow-list, "2");
+$oc-yellow-3: map-get($oc-yellow-list, "3");
+$oc-yellow-4: map-get($oc-yellow-list, "4");
+$oc-yellow-5: map-get($oc-yellow-list, "5");
+$oc-yellow-6: map-get($oc-yellow-list, "6");
+$oc-yellow-7: map-get($oc-yellow-list, "7");
+$oc-yellow-8: map-get($oc-yellow-list, "8");
+$oc-yellow-9: map-get($oc-yellow-list, "9");
+
+
+// Orange
+// ───────────────────────────────────
+
+$oc-orange-list: (
+ "0": #fff4e6,
+ "1": #ffe8cc,
+ "2": #ffd8a8,
+ "3": #ffc078,
+ "4": #ffa94d,
+ "5": #ff922b,
+ "6": #fd7e14,
+ "7": #f76707,
+ "8": #e8590c,
+ "9": #d9480f
+);
+
+$oc-orange-0: map-get($oc-orange-list, "0");
+$oc-orange-1: map-get($oc-orange-list, "1");
+$oc-orange-2: map-get($oc-orange-list, "2");
+$oc-orange-3: map-get($oc-orange-list, "3");
+$oc-orange-4: map-get($oc-orange-list, "4");
+$oc-orange-5: map-get($oc-orange-list, "5");
+$oc-orange-6: map-get($oc-orange-list, "6");
+$oc-orange-7: map-get($oc-orange-list, "7");
+$oc-orange-8: map-get($oc-orange-list, "8");
+$oc-orange-9: map-get($oc-orange-list, "9");
+
+
+// Color list
+// ───────────────────────────────────
+
+$oc-color-spectrum: 9;
+
+$oc-color-list: (
+ $oc-gray-list: "gray",
+ $oc-red-list: "red",
+ $oc-pink-list: "pink",
+ $oc-grape-list: "grape",
+ $oc-violet-list: "violet",
+ $oc-indigo-list: "indigo",
+ $oc-blue-list: "blue",
+ $oc-cyan-list: "cyan",
+ $oc-teal-list: "teal",
+ $oc-green-list: "green",
+ $oc-lime-list: "lime",
+ $oc-yellow-list: "yellow",
+ $oc-orange-list: "orange"
+);
A => assets/scss/libs/sanitize/forms.scss +63 -0
@@ 1,63 @@
+/**
+ * 1. Change the inconsistent appearance in all browsers (opinionated).
+ * 2. Add typography inheritance in all browsers (opinionated).
+ */
+
+ button,
+ input,
+ select,
+ textarea {
+ background-color: transparent; /* 1 */
+ border: 1px solid WindowFrame; /* 1 */
+ color: inherit; /* 1 */
+ font: inherit; /* 2 */
+ letter-spacing: inherit; /* 2 */
+ padding: 0.25em 0.375em; /* 1 */
+ }
+
+ /**
+ * Change the inconsistent appearance in all browsers (opinionated).
+ */
+
+ select {
+ -moz-appearance: none;
+ -webkit-appearance: none;
+ background: no-repeat right center / 1em;
+ border-radius: 0;
+ padding-right: 1em;
+ }
+
+ /**
+ * Change the inconsistent appearance in all browsers (opinionated).
+ */
+
+ select:not([multiple]):not([size]) {
+ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E");
+ }
+
+ /**
+ * Remove the border and padding in all browsers (opinionated).
+ */
+
+ [type="color"],
+ [type="range"] {
+ border-width: 0;
+ padding: 0;
+ }
+
+ /**
+ * Change the inconsistent appearance in IE (opinionated).
+ */
+
+ ::-ms-expand {
+ display: none;
+ }
+
+ /**
+ * Correct the inconsistent appearance in IE (opinionated).
+ */
+
+ :-ms-input-placeholder {
+ color: rgba(0, 0, 0, 0.54);
+ }
+ <
\ No newline at end of file
A => assets/scss/libs/sanitize/sanitize.scss +582 -0
@@ 1,582 @@
+/* Document
+ * ========================================================================== */
+
+/**
+ * Add border box sizing in all browsers (opinionated).
+ */
+
+ *,
+ ::before,
+ ::after {
+ box-sizing: border-box;
+ }
+
+ /**
+ * 1. Add text decoration inheritance in all browsers (opinionated).
+ * 2. Add vertical alignment inheritance in all browsers (opinionated).
+ */
+
+ ::before,
+ ::after {
+ text-decoration: inherit; /* 1 */
+ vertical-align: inherit; /* 2 */
+ }
+
+ /**
+ * 1. Use the default cursor in all browsers (opinionated).
+ * 2. Change the line height in all browsers (opinionated).
+ * 3. Use a 4-space tab width in all browsers (opinionated).
+ * 4. Remove the grey highlight on links in iOS (opinionated).
+ * 5. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ * 6. Breaks words to prevent overflow in all browsers (opinionated).
+ */
+
+ html {
+ cursor: default; /* 1 */
+ line-height: 1.5; /* 2 */
+ -moz-tab-size: 4; /* 3 */
+ tab-size: 4; /* 3 */
+ -webkit-tap-highlight-color: transparent /* 4 */;
+ -ms-text-size-adjust: 100%; /* 5 */
+ -webkit-text-size-adjust: 100%; /* 5 */
+ word-break: break-word; /* 6 */
+ }
+
+ /* Sections
+ * ========================================================================== */
+
+ /**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+ body {
+ margin: 0;
+ }
+
+ /**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Edge, Firefox, and Safari.
+ */
+
+ h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+ }
+
+ /* Grouping content
+ * ========================================================================== */
+
+ /**
+ * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
+ */
+
+ dl dl,
+ dl ol,
+ dl ul,
+ ol dl,
+ ul dl {
+ margin: 0;
+ }
+
+ /**
+ * Remove the margin on nested lists in Edge 18- and IE.
+ */
+
+ ol ol,
+ ol ul,
+ ul ol,
+ ul ul {
+ margin: 0;
+ }
+
+ /**
+ * 1. Correct the inheritance of border color in Firefox.
+ * 2. Add the correct box sizing in Firefox.
+ * 3. Show the overflow in Edge 18- and IE.
+ */
+
+ hr {
+ color: inherit; /* 1 */
+ height: 0; /* 2 */
+ overflow: visible; /* 3 */
+ }
+
+ /**
+ * Add the correct display in IE.
+ */
+
+ main {
+ display: block;
+ }
+
+ /**
+ * Remove the list style on navigation lists in all browsers (opinionated).
+ */
+
+ nav ol,
+ nav ul {
+ list-style: none;
+ padding: 0;
+ }
+
+ /**
+ * Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
+ */
+
+ nav li::before {
+ content: "\200B";
+ }
+
+ /**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ * 3. Prevent overflow of the container in all browsers (opinionated).
+ */
+
+ pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+ overflow: auto; /* 3 */
+ -ms-overflow-style: scrollbar; /* 3 */
+ }
+
+ /* Text-level semantics
+ * ========================================================================== */
+
+ /**
+ * Remove the gray background on active links in IE 10.
+ */
+
+ a {
+ background-color: transparent;
+ }
+
+ /**
+ * Add the correct text decoration in Edge 18-, IE, and Safari.
+ */
+
+ abbr[title] {
+ text-decoration: underline;
+ text-decoration: underline dotted;
+ }
+
+ /**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+ b,
+ strong {
+ font-weight: bolder;
+ }
+
+ /**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+ code,
+ kbd,
+ samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+ }
+
+ /**
+ * Add the correct font size in all browsers.
+ */
+
+ small {
+ font-size: 80%;
+ }
+
+ /* Embedded content
+ * ========================================================================== */
+
+ /*
+ * Change the alignment on media elements in all browsers (opinionated).
+ */
+
+ audio,
+ canvas,
+ iframe,
+ img,
+ svg,
+ video {
+ vertical-align: middle;
+ }
+
+ /**
+ * Add the correct display in IE 9-.
+ */
+
+ audio,
+ video {
+ display: inline-block;
+ }
+
+ /**
+ * Add the correct display in iOS 4-7.
+ */
+
+ audio:not([controls]) {
+ display: none;
+ height: 0;
+ }
+
+ /**
+ * Remove the border on iframes in all browsers (opinionated).
+ */
+
+ iframe {
+ border-style: none;
+ }
+
+ /**
+ * Remove the border on images within links in IE 10-.
+ */
+
+ img {
+ border-style: none;
+ }
+
+ /**
+ * Change the fill color to match the text color in all browsers (opinionated).
+ */
+
+ svg:not([fill]) {
+ fill: currentColor;
+ }
+
+ /**
+ * Hide the overflow in IE.
+ */
+
+ svg:not(:root) {
+ overflow: hidden;
+ }
+
+ /* Tabular data
+ * ========================================================================== */
+
+ /**
+ * 1. Collapse border spacing in all browsers (opinionated).
+ * 2. Correct table border color inheritance in all Chrome, Edge, and Safari.
+ * 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
+ */
+
+ table {
+ border-collapse: collapse; /* 1 */
+ border-color: inherit; /* 2 */
+ text-indent: 0; /* 3 */
+ }
+
+ /* Forms
+ * ========================================================================== */
+
+ /**
+ * Remove the margin on controls in Safari.
+ */
+
+ button,
+ input,
+ select {
+ margin: 0;
+ }
+
+ /**
+ * 1. Show the overflow in IE.
+ * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
+ */
+
+ button {
+ overflow: visible; /* 1 */
+ text-transform: none; /* 2 */
+ }
+
+ /**
+ * Correct the inability to style buttons in iOS and Safari.
+ */
+
+ button,
+ [type="button"],
+ [type="reset"],
+ [type="submit"] {
+ -webkit-appearance: button;
+ }
+
+ /**
+ * 1. Change the inconsistent appearance in all browsers (opinionated).
+ * 2. Correct the padding in Firefox.
+ */
+
+ fieldset {
+ border: 1px solid #a0a0a0; /* 1 */
+ padding: 0.35em 0.75em 0.625em; /* 2 */
+ }
+
+ /**
+ * Show the overflow in Edge 18- and IE.
+ */
+
+ input {
+ overflow: visible;
+ }
+
+ /**
+ * 1. Correct the text wrapping in Edge 18- and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ */
+
+ legend {
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ white-space: normal; /* 1 */
+ }
+
+ /**
+ * 1. Add the correct display in Edge 18- and IE.
+ * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
+ */
+
+ progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+ }
+
+ /**
+ * Remove the inheritance of text transform in Firefox.
+ */
+
+ select {
+ text-transform: none;
+ }
+
+ /**
+ * 1. Remove the margin in Firefox and Safari.
+ * 2. Remove the default vertical scrollbar in IE.
+ * 3. Change the resize direction in all browsers (opinionated).
+ */
+
+ textarea {
+ margin: 0; /* 1 */
+ overflow: auto; /* 2 */
+ resize: vertical; /* 3 */
+ resize: block; /* 3 */
+ }
+
+ /**
+ * Remove the padding in IE 10-.
+ */
+
+ [type="checkbox"],
+ [type="radio"] {
+ padding: 0;
+ }
+
+ /**
+ * 1. Correct the odd appearance in Chrome, Edge, and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+ [type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+ }
+
+ /**
+ * Correct the cursor style of increment and decrement buttons in Safari.
+ */
+
+ ::-webkit-inner-spin-button,
+ ::-webkit-outer-spin-button {
+ height: auto;
+ }
+
+ /**
+ * Correct the text style of placeholders in Chrome, Edge, and Safari.
+ */
+
+ ::-webkit-input-placeholder {
+ color: inherit;
+ opacity: 0.54;
+ }
+
+ /**
+ * Remove the inner padding in Chrome, Edge, and Safari on macOS.
+ */
+
+ ::-webkit-search-decoration {
+ -webkit-appearance: none;
+ }
+
+ /**
+ * 1. Correct the inability to style upload buttons in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+ ::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+ }
+
+ /**
+ * Remove the inner border and padding of focus outlines in Firefox.
+ */
+
+ ::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+ }
+
+ /**
+ * Restore the focus outline styles unset by the previous rule in Firefox.
+ */
+
+ :-moz-focusring {
+ outline: 1px dotted ButtonText;
+ }
+
+ /**
+ * Remove the additional :invalid styles in Firefox.
+ */
+
+ :-moz-ui-invalid {
+ box-shadow: none;
+ }
+
+ /* Interactive
+ * ========================================================================== */
+
+ /*
+ * Add the correct display in Edge 18- and IE.
+ */
+
+ details {
+ display: block;
+ }
+
+ /*
+ * Add the correct styles in Edge 18-, IE, and Safari.
+ */
+
+ dialog {
+ background-color: white;
+ border: solid;
+ color: black;
+ display: block;
+ height: -moz-fit-content;
+ height: -webkit-fit-content;
+ height: fit-content;
+ left: 0;
+ margin: auto;
+ padding: 1em;
+ position: absolute;
+ right: 0;
+ width: -moz-fit-content;
+ width: -webkit-fit-content;
+ width: fit-content;
+ }
+
+ dialog:not([open]) {
+ display: none;
+ }
+
+ /*
+ * Add the correct display in all browsers.
+ */
+
+ summary {
+ display: list-item;
+ }
+
+ /* Scripting
+ * ========================================================================== */
+
+ /**
+ * Add the correct display in IE 9-.
+ */
+
+ canvas {
+ display: inline-block;
+ }
+
+ /**
+ * Add the correct display in IE.
+ */
+
+ template {
+ display: none;
+ }
+
+ /* User interaction
+ * ========================================================================== */
+
+ /*
+ * Remove the tapping delay in IE 10.
+ */
+
+ a,
+ area,
+ button,
+ input,
+ label,
+ select,
+ summary,
+ textarea,
+ [tabindex] {
+ -ms-touch-action: manipulation;
+ }
+
+ /**
+ * Add the correct display in IE 10-.
+ */
+
+ [hidden] {
+ display: none;
+ }
+
+ /* Accessibility
+ * ========================================================================== */
+
+ /**
+ * Change the cursor on busy elements in all browsers (opinionated).
+ */
+
+ [aria-busy="true"] {
+ cursor: progress;
+ }
+
+ /*
+ * Change the cursor on control elements in all browsers (opinionated).
+ */
+
+ [aria-controls] {
+ cursor: pointer;
+ }
+
+ /*
+ * Change the cursor on disabled, not-editable, or otherwise
+ * inoperable elements in all browsers (opinionated).
+ */
+
+ [aria-disabled="true"],
+ [disabled] {
+ cursor: not-allowed;
+ }
+
+ /*
+ * Change the display on visually hidden accessible elements
+ * in all browsers (opinionated).
+ */
+
+ [aria-hidden="false"][hidden] {
+ display: initial;
+ }
+
+ [aria-hidden="false"][hidden]:not(:focus) {
+ clip: rect(0, 0, 0, 0);
+ position: absolute;
+ }
+ <
\ No newline at end of file
A => assets/scss/libs/sanitize/typography.scss +42 -0
@@ 1,42 @@
+/**
+ * Use the default user interface font in all browsers (opinionated).
+ */
+
+ html {
+ font-family:
+ system-ui,
+ /* macOS 10.11-10.12 */ -apple-system,
+ /* Windows 6+ */ "Segoe UI",
+ /* Android 4+ */ "Roboto",
+ /* Ubuntu 10.10+ */ "Ubuntu",
+ /* Gnome 3+ */ "Cantarell",
+ /* KDE Plasma 5+ */ "Noto Sans",
+ /* fallback */ sans-serif,
+ /* macOS emoji */ "Apple Color Emoji",
+ /* Windows emoji */ "Segoe UI Emoji",
+ /* Windows emoji */ "Segoe UI Symbol",
+ /* Linux emoji */ "Noto Color Emoji";
+}
+
+/**
+ * Use the default monospace user interface font in all browsers (opinionated).
+ */
+
+code,
+kbd,
+samp,
+pre {
+ font-family:
+ /* macOS 10.10+ */ "Menlo",
+ /* Windows 6+ */ "Consolas",
+ /* Android 4+ */ "Roboto Mono",
+ /* Ubuntu 10.10+ */ "Ubuntu Monospace",
+ /* KDE Plasma 5+ */ "Noto Mono",
+ /* KDE Plasma 4+ */ "Oxygen Mono",
+ /* Linux/OpenOffice fallback */ "Liberation Mono",
+ /* fallback */ monospace,
+ /* macOS emoji */ "Apple Color Emoji",
+ /* Windows emoji */ "Segoe UI Emoji",
+ /* Windows emoji */ "Segoe UI Symbol",
+ /* Linux emoji */ "Noto Color Emoji";
+}
A => assets/scss/main.scss +50 -0
@@ 1,50 @@
+// @format
+
+@import "libs/sanitize/sanitize";
+@import "libs/sanitize/forms";
+@import "libs/sanitize/typography";
+@import "libs/open-color";
+
+@import "variables/colors";
+
+@import "mixins/breakpoint";
+
+@import "components/header";
+@import "components/footer";
+@import "components/home";
+@import "components/article";
+@import "components/recipe";
+@import "components/profile_picture";
+
+body {
+ color: $text-color;
+ font-size: 16px;
+ max-width: 750px;
+ margin: 0 auto;
+ padding: 0 1em;
+
+ @include breakpoint(sm) {
+ font-size: 18px;
+ }
+}
+
+a {
+ color: $link-color;
+
+ &:hover {
+ color: $link-hover-color;
+ }
+
+ &:visited {
+ color: $link-visited-color;
+ }
+}
+
+ol,
+ul {
+ padding-left: 2.5em;
+
+ li {
+ padding: 0.3em 0 0.3em 0.25em;
+ }
+}
A => assets/scss/mixins/.keep +0 -0
A => assets/scss/mixins/_breakpoint.scss +23 -0
@@ 1,23 @@
+// @format
+
+@mixin breakpoint($class) {
+ @if $class == xs {
+ @media (min-width: 440px) { @content; }
+ }
+
+ @else if $class == sm {
+ @media (min-width: 768px) { @content; }
+ }
+
+ @else if $class == md {
+ @media (min-width: 992px) { @content; }
+ }
+
+ @else if $class == lg {
+ @media (min-width: 1200px) { @content; }
+ }
+
+ @else {
+ @warn "Breakpoint mixin supports: xs, sm, md, lg";
+ }
+}
A => assets/scss/variables/_colors.scss +11 -0
@@ 1,11 @@
+// Color palette focused on accessibility
+
+$text-color: $oc-gray-9;
+$secondary-text-color: #6a7075;
+
+$link-color: $oc-indigo-9;
+$link-visited-color: $oc-violet-9;
+$link-hover-color: $oc-blue-9;
+
+$border-color: $oc-gray-6;
+$separator-color: $oc-gray-3;
A => config.toml +3 -0
@@ 1,3 @@
+baseURL = "https://alberto.restifo.dev"
+languageCode = "en-us"
+title = "Alberto Restifo: Software Engineer"
A => content/_index.md +4 -0
@@ 1,4 @@
+I'm Alberto Restifo. I'm a Software Engineer currently working at
+[Cabify][0]. You can read more [About Me](/about).
+
+[0]: https://cabify.com/
A => content/about/index.md +29 -0
@@ 1,29 @@
+---
+title: About me
+---
+
+{{< profile-picture >}}
+
+I work as Senior Software Engineer at [Cabify][0],
+a ride-sharing company based in Madrid, Spain.
+
+Software, cooking and moutains are my biggest passion.
+In this website you can see each of those passion at play.
+
+I've been living in Madrid since 2017 and I'm on a journey to find all the best
+places to enjoy food in the city.
+I'm currently working on a section for this website where I'll eventually
+publish all my recommendations.
+
+In the [Bread]({{< ref "bread" >}}) section you'll find a list of bread recipes as I love
+cooking and baking.
+
+## Me around the web
+
+* [SourceHut](https://git.sr.ht/~arestifo/)
+* [GitHub](https://github.com/albertorestifo/)
+* [Lobste.rs](https://lobste.rs/u/albertorestifo)
+* [LinkedIn](https://www.linkedin.com/in/alberto-restifo-052999159/)
+* [Unsplash](https://unsplash.com/@albertorestifo)
+
+[0]: https://cabify.com/
A => content/bread/focaccia-ligure.md +0 -0
A => content/license/index.md +22 -0
@@ 1,22 @@
+---
+title: License
+---
+
+Unless otherwise stated, the content of this website is licensed as follows:
+
+* **Blog articles:** [CC BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/)
+* **Recipes:** [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
+* **Places:** [CC BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/)
+* **Photos:** Public domain, see below
+
+## Photos license
+
+All photos published on restifo.dev can be used for free.
+You can use them for commercial and noncommercial purposes.
+You do not need to ask permission from or provide credit to the Alberto Restifo
+(the photographer) or restifo.dev, although it is appreciated when possible.
+
+More precisely, Alberto Restifo (the photographer) grants you an irrevocable,
+nonexclusive, worldwide copyright license to download, copy, modify, distribute,
+perform, and use photos from restifo.dev for free, including for commercial purposes,
+without permission from or attributing Alberto Restifo or restifo.dev.
A => content/privacy/index.md +16 -0
@@ 1,16 @@
+---
+title: Privacy policy
+---
+
+## No tracking
+
+There are no tracking cookies and no tracking javascript is used.
+At this time I do not collect server logs, but I reserve the possibility of
+using log-based analytics in the future.
+The user IPs will be anonymized in the process and all analytics data made public.
+
+## All JavaScript is optional
+
+The amount of JavaScript is this website is kept to a minimum and only used to
+enhance the experience.
+The website can be viewed entirely with JavaScript disabled.
A => layouts/_default/baseof.html +39 -0
@@ 1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
+ {{ $options := (dict "outputStyle" "compressed" "enableSourceMap" true) }}
+ {{ $style := resources.Get "scss/main.scss" | resources.ToCSS $options | resources.Fingerprint }}
+ <link rel="stylesheet" href="{{ $style.Permalink }}">
+
+ <title>{{ block "title" . }} {{ .Site.Title }} {{ end }}</title>
+</head>
+<body>
+
+ <header>
+ <div class="logo">
+ <a href="/">
+ A<span>lberto</span> R<span>estifo</span>
+ </a>
+ </div>
+
+ <nav>
+ <a href='{{ ref . "bread" }}'>Bread</a>
+ </nav>
+ </header>
+
+ {{ block "main" . }} {{ end }}
+
+ <footer>
+ <ul>
+ <li><a href='{{ ref . "about" }}'>About Me</a></li>
+ <li><a href='{{ ref . "license" }}'>License</a></li>
+ <li><a href='{{ ref . "privacy" }}'>Privacy Policy</a></li>
+ <li><a href="https://git.sr.ht/~arestifo/www">Source Code</a></li>
+ </ul>
+ </footer>
+
+</body>
+</html>
A => layouts/_default/single.html +9 -0
@@ 1,9 @@
+{{ define "title" }}{{ .Title}} | Alberto Restifo{{ end }}
+
+{{ define "main" }}
+<article>
+ <h1>{{ .Title }}</h1>
+
+ {{ .Content }}
+</article>
+{{ end }}
A => layouts/index.html +13 -0
@@ 1,13 @@
+{{ define "main" }}
+
+<article>
+ <div class="profile-picture">
+ {{ $img := resources.Get "img/me.jpg" | resources.Fingerprint }}
+ <img src="{{ $img.Permalink }}" alt="Alberto Restifo's profile picture">
+ </div>
+
+ <h1>Hi,</h1>
+
+ {{ .Content }}
+</article>
+{{ end }}
A => layouts/shortcodes/profile-picture.html +4 -0
@@ 1,4 @@
+<div class="profile-picture">
+ {{ $img := resources.Get "img/me.jpg" | resources.Fingerprint }}
+ <img src="{{ $img.Permalink }}" alt="Alberto Restifo's profile picture">
+</div>
A => resources/_gen/assets/scss/scss/main.scss_4fddb88d50abca04f2e7ef77f0bb1c3b.content +3 -0
@@ 1,3 @@
+*,::before,::after{box-sizing:border-box}::before,::after{text-decoration:inherit;vertical-align:inherit}html{cursor:default;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word}body{margin:0}h1{font-size:2em;margin:0.67em 0}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}hr{color:inherit;height:0;overflow:visible}main{display:block}nav ol,nav ul{list-style:none;padding:0}nav li::before{content:"\200B"}pre{font-family:monospace, monospace;font-size:1em;overflow:auto;-ms-overflow-style:scrollbar}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,select{margin:0}button{overflow:visible;text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}fieldset{border:1px solid #a0a0a0;padding:0.35em 0.75em 0.625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical;resize:block}[type="checkbox"],[type="radio"]{padding:0}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:white;border:solid;color:black;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}a,area,button,input,label,select,summary,textarea,[tabindex]{-ms-touch-action:manipulation}[hidden]{display:none}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled="true"],[disabled]{cursor:not-allowed}[aria-hidden="false"][hidden]{display:initial}[aria-hidden="false"][hidden]:not(:focus){clip:rect(0, 0, 0, 0);position:absolute}button,input,select,textarea{background-color:transparent;border:1px solid WindowFrame;color:inherit;font:inherit;letter-spacing:inherit;padding:0.25em 0.375em}select{-moz-appearance:none;-webkit-appearance:none;background:no-repeat right center / 1em;border-radius:0;padding-right:1em}select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E")}[type="color"],[type="range"]{border-width:0;padding:0}::-ms-expand{display:none}:-ms-input-placeholder{color:rgba(0,0,0,0.54)}html{font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}code,kbd,samp,pre{font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}header{padding:0.5em 0.5em;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}@media (min-width: 768px){header{padding:1.5em 1em 0.5em 1em}}.logo{font-size:1.2em;font-weight:bold}.logo a,.logo a:visited,.logo a:hover{color:#212529;text-decoration:none}.logo span{display:none}@media (min-width: 440px){.logo span{display:inline-block}}header nav a{margin-right:1em}header nav a:last-child{margin-right:0}header nav a:visited{color:#364fc7}footer{margin:4em 0;font-size:0.8em;color:#6a7075;border-top:1px solid #dee2e6;display:flex;justify-content:center}footer ul{list-style-type:none;display:flex;padding:0;margin:0.25em 0}footer ul li:not(:last-child)::after{content:"|";display:inline-block;padding:0 0.5em}article h1:first-child{margin-top:1em}article h1,article h2,article h3{margin-top:1.5em;margin-bottom:1em}.cover-image{width:100%}.ingredients{margin-bottom:2em}.ingredients td{line-height:1.2em;padding:0.75em 1em}@media (min-width: 768px){.ingredients td{padding:0.5em 1em}}.ingredients tr:not(:first-child) td{border-top:1px solid #dee2e6}.ingredients td:first-child{font-weight:bold;text-align:right;word-break:normal;vertical-align:top}.ingredients .ingredient-name{margin-right:0.5em}.ingredients .ingredient-comment{font-size:0.8em;color:#6a7075;display:inline-block}.gallery{display:grid;margin:2em 0;grid-template-columns:repeat(2, 1fr);gap:1em}@media (min-width: 768px){.gallery{grid-template-columns:repeat(3, 1fr)}}.gallery a{display:block}.gallery img{width:100%}.gallery .step span{font-size:0.8em;display:block;color:#6a7075;text-align:center;line-height:1.2;margin:0.2em 0}.profile-picture{width:150px;border-radius:9999px;float:right;overflow:hidden}@media (min-width: 768px){.profile-picture{width:250px;margin:1em}}.profile-picture img{width:100%}body{color:#212529;font-size:16px;max-width:750px;margin:0 auto;padding:0 1em}@media (min-width: 768px){body{font-size:18px}}a{color:#364fc7}a:hover{color:#1864ab}a:visited{color:#5f3dc4}ol,ul{padding-left:2.5em}ol li,ul li{padding:0.3em 0 0.3em 0.25em}
+
+/*# sourceMappingURL=main.css.map */<
\ No newline at end of file
A => resources/_gen/assets/scss/scss/main.scss_4fddb88d50abca04f2e7ef77f0bb1c3b.json +1 -0
@@ 1,1 @@
+{"Target":"scss/main.css","MediaType":"text/css","Data":{}}<
\ No newline at end of file
A => resources/_gen/assets/scss/scss/main.scss_6a9b89851c76ccc96568016ff9eba049.content +3 -0
@@ 1,3 @@
+*,::before,::after{box-sizing:border-box}::before,::after{text-decoration:inherit;vertical-align:inherit}html{cursor:default;line-height:1.5;-moz-tab-size:4;tab-size:4;-webkit-tap-highlight-color:transparent;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;word-break:break-word}body{margin:0}h1{font-size:2em;margin:0.67em 0}dl dl,dl ol,dl ul,ol dl,ul dl{margin:0}ol ol,ol ul,ul ol,ul ul{margin:0}hr{color:inherit;height:0;overflow:visible}main{display:block}nav ol,nav ul{list-style:none;padding:0}nav li::before{content:"\200B"}pre{font-family:monospace, monospace;font-size:1em;overflow:auto;-ms-overflow-style:scrollbar}a{background-color:transparent}abbr[title]{text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}audio,canvas,iframe,img,svg,video{vertical-align:middle}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}iframe{border-style:none}img{border-style:none}svg:not([fill]){fill:currentColor}svg:not(:root){overflow:hidden}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,select{margin:0}button{overflow:visible;text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}fieldset{border:1px solid #a0a0a0;padding:0.35em 0.75em 0.625em}input{overflow:visible}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{display:inline-block;vertical-align:baseline}select{text-transform:none}textarea{margin:0;overflow:auto;resize:vertical;resize:block}[type="checkbox"],[type="radio"]{padding:0}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:0.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}details{display:block}dialog{background-color:white;border:solid;color:black;display:block;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}dialog:not([open]){display:none}summary{display:list-item}canvas{display:inline-block}template{display:none}a,area,button,input,label,select,summary,textarea,[tabindex]{-ms-touch-action:manipulation}[hidden]{display:none}[aria-busy="true"]{cursor:progress}[aria-controls]{cursor:pointer}[aria-disabled="true"],[disabled]{cursor:not-allowed}[aria-hidden="false"][hidden]{display:initial}[aria-hidden="false"][hidden]:not(:focus){clip:rect(0, 0, 0, 0);position:absolute}button,input,select,textarea{background-color:transparent;border:1px solid WindowFrame;color:inherit;font:inherit;letter-spacing:inherit;padding:0.25em 0.375em}select{-moz-appearance:none;-webkit-appearance:none;background:no-repeat right center / 1em;border-radius:0;padding-right:1em}select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='4'%3E%3Cpath d='M4 0h6L7 4'/%3E%3C/svg%3E")}[type="color"],[type="range"]{border-width:0;padding:0}::-ms-expand{display:none}:-ms-input-placeholder{color:rgba(0,0,0,0.54)}html{font-family:system-ui,-apple-system,"Segoe UI","Roboto","Ubuntu","Cantarell","Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}code,kbd,samp,pre{font-family:"Menlo","Consolas","Roboto Mono","Ubuntu Monospace","Noto Mono","Oxygen Mono","Liberation Mono",monospace,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}header{padding:0.5em 0.5em;border-bottom:1px solid #dee2e6;display:flex;justify-content:space-between;align-items:center}@media (min-width: 768px){header{padding:1.5em 1em 0.5em 1em}}.logo{font-size:1.2em;font-weight:bold}.logo a,.logo a:visited,.logo a:hover{color:#212529;text-decoration:none}.logo span{display:none}@media (min-width: 440px){.logo span{display:inline-block}}header nav a{margin-right:1em}header nav a:last-child{margin-right:0}header nav a:visited{color:#364fc7}footer{margin:4em 0;font-size:0.8em;color:#6a7075;border-top:1px solid #dee2e6;display:flex;justify-content:center}footer ul{list-style-type:none;display:flex;padding:0;margin:0.25em 0}footer ul li:not(:last-child)::after{content:"|";display:inline-block;padding:0 0.5em}article h1:first-child{margin-top:1em}article h1,article h2,article h3{margin-top:1.5em;margin-bottom:1em}.cover-image{width:100%}.ingredients{margin-bottom:2em}.ingredients td{line-height:1.2em;padding:0.75em 1em}@media (min-width: 768px){.ingredients td{padding:0.5em 1em}}.ingredients tr:not(:first-child) td{border-top:1px solid #dee2e6}.ingredients td:first-child{font-weight:bold;text-align:right;word-break:normal;vertical-align:top}.ingredients .ingredient-name{margin-right:0.5em}.ingredients .ingredient-comment{font-size:0.8em;color:#6a7075;display:inline-block}.gallery{display:grid;margin:2em 0;grid-template-columns:repeat(2, 1fr);gap:1em}@media (min-width: 768px){.gallery{grid-template-columns:repeat(3, 1fr)}}.gallery a{display:block}.gallery img{width:100%}.gallery .step span{font-size:0.8em;display:block;color:#6a7075;text-align:center;line-height:1.2;margin:0.2em 0}.profile-picture{width:150px;border-radius:9999px;float:right;overflow:hidden}@media (min-width: 768px){.profile-picture{width:250px;margin:1em}}.profile-picture img{width:100%}body{color:#212529;font-size:16px;max-width:750px;margin:0 auto;padding:0 1em}@media (min-width: 768px){body{font-size:18px}}a{color:#364fc7}a:hover{color:#1864ab}a:visited{color:#5f3dc4}ol,ul{padding-left:2.5em}ol li,ul li{padding:0.3em 0 0.3em 0.25em}
+
+/*# sourceMappingURL=main.css.map */<
\ No newline at end of file
A => resources/_gen/assets/scss/scss/main.scss_6a9b89851c76ccc96568016ff9eba049.json +1 -0
@@ 1,1 @@
+{"Target":"scss/main.2fb9199a5f58b6706c9e060875545875666a387812a3965254e1c597b2cec5eb.css","MediaType":"text/css","Data":{"Integrity":"sha256-L7kZml9YtnBsngYIdVRYdWZqOHgSo5ZSVOHFl7LOxes="}}<
\ No newline at end of file
