gil/gil.ink
1
0
Fork 0
Code Issues Pull requests Releases Activity

Change font to Poppins and Inter

Browse source
This commit is contained in:
Gil 2025-05-16 16:34:51 -05:00
parent c211ff702f
commit 6818db1d3a
21 changed files with 149 additions and 35 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

88
scss/_font.scss
View file

@ -1,47 +1,107 @@
/* poppins-regular - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Inclusive Sans";
font-family: 'Poppins';
font-style: normal;
font-weight: 400;
src: url("../fonts/inclusive-sans.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
src: url('../fonts/poppins-v23-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Inclusive Sans";
font-family: 'Poppins';
font-style: italic;
font-weight: 400;
src: url("../fonts/inclusive-sans-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
src: url('../fonts/poppins-v23-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Inclusive Sans";
font-family: 'Poppins';
font-style: normal;
font-weight: 800;
src: url("../fonts/inclusive-sans.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-weight: 700;
src: url('../fonts/poppins-v23-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Inclusive Sans";
font-family: 'Poppins';
font-style: italic;
font-weight: 800;
src: url("../fonts/inclusive-sans-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-weight: 700;
src: url('../fonts/poppins-v23-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900 - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Kurale";
font-family: 'Poppins';
font-style: normal;
font-weight: 900;
src: url('../fonts/poppins-v23-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Poppins';
font-style: italic;
font-weight: 900;
src: url('../fonts/poppins-v23-latin_latin-ext-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: normal;
font-weight: 400;
src: url("../fonts/kurale.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
src: url('../fonts/inter-v18-latin_latin-ext-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Kurale";
font-family: 'Inter';
font-style: italic;
font-weight: 400;
src: url("../fonts/kurale.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
src: url('../fonts/inter-v18-latin_latin-ext-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: normal;
font-weight: 700;
src: url('../fonts/inter-v18-latin_latin-ext-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: italic;
font-weight: 700;
src: url('../fonts/inter-v18-latin_latin-ext-700italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: normal;
font-weight: 900;
src: url('../fonts/inter-v18-latin_latin-ext-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: 'Inter';
font-style: italic;
font-weight: 900;
src: url('../fonts/inter-v18-latin_latin-ext-900italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

4
scss/main.scss
View file

@ -4,8 +4,8 @@
@use "pages/about";
@use "pages/home";
$font-sans: "Inclusive Sans", sans-serif;
$font-disp: "Kurale", serif;
$font-sans: "Inter", sans-serif;
$font-disp: "Poppins", sans-serif;
$font-mono: monospace;
body {

2
src/about.md
View file

@ -27,4 +27,4 @@ You can take a look at my [journal](/journal), teleport through [portals](/porta
This mystic plane was created primarily using [Eleventy](https://www.11ty.dev/), a static site generator, and [Sass](https://sass-lang.com/), a CSS extension language. Hosting is provided by [IONOS](https://www.ionos.com/). All of the templates were made by me and the source scrolls are [publicly available](https://ide.ogra.ph/gil/gil.ink). This website additionally contains no trackers. The only cookie this website will ever use is one that stores your preferred theme. Besides a bit of JS to provide theme stuff, my website is mostly static HTML and CSS files.
The fonts used are [Kurale](https://github.com/etunni/kurale) (display) and [Inclusive Sans](https://www.oliviaking.com/inclusivesans/feature) (body). Both fonts are licensed under the [SIL Open Font License, Version 1.1](https://openfontlicense.org/open-font-license-official-text/).
The fonts used are [Poppins](https://github.com/itfoundry/Poppins) (display) and [Inter](https://rsms.me/inter) (body). Both fonts are licensed under the [SIL Open Font License, Version 1.1](https://openfontlicense.org/open-font-license-official-text/).

86
src/assets/css/main.css
View file

@ -86,47 +86,101 @@ hr {
color: var(--text-normal);
}
/* poppins-regular - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Inclusive Sans";
font-family: "Poppins";
font-style: normal;
font-weight: 400;
src: url("../fonts/inclusive-sans.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
src: url("../fonts/poppins-v23-latin_latin-ext-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Inclusive Sans";
font-family: "Poppins";
font-style: italic;
font-weight: 400;
src: url("../fonts/inclusive-sans-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
src: url("../fonts/poppins-v23-latin_latin-ext-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700 - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Inclusive Sans";
font-family: "Poppins";
font-style: normal;
font-weight: 800;
src: url("../fonts/inclusive-sans.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-weight: 700;
src: url("../fonts/poppins-v23-latin_latin-ext-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-700italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Inclusive Sans";
font-family: "Poppins";
font-style: italic;
font-weight: 800;
src: url("../fonts/inclusive-sans-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
font-weight: 700;
src: url("../fonts/poppins-v23-latin_latin-ext-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900 - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Kurale";
font-family: "Poppins";
font-style: normal;
font-weight: 900;
src: url("../fonts/poppins-v23-latin_latin-ext-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* poppins-900italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Poppins";
font-style: italic;
font-weight: 900;
src: url("../fonts/poppins-v23-latin_latin-ext-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-regular - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Inter";
font-style: normal;
font-weight: 400;
src: url("../fonts/kurale.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
src: url("../fonts/inter-v18-latin_latin-ext-regular.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Kurale";
font-family: "Inter";
font-style: italic;
font-weight: 400;
src: url("../fonts/kurale.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
src: url("../fonts/inter-v18-latin_latin-ext-italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700 - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Inter";
font-style: normal;
font-weight: 700;
src: url("../fonts/inter-v18-latin_latin-ext-700.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-700italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Inter";
font-style: italic;
font-weight: 700;
src: url("../fonts/inter-v18-latin_latin-ext-700italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900 - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Inter";
font-style: normal;
font-weight: 900;
src: url("../fonts/inter-v18-latin_latin-ext-900.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* inter-900italic - latin_latin-ext */
@font-face {
font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
font-family: "Inter";
font-style: italic;
font-weight: 900;
src: url("../fonts/inter-v18-latin_latin-ext-900italic.woff2") format("woff2"); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
.page--about {
display: flex;
@ -210,7 +264,7 @@ hr {
}
body {
font-family: "Inclusive Sans", sans-serif;
font-family: "Inter", sans-serif;
}
h1,
@ -219,7 +273,7 @@ h3,
h4,
h5,
h6 {
font-family: "Kurale", serif;
font-family: "Poppins", sans-serif;
}
a:hover {

2
src/assets/css/main.css.map
View file

@ -1 +1 @@
{"version":3,"sourceRoot":"","sources":["../../../scss/_theme.scss","../../../scss/_font.scss","../../../scss/pages/_about.scss","../../../scss/mixins/_media.scss","../../../scss/pages/_home.scss","../../../scss/main.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;ACtFF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AC3CF;EACE;EACA;;ACFE;EDAJ;IAKI;IACA,MACE;;;ACHF;EDJJ;IAgBI,MACE;;;AAOJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,MACE;;AAMF;EACE;EACA;EACA;EACA;;ACxDA;EDoDF;IAOI;;;AAIJ;EACE;EACA;EACA;;AAGE;EAEE;;AAKN;EACE;;AAGF;EACE;;;AEjFJ;EACE;;ADDE;ECAJ;IAII,MACE;;EAOF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;;ACjBN;EACE,aALU;;;AAQZ;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aAbU;;;AAgBZ;EACE;;;AAGF;EACE,aApBU;;;AAuBZ;EACE;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;EAEA;EAEA","file":"main.css"}
{"version":3,"sourceRoot":"","sources":["../../../scss/_theme.scss","../../../scss/_font.scss","../../../scss/pages/_about.scss","../../../scss/mixins/_media.scss","../../../scss/pages/_home.scss","../../../scss/main.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;AAIA;AAAA;AAAA;AAIA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAGA;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAEF;AAAA;AAAA;AAAA;AAAA;EAKE;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;ACtFF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;AAGF;AACA;EACE;EACA;EACA;EACA;EACA;;ACvGF;EACE;EACA;;ACFE;EDAJ;IAKI;IACA,MACE;;;ACHF;EDJJ;IAgBI,MACE;;;AAOJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA,MACE;;AAMF;EACE;EACA;EACA;EACA;;ACxDA;EDoDF;IAOI;;;AAIJ;EACE;EACA;EACA;;AAGE;EAEE;;AAKN;EACE;;AAGF;EACE;;;AEjFJ;EACE;;ADDE;ECAJ;IAII,MACE;;EAOF;IACE;;EAGF;IACE;;EAGF;IACE;;EAGF;IACE;;;;ACjBN;EACE,aALU;;;AAQZ;AAAA;AAAA;AAAA;AAAA;AAAA;EAME,aAbU;;;AAgBZ;EACE;;;AAGF;EACE,aApBU;;;AAuBZ;EACE;EACA;EACA;;AACA;EACE;;;AAIJ;EACE;EACA;EAEA;EAEA","file":"main.css"}

BIN
src/assets/fonts/inclusive-sans-italic.woff2
View file

Binary file not shown.

BIN
src/assets/fonts/inclusive-sans.woff2
View file

Binary file not shown.

BIN
src/assets/fonts/inter-v18-latin_latin-ext-700.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/inter-v18-latin_latin-ext-700italic.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/inter-v18-latin_latin-ext-900.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/inter-v18-latin_latin-ext-900italic.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/inter-v18-latin_latin-ext-italic.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/inter-v18-latin_latin-ext-regular.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/kurale.woff2
View file

Binary file not shown.

BIN
src/assets/fonts/poppins-v23-latin_latin-ext-700.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/poppins-v23-latin_latin-ext-700italic.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/poppins-v23-latin_latin-ext-900.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/poppins-v23-latin_latin-ext-900italic.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/poppins-v23-latin_latin-ext-italic.woff2 Normal file
View file

Binary file not shown.

BIN
src/assets/fonts/poppins-v23-latin_latin-ext-regular.woff2 Normal file
View file

Binary file not shown.

2
src/journal/2025/free-flow-4.md
View file

@ -22,6 +22,6 @@ For one, the [smallweb](https://smallweb.page/why) and the [IndieWeb](https://in
I’ve really enjoyed rolling my own site lately, especially just designing pages, writing posts, and making graphics without any concern for how others might critique it. I can prioritize what I want to prioritize, what information about me is available and how visitors can get to it. Once you’re actually on my website, the things I want to communicate with aren’t being interfered with at all. You get to see a little home I’ve made for myself on the web, where I can showcase what I’m up to and share the things I like freely. It may cost me money for the web host and the domain, but I’m in control of how people engage with my website. I can put anything on it: a blog, a resume, a photo gallery, a project wall, vision boards, a listening room, a feed of podcasts and articles I’ve liked, or links to my friends’ websites. And I’m not a tenant on a platform like Facebook, where they collect rent from selling my ill-gotten attention and deeply-invasive collections of my personal data. Instead, I have my own space that I can curate and cultivate as I want to, a centralized place to find everything to do with me online.
Another option is the [Fediverse](https://www.theverge.com/24063290/fediverse-explained-activitypub-social-media-open-protocol), an assortment of social media platforms centered on the concept of _federation_, basically meaning that each service can ‘talk’ to other services. Here you have more autonomy over your speech, reach, data, and identity online than you would in the corporate web. You aren’t locked into a walled garden on whatever platform you sign up on. You can* talk to people on other servers (as long as they aren’t blocked) and if you’re dissatisfied with your experience on one server, you can literally migrate to another without losing your following relationships. You can just choose a community that suits your needs. If you want to be on a platform just for LGBTQ+ game developers like [gamedev.lgbt](https://gamedev.lgbt) or one only for people from Alaska like [alaskan.social](https://alaskan.social), you quite simply *can\* without forfeiting connections with other platforms and communities. You can have tons of alt accounts, you can have one account for everything, you can have a photography account on [pixelfed.social](https://pixelfed.social) or a vlogging channel on [peertube.tv](https://peertube.tv). It’s all shareable across the Fediverse.
Another option is the [Fediverse](https://www.theverge.com/24063290/fediverse-explained-activitypub-social-media-open-protocol), an assortment of social media platforms centered on the concept of _federation_, basically meaning that each service can ‘talk’ to other services. Here you have more autonomy over your speech, reach, data, and identity online than you would in the corporate web. You aren’t locked into a walled garden on whatever platform you sign up on. You can\* talk to people on other servers (as long as they aren’t blocked) and if you’re dissatisfied with your experience on one server, you can literally migrate to another without losing your following relationships. You can just choose a community that suits your needs. If you want to be on a platform just for LGBTQ+ game developers like [gamedev.lgbt](https://gamedev.lgbt) or one only for people from Alaska like [alaskan.social](https://alaskan.social), you quite simply _can_ without forfeiting connections with other platforms and communities. You can have tons of alt accounts, you can have one account for everything, you can have a photography account on [pixelfed.social](https://pixelfed.social) or a vlogging channel on [peertube.tv](https://peertube.tv). It’s all shareable across the Fediverse.
My boyfriend and I even run our own platform called [hol.ogra.ph](https://hol.ogra.ph) that runs the Sharkey microblogging service. Our website is really general purpose but it’s a good community space for BIPOC and LGBTQ+ users. Like many other platforms on the Fediverse, ours is closely held; we do all the upkeep and maintenance ourselves, we’re donation-supported, and we’re pretty involved in our own little community. No different from a personal website, our small _ogra.ph_ collective dictates the terms of engagement, rather than a big corporation. I myself have been on the Fediverse since 2018, long before we even started hol.ogra.ph, and I’ve made friends from all over the world doing it. It’s really changed my outlook on social media and what the web can be, and it’s reminded me that the web is more than what Meta or Google set out for us. We might be used to the mass social media approach where the algorithm decides for us what information we need to see, whose posts we get to look at, and what we need to pay attention to, but it doesn't have to always be that way. We can discover places to be ourselves and have more substantial interactions with the people around us; social media doesn't have to eat our souls and suck meaning into the void. _It doesn't have to suck!_