diff --git a/scss/_font.scss b/scss/_font.scss index 62a4bc3..a386033 100644 --- a/scss/_font.scss +++ b/scss/_font.scss @@ -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+ */ } diff --git a/scss/main.scss b/scss/main.scss index f1f671c..b5019cc 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -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 { diff --git a/src/about.md b/src/about.md index 89af6b3..cf78502 100644 --- a/src/about.md +++ b/src/about.md @@ -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/). diff --git a/src/assets/css/main.css b/src/assets/css/main.css index c8c75e4..01dc288 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -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 { diff --git a/src/assets/css/main.css.map b/src/assets/css/main.css.map index 9a43d10..cfe4332 100644 --- a/src/assets/css/main.css.map +++ b/src/assets/css/main.css.map @@ -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"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/src/assets/fonts/inclusive-sans-italic.woff2 b/src/assets/fonts/inclusive-sans-italic.woff2 deleted file mode 100644 index 1acfa44..0000000 Binary files a/src/assets/fonts/inclusive-sans-italic.woff2 and /dev/null differ diff --git a/src/assets/fonts/inclusive-sans.woff2 b/src/assets/fonts/inclusive-sans.woff2 deleted file mode 100644 index 432c977..0000000 Binary files a/src/assets/fonts/inclusive-sans.woff2 and /dev/null differ diff --git a/src/assets/fonts/inter-v18-latin_latin-ext-700.woff2 b/src/assets/fonts/inter-v18-latin_latin-ext-700.woff2 new file mode 100644 index 0000000..5491318 Binary files /dev/null and b/src/assets/fonts/inter-v18-latin_latin-ext-700.woff2 differ diff --git a/src/assets/fonts/inter-v18-latin_latin-ext-700italic.woff2 b/src/assets/fonts/inter-v18-latin_latin-ext-700italic.woff2 new file mode 100644 index 0000000..6f35fce Binary files /dev/null and b/src/assets/fonts/inter-v18-latin_latin-ext-700italic.woff2 differ diff --git a/src/assets/fonts/inter-v18-latin_latin-ext-900.woff2 b/src/assets/fonts/inter-v18-latin_latin-ext-900.woff2 new file mode 100644 index 0000000..770749c Binary files /dev/null and b/src/assets/fonts/inter-v18-latin_latin-ext-900.woff2 differ diff --git a/src/assets/fonts/inter-v18-latin_latin-ext-900italic.woff2 b/src/assets/fonts/inter-v18-latin_latin-ext-900italic.woff2 new file mode 100644 index 0000000..237ce76 Binary files /dev/null and b/src/assets/fonts/inter-v18-latin_latin-ext-900italic.woff2 differ diff --git a/src/assets/fonts/inter-v18-latin_latin-ext-italic.woff2 b/src/assets/fonts/inter-v18-latin_latin-ext-italic.woff2 new file mode 100644 index 0000000..01eb2b4 Binary files /dev/null and b/src/assets/fonts/inter-v18-latin_latin-ext-italic.woff2 differ diff --git a/src/assets/fonts/inter-v18-latin_latin-ext-regular.woff2 b/src/assets/fonts/inter-v18-latin_latin-ext-regular.woff2 new file mode 100644 index 0000000..d3920e6 Binary files /dev/null and b/src/assets/fonts/inter-v18-latin_latin-ext-regular.woff2 differ diff --git a/src/assets/fonts/kurale.woff2 b/src/assets/fonts/kurale.woff2 deleted file mode 100644 index b7c7560..0000000 Binary files a/src/assets/fonts/kurale.woff2 and /dev/null differ diff --git a/src/assets/fonts/poppins-v23-latin_latin-ext-700.woff2 b/src/assets/fonts/poppins-v23-latin_latin-ext-700.woff2 new file mode 100644 index 0000000..017dc5b Binary files /dev/null and b/src/assets/fonts/poppins-v23-latin_latin-ext-700.woff2 differ diff --git a/src/assets/fonts/poppins-v23-latin_latin-ext-700italic.woff2 b/src/assets/fonts/poppins-v23-latin_latin-ext-700italic.woff2 new file mode 100644 index 0000000..6955cd6 Binary files /dev/null and b/src/assets/fonts/poppins-v23-latin_latin-ext-700italic.woff2 differ diff --git a/src/assets/fonts/poppins-v23-latin_latin-ext-900.woff2 b/src/assets/fonts/poppins-v23-latin_latin-ext-900.woff2 new file mode 100644 index 0000000..5ebb1fd Binary files /dev/null and b/src/assets/fonts/poppins-v23-latin_latin-ext-900.woff2 differ diff --git a/src/assets/fonts/poppins-v23-latin_latin-ext-900italic.woff2 b/src/assets/fonts/poppins-v23-latin_latin-ext-900italic.woff2 new file mode 100644 index 0000000..50676e1 Binary files /dev/null and b/src/assets/fonts/poppins-v23-latin_latin-ext-900italic.woff2 differ diff --git a/src/assets/fonts/poppins-v23-latin_latin-ext-italic.woff2 b/src/assets/fonts/poppins-v23-latin_latin-ext-italic.woff2 new file mode 100644 index 0000000..981bdb3 Binary files /dev/null and b/src/assets/fonts/poppins-v23-latin_latin-ext-italic.woff2 differ diff --git a/src/assets/fonts/poppins-v23-latin_latin-ext-regular.woff2 b/src/assets/fonts/poppins-v23-latin_latin-ext-regular.woff2 new file mode 100644 index 0000000..d83f92c Binary files /dev/null and b/src/assets/fonts/poppins-v23-latin_latin-ext-regular.woff2 differ diff --git a/src/journal/2025/free-flow-4.md b/src/journal/2025/free-flow-4.md index cb2e086..66d3fd5 100644 --- a/src/journal/2025/free-flow-4.md +++ b/src/journal/2025/free-flow-4.md @@ -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!_