initial

7 files changed, 249 insertions, 0 deletions

diff --git a/Logo.svg b/Logo.svg
new file mode 100644
index 0000000..2ff4a14
--- /dev/null
+++ b/Logo.svg
@@ -0,0 +1,18 @@
+<svg version="1.1"
+     viewBox="0 0 960 960"
+     fill="none"
+     xmlns="http://www.w3.org/2000/svg">
+
+  <rect
+    x="1"
+    y="1"
+    width="958"
+    height="958"
+    fill="none"
+    stroke="#e6e6e6"
+    stroke-width="40"/>
+
+  <path
+    fill="#e6e6e6"
+    d="m311.93704 145.0l0 52.28067l120.27191 0l0 5.2159424c-26.282684 7.439789 -46.328003 19.367706 -60.135956 35.783752c-13.7127075 16.33519 -20.569061 36.18811 -20.569061 59.558716c0 29.839996 8.332367 53.69586 24.997131 71.567505c16.664764 17.871643 42.56656 30.527374 77.70538 37.967163l0 3.0325317c-42.18564 4.447693 -75.13425 18.235565 -98.845825 41.363586c-23.616333 23.04715 -35.4245 50.986816 -35.4245 83.81888c0 29.273987 5.856476 53.736267 17.569397 73.387024c11.712952 19.650757 30.710785 36.066833 56.99347 49.24817c26.282715 13.100464 61.659607 24.38147 106.13071 33.842896l66.706604 14.192261l-29.853699 94.614624l66.706665 14.1922l26.425537 -83.454956c1.1427002 -4.5286255 2.1425781 -8.895447 2.9996338 -13.100525c0.85705566 -4.205078 1.2855835 -8.046265 1.2855835 -11.52356c0 -12.938721 -4.6661377 -24.219727 -13.998413 -33.842957c-9.332275 -9.704041 -24.23529 -16.820374 -44.709167 -21.348938l-66.706635 -14.919983c-26.94928 -5.9033203 -48.756317 -13.1813965 -65.42105 -21.834167c-16.664764 -8.733704 -28.949066 -19.165527 -36.852936 -31.295654c-7.903839 -12.2109375 -11.855774 -26.524414 -11.855774 -42.94049l0 -10.431885c0 -19.89331 4.23761 -36.794586 12.71283 -50.703735c8.47522 -13.90918 22.235535 -24.583649 41.280975 -32.023438c19.04544 -7.4397583 43.756897 -11.159668 74.13434 -11.159668l76.41986 0l0 -52.159363l-76.41986 0c-30.948822 0 -54.803223 -7.075897 -71.5632 -21.227661c-16.664764 -14.2326355 -24.997131 -34.247253 -24.997131 -60.043915l0 -10.431885c0 -20.37854 4.380432 -37.643692 13.141357 -51.795456c8.85611 -14.151764 20.99759 -24.94754 36.424377 -32.38733c15.522034 -7.439789 33.805664 -11.159683 54.85086 -11.159683l116.84375 0l0 -52.28067z"/>
+</svg>
diff --git a/fonts.css b/fonts.css
new file mode 100644
index 0000000..e5447bc
--- /dev/null
+++ b/fonts.css
@@ -0,0 +1,41 @@
+/*
+ * My favorite fonts packaged for the web
+ */
+
+@font-face {
+    font-family: "Gelasio";
+    font-style: normal;
+    font-weight: 400 700;
+    font-display: swap;
+    src: url("fonts/gelasio-latin.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Gelasio";
+    font-style: italic;
+    font-weight: 400 700;
+    font-display: swap;
+    src: url("fonts/gelasio-latin-italic.woff2") format("woff2");
+}
+
+@font-face {
+    font-family: "Fira Math";
+    src: url("fonts/FiraMath-Regular.woff2") format("woff2");
+    font-weight: 400;
+    font-style: normal;
+    font-display: swap;
+}
+
+@font-face {
+    font-family: "Fira Code";
+    src: url("fonts/FiraCode-VF.woff2") format("woff2");
+    font-style: normal;
+    font-weight: 300 700;
+    font-display: swap;
+}
+
+:root {
+    --fontSerif: 'Gelasio', serif;
+    --fontMono: 'Fira Code', monospace;
+    --fontMath: 'Fira Math', serif;
+}
diff --git a/fonts/FiraCode-VF.woff2 b/fonts/FiraCode-VF.woff2
new file mode 100644
index 0000000..e755a9d
--- /dev/null
+++ b/fonts/FiraCode-VF.woff2
diff --git a/fonts/FiraMath-Regular.woff2 b/fonts/FiraMath-Regular.woff2
new file mode 100644
index 0000000..fd08e65
--- /dev/null
+++ b/fonts/FiraMath-Regular.woff2
diff --git a/fonts/gelasio-latin-italic.woff2 b/fonts/gelasio-latin-italic.woff2
new file mode 100644
index 0000000..7f95e1d
--- /dev/null
+++ b/fonts/gelasio-latin-italic.woff2
diff --git a/fonts/gelasio-latin.woff2 b/fonts/gelasio-latin.woff2
new file mode 100644
index 0000000..fe18998
--- /dev/null
+++ b/fonts/gelasio-latin.woff2
diff --git a/prose.css b/prose.css
new file mode 100644
index 0000000..eac016b
--- /dev/null
+++ b/prose.css
@@ -0,0 +1,190 @@
+/*
+ * This file is used for default html text content theming (headings, paragraphs, spacing)
+ */
+
+@import url('fonts.css');
+
+.markdown-body {
+    --sx: 1rem;
+    --lx: 3rem;
+    --lh: 1.5;
+
+    body {
+        -webkit-font-smoothing: antialiased;
+        text-rendering: optimizeLegibility;
+    }
+
+    p {
+        color: #e6e6e6;
+        font-family: var(--fontSerif);
+        line-height: var(--lh);
+        font-size: 1.1rem;
+        margin: var(--sx) 0;
+        text-wrap: pretty;
+    }
+
+    sup {
+        font-size: 0.8em;
+        line-height: 0;
+        vertical-align: baseline;
+        position: relative;
+        top: -0.5em;
+    }
+
+    a {
+        color: #49f;
+        text-decoration: none;
+
+        &:hover {
+            text-decoration: underline;
+        }
+
+        &:focus-visible {
+            outline: 2px solid #49f;
+            outline-offset: 2px;
+        }
+    }
+
+    li {
+        color: #e6e6e6;
+        font-family: var(--fontSerif);
+        line-height: var(--lh);
+        font-size: 1.1rem;
+
+        &::marker {
+            color: #e6e6e6;
+        }
+    }
+
+    h1, h2, h3 {
+        color: #e6e6e6 !important;
+        margin-top: var(--lx);
+        margin-bottom: var(--sx);
+        font-family: var(--fontSerif);
+        line-height: var(--lh);
+        font-weight: 600;
+        text-wrap: balance;
+
+        border: none !important;
+        a { color: #e6e6e6 !important; }
+    }
+
+    h1 {
+        font-size: 2rem;
+    }
+
+    h2 {
+        font-size: 1.5rem;
+    }
+
+    h3 {
+        font-size: 1.25rem;
+    }
+
+    .comment {
+        color: #888;
+    }
+
+    blockquote p {
+        color: #888;
+    }
+
+    hr {
+        display: block;
+        height: 2px;
+        border: 0;
+        border-top: 2px solid #888;
+        margin: var(--sx) 0;
+        padding: 0;
+    }
+
+    time {
+        display: block;
+        font-family: var(--fontSerif);
+        color: #888;
+    }
+
+    details {
+        font-family: var(--fontSerif);
+        color: #888;
+
+        summary::marker {
+            color: #888;
+        }
+    }
+
+    table {
+        --tsx_x: calc(var(--sx) / 3);
+        --tsx_y: calc(var(--sx) / 1.5);
+
+        font-family: var(--fontSerif);
+        margin: var(--sx) auto;
+        border-collapse: collapse;
+
+        th {
+            color: #e6e6e6;
+            text-align: center;
+            border: solid;
+            padding: var(--tsx_x) var(--tsx_y);
+            border-width: 0 0 1px 0;
+
+            &[scope="row"] {
+                border-width: 0 1px 0 0;
+            }
+        }
+
+        td {
+            color: #e6e6e6;
+            text-align: center;
+            padding: var(--tsx_x) var(--tsx_y);
+            font-variant-numeric: tabular-nums;
+        }
+    }
+
+    math {
+        font-family: var(--fontMath);
+        font-size: 1em;
+        transform: translateZ(0);
+
+        msub > :nth-child(2) {
+            transform: translateY(-0.2em);
+            font-size: 0.8rem;
+        }
+    }
+
+    /* CODEBLOCKS */
+
+    code {
+        font-size: 0.95rem;
+        color: #e6e6e6;
+        white-space: pre;
+        font-family: var(--fontMono);
+
+        kw   { color: #49f; }
+        ty   { color: #4d9; }
+        fn   { color: #7bf; }
+        mac  { color: #d69; }
+        str  { color: #6e7; }
+        num  { color: #9c9; }
+        com  { color: #888; }
+        prop { color: #8cf; }
+        mod  { color: #bcd; }
+        id   { color: inherit; }
+    }
+
+    pre {
+        max-width: 100%;
+        overflow-x: auto;
+        overflow-y: hidden;
+        box-sizing: border-box;
+        margin: var(--sx) 0;
+        line-height: var(--lh);
+    }
+
+    img {
+        display: block;
+        max-width: 80%;
+        height: auto;
+        margin: var(--sx) auto;
+    }
+}