sorceress
/
vampysite
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Initial commit

This commit is contained in:
Agatha Lovelace 2022-03-04 17:29:02 +02:00
commit 307c312d38
Signed by: sorceress
GPG Key ID: 11BBCFC65FC9F401
17 changed files with 475 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.gitignore vendored Normal file
View File

@ -0,0 +1,4 @@
.jekyll-cache
.jekyll-metadata
Gemfile.lock
_site

8
Gemfile Normal file
View File

@ -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"

12
_config.yml Normal file
View File

@ -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

BIN
source/assets/agatha-dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 867 KiB

BIN
source/assets/bg-noise-dark.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 290 KiB

BIN
source/assets/favicon.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 33 KiB

71
source/css/common.css Normal file
View File

@ -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);
}

185
source/css/index.css Normal file
View File

@ -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;
}
}

79
source/css/paramount-dark.css Normal file
View File

@ -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 */

77
source/css/paramount-light.css Normal file
View File

@ -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 */

BIN
source/fonts/CinzelDecorative-Bold.ttf Normal file
View File

Binary file not shown.

BIN
source/fonts/CinzelDecorative-Regular.ttf Normal file
View File

Binary file not shown.

BIN
source/fonts/Crimson-Bold.otf Normal file
View File

Binary file not shown.

BIN
source/fonts/Crimson-BoldItalic.otf Normal file
View File

Binary file not shown.

BIN
source/fonts/Crimson-Italic.otf Normal file
View File

Binary file not shown.

BIN
source/fonts/Crimson-Roman.otf Normal file
View File

Binary file not shown.

39
source/index.html Normal file
View File

@ -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>