Start using Cobalt

This commit is contained in:
Emi Simpson 2021-10-12 22:44:45 -04:00
parent 6caa872c8b
commit 0233748d7e
WARNING! Although there is a key with this ID in the database it does not verify this commit! This commit is SUSPICIOUS.
GPG Key ID: A12F2C2FFDC3D847
7 changed files with 191 additions and 171 deletions

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
_site/

4
_cobalt.yml Normal file
View File

@ -0,0 +1,4 @@
site:
title: Emi's Homepage
description: A trans femby's tiny corner of the internet
base_url: /

18
_layouts/landing.liquid Normal file
View File

@ -0,0 +1,18 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>{{ site.title }}</title>
<link rel="stylesheet" href="{{ site.base_url }}/static/style.css"/>
</head>
<body>
<header>
<p>Welcome to</p>
<h1>{{ site.title }}</h1>
<p>{{ site.description }}</p>
</header>
<main style="--section-count: {{page.data.section_count}}">
{{ page.content }}
</main>
</body>
</html>

View File

@ -1,114 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Emi's Homepage</title>
<link rel="stylesheet" href="style.css"/>
</head>
<body>
<header>
<p>Welcome to</p>
<h1>Emi's Homepage</h1>
<p>a trans femby's tiny corner of the internet</p>
</header>
<main>
<section>
<h2>Who are you???</h2>
<p>
I'm Emi, a student at [REDACTED] who loves niche communities and the software
& circumstances that form them. I'm nonbinary, meaning that I'm not
exclusively male or female, and trans. If you need to refer to me in
third person, please use they/them pronouns, like, "They went to the
park with their dog"
</p>
<p>
I do a whole bunch of work scattered across whatever hobbies have
struck my interest, but common themes are:
</p>
<ul>
<li>Queer advocacy!</li>
<li>Non-standard chat platforms & social networks!</li>
<li>toki pona, and sometimes other neat language projects!</li>
</ul>
<p> I will also be very excited if you try to talk to me about </p>
<ul>
<li>Gender!</li>
<li>Neat open source protocols</li>
<li>Ethics & software</li>
<li>Sociology or Philosophy</li>
<li>Sustainability</li>
<li>Cartoons</li>
<li>Video essays</li>
<li>The intersection of any of the above</li>
</ul>
<p>
but will probably stop paying attention if you try to talk to me
about:
</p>
<ul>
<li>Your very specific linux setup</li>
<li>Why software A is better than software B</li>
<li>Something I don't understand but that you don't care to explain</li>
</ul>
</section>
<section>
<h2>Do you have any public projects?</h2>
<p>
Hell yeah! I maintain a couple of Discord bots that you can find on
my GitLab, as well as a smattering of other random one-off things. I
also have a GitHub, although I don't use it to host projects, just to
do pull requests.
</p>
<p><a href="https://gitlab.com/Alch_Emi"> My GitLab</a></p>
<p><a href="https://github.com/Alch-Emi"> My GitHub</a></p>
</section>
<section>
<h2>Something you made is difficult for me to use</h2>
<p>
Please please please tell me. I try to make everything I do
accessable, but I'll inevitably miss things. If you let me know how
something I made is inaccessible to you, I will make it my top
priority to make sure that it works for you. Same goes if anyone,
deliberately or not, uses my software to make you uncomfortable or
otherwise hurt you.
</p>
</section>
<section>
<h2>
Something you made is difficult for me to use because you used a license
I don't like
</h2>
<p>
Some of my code is licensed under the Hippocratic license or the CNPL
in an effort to prevent the use of my code to violate human rights.
Some people are not a fan of this license due to the fact that it
means that anyone intending to use it to violate human rights cannot.
</p>
<p>
If you would like permission to use my code to violate human rights,
or to let someone else use it to violate human rights, you cannot.
</p>
<p>
If you have a specific usecase that you think is justified, such as
wanting to license under a different ELOS license, and I am the sole
licensor of the project you want to use, then you are welcome to reach
out to me and I may grant you specifically rights to use my code under
a different license.
</p>
<p>
If you have other concerns about this license, please first consult
the
<a href="https://firstdonoharm.dev/">
Hippocratic License FAQ.
</a>
</p>
</section>
<section>
<h2>I really like security. Do you have a GPG key?</h2>
<p><a href=".well-known/openpgpkey/hu/xjgaxcou5ojpf3otjssi8k8mc6eswjib">
I mean like if you really want.
</a></p>
</section>
</main>
</body>
</html>

100
index.md Normal file
View File

