diff --git a/assets/css/reset.css b/assets/css/reset.css
new file mode 100644
index 0000000..5d64a88
--- /dev/null
+++ b/assets/css/reset.css
@@ -0,0 +1,135 @@
+/* http://meyerweb.com/eric/tools/css/reset/
+ v2.0 | 20110126
+ License: none (public domain)
+*/
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+ display: block;
+}
+
+body {
+ line-height: 1;
+}
+
+ol,
+ul {
+ list-style: none;
+}
+
+blockquote,
+q {
+ quotes: none;
+}
+
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+ content: "";
+ content: none;
+}
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
diff --git a/assets/css/style.css b/assets/css/style.css
new file mode 100644
index 0000000..c49143a
--- /dev/null
+++ b/assets/css/style.css
@@ -0,0 +1,348 @@
+@font-face {
+ font-display: swap;
+ font-family: 'Sedan';
+ font-style: normal;
+ font-weight: 400;
+ src: url('../fonts/sedan-v1-latin-regular.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Sedan';
+ font-style: italic;
+ font-weight: 400;
+ src: url('../fonts/sedan-v1-latin-italic.woff2') format('woff2');
+}
+
+@font-face {
+ font-display: swap;
+ font-family: 'Clash Display';
+ font-style: normal;
+ font-weight: 200 700;
+ src: url('../fonts/ClashDisplay-Variable.woff2') format('woff2');
+}
+
+:root {
+ --body-bg-color: #000;
+
+ --base-font-size: 18px;
+
+ --font-family-serif: "Sedan", serif;
+ --font-family-sans-serif: "Clash Display", sans-serif;
+
+ --font-heading: var(--font-family-sans-serif);
+ --font-body: var(--font-family-serif);
+
+ --primary-color: #FCB001;
+ --secondary-color: #5D21D0;
+ --text-color: #fff;
+ --anchor-color: inherit;
+}
+
+::selection {
+ background-color: #f8c8dc;
+}
+
+body {
+ background-color: var(--body-bg-color);
+ font-size: 16px;
+ font-family: var(--font-body);
+
+ text-rendering: optimizeLegibility;
+ -webkit-text-size-adjust: 100%;
+ -moz-text-size-adjust: 100%;
+
+ text-size-adjust: 100%;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: var(--font-heading);
+ font-weight: 600;
+}
+
+a {
+ color: var(--anchor-color);
+}
+
+hr {
+ margin-top: 6.66rem;
+ margin-bottom: 16.666rem;
+ width: 30.666%;
+ border-image: url('data:image/svg+xml,{{ title }} / faultables.net
+
+
+
+I collect a bit of data—for the sake of vanity metrics—that is reported to my self-hosted [Umami](https://umami.is) instance. No personal data is collected and you can opt out by using [uBlock Origin](https://ublockorigin.com/) just like the rest of us.
+
+However, this site is hosted on [Cloudflare Pages](https://pages.cloudflare.com) and is subject to [Cloudflare's privacy policy](https://www.cloudflare.com/privacypolicy/) (they respect your privacy too as far as I remember). If you don't trust them when it comes to privacy and/or anonimity, use [Tor Browser](https://www.torproject.org).
+
+[Mastodon](https://joinmastodon.org) and [PeerTube](https://joinpeertube.org) are registered trademark of [Mastodon gGmbH](https://joinmastodon.org) and [Framasoft](https://framasoft.org). Any use by the author is for referential purposes only and does not indicate any sponsorship, endorsement or affiliation between [Mastodon gGmbh](https://joinmastodon.org/about), [Framasoft](https://framasoft.org), and the author. Also, I'm not sure where I found that anime character.
+
+
diff --git a/src/_includes/fragments/things.md b/src/_includes/fragments/things.md
new file mode 100644
index 0000000..e7b7171
--- /dev/null
+++ b/src/_includes/fragments/things.md
@@ -0,0 +1,9 @@
+
+
faultables {{ doing }} things
+
+
+ {%- for thing in things -%}
+ {%- render "elements/showcase.liquid", thing: thing -%}
+ {%- endfor -%}
+
+
+ {{ content }}
+
+
+
+
+
+
diff --git a/src/index.md b/src/index.md
new file mode 100644
index 0000000..3d8c4b1
--- /dev/null
+++ b/src/index.md
@@ -0,0 +1,29 @@
+---
+title: Home
+layout: layouts/base
+---
+
+
+
+
+
+ For fun & profit.
+
+
+
+
+
+
+
Today's internet is noisy, full of internet celebrities, infopreneurs, and less-social.
+
+
+ And, no, I don't try to fix that. Thanks for asking.
+
+
+
+
+
+## Wherever you follow me, thank you.
+
+
+
+[back to home](/)
+
+
+
+{% render "fragments/footer.md" %}
diff --git a/src/wip.md b/src/wip.md
new file mode 100644
index 0000000..8ba3a37
--- /dev/null
+++ b/src/wip.md
@@ -0,0 +1,14 @@
+---
+title: WIP
+layout: "layouts/base"
+---
+
+
+
Work in progress but thanks for checking .
+
+
+ Back to home
+
+
+