diff --git a/src/css/global.css b/src/css/global.css
index e182e26..75dae30 100644
--- a/src/css/global.css
+++ b/src/css/global.css
@@ -72,11 +72,12 @@ h1 {
}
h2 {
- font-size: 2.5rem;
+ margin-top: 1rem;
+ font-size: 2rem;
}
h3 {
- font-size: 2rem;
+ font-size: 1.5rem;
}
main,
@@ -92,7 +93,9 @@ article {
@media screen and (min-width: 600px) {
main,
article {
- margin: 0 2em;
+ max-width: 900px;
+ width: 90%;
+ margin: 0 auto;
box-shadow: 8px 8px rgb(52, 51, 49);
}
}
@@ -101,12 +104,12 @@ main ul,
article ol,
article ul {
all: revert;
- margin-bottom: 1em;
+ margin: 1rem 0;
}
main p,
article p {
line-height: 1.5;
- margin-bottom: 1em;
+ margin-bottom: 1rem;
}
main :last-child,
article :last-child {
@@ -130,20 +133,20 @@ a:active {
a.logo,
a.logo:hover,
a.logo:active {
- font-size: 3em;
+ font-size: 3rem;
color: rgb(160, 47, 111);
text-decoration: none;
}
nav.navbar {
- margin-bottom: 1em;
+ margin-bottom: 1rem;
}
nav.navbar li {
display: inline-flex;
}
footer.footer-main {
- margin: 2em 1em 1em 1em;
+ margin: 2rem 1rem 1rem 1rem;
text-align: center;
}
@@ -162,7 +165,7 @@ footer.footer-main {
@media screen and (min-width: 768px) {
.gba-portrait {
float: right;
- margin-left: 1em;
+ margin-left: 1rem;
}
}
diff --git a/src/css/global.css.map b/src/css/global.css.map
index 75e7850..79e83c9 100644
--- a/src/css/global.css.map
+++ b/src/css/global.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;ACpBA;EDcF;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;;AAIJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA5CG;EA6CH;EACA;EACA;EACA;EACA;;AC9CA;EDsCF;AAAA;IAUI;IACA;;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACjHA;EDuGF;IAYI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA","file":"global.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["_colors.scss","_fonts.scss","global.scss","_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAGA;EACE;EACA;;ACLF;AAAA;AAAA;AAAA;AAWA;EACE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;ACpBA;EDcF;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;EACA,OA7CG;EA8CH;EACA;EACA;EACA;EACA;;AC/CA;EDuCF;AAAA;IAUI;IACA;IACA;IACA;;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACpHA;ED0GF;IAYI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA","file":"global.css"}
\ No newline at end of file
diff --git a/src/css/global.scss b/src/css/global.scss
index b8b589f..ebd62d5 100644
--- a/src/css/global.scss
+++ b/src/css/global.scss
@@ -42,11 +42,12 @@ h1 {
}
h2 {
- font-size: 2.5rem;
+ margin-top: 1rem;
+ font-size: 2rem;
}
h3 {
- font-size: 2rem;
+ font-size: 1.5rem;
}
main,
@@ -59,19 +60,21 @@ article {
background-color: #{colors.$paper};
box-shadow: 0 8px #{colors.$base-850};
@include breakpoint("sm") {
- margin: 0 2em;
+ max-width: 900px;
+ width: 90%;
+ margin: 0 auto;
box-shadow: 8px 8px #{colors.$base-850};
}
ol,
ul {
all: revert;
- margin-bottom: 1em;
+ margin: 1rem 0;
}
p {
line-height: 1.5;
- margin-bottom: 1em;
+ margin-bottom: 1rem;
}
:last-child {
@@ -96,13 +99,13 @@ a:active {
a.logo,
a.logo:hover,
a.logo:active {
- font-size: 3em;
+ font-size: 3rem;
color: #{$fg-logo};
text-decoration: none;
}
nav.navbar {
- margin-bottom: 1em;
+ margin-bottom: 1rem;
li {
display: inline-flex;
@@ -110,7 +113,7 @@ nav.navbar {
}
footer.footer-main {
- margin: 2em 1em 1em 1em;
+ margin: 2rem 1rem 1rem 1rem;
text-align: center;
}
@@ -127,7 +130,7 @@ footer.footer-main {
max-width: 288px;
@include breakpoint("md") {
float: right;
- margin-left: 1em;
+ margin-left: 1rem;
}
}
diff --git a/src/index.md b/src/index.md
index ce7fe0a..5a6603f 100644
--- a/src/index.md
+++ b/src/index.md
@@ -3,30 +3,25 @@ layout: page.njk
date: Last Modified
---
-
+
# About me
+## The basics
+
Name: Gil
Pronouns: he, they
Age: 25
Creating: Software & games
Writing: Poems, fiction, essays
Formerly: Electrical engineering student, student activist
- Building: Ogra.ph Collective
+ Building: [Ograph Collective](./ograph)
-## Ogra.ph Collective
-
-The Ogra.ph Collective aims to build an online community focused on digital liberation, through the use of free, libre, and open-source software. I co-manage the Ogra.ph Collective with [Kersed](https://kersed.net/), and together we operate three projects: a federated microblogging platform, a Git repository service, and a Keyoxide instance; however, we plan to offer other services in the future.
-
-You can find my Ogra.ph Collective profiles here.
+## My links
- Microblog on [hol.ogra.ph](https://hol.ogra.ph/@gil)
- Git projects hosted on [ide.ogra.ph](https://ide.ogra.ph/gil)
- Keyoxide profile on [aut.ogra.ph](https://aut.ogra.ph/aspe:keyoxide.org:7IW4QEA4DIBL3YORQH3HTEGDKM)
-
-## Other links
-
- View my photos/pictures on [pixelfed.social](https://pixelfed.social/kalanggam)
- See what I'm reading on [bookwyrm.social](https://bookwyrm.social/user/kalanggam)
diff --git a/src/ograph.md b/src/ograph.md
new file mode 100644
index 0000000..7cab6e7
--- /dev/null
+++ b/src/ograph.md
@@ -0,0 +1,13 @@
+---
+title: Ograph Collective
+layout: page.njk
+date: Last Modified
+eleventyNavigation:
+ key: Ograph
+---
+
+The Ograph Collective aims to build an online community focused on digital liberation, through the use of free, libre, and open-source software. I co-manage the Ograph Collective with [Kersed](https://kersed.net/), and together we operate three projects: a federated microblogging platform, a Git repository service, and a Keyoxide instance; however, we plan to offer other services in the future.
+
+- Microblog on [hol.ogra.ph](https://hol.ogra.ph/@gil)
+- Git projects hosted on [ide.ogra.ph](https://ide.ogra.ph/gil)
+- Keyoxide profile on [aut.ogra.ph](https://aut.ogra.ph/aspe:keyoxide.org:7IW4QEA4DIBL3YORQH3HTEGDKM)
\ No newline at end of file