Browse Source

initial meow

mistress
Agatha 1 month ago
commit
fe001a42b7
Signed by: sorceress <agatharose@wantscuddl.es> GPG Key ID: 2DB18BA2E0A80BC3
13 changed files with 7613 additions and 0 deletions
  1. +21
    -0
      .eleventy.js
  2. +1
    -0
      .eleventyignore
  3. +12
    -0
      .gitignore
  4. +24
    -0
      _includes/main_layout.njk
  5. +11
    -0
      main/404.html
  6. +215
    -0
      main/assets/icon_pink.svg
  7. BIN
      main/assets/kitties.png
  8. BIN
      main/assets/me_lowres.png
  9. +151
    -0
      main/css/main.css
  10. BIN
      main/fonts/Wenceslas.ttf
  11. +39
    -0
      main/index.html
  12. +7124
    -0
      package-lock.json
  13. +15
    -0
      package.json

+ 21
- 0
.eleventy.js 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
- 0
.eleventyignore View File

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

+ 12
- 0
.gitignore 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
- 0
_includes/main_layout.njk 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
- 0
main/404.html 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
- 0
main/assets/icon_pink.svg
File diff suppressed because it is too large
View File


BIN
main/assets/kitties.png View File

Before After
Width: 216  |  Height: 169  |  Size: 12 KiB

BIN
main/assets/me_lowres.png View File

Before After
Width: 1024  |  Height: 1024  |  Size: 18 KiB

+ 151
- 0
main/css/main.css 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 View File


+ 39
- 0
main/index.html 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
- 0
package-lock.json
File diff suppressed because it is too large
View File


+ 15
- 0
package.json 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"
}
}

Loading…
Cancel
Save