@ -0,0 +1,100 @@
---
layout: landing.liquid
data:
section_count: 5
---
<section>
## Who are you???
I'm Emi, a student at [REDACTED] who loves niche communities and the software
& circumstances that form them. I'm nonbinary, meaning that I'm not
exclusively male or female, and trans. If you need to refer to me in
third person, please use they/them pronouns, like, "They went to the
park with their dog"
I do a whole bunch of work scattered across whatever hobbies have
struck my interest, but common themes are:
* Queer advocacy!
* Non-standard chat platforms & social networks!
* toki pona, and sometimes other neat language projects!
I will also be very excited if you try to talk to me about
* Gender!
* Neat open source protocols
* Ethics & software
* Sociology or Philosophy
* Sustainability
* Cartoons
* Video essays
* The intersection of any of the above
but will probably stop paying attention if you try to talk to me
about:
* Your very specific linux setup
* Why software A is better than software B
* Something I don't understand but that you don't care to explain
</section>
<section>
## Do you have any public projects?
Hell yeah! I maintain a couple of Discord bots that you can find on
my GitLab, as well as a smattering of other random one-off things. I
also have a GitHub, although I don't use it to host projects, just to
do pull requests.
[My GitLab](https://gitlab.com/Alch_Emi)
[My GitHub](https://github.com/Alch-Emi)
</section>
<section>
## Something you made is difficult for me to use
Please please please tell me. I try to make everything I do accessable, but
I'll inevitably miss things. If you let me know how something I made is
inaccessible to you, I will make it my top priority to make sure that it works
for you. Same goes if anyone, deliberately or not, uses my software to make
you uncomfortable or otherwise hurt you.
</section>
<section>
## Something you made is difficult for me to use because you used a license I don't like
Some of my code is licensed under the Hippocratic license or the CNPL
in an effort to prevent the use of my code to violate human rights.
Some people are not a fan of this license due to the fact that it
means that anyone intending to use it to violate human rights cannot.
If you would like permission to use my code to violate human rights, or to let
someone else use it to violate human rights, you cannot.
If you have a specific usecase that you think is justified, such as
wanting to license under a different ELOS license, and I am the sole
licensor of the project you want to use, then you are welcome to reach
out to me and I may grant you specifically rights to use my code under
a different license.
If you have other concerns about this license, please first consult
the [Hippocratic License FAQ](https://firstdonoharm.dev/)
</section>
<section>
## I really like security. Do you have a GPG key?
[I mean like if you really want.](.well-known/openpgpkey/hu/xjgaxcou5ojpf3otjssi8k8mc6eswjib)
</section>

68
static/style.css Normal file
View File

@ -0,0 +1,68 @@
/* Basic styling */
body {
margin: 0;
color: white;
font-family: Comic Mono;
font-size: 1.2rem;
background-color: #141016;
}
/* Setting up the centered content */
section {
display: grid;
justify-content: center;
padding: 50px 0;
}
section > * {
width: min(80vw, 700px)
}
/* Styles for the header */
header p:first-of-type {
font-size: 2em;
}
h1 {
font-size: 5em;
margin-top: 15px;
margin-bottom: 15px;
}
header {
text-align: center;
height: 100vh;
display: grid;
align-content: center;
background-color: #2A1A35;
}
/* Color Scheme */
h1, a {
color: #AA89FD;
}
h2 {
color: #F10385;
}
section {
counter-increment: section-number;
background-color: rgba(42, 26, 53, calc(1 - var(--section-number) / var(--section-count, 5)));
}
section:nth-child(1) { --section-number: 1 }
section:nth-child(2) { --section-number: 2 }
section:nth-child(3) { --section-number: 3 }
section:nth-child(4) { --section-number: 4 }
section:nth-child(5) { --section-number: 5 }
section:nth-child(6) { --section-number: 6 }
section:nth-child(7) { --section-number: 7 }
section:nth-child(8) { --section-number: 8 }
section:nth-child(9) { --section-number: 9 }
section:nth-child(10) { --section-number: 10 }
section:nth-child(11) { --section-number: 11 }
section:nth-child(12) { --section-number: 12 }
section:nth-child(13) { --section-number: 13 }
section:nth-child(14) { --section-number: 14 }
section:nth-child(15) { --section-number: 15 }
section:nth-child(16) { --section-number: 16 }
section:nth-child(17) { --section-number: 17 }
section:nth-child(18) { --section-number: 18 }
section:nth-child(19) { --section-number: 19 }
section:nth-child(20) { --section-number: 20 }

View File

@ -1,57 +0,0 @@
/* Basic styling */
body {
margin: 0;
color: white;
font-family: Comic Mono;
}
/* Setting up the centered content */
section {
display: grid;
justify-content: center;
padding: 50px 0;
}
section > * {
max-width: 700px;
}
/* Styles for the header */
header p:first-of-type {
font-size: 2em;
}
h1 {
font-size: 5em;
margin-top: 15px;
margin-bottom: 15px;
}
header {
text-align: center;
height: 100vh;
display: grid;
align-content: center;
background-color: #2A1A35;
}
/* Color Scheme */
h1, a {
color: #AA89FD;
}
h2 {
color: #B50085;
}
section:nth-child(1) {
background-color: #26182F;
}
section:nth-child(2) {
background-color: #211629;
}
section:nth-child(3) {
background-color: #1D1422;
}
section:nth-child(4) {
background-color: #18121C;
}
section:nth-child(5) {
background-color: #141016;
}