Start using Cobalt
This commit is contained in:
parent
6caa872c8b
commit
0233748d7e
|
@ -0,0 +1 @@
|
||||||
|
_site/
|
|
@ -0,0 +1,4 @@
|
||||||
|
site:
|
||||||
|
title: Emi's Homepage
|
||||||
|
description: A trans femby's tiny corner of the internet
|
||||||
|
base_url: /
|
|
@ -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>
|
114
index.html
114
index.html
|
@ -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>
|
|
|
@ -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>
|
|
@ -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 }
|
57
style.css
57
style.css
|
@ -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;
|
|
||||||
}
|
|
Loading…
Reference in New Issue