Merge commit '6a7d3111b31e73fc66af5360149d41f690fbcaa4'

1 files changed, 347 insertions, 0 deletions

diff --git a/sysret.org/themes/tabi-lean/sass/main.scss b/sysret.org/themes/tabi-lean/sass/main.scss
new file mode 100644
index 0000000..d1470ff
--- /dev/null
+++ b/sysret.org/themes/tabi-lean/sass/main.scss
@@ -0,0 +1,347 @@
+@use 'parts/_admonitions.scss';
+@use 'parts/_archive.scss';
+@use 'parts/_aside.scss';
+@use 'parts/_cards.scss';
+@use 'parts/_code.scss';
+@use 'parts/_comments.scss';
+@use 'parts/_footer.scss';
+@use 'parts/_header-anchor.scss';
+@use 'parts/_header.scss';
+@use 'parts/_home-banner.scss';
+@use 'parts/_iine.scss';
+@use 'parts/_image-hover.scss';
+@use 'parts/_image-toggler.scss';
+@use 'parts/_image.scss';
+@use 'parts/_misc.scss';
+@use 'parts/_multilingual_quote.scss';
+@use 'parts/_pagination.scss';
+@use 'parts/_posts_list.scss';
+@use 'parts/_quick_navigation_buttons.scss';
+@use 'parts/_search.scss';
+@use 'parts/_spoiler.scss';
+@use 'parts/_syntax_theme.scss';
+@use 'parts/_table.scss';
+@use 'parts/_tags.scss';
+@use 'parts/_theme-switch.scss';
+@use 'parts/_webmention.scss';
+@use 'parts/_zola-error.scss';
+
+@font-face {
+    src: local('Inter'),
+        url('fonts/Inter4.woff2') format("woff2");
+    /* Copyright 2016 The Inter Project Authors (https://github.com/rsms/inter). Licensed under the SIL Open Font License, Version 1.1. More information available at: http://scripts.sil.org/OFL */
+    font-family: 'Inter';
+    font-display: swap;
+}
+
+@font-face {
+    src: local('Source Serif'),
+        url('fonts/SourceSerif4Variable-Roman.ttf.woff2') format("woff2");
+    /* Copyright 2014 - 2023 Adobe (http://www.adobe.com/), with Reserved Font Name ‘Source’.adobe.com/). Licensed under the SIL Open Font License, Version 1.1. More information available at: http://scripts.sil.org/OFL */
+    font-family: 'Source Serif';
+    font-display: swap;
+}
+
+@font-face {
+    src: local('Cascadia Code'),
+        url('fonts/CascadiaCode-SemiLight.woff2') format("woff2");
+    /* Copyright 2019 - Present, Microsoft Corporation, with Reserved Font Name 'Cascadia Code'. Licensed under the SIL Open Font License, Version 1.1. More information available at: http://scripts.sil.org/OFL */
+    font-family: 'Cascadia Code';
+    font-display: swap;
+}
+
+@mixin theme-variables($theme) {
+    @if $theme =='light' {
+        --background-color: white;
+        --bg-0: #f0f0f0;
+        --bg-1: #e7e7e7;
+        --bg-2: #fefefe;
+        --bg-3: #d8dcdd;
+        --hover-color: white;
+        --primary-color: #087E96;
+        --divider-color: #d7d7d7;
+        --text-color: #222226;
+        --text-color-high-contrast: #313333;
+        --meta-color: #5b5b65;
+        --codeblock-bg: #26232e;
+        --codeblock-highlight: #383444;
+        --theme-switcher-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath d='M283.211 512c78.962 0 151.079-35.925 198.857-94.792 7.068-8.708-.639-21.43-11.562-19.35-124.203 23.654-238.262-71.576-238.262-196.954 0-72.222 38.662-138.635 101.498-174.394 9.686-5.512 7.25-20.197-3.756-22.23A258.156 258.156 0 0 0 283.211 0c-141.309 0-256 114.511-256 256 0 141.309 114.511 256 256 256z'/%3E%3C/svg%3E%0A");
+        color-scheme: light;
+    }
+
+    @else {
+        --background-color: #1f1f1f;
+        --bg-0: #2f2f2f;
+        --bg-1: #3c3c3c;
+        --bg-2: #171717;
+        --bg-3: #535555;
+        --hover-color: black;
+        --primary-color: #91e0ee;
+        --divider-color: #4a4a4a;
+        --text-color: #D4D4D4;
+        --text-color-high-contrast: #eceeef;
+        --meta-color: #B0B0B0;
+        --codeblock-bg: #19181e;
+        --codeblock-highlight: #282834;
+        --theme-switcher-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 96 960 960' %3E%3Cpath d='M480 776q-83 0-141.5-58.5T280 576q0-83 58.5-141.5T480 376q83 0 141.5 58.5T680 576q0 83-58.5 141.5T480 776ZM80 616q-17 0-28.5-11.5T40 576q0-17 11.5-28.5T80 536h80q17 0 28.5 11.5T200 576q0 17-11.5 28.5T160 616H80Zm720 0q-17 0-28.5-11.5T760 576q0-17 11.5-28.5T800 536h80q17 0 28.5 11.5T920 576q0 17-11.5 28.5T880 616h-80ZM480 296q-17 0-28.5-11.5T440 256v-80q0-17 11.5-28.5T480 136q17 0 28.5 11.5T520 176v80q0 17-11.5 28.5T480 296Zm0 720q-17 0-28.5-11.5T440 976v-80q0-17 11.5-28.5T480 856q17 0 28.5 11.5T520 896v80q0 17-11.5 28.5T480 1016ZM226 378l-43-42q-12-11-11.5-28t11.5-29q12-12 29-12t28 12l42 43q11 12 11 28t-11 28q-11 12-27.5 11.5T226 378Zm494 495-42-43q-11-12-11-28.5t11-27.5q11-12 27.5-11.5T734 774l43 42q12 11 11.5 28T777 873q-12 12-29 12t-28-12Zm-42-495q-12-11-11.5-27.5T678 322l42-43q11-12 28-11.5t29 11.5q12 12 12 29t-12 28l-43 42q-12 11-28 11t-28-11ZM183 873q-12-12-12-29t12-28l43-42q12-11 28.5-11t27.5 11q12 11 11.5 27.5T282 830l-42 43q-11 12-28 11.5T183 873Z'/%3E%3C/svg%3E");
+        color-scheme: dark;
+    }
+}
+
+:root {
+    @include theme-variables('light');
+
+    --max-layout-width: 1000px;
+    --normal-layout-width: 600px;
+    --medium-layout-width: 400px;
+    --small-layout-width: 200px;
+    --paragraph-spacing: max(2.3vmin, 24px);
+
+    --sans-serif-font: 'Inter', Helvetica, Arial, sans-serif;
+    --serif-font: 'Source Serif', 'Georgia', serif;
+    --code-font: 'Cascadia Code';
+
+    scrollbar-color: var(--primary-color) transparent;
+    accent-color: var(--primary-color);
+
+    line-height: 190%;
+    font-family: var(--sans-serif-font);
+}
+
+[data-theme='dark'] {
+    @include theme-variables('dark');
+
+    .invertible-image {
+        filter: invert(.88);
+    }
+
+    .dimmable-image {
+        filter: brightness(.8) contrast(1.2);
+    }
+}
+
+@media (prefers-color-scheme: dark) {
+    :root:not([data-theme='light']) {
+        @include theme-variables('dark');
+
+        .invertible-image {
+            filter: invert(.88);
+        }
+
+        .dimmable-image {
+            filter: brightness(.8) contrast(1.2);
+        }
+    }
+}
+
+html {
+    background-color: var(--background-color);
+    color: var(--text-color);
+    line-height: 1.6em;
+    text-rendering: optimizeLegibility;
+}
+
+body {
+    display: flex;
+    flex-direction: column;
+    margin-inline: 5vmin;
+    margin-block: 0;
+    min-height: 100vh;
+}
+
+.content {
+    word-wrap: break-word;
+    margin: 0 auto;
+    margin-top: 6vmin;
+    margin-block-end: 4rem;
+    width: 100%;
+    max-width: var(--max-layout-width);
+}
+
+.use-sans-serif {
+    --serif-font: var(--sans-serif-font);
+}
+
+article {
+    $base-margin: 6rem;
+    position: relative;
+    margin: 0 auto;
+
+    max-width: calc(var(--max-layout-width) - 2*$base-margin);
+
+    p,
+    li,
+    details,
+    summary {
+        font-family: var(--serif-font);
+    }
+
+    strong {
+        font-weight: 620;
+    }
+
+    .full-width {
+        margin-inline-start: -$base-margin;
+        margin-inline-end: -$base-margin;
+        max-width: calc(100% + 2*$base-margin);
+    }
+
+    li {
+        p:not(:last-child) {
+            margin-block-end: 0;
+        }
+
+        p + :last-child {
+            margin-block-end: var(--paragraph-spacing);
+        }
+    }
+}
+
+.section-title {
+    display: flex;
+    margin: 0;
+    margin-top: -0.15em;
+    color: var(--text-color-high-contrast);
+    font-weight: 550;
+    font-size: 2.2em;
+    line-height: 1.2em;
+}
+
+.last-updated {
+    margin-top: -5vmin;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+    display: block;
+    position: relative;
+    margin: 0;
+}
+
+h1 {
+    margin-top: 0.67em;
+    font-weight: 550;
+    font-size: 1.62rem;
+}
+
+h2 {
+    margin-top: 0.5em;
+    font-weight: 550;
+    font-size: 1.4rem;
+}
+
+h3 {
+    margin-top: 0.3em;
+    font-weight: 550;
+    font-size: 1.2rem;
+}
+
+h4 {
+    margin-top: 0.83em;
+    font-weight: 550;
+    font-size: 1rem;
+}
+
+h5 {
+    margin-top: 0.83em;
+    font-weight: normal;
+    font-size: 1rem;
+}
+
+p {
+    margin-top: 0.4rem;
+    margin-block-end: var(--paragraph-spacing);
+    font-size: 1em;
+    line-height: 2rem;
+}
+
+strong {
+    font-weight: 580;
+}
+
+.centered-text {
+    text-align: center;
+}
+
+video {
+    max-width: 100%;
+}
+
+.center-content {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin: 0;
+    width: 100%;
+    height: 100vh;
+    text-align: center;
+}
+
+.subheader {
+    margin-block-end: 2rem;
+}
+
+.mobile-only {
+    display: none;
+}
+
+@media only screen and (max-width: 1000px) {
+    .content {
+        max-width: var(--normal-layout-width);
+    }
+
+    body {
+        margin: 0 32px;
+    }
+
+    article .full-width {
+        display: block;
+        margin-inline-start: 0;
+        margin-inline-end: 0;
+        max-width: none;
+        overflow-x: auto;
+    }
+
+    .mobile-only {
+        display: block;
+    }
+}
+
+@media only screen and (max-width: 600px) {
+    .content {
+        margin-top: 0rem;
+        max-width: var(--medium-layout-width);
+    }
+
+    article {
+        margin-top: 1.3rem;
+    }
+
+    body {
+        margin-inline: 16px;
+        margin-block: 0;
+    }
+}
+
+@media only screen and (max-width: 300px) {
+    .content {
+        max-width: var(--small-layout-width);
+    }
+}
+
+@media all and (min-width: 600px) {
+    html {
+        font-size: 16.5px;
+    }
+}
+
+@media all and (min-width: 960px) {
+    html {
+        font-size: 20px;
+    }
+}