commit 307c312d38b3e77e7f1d3b282051a479e0c4d216
Author: Agatha Lovelace <agatha@technogothic.net>
Date:   Fri Mar 4 17:29:02 2022 +0200

    Initial commit

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..9ce39b7
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,4 @@
+.jekyll-cache
+.jekyll-metadata
+Gemfile.lock
+_site
diff --git a/Gemfile b/Gemfile
new file mode 100644
index 0000000..9eaef9b
--- /dev/null
+++ b/Gemfile
@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+source "https://rubygems.org"
+
+gem "jekyll", "~> 4.2"
+gem "kramdown-math-katex", "~> 1.0"
+gem "rouge", "~> 3.27"
+gem "webrick", "~> 1.7"
diff --git a/_config.yml b/_config.yml
new file mode 100644
index 0000000..6aa249b
--- /dev/null
+++ b/_config.yml
@@ -0,0 +1,12 @@
+source: 'source'
+kramdown:
+    syntax_highlighter: rouge
+    syntax_highlighter_opts:
+        guess_lang: true
+        css_class: 'highlight'
+        span:
+          line_numbers: false
+        block:
+          line_numbers: true
+          start_line: 1
+    math_engine: katex
diff --git a/source/assets/agatha-dark.png b/source/assets/agatha-dark.png
new file mode 100644
index 0000000..5c202c9
Binary files /dev/null and b/source/assets/agatha-dark.png differ
diff --git a/source/assets/bg-noise-dark.png b/source/assets/bg-noise-dark.png
new file mode 100644
index 0000000..85968ae
Binary files /dev/null and b/source/assets/bg-noise-dark.png differ
diff --git a/source/assets/favicon.png b/source/assets/favicon.png
new file mode 100644
index 0000000..d02def3
Binary files /dev/null and b/source/assets/favicon.png differ
diff --git a/source/css/common.css b/source/css/common.css
new file mode 100644
index 0000000..607c6f0
--- /dev/null
+++ b/source/css/common.css
@@ -0,0 +1,71 @@
+/* Fonts */
+
+@font-face {
+    font-family: "Cinzel Decorative";
+    src: url(../fonts/CinzelDecorative-Regular.ttf);
+    font-weight: normal;
+}
+
+@font-face {
+    font-family: "Cinzel Decorative";
+    src: url(../fonts/CinzelDecorative-Bold.ttf);
+    font-weight: bold;
+}
+
+@font-face {
+    font-family: "Crimson";
+    src: url(../fonts/Crimson-Roman.otf);
+    font-weight: normal;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Crimson";
+    src: url(../fonts/Crimson-Bold.otf);
+    font-weight: bold;
+    font-style: normal;
+}
+
+@font-face {
+    font-family: "Crimson";
+    src: url(../fonts/Crimson-Italic.otf);
+    font-weight: normal;
+    font-style: italic;
+}
+
+@font-face {
+    font-family: "Crimson";
+    src: url(../fonts/Crimson-BoldItalic.otf);
+    font-weight: bold;
+    font-style: italic;
+}
+
+/* Colors */
+
+:root {
+    --bg: #19121F;
+    --accent: #9AA6CB;
+    --accent-dark: #747E9D;
+    --text: #D5D6E8;
+    --url: #F5E8C9;
+}
+
+@media (prefers-color-scheme: light) {
+    :root {
+
+    }
+
+    html {
+
+    }
+}
+
+html {
+    background: url(../assets/bg-noise-dark.png) repeat;
+    background-color: var(--bg);
+}
+
+::selection {
+    color: var(--bg);
+    background: var(--accent);
+}
\ No newline at end of file
diff --git a/source/css/index.css b/source/css/index.css
new file mode 100644
index 0000000..ae7f6e3
--- /dev/null
+++ b/source/css/index.css
@@ -0,0 +1,185 @@
+.centered {
+    position: absolute;
+    display: flex;
+    left: 50%;
+    top: 50%;
+    -webkit-transform: translate(-50%, -50%);
+    transform: translate(-50%, -50%);
+}
+
+.text {
+    margin-top: 5em;
+    width: 400px;
+}
+
+h1 {
+    font-family: 'Cinzel Decorative';
+    color: var(--accent);
+    width: min-content;
+    font-size: 55px;
+    font-weight: normal;
+    line-height: 1;
+    margin-bottom: 0;
+}
+
+h1 span {
+    font-size: 75px;
+}
+
+h3, p {
+    font-family: 'Crimson';
+    font-weight: normal;
+}
+
+h3 {
+    color: var(--accent-dark);
+    font-size: 30px;
+    margin-top: 0.2em;
+}
+
+p {
+    margin-top: 2em;
+    font-size: 25px;
+    line-height: 1.1;
+    color: var(--text);
+}
+
+abbr {
+    text-decoration: none;
+    font-style: italic;
+    animation: blink 5s linear infinite;
+}
+
+picture img {
+    height: 700px;
+}
+
+/* Links menu */
+
+details {
+    margin-top: 1.5em;
+    width: max-content;
+}
+
+details a {
+    opacity: 0;
+    margin: 0 8px;
+}
+
+details * {
+    display: inline-block;
+}
+
+details[open] a {
+    opacity: 100;
+    transition: opacity 0.2s ease-in-out;
+}
+
+details, details * {
+    font-family: 'Crimson';
+    font-weight: normal;
+    font-size: 26px;
+    text-decoration: none;
+
+    color: var(--url);
+
+    height: min-content;
+    cursor: pointer;
+    user-select: none;
+}
+
+details summary::before {
+    content: '⦿ ';
+    filter: drop-shadow(0 0 5px);
+}
+
+details[open] > summary {
+    visibility: hidden;
+    font-size: 0;
+}
+
+details[open] > summary::after {
+    content: '←';
+    visibility: visible;
+    font-size: 26px;
+
+    position: relative;
+    top: -2px;
+}
+
+details *:hover {
+    animation: glow 0.2s ease-in-out both;
+}
+
+/* animations */
+
+@keyframes glow {
+    from {
+        font-weight: normal;
+    }
+    to {
+        filter: drop-shadow(0.5px 0.5px 2px) ;
+    }
+}
+
+@keyframes blink {
+    80% {
+        filter: drop-shadow(0 0 1px) opacity(80%);
+    }
+}
+
+/* mobile screens */
+
+@media (max-width: 880px) {
+    .centered {
+        display: block;
+        top: -20px;
+        -webkit-transform: translate(-50%, 0);
+        transform: translate(-50%, 0);
+    }
+
+    .text {
+        margin-top: unset;
+        position: absolute;
+        left: 50%;
+        -webkit-transform: translate(-50%, -60%);
+        transform: translate(-50%, -60%);
+
+        width: 320px;
+        padding-bottom: 4em;
+    }
+    h1 {
+        filter: drop-shadow(5px 5px 5px var(--bg));
+    }
+}
+
+@media (max-width: 500px) {
+    picture img {
+        max-width: 100vw;
+        height: auto;
+    }
+}
+
+@media (max-width: 360px) {
+    .text {
+        position: unset;
+        left: unset;
+        -webkit-transform: translate(0, -60%);
+        transform: translate(0, -60%);
+
+        width: fit-content;
+        margin-left: 2em;
+    }
+
+    h1 {
+        font-size: 40px;
+    }
+
+    h1 span {
+        font-size: 60px;
+    }
+
+    details {
+        width: fit-content;
+    }
+}
\ No newline at end of file
diff --git a/source/css/paramount-dark.css b/source/css/paramount-dark.css
new file mode 100644
index 0000000..520311d
--- /dev/null
+++ b/source/css/paramount-dark.css
@@ -0,0 +1,79 @@
+pre { line-height: 125%; }
+td.linenos .normal { color: #767676; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+.highlight .hll { background-color: #ffffcc }
+.highlight { color: #4e4e4e; background: #000000 }
+.highlight .c { color: #4e4e4e; font-style: italic } /* Comment */
+.highlight .err { color: #ffffff; background-color: #e32791 } /* Error */
+.highlight .g { color: #767676 } /* Generic */
+.highlight .k { color: #767676 } /* Keyword */
+.highlight .n { color: #c6c6c6 } /* Name */
+.highlight .o { color: #c6c6c6; font-weight: bold } /* Operator */
+.highlight .x { color: #f00 } /* Other */
+.highlight .p { color: #c6c6c6 } /* Punctuation */
+.highlight .ch { color: #4e4e4e; font-style: italic } /* Comment.Hashbang */
+.highlight .cm { color: #4e4e4e; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #767676 } /* Comment.Preproc */
+.highlight .cpf { color: #4e4e4e; font-style: italic } /* Comment.PreprocFile */
+.highlight .c1 { color: #4e4e4e; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #4e4e4e; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #e32791 } /* Generic.Deleted */
+.highlight .ge { color: #c6c6c6; text-decoration: underline } /* Generic.Emph */
+.highlight .gr { color: #ffffff; background-color: #e32791 } /* Generic.Error */
+.highlight .gh { color: #008ec4 } /* Generic.Heading */
+.highlight .gi { color: #5fd7a7 } /* Generic.Inserted */
+.highlight .go { color: #767676 } /* Generic.Output */
+.highlight .gp { color: #767676 } /* Generic.Prompt */
+.highlight .gs { color: #767676 } /* Generic.Strong */
+.highlight .gu { color: #008ec4 } /* Generic.Subheading */
+.highlight .gt { color: #e32791 } /* Generic.Traceback */
+.highlight .kc { color: #767676 } /* Keyword.Constant */
+.highlight .kd { color: #767676 } /* Keyword.Declaration */
+.highlight .kn { color: #767676 } /* Keyword.Namespace */
+.highlight .kp { color: #767676 } /* Keyword.Pseudo */
+.highlight .kr { color: #767676 } /* Keyword.Reserved */
+.highlight .kt { color: #c6c6c6 } /* Keyword.Type */
+.highlight .m { color: #a790d5 } /* Literal.Number */
+.highlight .s { color: #a790d5 } /* Literal.String */
+.highlight .na { color: #c6c6c6 } /* Name.Attribute */
+.highlight .nb { color: #a790d5 } /* Name.Builtin */
+.highlight .nc { color: #767676 } /* Name.Class */
+.highlight .no { color: #a790d5 } /* Name.Constant */
+.highlight .nd { color: #767676 } /* Name.Decorator */
+.highlight .ni { color: #767676; font-style: italic } /* Name.Entity */
+.highlight .ne { color: #767676 } /* Name.Exception */
+.highlight .nf { color: #c6c6c6 } /* Name.Function */
+.highlight .nl { color: #767676 } /* Name.Label */
+.highlight .nn { color: #c6c6c6 } /* Name.Namespace */
+.highlight .nx { color: #767676 } /* Name.Other */
+.highlight .py { color: #767676 } /* Name.Property */
+.highlight .nt { color: #767676 } /* Name.Tag */
+.highlight .nv { color: #c6c6c6 } /* Name.Variable */
+.highlight .ow { color: #c6c6c6; font-weight: bold } /* Operator.Word */
+.highlight .mb { color: #a790d5 } /* Literal.Number.Bin */
+.highlight .mf { color: #a790d5 } /* Literal.Number.Float */
+.highlight .mh { color: #a790d5 } /* Literal.Number.Hex */
+.highlight .mi { color: #a790d5 } /* Literal.Number.Integer */
+.highlight .mo { color: #a790d5 } /* Literal.Number.Oct */
+.highlight .sa { color: #a790d5 } /* Literal.String.Affix */
+.highlight .sb { color: #a790d5 } /* Literal.String.Backtick */
+.highlight .sc { color: #a790d5 } /* Literal.String.Char */
+.highlight .dl { color: #a790d5 } /* Literal.String.Delimiter */
+.highlight .sd { color: #a790d5 } /* Literal.String.Doc */
+.highlight .s2 { color: #a790d5 } /* Literal.String.Double */
+.highlight .se { color: #a790d5 } /* Literal.String.Escape */
+.highlight .sh { color: #a790d5 } /* Literal.String.Heredoc */
+.highlight .si { color: #a790d5 } /* Literal.String.Interpol */
+.highlight .sx { color: #a790d5 } /* Literal.String.Other */
+.highlight .sr { color: #a790d5 } /* Literal.String.Regex */
+.highlight .s1 { color: #a790d5 } /* Literal.String.Single */
+.highlight .ss { color: #a790d5 } /* Literal.String.Symbol */
+.highlight .bp { color: #767676 } /* Name.Builtin.Pseudo */
+.highlight .fm { color: #767676 } /* Name.Function.Magic */
+.highlight .vc { color: #c6c6c6 } /* Name.Variable.Class */
+.highlight .vg { color: #c6c6c6 } /* Name.Variable.Global */
+.highlight .vi { color: #c6c6c6 } /* Name.Variable.Instance */
+.highlight .vm { color: #c6c6c6 } /* Name.Variable.Magic */
+.highlight .il { color: #a790d5 } /* Literal.Number.Integer.Long */
diff --git a/source/css/paramount-light.css b/source/css/paramount-light.css
new file mode 100644
index 0000000..4317068
--- /dev/null
+++ b/source/css/paramount-light.css
@@ -0,0 +1,77 @@
+pre { line-height: 125%; }
+td.linenos .normal { color: #767676; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+span.linenos { color: inherit; background-color: transparent; padding-left: 5px; padding-right: 5px; }
+td.linenos .special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+span.linenos.special { color: #000000; background-color: #ffffc0; padding-left: 5px; padding-right: 5px; }
+.highlight .hll { background-color: #ffffcc }
+.highlight { background: #ffffff; }
+.highlight .c { color: #a8a8a8; font-style: italic } /* Comment */
+.highlight .err { color: #ffffff; background-color: #c30771 } /* Error */
+.highlight .g { color: #767676 } /* Generic */
+.highlight .k { color: #767676 } /* Keyword */
+.highlight .n { color: #262626 } /* Name */
+.highlight .o { color: #262626; font-weight: bold } /* Operator */
+.highlight .ch { color: #a8a8a8; font-style: italic } /* Comment.Hashbang */
+.highlight .cm { color: #a8a8a8; font-style: italic } /* Comment.Multiline */
+.highlight .cp { color: #767676 } /* Comment.Preproc */
+.highlight .cpf { color: #a8a8a8; font-style: italic } /* Comment.PreprocFile */
+.highlight .c1 { color: #a8a8a8; font-style: italic } /* Comment.Single */
+.highlight .cs { color: #a8a8a8; font-style: italic } /* Comment.Special */
+.highlight .gd { color: #c30771 } /* Generic.Deleted */
+.highlight .ge { color: #262626; text-decoration: underline } /* Generic.Emph */
+.highlight .gr { color: #ffffff; background-color: #e32791 } /* Generic.Error */
+.highlight .gh { color: #008ec4 } /* Generic.Heading */
+.highlight .gi { color: #10a778 } /* Generic.Inserted */
+.highlight .go { color: #767676 } /* Generic.Output */
+.highlight .gp { color: #767676 } /* Generic.Prompt */
+.highlight .gs { color: #767676 } /* Generic.Strong */
+.highlight .gu { color: #008ec4 } /* Generic.Subheading */
+.highlight .gt { color: #c30771 } /* Generic.Traceback */
+.highlight .kc { color: #767676 } /* Keyword.Constant */
+.highlight .kd { color: #767676 } /* Keyword.Declaration */
+.highlight .kn { color: #767676 } /* Keyword.Namespace */
+.highlight .kp { color: #767676 } /* Keyword.Pseudo */
+.highlight .kr { color: #767676 } /* Keyword.Reserved */
+.highlight .kt { color: #262626 } /* Keyword.Type */
+.highlight .m { color: #af5fd7 } /* Literal.Number */
+.highlight .s { color: #af5fd7 } /* Literal.String */
+.highlight .na { color: #262626 } /* Name.Attribute */
+.highlight .nb { color: #af5fd7 } /* Name.Builtin */
+.highlight .nc { color: #767676 } /* Name.Class */
+.highlight .no { color: #af5fd7 } /* Name.Constant */
+.highlight .nd { color: #767676 } /* Name.Decorator */
+.highlight .ni { color: #767676; font-style: italic } /* Name.Entity */
+.highlight .ne { color: #767676 } /* Name.Exception */
+.highlight .nf { color: #262626 } /* Name.Function */
+.highlight .nl { color: #767676 } /* Name.Label */
+.highlight .nn { color: #262626 } /* Name.Namespace */
+.highlight .nx { color: #767676 } /* Name.Other */
+.highlight .py { color: #767676 } /* Name.Property */
+.highlight .nt { color: #767676 } /* Name.Tag */
+.highlight .nv { color: #262626 } /* Name.Variable */
+.highlight .ow { color: #262626; font-weight: bold } /* Operator.Word */
+.highlight .mb { color: #af5fd7 } /* Literal.Number.Bin */
+.highlight .mf { color: #af5fd7 } /* Literal.Number.Float */
+.highlight .mh { color: #af5fd7 } /* Literal.Number.Hex */
+.highlight .mi { color: #af5fd7 } /* Literal.Number.Integer */
+.highlight .mo { color: #af5fd7 } /* Literal.Number.Oct */
+.highlight .sa { color: #af5fd7 } /* Literal.String.Affix */
+.highlight .sb { color: #af5fd7 } /* Literal.String.Backtick */
+.highlight .sc { color: #af5fd7 } /* Literal.String.Char */
+.highlight .dl { color: #af5fd7 } /* Literal.String.Delimiter */
+.highlight .sd { color: #af5fd7 } /* Literal.String.Doc */
+.highlight .s2 { color: #af5fd7 } /* Literal.String.Double */
+.highlight .se { color: #af5fd7 } /* Literal.String.Escape */
+.highlight .sh { color: #af5fd7 } /* Literal.String.Heredoc */
+.highlight .si { color: #af5fd7 } /* Literal.String.Interpol */
+.highlight .sx { color: #af5fd7 } /* Literal.String.Other */
+.highlight .sr { color: #af5fd7 } /* Literal.String.Regex */
+.highlight .s1 { color: #af5fd7 } /* Literal.String.Single */
+.highlight .ss { color: #af5fd7 } /* Literal.String.Symbol */
+.highlight .bp { color: #767676 } /* Name.Builtin.Pseudo */
+.highlight .fm { color: #767676 } /* Name.Function.Magic */
+.highlight .vc { color: #262626 } /* Name.Variable.Class */
+.highlight .vg { color: #262626 } /* Name.Variable.Global */
+.highlight .vi { color: #262626 } /* Name.Variable.Instance */
+.highlight .vm { color: #262626 } /* Name.Variable.Magic */
+.highlight .il { color: #af5fd7 } /* Literal.Number.Integer.Long */
diff --git a/source/fonts/CinzelDecorative-Bold.ttf b/source/fonts/CinzelDecorative-Bold.ttf
new file mode 100644
index 0000000..ad6bd2c
Binary files /dev/null and b/source/fonts/CinzelDecorative-Bold.ttf differ
diff --git a/source/fonts/CinzelDecorative-Regular.ttf b/source/fonts/CinzelDecorative-Regular.ttf
new file mode 100644
index 0000000..f2ae7a0
Binary files /dev/null and b/source/fonts/CinzelDecorative-Regular.ttf differ
diff --git a/source/fonts/Crimson-Bold.otf b/source/fonts/Crimson-Bold.otf
new file mode 100644
index 0000000..909c36a
Binary files /dev/null and b/source/fonts/Crimson-Bold.otf differ
diff --git a/source/fonts/Crimson-BoldItalic.otf b/source/fonts/Crimson-BoldItalic.otf
new file mode 100644
index 0000000..452526c
Binary files /dev/null and b/source/fonts/Crimson-BoldItalic.otf differ
diff --git a/source/fonts/Crimson-Italic.otf b/source/fonts/Crimson-Italic.otf
new file mode 100644
index 0000000..011e3dc
Binary files /dev/null and b/source/fonts/Crimson-Italic.otf differ
diff --git a/source/fonts/Crimson-Roman.otf b/source/fonts/Crimson-Roman.otf
new file mode 100644
index 0000000..f5e33e1
Binary files /dev/null and b/source/fonts/Crimson-Roman.otf differ
diff --git a/source/index.html b/source/index.html
new file mode 100644
index 0000000..440a681
--- /dev/null
+++ b/source/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="/css/common.css">
+    <link rel="stylesheet" href="/css/index.css">
+    <link rel="shortcut icon" href="/assets/favicon.png" type="image/x-icon">
+
+    <meta name="author" content="Agatha">
+    
+    
+    <title>Agatha V. Lovelace</title>
+</head>
+<body>
+    <div class="centered">
+        <picture>
+            <source srcset="/assets/agatha-light.png" 
+                    media="(prefers-color-scheme: light)">
+            <img src="/assets/agatha-dark.png"
+                 alt="A picture of Agatha wearing glasses and a tank top. The edges fade out">
+        </picture>
+        <div class="text">
+            <h1><span>A</span>gatha <span>L</span>ovelace</h1>
+            <h3>She/They</h3>
+
+            <p>Programmer, <abbr title="Electric Guitar, Synths, Violin, Graphic Design">Artist</abbr>,<br> Trans Woman</p>
+
+            <details>
+                <!-- TODO: replace the links once the rest of the site is ready -->
+                <summary>Links</summary>
+                <a href="https://agatharose.dev/pages/Links">Contact</a>
+                <!-- <a href="#">Posts</a> -->
+                <a href="/cv.pdf">Hire Me</a>
+            </details>
+        </div>
+    </div>
+</body>
+</html>
\ No newline at end of file