initial meow

This commit is contained in:
Agatha Lovelace 2021-03-20 19:25:14 +02:00
commit fe001a42b7
No known key found for this signature in database
GPG Key ID: 2DB18BA2E0A80BC3
13 changed files with 7613 additions and 0 deletions

21
.eleventy.js Normal file
View File

@ -0,0 +1,21 @@
module.exports = config => {
const paths = [
'main/assets',
'main/css',
'main/fonts'
]
paths.forEach(
(path) => config.addPassthroughCopy(path)
);
return {
dir: {
input: 'main',
includes: '../_includes',
output: '_site'
}
};
};

1
.eleventyignore Normal file
View File

@ -0,0 +1 @@
./purr/

12
.gitignore vendored Normal file
View File

@ -0,0 +1,12 @@
/bower_components/
/node_modules/
/.pulp-cache/
/output/
/generated-docs/
/purr/.psc-package/
/purr/.psc*
/purr/.purs*
/purr/.psa*
/purr/.spago
/purr
/_site

24
_includes/main_layout.njk Normal file
View File

@ -0,0 +1,24 @@
---
icon: /assets/icon_pink.svg
---
<!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/main.css">
<meta name="author" content="Agatha">
<meta name="description" content="where the kittens live!">
<meta name="theme-color" content="#f3c3f7">
<link rel="icon" type="image/svg" href="{{ icon }}" />
<title>{{ title }}</title>
</head>
<body>
{{ content | safe }}
</body>
</html>

11
main/404.html Normal file
View File

@ -0,0 +1,11 @@
---
layout: main_layout.njk
title: Hungry kittens ate this page!
---
<div class="center-left">
<h2>{{ title }}</h2>
<hr>
<h1>This page does not exist!<br>I'm sorry!!</h1>
</div>
<img id="kittens" src="/assets/kitties.png" alt="A silhouette of two cats sitting near eachother">

215
main/assets/icon_pink.svg Normal file

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 19 KiB

BIN
main/assets/kitties.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

BIN
main/assets/me_lowres.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

151
main/css/main.css Normal file
View File

@ -0,0 +1,151 @@
@font-face {
font-family: "Wenceslas";
src: url("../fonts/Wenceslas.ttf");
}
html {
background-color: #21192c;
}
::selection {
color: #21192c;
background: #f3c3f7;
}
.center-left {
position: fixed;
top: 40%;
transform: translate(0, -50%);
margin-left: 5%;
}
#rounded {
width: 8em;
vertical-align: middle;
border-radius: 50%;
margin-bottom: 1em;
}
#kittens {
height: 30%;
z-index: -1;
position: fixed;
bottom: 0;
right: 5em;
}
p {
vertical-align: middle;
}
p, a, h1, h2 {
margin: 0 2em;
color: #f3c3f7;
font-size: 1.8em;
font-family: "Wenceslas", serif;
}
a {
color: #9371bc;
margin: 0;
font-weight: 600;
display: inline-block;
text-decoration: none;
}
h1 {
font-size: 3em;
}
h2 {
margin: 0 3em;
font-size: 2em;
font-style: italic;
color: #e5adea;
}
hr {
margin: 0.5em 6em;
border: 1px dashed #21192c;
filter: brightness(180%);
}
#links {
max-inline-size: 30em;
}
a:hover {
text-decoration: underline dashed #9371bc;
text-decoration-thickness: 2px;
}
a::before {
content: '⛤';
display: inline-block;
margin-right: 0.5em;
}
span {
font-size: 0.8em;
font-style: italic;
color: #e5adea;
}
#quote {
padding-left: 2em;
}
@media only screen and (min-width: 1000px) {
p {
display: inline-block;
}
#rounded {
margin-bottom: 2em;
}
a {
margin: 0 0.5em 0 0;
}
}
@media only screen and (max-width: 1000px) {
#rounded {
display: block;
margin-left: auto;
margin-right: auto;
}
#links {
margin: 0 0 0 3em;
}
a {
margin: 0 0.5em 0 0;
}
.center-left {
margin-left: auto;
}
}
@media only screen and (max-width: 500px) {
#kittens {
height: auto;
width: 50%;
}
p, h1 {
margin: 0 0.5em;
}
h2 {
margin: 0 1em;
}
hr {
margin: 0.5em 2em;
}
#links {
margin: 0 0.5em;
}
a {
margin: 0 0.2em 0 0;
}
a:not(:first-child) {
margin: 0 0.2em 0 0;
}
}

BIN
main/fonts/Wenceslas.ttf Normal file

Binary file not shown.

39
main/index.html Normal file
View File

@ -0,0 +1,39 @@
---
layout: main_layout.njk
title: Agatha's Http Coven
avi: /assets/me_lowres.png
links:
- link: https://t.me/lunarw1tch
name: Telegram
- link: https://git.lain.faith/sorceress
name: Gitea
- link: gemini://sapphic.pw
name: Gemini
- link: https://lunarwitch.bandcamp.com/
name: Bandcamp
---
<div class="center-left">
<img id="rounded" src="{{ avi }}"
alt="A pixelated pink-ish portrait of me. My head is tilted left and I'm wearing glasses and a choker.">
<p>I'm Agatha! <span id="pronouns">(she/her)</span>
<br>I am: a kitten, programmer, artist, autistic, sleepy, queer, witchy meow
<br>
<span id="quote">You're missing "precious" - Julia</span>
<br>
<span id="quote">Extremely friend shaped - Amelia</span>
</p>
<br>
<!-- links -->
<div id="links">
<!-- mastodon link is hardcoded because it requires a special tag -->
<a rel="me" href="https://eldritch.cafe/@AgathaSorceress">Mastodon</a>
{%- for entry in links -%}
{%- for name in entry.name -%}
<a href="{{ entry.link | url }}">{{ name | capitalize }}</a>
{%- endfor -%}
{%- endfor -%}
</div>
</div>
<img id="kittens" src="/assets/kitties.png" alt="A silhouette of two cats sitting near eachother">

7124
package-lock.json generated Normal file

File diff suppressed because it is too large Load Diff

15
package.json Normal file
View File

@ -0,0 +1,15 @@
{
"name": "kittensite",
"version": "1.0.0",
"description": "",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"keywords": [],
"author": "Agatha Rose",
"license": "MIT",
"devDependencies": {
"@11ty/eleventy": "^0.11.1"
}
}