Start using Cobalt
This commit is contained in:
parent
6caa872c8b
commit
0233748d7e
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
_site/
|
||||
4
_cobalt.yml
Normal file
4
_cobalt.yml
Normal 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
18
_layouts/landing.liquid
Normal 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>
|
||||
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>
|
||||
100
index.md
Normal file
100
index.md
Normal 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
68
static/style.css
Normal 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 }
|
||||
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 a new issue