diff --git a/content/posts/evil-smartphones.md b/content/posts/evil-smartphones.md new file mode 100644 index 0000000..6267d65 --- /dev/null +++ b/content/posts/evil-smartphones.md @@ -0,0 +1,38 @@ +--- +title: "Smartphones are evil" +date: 2022-12-20T07:52:03+02:00 +showTitle: true +draft: true +toc: false +images: +tags: + - dystopian +--- + +I was on a subway ride today, going home after a long day at high school. I was +minding my own business, mainly listening to [a song to get me *in the +feels*](https://www.youtube.com/watch?v=Cl5Vkd4N03Q). + +I randomly noticed a mom sitting across with her daugther. She looked tired, +depressed and miserable, clearly giving everything she had to raise her +daughther. She was probably even working multiple jobs, the child's father +probably not being present in their lives, judging by the fact that she was +alone in a subway train late at night. + +Her daughther was about **4 years old** and she was **obsesively using her +smartphone**. It is obvious that in the given circumstances, the only way her +mom could cope with raising her daughter is occupying her attention with a +smartphone. This is what the world has come to. Her daughter was barely +responsive to her mother's questions and requests, to the point where she had +to drag her to leave at the correct station, not moving her eyes from the +screen for even a second. + +This scene made me feel horrible for what our society has become and maded me +feel very sorry for the mom, as she was doing the best she could do to take +care of her daugther in her overwhelming condition. Her 4 year old daughther +looked like she was on drugs, which is a highly disturbing scene to witness. + +Among all of the questions that this scene raised in my head, one of them +caught my deepest attention: *What will the daughter be like in 20 years time?* +Would this excessive cellphone usage have any effect on her mental capacity in +the long run, or are cellphones just a harmless means of etnertainment? diff --git a/content/posts/privacy-guide.md b/content/posts/privacy-guide.md index 98ad8f5..5d8bf3f 100644 --- a/content/posts/privacy-guide.md +++ b/content/posts/privacy-guide.md @@ -101,8 +101,8 @@ found [here](https://spyware.neocities.org/guides/firefox.html). If you are not willing to configure Firefox, you should look into its forks that provide better privacy defaults. -[Download] -[Website] +[Download] +[Website] @@ -124,8 +124,8 @@ Librewolf phones home at startup, although it can be disabled from middle ground for privacy and convenience. Definitely use over vanilla Firefox. -[Download] -[Website] +[Download] +[Website] @@ -138,11 +138,23 @@ middle ground for privacy and convenience. Definitely use over vanilla Firefox.
-**TODO**: add details here +**TOR Browser** is a fork of Firefox built to be used on the onion network. Depending on your threat model, you might +need to use the onion router to access certain websites. Tor is the recommended browser for doing so in order to blend +in with other tor users. + +TOR Browser **does NOT have** the best privacy settings outside the box. Javascript is enabled by default, and you +**absolutely don't want to use that** on onion websites. You also don't want to use DuckDuckGo, the default search +engine. Not only it does not index onion sites, but it is also not good for your privacy. Use a privacy respecting +search engine instead (see below). + +To disable JS, go into settings and select the **Safest** option from Privacy & Security. + +Note that TOR might be blocked on your network / in your country. In that case, you need to use a **TOR bridge** to +connect to the onion network. -[Download] -[Website] +[Download] +[Website] @@ -163,9 +175,11 @@ It is a good option if you need to browse the internet safely and don't care about some sites that require javascript not working. If your thread model is high enough you shouldn't use websites that require javascript anyway. +IceCat can be used to connect to the onion network, however that is not recommended due to your unique fingerprint +related to using another browser than **TOR**. + -[Download] -[Website] +[Website & Download] @@ -186,9 +200,13 @@ however it is known for adding spyware features in the past, such as Should only be used if Chromium engine is required and Ungoogled Chromium cannot be compiled in a reasonable amount of time, or the binary cannot be installed, for some reason. +Brave can be used to connect to the onion network, however that is not recommended due to your unique fingerprint +related to using another browser than **TOR**. Moreover, its suspicious privacy features make it a bad tool to browse +onion websites. + -[Download] -[Website] +[Download] +[Website] @@ -212,7 +230,7 @@ installing extensions being a tedious task. However, if you need a chromium based browser, it is the best solution out there. -[Download & Website] +[Download & Website] @@ -225,28 +243,116 @@ hand it over** to Google, Facebook or other companies. You should aim to replace **all of your services** from these companies with privacy-friendly alternatives. -You can see the privacy-friendly services **hosted by ElPengu** [here](../../services). +You can see the privacy-friendly services hosted by **ElPengu** [here](../../services). ## Search Engines -### {{< image src="/logos/librex.png" position="relative" style="height: 2.15rem; width: 2.15rem; margin-right: 15px" >}} [LibreX](https://github.com/hnhx/librex/) - -{{< image src="/images/librex-interface.webp" position="center" style="width: 75%" >}} +[//]: # (LibreX) +
+ + +

LibreX

+

{{< text-icon privacy "#55FF55" >}} Privacy Level: Very High

+ +
-{{< text-icon privacy "#55FF55" >}} Privacy level: **{{< color "Very high" "#55FF55" >}}** +{{< image src="/images/librex-interface.webp" position="center" style="width: 100%; border:1px solid #4e4e57;" >}} **LibreX** is a meta search engine that pulls Google results. It uses **no javascript**, therefore your search queries can't be tracked. -Other useful features are torrent search and onion link search. +LibreX is written in php, therefore it is lightweight and can be easily hosted by anyone. + +Useful features LibreX includes: + +* Torrent search +* Onion links indexes +* Custom searches such as crypto converting +* **Configurable** privacy-friendly instance URL replacer -### {{< image src="/logos/searx.png" position="relative" style="height: 2.15rem; width: 2.15rem; margin-right: 15px" >}} [SearXNG](https://github.com/searxng/searxng) + +[Recommended Instance] +[Instance List] +[Source] + +
-{{< image src="/images/searxng-interface.webp" position="center" style="width: 75%" >}} +[//]: # (SearXNG) +
+ + +

SearXNG

+

{{< text-icon privacy "#00FF11" >}} Privacy Level: High

+ +
-{{< text-icon privacy "#00FF11" >}} Privacy level: **{{< color "High" "#00FF11" >}}** +{{< image src="/images/searxng-interface.webp" position="center" style="width: 100%; border:1px solid #4e4e57;" >}} **SearXNG** is a fork of SearX, a meta search engine that pulls results from **a lot** of search engines, including Google, DuckDuckGo, StartPage. It requires javascript for proper use, which can be maliciously modified by the -host, but has the advantage of being customizable. +host, but has the advantage of being **very** customizable. + +Features: + +* Torrent search +* Vim keys +* Tracker URL remover +* Special queries + + +[Recommended Instance] +[Instance List] +[Source] + +
+ +[//]: # (Whoogle) +
+ + +

Whoogle

+

{{< text-icon privacy "#00FF11" >}} Privacy Level: High

+ +
+ +{{< image src="/images/whoogle-interface.webp" position="center" style="width: 100%; border:1px solid #4e4e57;" >}} + +**Whoogle** is a customizable search engine pulling results from Google. It doesn't require javascript and is +lightweight on the system. It is written in python, therefore it can be slow at times depending on server load. Can be +easily deployed locally. + +Features: +* Tracker URL remover +* Randomly generated user agent +* Proxy support + + +[Recommended Instance] +[Instance List] +[Source] + +
+ +## YouTube alternatives +[//]: # (Invidious) +
+ + +

Invidious

+

{{< text-icon privacy "#55FF55" >}} Privacy Level: Very High

+ +
+ +{{< image src="/images/whoogle-interface.webp" position="center" style="width: 100%; border:1px solid #4e4e57;" >}} + +Descr + + +[Recommended Instance] +[Instance List] +[Source] + +
+ + diff --git a/layouts/index.html b/layouts/index.html index b99dfb3..0b85b44 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,4 +1,15 @@ {{ define "main" }} +
+ + {{- $fname:=print "/static/icons/warn.svg" -}} + {{- $path:=" +

Due to high disk usage, email is currently disabled. + You can still contact me via Matrix or through my temporary email address + elpengu@danwin1210.de

+

elpengu's home

@@ -143,18 +154,18 @@ elpengu - - BeParanoid + + DenshiSite + + + femboy.hu Chaox - - DenshiSite -
{{ end }} \ No newline at end of file diff --git a/resources/_gen/assets/scss/scss/main.scss_38b1322b728d0fc31bc0aabb683ebc6d.content b/resources/_gen/assets/scss/scss/main.scss_38b1322b728d0fc31bc0aabb683ebc6d.content new file mode 100644 index 0000000..a5c65f3 --- /dev/null +++ b/resources/_gen/assets/scss/scss/main.scss_38b1322b728d0fc31bc0aabb683ebc6d.content @@ -0,0 +1,3 @@ +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */::-webkit-scrollbar{width:8px;height:8px;background:#212020}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#dcdcdc}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-display:auto;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-display:auto;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-display:auto;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--phoneWidth: (max-width: 684px);--tabletWidth: (max-width: 900px)}@font-face{font-family:'Inter';font-style:normal;font-display:auto;font-weight:400;src:url("../fonts/Inter-Regular.woff2") format("woff2"),url("../fonts/Inter-Regular.woff") format("woff")}@font-face{font-family:'Inter';font-style:italic;font-display:auto;font-weight:400;src:url("../fonts/Inter-Italic.woff2") format("woff2"),url("../fonts/Inter-Italic.woff") format("woff")}@font-face{font-family:'Inter';font-style:normal;font-display:auto;font-weight:600;src:url("../fonts/Inter-Medium.woff2") format("woff2"),url("../fonts/Inter-Medium.woff") format("woff")}@font-face{font-family:'Inter';font-style:italic;font-display:auto;font-weight:600;src:url("../fonts/Inter-MediumItalic.woff2") format("woff2"),url("../fonts/Inter-MediumItalic.woff") format("woff")}@font-face{font-family:'Inter';font-style:normal;font-display:auto;font-weight:800;src:url("../fonts/Inter-Bold.woff2") format("woff2"),url("../fonts/Inter-Bold.woff") format("woff")}@font-face{font-family:'Inter';font-style:italic;font-display:auto;font-weight:800;src:url("../fonts/Inter-BoldItalic.woff2") format("woff2"),url("../fonts/Inter-BoldItalic.woff") format("woff")}.button-container{display:table;margin-left:auto;margin-right:auto}button,.button,a.button{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 18px;margin-bottom:5px;text-decoration:none;text-align:center;font-weight:500;border-radius:8px;border:1px solid transparent;appearance:none;cursor:pointer;outline:none;background:#1b1c1d}@media (prefers-color-scheme: dark){button,.button,a.button{background:#1b1c1d;color:inherit}}@media (prefers-color-scheme: light){button,.button,a.button{background:#1b1c1d}}[data-theme=dark] button,[data-theme=dark] .button,[data-theme=dark] a.button{background:#1b1c1d;color:inherit}[data-theme=light] button,[data-theme=light] .button,[data-theme=light] a.button{background:#1b1c1d}button.outline,.button.outline,a.button.outline{background:transparent;box-shadow:none;padding:8px 18px;border-color:#3b3d42}@media (prefers-color-scheme: dark){button.outline,.button.outline,a.button.outline{border-color:#3b3d42;color:inherit}}@media (prefers-color-scheme: light){button.outline,.button.outline,a.button.outline{border-color:#3b3d42}}[data-theme=dark] button.outline,[data-theme=dark] .button.outline,[data-theme=dark] a.button.outline{border-color:#3b3d42;color:inherit}[data-theme=light] button.outline,[data-theme=light] .button.outline,[data-theme=light] a.button.outline{border-color:#3b3d42}button.outline :hover,.button.outline :hover,a.button.outline :hover{transform:none;box-shadow:none}button.primary,.button.primary,a.button.primary{box-shadow:0 4px 6px rgba(50,50,93,0.11),0 1px 3px rgba(0,0,0,0.08)}button.primary:hover,.button.primary:hover,a.button.primary:hover{box-shadow:0 2px 6px rgba(50,50,93,0.21),0 1px 3px rgba(0,0,0,0.08)}button.link,.button.link,a.button.link{background:none;font-size:1rem}button.small,.button.small,a.button.small{font-size:.8rem}button.wide,.button.wide,a.button.wide{min-width:200px;padding:14px 24px}.code-toolbar{margin-bottom:20px}.code-toolbar .toolbar-item a{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;margin-bottom:5px;text-decoration:none;text-align:center;font-size:13px;font-weight:500;border-radius:8px;border:1px solid transparent;appearance:none;cursor:pointer;outline:none;background:#3b3d42}@media (prefers-color-scheme: dark){.code-toolbar .toolbar-item a{background:#3b3d42;color:inherit}}@media (prefers-color-scheme: light){.code-toolbar .toolbar-item a{background:#3b3d42}}[data-theme=dark] .code-toolbar .toolbar-item a{background:#3b3d42;color:inherit}[data-theme=light] .code-toolbar .toolbar-item a{background:#3b3d42}.header{display:flex;align-items:center;justify-content:center;position:relative;padding:20px;background:#1b1c1d}@media (prefers-color-scheme: dark){.header{background:#1b1c1d}}@media (prefers-color-scheme: light){.header{background:#1b1c1d}}[data-theme=dark] .header{background:#1b1c1d}[data-theme=light] .header{background:#1b1c1d}.header__right{display:flex;flex-direction:row;align-items:center}@media (max-width: 684px){.header__right{flex-direction:row-reverse}}.header__inner{display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:760px;max-width:100%}.theme-toggle{display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer}.theme-toggler{fill:currentColor}.not-selectable{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.logo{display:flex;align-items:center;text-decoration:none;font-weight:bold;font-display:auto;font-family:monospace, monospace}.logo img{height:44px}.logo__mark{margin-right:5px}.logo__text{font-size:1.125rem}.logo__cursor{display:inline-block;width:10px;height:1rem;background:#fe5186;margin-left:5px;border-radius:1px;animation:cursor 1s infinite}@media (prefers-reduced-motion: reduce){.logo__cursor{animation:none}}@keyframes cursor{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.menu{z-index:9999;background:#1b1c1d}@media (prefers-color-scheme: dark){.menu{background:#1b1c1d}}@media (prefers-color-scheme: light){.menu{background:#1b1c1d}}[data-theme=dark] .menu{background:#1b1c1d}[data-theme=light] .menu{background:#1b1c1d}@media (max-width: 684px){.menu{position:absolute;top:50px;right:0;border:none;margin:0;padding:10px}}.menu__inner{display:flex;align-items:center;justify-content:flex-start;max-width:100%;margin:0 auto;padding:0 15px;font-size:1rem;list-style:none}.menu__inner li{margin:0 12px}@media (max-width: 684px){.menu__inner{flex-direction:column;align-items:flex-start;padding:0}.menu__inner li{margin:0;padding:5px}}.menu-trigger{width:24px;height:24px;fill:currentColor;margin-left:10px;cursor:pointer;display:none}@media (max-width: 684px){.menu-trigger{display:block}}.menu a{display:inline-block;margin-right:15px;text-decoration:none}.menu a:hover{text-decoration:underline}.menu a:last-of-type{margin-right:0}.submenu{background:#1b1c1d}@media (prefers-color-scheme: dark){.submenu{background:#1b1c1d}}@media (prefers-color-scheme: light){.submenu{background:#1b1c1d}}[data-theme=dark] .submenu{background:#1b1c1d}[data-theme=light] .submenu{background:#1b1c1d}.submenu ul{list-style-type:none;margin:0;padding:0;overflow:hidden}.submenu li a,.submenu .dropbtn{display:inline-block;text-decoration:none}.submenu li.dropdown{display:inline-block}.submenu .dropdown-content{display:none;position:absolute;background:#1b1c1d}@media (prefers-color-scheme: light){.submenu .dropdown-content{background:#1b1c1d}}[data-theme=dark] .submenu .dropdown-content{background:#1b1c1d}[data-theme=light] .submenu .dropdown-content{background:#1b1c1d}.submenu .dropdown-content a{padding:12px 20px;text-decoration:none;display:block;text-align:left}.submenu .dropdown-content a:hover{background:#1b1c1d}@media (prefers-color-scheme: light){.submenu .dropdown-content a:hover{background:#1b1c1d}}[data-theme=dark] .submenu .dropdown-content a:hover{background:#1b1c1d}[data-theme=light] .submenu .dropdown-content a:hover{background:#1b1c1d}.submenu .dropdown:hover .dropdown-content{display:block}html{box-sizing:border-box;line-height:1.6;letter-spacing:0.06em;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;font-family:Inter, -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif;font-display:auto;font-size:1rem;line-height:1.54;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"liga", "tnum", "case", "calt", "zero", "ss01", "locl";-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;display:flex;min-height:100vh;flex-direction:column;background-color:#232425;color:#e6e6e6}@media (max-width: 684px){body{font-size:1rem}}@media (prefers-color-scheme: dark){body{background-color:#232425;color:#e6e6e6}}@media (prefers-color-scheme: light){body{background-color:#232425;color:#e6e6e6}}[data-theme=dark] body{background-color:#232425;color:#e6e6e6}[data-theme=light] body{background-color:#232425;color:#e6e6e6}h2,h3,h4,h5,h6{display:flex;align-items:center;line-height:1.3}h1{font-size:2.625rem;margin-top:1.5em}h2{font-size:1.625rem;margin-top:1.5em}h3{font-size:1.375rem}h4{font-size:1.125rem}@media (max-width: 684px){h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.15rem}h4{font-size:1.125rem}}a{color:inherit}img{display:block;max-width:100%}img.left{margin-right:auto}img.center{margin-left:auto;margin-right:auto}img.right{margin-left:auto}img.circle{border-radius:50%;max-width:25%;margin:auto}figure{display:table;max-width:100%;margin:25px 0}figure.left{margin-right:auto}figure.left-floated{margin-right:auto;float:left}figure.left-floated img{margin:20px 20px 20px 0}figure.center{margin-left:auto;margin-right:auto}figure.right{margin-left:auto}figure.right-floated{margin-left:auto;float:right}figure.right-floated img{margin:20px 0 20px 20px}figure.rounded img{border-radius:50%}figure figcaption{font-size:14px;margin-top:5px;opacity:0.8}figure figcaption.left{text-align:left}figure figcaption.center{text-align:center}figure figcaption.right{text-align:right}em,i,strong{color:#fff}@media (prefers-color-scheme: dark){em,i,strong{color:#fff}}@media (prefers-color-scheme: light){em,i,strong{color:#fff}}[data-theme=dark] em,[data-theme=dark] i,[data-theme=dark] strong{color:white}[data-theme=light] em,[data-theme=light] i,[data-theme=light] strong{color:black}code{font-family:Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;font-display:auto;font-feature-settings:normal;padding:1px 6px;margin:0 2px;border-radius:5px;font-size:0.95rem;background:#3b3d42}@media (prefers-color-scheme: dark){code{background:#3b3d42}}@media (prefers-color-scheme: light){code{background:#3b3d42}}[data-theme=dark] code{background:#3b3d42}[data-theme=light] code{background:#3b3d42}pre{padding:10px 10px 10px 20px;border-radius:8px;font-size:0.95rem;overflow:auto}[data-theme=dark] pre{background-color:#3b3d42}[data-theme=light] pre{background-color:#3b3d42}@media (max-width: 684px){pre{white-space:pre-wrap;word-wrap:break-word}}pre code{background:none !important;margin:0;padding:0;font-size:inherit;color:#ccc}@media (prefers-color-scheme: dark){pre code{color:inherit}}@media (prefers-color-scheme: light){pre code{color:#ccc}}[data-theme=dark] pre code{color:inherit}[data-theme=light] pre code{color:#ccc}blockquote{border-left:3px solid #3eb0ef;margin:40px;padding:10px 20px}@media (max-width: 684px){blockquote{margin:10px;padding:10px}}blockquote:before{content:"”";font-family:Georgia, serif;font-display:auto;font-size:3.875rem;position:absolute;left:-40px;top:-20px}blockquote p:first-of-type{margin-top:0}blockquote p:last-of-type{margin-bottom:0}ul,ol{margin-left:40px;padding:0}@media (max-width: 684px){ul,ol{margin-left:20px}}ol ol{list-style-type:lower-alpha}.container{flex:1 auto;display:flex;flex-direction:column;justify-content:center;text-align:center}.content{display:flex;flex-direction:column;flex:1 auto;align-items:center;justify-content:center;margin:0}@media (max-width: 684px){.content{margin-top:0}}hr{width:100%;border:none;height:1px;background:#4e4e57}@media (prefers-color-scheme: dark){hr{background:#4e4e57}}@media (prefers-color-scheme: light){hr{background:#4e4e57}}[data-theme=dark] hr{background:#4e4e57}[data-theme=light] hr{background:#4e4e57}.hidden{display:none}@media (max-width: 684px){.hide-on-phone{display:none}}@media (max-width: 900px){.hide-on-tablet{display:none}}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;clip-path:none;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;width:auto;top:5px;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;z-index:100000}.background-image{background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center center}.highlight{margin:30px auto}.posts{width:100%;max-width:800px;text-align:left;padding:20px;margin:20px auto}@media (max-width: 900px){.posts{max-width:660px}}.posts:not(:last-of-type){border-bottom:1px solid #4e4e57}@media (prefers-color-scheme: dark){.posts:not(:last-of-type){border-bottom:1px solid #4e4e57}}@media (prefers-color-scheme: light){.posts:not(:last-of-type){border-bottom:1px solid #4e4e57}}[data-theme=dark] .posts:not(:last-of-type){border-bottom:1px solid #4e4e57}[data-theme=light] .posts:not(:last-of-type){border-bottom:1px solid #4e4e57}.posts-group{display:flex;margin-bottom:1.9em;line-height:normal}@media (max-width: 900px){.posts-group{display:block}}.posts-list{flex-grow:1;margin:0;padding:0;list-style:none}.posts .post-title{font-size:1rem;margin:10px 0 5px 0}.posts .post-metadata{font-size:0.9rem;margin:5px}.posts .post-year{padding-top:6px;margin-right:1.8em;font-size:1.6em;opacity:.6}@media (max-width: 900px){.posts .post-year{margin:-6px 0 4px}}.posts .post-item{border-bottom:1px grey solid}.posts .post-item a{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;text-decoration:none}.posts .post-item a:hover{color:#D092FC}.posts .post-day{flex-shrink:0;margin-left:1em;opacity:.6}.post{width:100%;max-width:800px;text-align:left;padding:20px;margin:20px auto}@media (max-width: 900px){.post{max-width:600px}}.post-date:after{content:'—'}.post-title{font-size:2.625rem;margin:0 0 20px}@media (max-width: 684px){.post-title{font-size:2rem}}.post-title a{text-decoration:none}.post-tags{display:block;margin-bottom:20px;font-size:1rem;opacity:0.5}.post-tags a{text-decoration:none}.post-content{margin-top:30px}.post-cover{border-radius:8px;margin:40px -50px;width:860px;max-width:860px;overflow:hidden}@media (max-width: 900px){.post-cover{margin:20px 0;width:100%}}.post-excerpt{color:grey;font-style:italic}.post-info{margin-top:30px;font-size:0.8rem;line-height:normal;opacity:.6}.post-info p{margin:0.8em 0}.post-info a:hover{border-bottom:1px solid white}.post-info svg{margin-right:0.8em}.post-info .tag{margin-right:0.5em}.post-info .tag::before{content:"#"}.post-info .feather{display:inline-block;vertical-align:-.125em;width:1em;height:1em}.post-audio{display:flex;justify-content:center;align-items:center;padding-top:20px}.post-audio audio{width:90%}.post .flag{border-radius:50%;margin:0 5px}.pagination{margin-top:20px}.pagination__title{display:flex;text-align:center;position:relative;margin:20px 0}.pagination__title-h{text-align:center;margin:0 auto;padding:5px 10px;font-size:0.8rem;text-transform:uppercase;text-decoration:none;letter-spacing:0.1em;z-index:1;background:#232425;color:#b3b3bd}@media (prefers-color-scheme: dark){.pagination__title-h{background:#232425;color:#b3b3bd}}@media (prefers-color-scheme: light){.pagination__title-h{background:#232425;color:#b3b3bd}}[data-theme=dark] .pagination__title-h{background:#232425;color:#b3b3bd}[data-theme=light] .pagination__title-h{background:#232425;color:#b3b3bd}.pagination__title hr{position:absolute;left:0;right:0;width:100%;margin-top:15px;z-index:0}.pagination__buttons{display:flex;align-items:center;justify-content:center}.pagination__buttons a{text-decoration:none;font-weight:bold}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;border-radius:8px;max-width:40%;padding:0;cursor:pointer;appearance:none;background:#3b3d42}@media (prefers-color-scheme: dark){.button{background:#3b3d42}}@media (prefers-color-scheme: light){.button{background:#3b3d42}}[data-theme=dark] .button{background:#3b3d42}[data-theme=light] .button{background:#3b3d42}.button+.button{margin-left:10px}.button a{display:flex;padding:8px 16px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button.next .button__icon{margin-left:8px}.button.previous .button__icon{margin-right:8px}.footer{padding:40px 20px;flex-grow:0;color:#b3b3bd}.footer__inner{display:flex;align-items:center;justify-content:center;margin:0 auto;width:760px;max-width:100%}@media (max-width: 900px){.footer__inner{flex-direction:column}}.footer__content{display:flex;flex-direction:row;align-items:center;font-size:1rem;color:#b3b3bd}@media (max-width: 900px){.footer__content{flex-direction:column;margin-top:10px}}.footer__content>*:not(:last-child)::after{content:"•";padding:0 5px}@media (max-width: 900px){.footer__content>*:not(:last-child)::after{content:"";padding:0}}.footer__content>*:last-child{padding:0 0px}@media (max-width: 900px){.footer__content>*:last-child{padding:0}}.sharing-buttons{display:flex;flex-wrap:wrap;justify-content:space-between}.sharing-buttons .resp-sharing-button__icon,.sharing-buttons .resp-sharing-button__link{display:inline-block}.sharing-buttons .resp-sharing-button__link{text-decoration:none;margin:0.5em}.sharing-buttons .resp-sharing-button{border-radius:5px;transition:25ms ease-out;padding:0.5em 0.75em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.sharing-buttons .resp-sharing-button__icon svg{width:1em;height:1em;margin-right:0.4em;vertical-align:top}.sharing-buttons .resp-sharing-button--small svg{margin:0;vertical-align:middle}.post-content table{border-collapse:collapse;margin:25px auto;font-size:0.9em;min-width:400px;max-width:100%}.post-content table th,.post-content table td{padding:12px 15px;border:1px solid #4e4e57}@media (prefers-color-scheme: dark){.post-content table th,.post-content table td{border:1px solid #4e4e57}}@media (prefers-color-scheme: light){.post-content table th,.post-content table td{border:1px solid #4e4e57}}[data-theme=dark] .post-content table th,[data-theme=dark] .post-content table td{border:1px solid #4e4e57}[data-theme=light] .post-content table th,[data-theme=light] .post-content table td{border:1px solid #4e4e57}.post-content table thead tr{text-align:left;background-color:#4e4e57;color:#e6e6e6}@media (prefers-color-scheme: dark){.post-content table thead tr{background-color:#4e4e57;color:#e6e6e6}}@media (prefers-color-scheme: light){.post-content table thead tr{background-color:#4e4e57;color:#e6e6e6}}[data-theme=dark] .post-content table thead tr{background-color:#4e4e57;color:#e6e6e6}[data-theme=light] .post-content table thead tr{background-color:#4e4e57;color:#e6e6e6}.post-content table tbody tr{border:1px solid #4e4e57}@media (prefers-color-scheme: dark){.post-content table tbody tr{border:1px solid #4e4e57}}@media (prefers-color-scheme: light){.post-content table tbody tr{border:1px solid #4e4e57}}[data-theme=dark] .post-content table tbody tr{border:1px solid #4e4e57}[data-theme=light] .post-content table tbody tr{border:1px solid #4e4e57}.btn-404 svg{vertical-align:middle;display:inline-block;margin-right:5px}.btn-404 a{margin:0 10px}.small-icon{display:inline-block;height:1.15rem;width:1.15rem;bottom:0.35rem;position:relative;margin-right:15px}.text-icon{display:inline-block;height:1.15rem;width:1.15rem;top:0.15rem;position:relative;margin-right:5px}.big-icon{display:inline-block;height:2.15rem;width:2.15rem;top:0.15rem;position:relative;margin-right:15px}.main-container{display:block;justify-content:center;width:90%;max-width:1000px;margin:40px;background-color:#1b1c1d;border:1px solid #A337F0;border-radius:5px}.warning{text-align:center;justify-content:center;align-items:center;width:80%;max-width:800px;background-color:#d3a117;border-radius:15px;padding:10px 0px;margin-top:40px;display:flex}.warning span{float:left;width:8%;max-width:40px;margin-right:30px;margin-top:5px}.warning p{display:block;font-size:14px;color:#ffffff;max-width:85%;overflow-wrap:break-word}.main-container b{color:white}.title h1{color:#D092FC;font-weight:bold;font-size:45px;text-align:center;margin:0.67em 30px}.main-container li{font-size:14px !important}.title hr{width:80%}.main-container h2,p,li{color:#dadada}.main-container li{margin-bottom:10px}.main-container h2{text-align:left;font-size:25px;color:#ffffff;margin-top:30px;margin-bottom:5px}.main-container p,li{text-align:left;font-size:14px}.main-container a{text-align:left;font-weight:bold;font-style:italic;font-size:14px;color:white}.i-button{text-decoration:none;display:flex;justify-content:center;width:150px;border:1px solid #A337F0;padding:7px 10px 7px 10px}.i-button:hover{opacity:0.75;cursor:pointer;border:1px solid #D092FC;background-color:#D092FC}.left{display:inline-block;float:left;margin-left:30px;margin-bottom:30px;width:45%}.right{display:inline-block;float:right;margin-right:30px;margin-bottom:30px;width:45%}.i-blog a{color:#D092FC;text-decoration:none;font-style:normal;font-weight:normal}.i-blog li{margin-bottom:1px}.i-blog a:hover{font-style:italic;color:#ffffff}.i-big-icon{display:inline-block;height:1.8rem;width:1.8rem;position:relative;margin-right:15px}.i-small-icon{display:inline-block;height:25px;width:25px;top:3px;position:relative;margin-right:10px}.i-logo{display:inline;height:50px;width:50px;top:3px;position:relative;margin-right:10px}.i-main:after{content:"";clear:both;display:block}.end-ring{text-align:center;margin:0 20px 30px}.end-ring a{text-decoration:none}.end-ring img{width:130px;height:40px;margin-top:10px;margin-right:10px;display:inline-block}.end-ring hr{width:80%}@media only screen and (max-width: 768px){.left{width:90%;margin-left:20px;margin-bottom:0;margin-right:20px;display:inline-block}.right{float:left;width:90%;margin-left:20px;margin-right:20px;display:inline-block}.warning{padding:10px 15px;width:90%}.warning span{width:40%}.warning p{width:75%}}.taglist{display:block;justify-content:center;width:80%;max-width:800px;margin-bottom:40px;border:1px solid #A337F0;border-radius:5px;padding-bottom:10px}.tag-title h1{color:#D092FC;font-weight:bold;text-align:center;font-size:30px;margin:10px 30px 0}.tag-content{text-align:center;margin:20px}.tag-title hr{width:85%}.listed-tag a{text-decoration:none}.listed-tag a:hover{color:#D092FC}.listed-tag:not(:last-child)::after{content:"•";padding:1px}.donation{text-align:center;justify-content:center;align-items:center;width:80%;max-width:800px;border:1px solid #A337F0;border-radius:15px;padding:10px 20px;margin-bottom:20px;margin-left:10%;display:flex}.donation-icon{display:inline-block;width:8%;max-width:40px;margin-right:10px;margin-top:5px}.donation a{text-decoration:none;display:block;font-size:13px;color:#ffffff;max-width:85%;overflow-wrap:break-word}.donation a:hover{color:#D092FC}@media only screen and (max-width: 550px){.donation-icon{width:40%}.donation a{width:75%}}.post-box{display:block;justify-content:center;width:100%;max-width:1000px;margin:40px 0 0;border:1px solid #A337F0;border-radius:15px;padding:35px 35px 20px}.post-box-title{height:60px;vertical-align:middle;list-style:none}.post-box-title::-webkit-details-marker{display:none}.post-box-title h2{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle;font-size:35px}.post-box hr{margin-bottom:30px}.post-box-title:hover{color:#D092FC}.post-box-title img{display:inline-block;width:50px;margin-right:10px;vertical-align:top}.post-box-title p{float:right;margin-top:10px}.content li{font-size:16px}@media only screen and (max-width: 900px){.post-box-title{height:auto;text-align:center;justify-content:center}.post-box-title p{float:none;clear:both;margin-top:20px}.post-box hr{width:0}} + +/*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/resources/_gen/assets/scss/scss/main.scss_38b1322b728d0fc31bc0aabb683ebc6d.json b/resources/_gen/assets/scss/scss/main.scss_38b1322b728d0fc31bc0aabb683ebc6d.json new file mode 100644 index 0000000..2d53df9 --- /dev/null +++ b/resources/_gen/assets/scss/scss/main.scss_38b1322b728d0fc31bc0aabb683ebc6d.json @@ -0,0 +1 @@ +{"Target":"main.72ab93b9f6569958b0308808d142cf55115fec040ae5debc6d5fa8513724b1e5.css","MediaType":"text/css","Data":{"Integrity":"sha256-cquTufZWmViwMIgI0ULPVRFf7AQK5d68bV+oUTckseU="}} \ No newline at end of file diff --git a/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.content b/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.content index 52a965b..096f1a8 100644 --- a/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.content +++ b/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.content @@ -1,3 +1,3 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */::-webkit-scrollbar{width:8px;height:8px;background:#212020}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#dcdcdc}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-display:auto;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-display:auto;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-display:auto;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--phoneWidth: (max-width: 684px);--tabletWidth: (max-width: 900px)}@font-face{font-family:'Inter';font-style:normal;font-display:auto;font-weight:400;src:url("../fonts/Inter-Regular.woff2") format("woff2"),url("../fonts/Inter-Regular.woff") format("woff")}@font-face{font-family:'Inter';font-style:italic;font-display:auto;font-weight:400;src:url("../fonts/Inter-Italic.woff2") format("woff2"),url("../fonts/Inter-Italic.woff") format("woff")}@font-face{font-family:'Inter';font-style:normal;font-display:auto;font-weight:600;src:url("../fonts/Inter-Medium.woff2") format("woff2"),url("../fonts/Inter-Medium.woff") format("woff")}@font-face{font-family:'Inter';font-style:italic;font-display:auto;font-weight:600;src:url("../fonts/Inter-MediumItalic.woff2") format("woff2"),url("../fonts/Inter-MediumItalic.woff") format("woff")}@font-face{font-family:'Inter';font-style:normal;font-display:auto;font-weight:800;src:url("../fonts/Inter-Bold.woff2") format("woff2"),url("../fonts/Inter-Bold.woff") format("woff")}@font-face{font-family:'Inter';font-style:italic;font-display:auto;font-weight:800;src:url("../fonts/Inter-BoldItalic.woff2") format("woff2"),url("../fonts/Inter-BoldItalic.woff") format("woff")}.button-container{display:table;margin-left:auto;margin-right:auto}button,.button,a.button{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 18px;margin-bottom:5px;text-decoration:none;text-align:center;font-weight:500;border-radius:8px;border:1px solid transparent;appearance:none;cursor:pointer;outline:none;background:#1b1c1d}@media (prefers-color-scheme: dark){button,.button,a.button{background:#1b1c1d;color:inherit}}@media (prefers-color-scheme: light){button,.button,a.button{background:#1b1c1d}}[data-theme=dark] button,[data-theme=dark] .button,[data-theme=dark] a.button{background:#1b1c1d;color:inherit}[data-theme=light] button,[data-theme=light] .button,[data-theme=light] a.button{background:#1b1c1d}button.outline,.button.outline,a.button.outline{background:transparent;box-shadow:none;padding:8px 18px;border-color:#3b3d42}@media (prefers-color-scheme: dark){button.outline,.button.outline,a.button.outline{border-color:#3b3d42;color:inherit}}@media (prefers-color-scheme: light){button.outline,.button.outline,a.button.outline{border-color:#3b3d42}}[data-theme=dark] button.outline,[data-theme=dark] .button.outline,[data-theme=dark] a.button.outline{border-color:#3b3d42;color:inherit}[data-theme=light] button.outline,[data-theme=light] .button.outline,[data-theme=light] a.button.outline{border-color:#3b3d42}button.outline :hover,.button.outline :hover,a.button.outline :hover{transform:none;box-shadow:none}button.primary,.button.primary,a.button.primary{box-shadow:0 4px 6px rgba(50,50,93,0.11),0 1px 3px rgba(0,0,0,0.08)}button.primary:hover,.button.primary:hover,a.button.primary:hover{box-shadow:0 2px 6px rgba(50,50,93,0.21),0 1px 3px rgba(0,0,0,0.08)}button.link,.button.link,a.button.link{background:none;font-size:1rem}button.small,.button.small,a.button.small{font-size:.8rem}button.wide,.button.wide,a.button.wide{min-width:200px;padding:14px 24px}.code-toolbar{margin-bottom:20px}.code-toolbar .toolbar-item a{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;margin-bottom:5px;text-decoration:none;text-align:center;font-size:13px;font-weight:500;border-radius:8px;border:1px solid transparent;appearance:none;cursor:pointer;outline:none;background:#3b3d42}@media (prefers-color-scheme: dark){.code-toolbar .toolbar-item a{background:#3b3d42;color:inherit}}@media (prefers-color-scheme: light){.code-toolbar .toolbar-item a{background:#3b3d42}}[data-theme=dark] .code-toolbar .toolbar-item a{background:#3b3d42;color:inherit}[data-theme=light] .code-toolbar .toolbar-item a{background:#3b3d42}.header{display:flex;align-items:center;justify-content:center;position:relative;padding:20px;background:#1b1c1d}@media (prefers-color-scheme: dark){.header{background:#1b1c1d}}@media (prefers-color-scheme: light){.header{background:#1b1c1d}}[data-theme=dark] .header{background:#1b1c1d}[data-theme=light] .header{background:#1b1c1d}.header__right{display:flex;flex-direction:row;align-items:center}@media (max-width: 684px){.header__right{flex-direction:row-reverse}}.header__inner{display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:760px;max-width:100%}.theme-toggle{display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer}.theme-toggler{fill:currentColor}.not-selectable{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.logo{display:flex;align-items:center;text-decoration:none;font-weight:bold;font-display:auto;font-family:monospace, monospace}.logo img{height:44px}.logo__mark{margin-right:5px}.logo__text{font-size:1.125rem}.logo__cursor{display:inline-block;width:10px;height:1rem;background:#fe5186;margin-left:5px;border-radius:1px;animation:cursor 1s infinite}@media (prefers-reduced-motion: reduce){.logo__cursor{animation:none}}@keyframes cursor{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.menu{z-index:9999;background:#1b1c1d}@media (prefers-color-scheme: dark){.menu{background:#1b1c1d}}@media (prefers-color-scheme: light){.menu{background:#1b1c1d}}[data-theme=dark] .menu{background:#1b1c1d}[data-theme=light] .menu{background:#1b1c1d}@media (max-width: 684px){.menu{position:absolute;top:50px;right:0;border:none;margin:0;padding:10px}}.menu__inner{display:flex;align-items:center;justify-content:flex-start;max-width:100%;margin:0 auto;padding:0 15px;font-size:1rem;list-style:none}.menu__inner li{margin:0 12px}@media (max-width: 684px){.menu__inner{flex-direction:column;align-items:flex-start;padding:0}.menu__inner li{margin:0;padding:5px}}.menu-trigger{width:24px;height:24px;fill:currentColor;margin-left:10px;cursor:pointer;display:none}@media (max-width: 684px){.menu-trigger{display:block}}.menu a{display:inline-block;margin-right:15px;text-decoration:none}.menu a:hover{text-decoration:underline}.menu a:last-of-type{margin-right:0}.submenu{background:#1b1c1d}@media (prefers-color-scheme: dark){.submenu{background:#1b1c1d}}@media (prefers-color-scheme: light){.submenu{background:#1b1c1d}}[data-theme=dark] .submenu{background:#1b1c1d}[data-theme=light] .submenu{background:#1b1c1d}.submenu ul{list-style-type:none;margin:0;padding:0;overflow:hidden}.submenu li a,.submenu .dropbtn{display:inline-block;text-decoration:none}.submenu li.dropdown{display:inline-block}.submenu .dropdown-content{display:none;position:absolute;background:#1b1c1d}@media (prefers-color-scheme: light){.submenu .dropdown-content{background:#1b1c1d}}[data-theme=dark] .submenu .dropdown-content{background:#1b1c1d}[data-theme=light] .submenu .dropdown-content{background:#1b1c1d}.submenu .dropdown-content a{padding:12px 20px;text-decoration:none;display:block;text-align:left}.submenu .dropdown-content a:hover{background:#1b1c1d}@media (prefers-color-scheme: light){.submenu .dropdown-content a:hover{background:#1b1c1d}}[data-theme=dark] .submenu .dropdown-content a:hover{background:#1b1c1d}[data-theme=light] .submenu .dropdown-content a:hover{background:#1b1c1d}.submenu .dropdown:hover .dropdown-content{display:block}html{box-sizing:border-box;line-height:1.6;letter-spacing:0.06em;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;font-family:Inter, -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif;font-display:auto;font-size:1rem;line-height:1.54;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"liga", "tnum", "case", "calt", "zero", "ss01", "locl";-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;display:flex;min-height:100vh;flex-direction:column;background-color:#232425;color:#e6e6e6}@media (max-width: 684px){body{font-size:1rem}}@media (prefers-color-scheme: dark){body{background-color:#232425;color:#e6e6e6}}@media (prefers-color-scheme: light){body{background-color:#232425;color:#e6e6e6}}[data-theme=dark] body{background-color:#232425;color:#e6e6e6}[data-theme=light] body{background-color:#232425;color:#e6e6e6}h2,h3,h4,h5,h6{display:flex;align-items:center;line-height:1.3}h1{font-size:2.625rem;margin-top:1.5em}h2{font-size:1.625rem;margin-top:1.5em}h3{font-size:1.375rem}h4{font-size:1.125rem}@media (max-width: 684px){h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.15rem}h4{font-size:1.125rem}}a{color:inherit}img{display:block;max-width:100%}img.left{margin-right:auto}img.center{margin-left:auto;margin-right:auto}img.right{margin-left:auto}img.circle{border-radius:50%;max-width:25%;margin:auto}figure{display:table;max-width:100%;margin:25px 0}figure.left{margin-right:auto}figure.left-floated{margin-right:auto;float:left}figure.left-floated img{margin:20px 20px 20px 0}figure.center{margin-left:auto;margin-right:auto}figure.right{margin-left:auto}figure.right-floated{margin-left:auto;float:right}figure.right-floated img{margin:20px 0 20px 20px}figure.rounded img{border-radius:50%}figure figcaption{font-size:14px;margin-top:5px;opacity:0.8}figure figcaption.left{text-align:left}figure figcaption.center{text-align:center}figure figcaption.right{text-align:right}em,i,strong{color:#fff}@media (prefers-color-scheme: dark){em,i,strong{color:#fff}}@media (prefers-color-scheme: light){em,i,strong{color:#fff}}[data-theme=dark] em,[data-theme=dark] i,[data-theme=dark] strong{color:white}[data-theme=light] em,[data-theme=light] i,[data-theme=light] strong{color:black}code{font-family:Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;font-display:auto;font-feature-settings:normal;padding:1px 6px;margin:0 2px;border-radius:5px;font-size:0.95rem;background:#3b3d42}@media (prefers-color-scheme: dark){code{background:#3b3d42}}@media (prefers-color-scheme: light){code{background:#3b3d42}}[data-theme=dark] code{background:#3b3d42}[data-theme=light] code{background:#3b3d42}pre{padding:10px 10px 10px 20px;border-radius:8px;font-size:0.95rem;overflow:auto}[data-theme=dark] pre{background-color:#3b3d42}[data-theme=light] pre{background-color:#3b3d42}@media (max-width: 684px){pre{white-space:pre-wrap;word-wrap:break-word}}pre code{background:none !important;margin:0;padding:0;font-size:inherit;color:#ccc}@media (prefers-color-scheme: dark){pre code{color:inherit}}@media (prefers-color-scheme: light){pre code{color:#ccc}}[data-theme=dark] pre code{color:inherit}[data-theme=light] pre code{color:#ccc}blockquote{border-left:3px solid #3eb0ef;margin:40px;padding:10px 20px}@media (max-width: 684px){blockquote{margin:10px;padding:10px}}blockquote:before{content:"”";font-family:Georgia, serif;font-display:auto;font-size:3.875rem;position:absolute;left:-40px;top:-20px}blockquote p:first-of-type{margin-top:0}blockquote p:last-of-type{margin-bottom:0}ul,ol{margin-left:40px;padding:0}@media (max-width: 684px){ul,ol{margin-left:20px}}ol ol{list-style-type:lower-alpha}.container{flex:1 auto;display:flex;flex-direction:column;justify-content:center;text-align:center}.content{display:flex;flex-direction:column;flex:1 auto;align-items:center;justify-content:center;margin:0}@media (max-width: 684px){.content{margin-top:0}}hr{width:100%;border:none;height:1px;background:#4e4e57}@media (prefers-color-scheme: dark){hr{background:#4e4e57}}@media (prefers-color-scheme: light){hr{background:#4e4e57}}[data-theme=dark] hr{background:#4e4e57}[data-theme=light] hr{background:#4e4e57}.hidden{display:none}@media (max-width: 684px){.hide-on-phone{display:none}}@media (max-width: 900px){.hide-on-tablet{display:none}}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;clip-path:none;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;width:auto;top:5px;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;z-index:100000}.background-image{background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center center}.highlight{margin:30px auto}.posts{width:100%;max-width:800px;text-align:left;padding:20px;margin:20px auto}@media (max-width: 900px){.posts{max-width:660px}}.posts:not(:last-of-type){border-bottom:1px solid #4e4e57}@media (prefers-color-scheme: dark){.posts:not(:last-of-type){border-bottom:1px solid #4e4e57}}@media (prefers-color-scheme: light){.posts:not(:last-of-type){border-bottom:1px solid #4e4e57}}[data-theme=dark] .posts:not(:last-of-type){border-bottom:1px solid #4e4e57}[data-theme=light] .posts:not(:last-of-type){border-bottom:1px solid #4e4e57}.posts-group{display:flex;margin-bottom:1.9em;line-height:normal}@media (max-width: 900px){.posts-group{display:block}}.posts-list{flex-grow:1;margin:0;padding:0;list-style:none}.posts .post-title{font-size:1rem;margin:10px 0 5px 0}.posts .post-metadata{font-size:0.9rem;margin:5px}.posts .post-year{padding-top:6px;margin-right:1.8em;font-size:1.6em;opacity:.6}@media (max-width: 900px){.posts .post-year{margin:-6px 0 4px}}.posts .post-item{border-bottom:1px grey solid}.posts .post-item a{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;text-decoration:none}.posts .post-item a:hover{color:#D092FC}.posts .post-day{flex-shrink:0;margin-left:1em;opacity:.6}.post{width:100%;max-width:800px;text-align:left;padding:20px;margin:20px auto}@media (max-width: 900px){.post{max-width:600px}}.post-date:after{content:'—'}.post-title{font-size:2.625rem;margin:0 0 20px}@media (max-width: 684px){.post-title{font-size:2rem}}.post-title a{text-decoration:none}.post-tags{display:block;margin-bottom:20px;font-size:1rem;opacity:0.5}.post-tags a{text-decoration:none}.post-content{margin-top:30px}.post-cover{border-radius:8px;margin:40px -50px;width:860px;max-width:860px;overflow:hidden}@media (max-width: 900px){.post-cover{margin:20px 0;width:100%}}.post-excerpt{color:grey;font-style:italic}.post-info{margin-top:30px;font-size:0.8rem;line-height:normal;opacity:.6}.post-info p{margin:0.8em 0}.post-info a:hover{border-bottom:1px solid white}.post-info svg{margin-right:0.8em}.post-info .tag{margin-right:0.5em}.post-info .tag::before{content:"#"}.post-info .feather{display:inline-block;vertical-align:-.125em;width:1em;height:1em}.post-audio{display:flex;justify-content:center;align-items:center;padding-top:20px}.post-audio audio{width:90%}.post .flag{border-radius:50%;margin:0 5px}.pagination{margin-top:20px}.pagination__title{display:flex;text-align:center;position:relative;margin:20px 0}.pagination__title-h{text-align:center;margin:0 auto;padding:5px 10px;font-size:0.8rem;text-transform:uppercase;text-decoration:none;letter-spacing:0.1em;z-index:1;background:#232425;color:#b3b3bd}@media (prefers-color-scheme: dark){.pagination__title-h{background:#232425;color:#b3b3bd}}@media (prefers-color-scheme: light){.pagination__title-h{background:#232425;color:#b3b3bd}}[data-theme=dark] .pagination__title-h{background:#232425;color:#b3b3bd}[data-theme=light] .pagination__title-h{background:#232425;color:#b3b3bd}.pagination__title hr{position:absolute;left:0;right:0;width:100%;margin-top:15px;z-index:0}.pagination__buttons{display:flex;align-items:center;justify-content:center}.pagination__buttons a{text-decoration:none;font-weight:bold}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;border-radius:8px;max-width:40%;padding:0;cursor:pointer;appearance:none;background:#3b3d42}@media (prefers-color-scheme: dark){.button{background:#3b3d42}}@media (prefers-color-scheme: light){.button{background:#3b3d42}}[data-theme=dark] .button{background:#3b3d42}[data-theme=light] .button{background:#3b3d42}.button+.button{margin-left:10px}.button a{display:flex;padding:8px 16px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button.next .button__icon{margin-left:8px}.button.previous .button__icon{margin-right:8px}.footer{padding:40px 20px;flex-grow:0;color:#b3b3bd}.footer__inner{display:flex;align-items:center;justify-content:center;margin:0 auto;width:760px;max-width:100%}@media (max-width: 900px){.footer__inner{flex-direction:column}}.footer__content{display:flex;flex-direction:row;align-items:center;font-size:1rem;color:#b3b3bd}@media (max-width: 900px){.footer__content{flex-direction:column;margin-top:10px}}.footer__content>*:not(:last-child)::after{content:"•";padding:0 5px}@media (max-width: 900px){.footer__content>*:not(:last-child)::after{content:"";padding:0}}.footer__content>*:last-child{padding:0 0px}@media (max-width: 900px){.footer__content>*:last-child{padding:0}}.sharing-buttons{display:flex;flex-wrap:wrap;justify-content:space-between}.sharing-buttons .resp-sharing-button__icon,.sharing-buttons .resp-sharing-button__link{display:inline-block}.sharing-buttons .resp-sharing-button__link{text-decoration:none;margin:0.5em}.sharing-buttons .resp-sharing-button{border-radius:5px;transition:25ms ease-out;padding:0.5em 0.75em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.sharing-buttons .resp-sharing-button__icon svg{width:1em;height:1em;margin-right:0.4em;vertical-align:top}.sharing-buttons .resp-sharing-button--small svg{margin:0;vertical-align:middle}.post-content table{border-collapse:collapse;margin:25px auto;font-size:0.9em;min-width:400px;max-width:100%}.post-content table th,.post-content table td{padding:12px 15px;border:1px solid #4e4e57}@media (prefers-color-scheme: dark){.post-content table th,.post-content table td{border:1px solid #4e4e57}}@media (prefers-color-scheme: light){.post-content table th,.post-content table td{border:1px solid #4e4e57}}[data-theme=dark] .post-content table th,[data-theme=dark] .post-content table td{border:1px solid #4e4e57}[data-theme=light] .post-content table th,[data-theme=light] .post-content table td{border:1px solid #4e4e57}.post-content table thead tr{text-align:left;background-color:#4e4e57;color:#e6e6e6}@media (prefers-color-scheme: dark){.post-content table thead tr{background-color:#4e4e57;color:#e6e6e6}}@media (prefers-color-scheme: light){.post-content table thead tr{background-color:#4e4e57;color:#e6e6e6}}[data-theme=dark] .post-content table thead tr{background-color:#4e4e57;color:#e6e6e6}[data-theme=light] .post-content table thead tr{background-color:#4e4e57;color:#e6e6e6}.post-content table tbody tr{border:1px solid #4e4e57}@media (prefers-color-scheme: dark){.post-content table tbody tr{border:1px solid #4e4e57}}@media (prefers-color-scheme: light){.post-content table tbody tr{border:1px solid #4e4e57}}[data-theme=dark] .post-content table tbody tr{border:1px solid #4e4e57}[data-theme=light] .post-content table tbody tr{border:1px solid #4e4e57}.btn-404 svg{vertical-align:middle;display:inline-block;margin-right:5px}.btn-404 a{margin:0 10px}.small-icon{display:inline-block;height:1.15rem;width:1.15rem;bottom:0.35rem;position:relative;margin-right:15px}.text-icon{display:inline-block;height:1.15rem;width:1.15rem;top:0.15rem;position:relative;margin-right:5px}.big-icon{display:inline-block;height:2.15rem;width:2.15rem;top:0.15rem;position:relative;margin-right:15px}.main-container{display:block;justify-content:center;width:90%;max-width:1000px;margin:40px;background-color:#1b1c1d;border:1px solid #A337F0;border-radius:5px}.main-container b{color:white}.title h1{color:#D092FC;font-weight:bold;font-size:45px;text-align:center;margin:0.67em 30px}.main-container li{font-size:14px !important}.title hr{width:80%}.main-container h2,p,li{color:#dadada}.main-container li{margin-bottom:10px}.main-container h2{text-align:left;font-size:25px;color:#ffffff;margin-top:30px;margin-bottom:5px}.main-container p,li{text-align:left;font-size:14px}.main-container a{text-align:left;font-weight:bold;font-style:italic;font-size:14px;color:white}.i-button{text-decoration:none;display:flex;justify-content:center;width:150px;border:1px solid #A337F0;padding:7px 10px 7px 10px}.i-button:hover{opacity:0.75;cursor:pointer;border:1px solid #D092FC;background-color:#D092FC}.left{display:inline-block;float:left;margin-left:30px;margin-bottom:30px;width:45%}.right{display:inline-block;float:right;margin-right:30px;margin-bottom:30px;width:45%}.i-blog a{color:#D092FC;text-decoration:none;font-style:normal;font-weight:normal}.i-blog li{margin-bottom:1px}.i-blog a:hover{font-style:italic;color:#ffffff}.i-big-icon{display:inline-block;height:1.8rem;width:1.8rem;position:relative;margin-right:15px}.i-small-icon{display:inline-block;height:25px;width:25px;top:3px;position:relative;margin-right:10px}.i-logo{display:inline;height:50px;width:50px;top:3px;position:relative;margin-right:10px}.i-main:after{content:"";clear:both;display:block}.end-ring{text-align:center;margin:0 20px 30px}.end-ring a{text-decoration:none}.end-ring img{width:130px;height:40px;margin-top:10px;margin-right:10px;display:inline-block}.end-ring hr{width:80%}@media only screen and (max-width: 768px){.left{width:90%;margin-left:20px;margin-bottom:0;margin-right:20px;display:inline-block}.right{float:left;width:90%;margin-left:20px;margin-right:20px;display:inline-block}}.taglist{display:block;justify-content:center;width:80%;max-width:800px;margin-bottom:40px;border:1px solid #A337F0;border-radius:5px;padding-bottom:10px}.tag-title h1{color:#D092FC;font-weight:bold;text-align:center;font-size:30px;margin:10px 30px 0}.tag-content{text-align:center;margin:20px}.tag-title hr{width:85%}.listed-tag a{text-decoration:none}.listed-tag a:hover{color:#D092FC}.listed-tag:not(:last-child)::after{content:"•";padding:1px}.donation{text-align:center;justify-content:center;align-items:center;width:80%;max-width:800px;border:1px solid #A337F0;border-radius:15px;padding:10px 20px;margin-bottom:20px;margin-left:10%;display:flex}.donation-icon{display:inline-block;width:8%;max-width:40px;margin-right:10px;margin-top:5px}.donation a{text-decoration:none;display:block;font-size:13px;color:#ffffff;max-width:85%;overflow-wrap:break-word}.donation a:hover{color:#D092FC}@media only screen and (max-width: 550px){.donation-icon{width:40%}.donation a{width:75%}}.post-box{display:block;justify-content:center;width:100%;max-width:1000px;margin:40px 0 0;border:1px solid #A337F0;border-radius:15px;padding:35px 35px 20px}.post-box-title{height:70px;vertical-align:middle;list-style:none}.post-box-title::-webkit-details-marker{display:none}.post-box-title h2{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle;font-size:35px}.post-box hr{margin-bottom:30px}.post-box-title:hover{color:#D092FC}.post-box-title img{display:inline-block;width:50px;margin-right:10px;vertical-align:top}.post-box-title p{float:right;margin-top:10px}.content li{font-size:16px}@media only screen and (max-width: 900px){.post-box-title{height:auto;text-align:center;justify-content:center}.post-box-title p{float:none;clear:both;margin-top:20px}.post-box hr{width:0}} +/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */::-webkit-scrollbar{width:8px;height:8px;background:#212020}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#dcdcdc}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-display:auto;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-display:auto;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-display:auto;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}:root{--phoneWidth: (max-width: 684px);--tabletWidth: (max-width: 900px)}@font-face{font-family:'Inter';font-style:normal;font-display:auto;font-weight:400;src:url("../fonts/Inter-Regular.woff2") format("woff2"),url("../fonts/Inter-Regular.woff") format("woff")}@font-face{font-family:'Inter';font-style:italic;font-display:auto;font-weight:400;src:url("../fonts/Inter-Italic.woff2") format("woff2"),url("../fonts/Inter-Italic.woff") format("woff")}@font-face{font-family:'Inter';font-style:normal;font-display:auto;font-weight:600;src:url("../fonts/Inter-Medium.woff2") format("woff2"),url("../fonts/Inter-Medium.woff") format("woff")}@font-face{font-family:'Inter';font-style:italic;font-display:auto;font-weight:600;src:url("../fonts/Inter-MediumItalic.woff2") format("woff2"),url("../fonts/Inter-MediumItalic.woff") format("woff")}@font-face{font-family:'Inter';font-style:normal;font-display:auto;font-weight:800;src:url("../fonts/Inter-Bold.woff2") format("woff2"),url("../fonts/Inter-Bold.woff") format("woff")}@font-face{font-family:'Inter';font-style:italic;font-display:auto;font-weight:800;src:url("../fonts/Inter-BoldItalic.woff2") format("woff2"),url("../fonts/Inter-BoldItalic.woff") format("woff")}.button-container{display:table;margin-left:auto;margin-right:auto}button,.button,a.button{position:relative;display:flex;align-items:center;justify-content:center;padding:8px 18px;margin-bottom:5px;text-decoration:none;text-align:center;font-weight:500;border-radius:8px;border:1px solid transparent;appearance:none;cursor:pointer;outline:none;background:#1b1c1d}@media (prefers-color-scheme: dark){button,.button,a.button{background:#1b1c1d;color:inherit}}@media (prefers-color-scheme: light){button,.button,a.button{background:#1b1c1d}}[data-theme=dark] button,[data-theme=dark] .button,[data-theme=dark] a.button{background:#1b1c1d;color:inherit}[data-theme=light] button,[data-theme=light] .button,[data-theme=light] a.button{background:#1b1c1d}button.outline,.button.outline,a.button.outline{background:transparent;box-shadow:none;padding:8px 18px;border-color:#3b3d42}@media (prefers-color-scheme: dark){button.outline,.button.outline,a.button.outline{border-color:#3b3d42;color:inherit}}@media (prefers-color-scheme: light){button.outline,.button.outline,a.button.outline{border-color:#3b3d42}}[data-theme=dark] button.outline,[data-theme=dark] .button.outline,[data-theme=dark] a.button.outline{border-color:#3b3d42;color:inherit}[data-theme=light] button.outline,[data-theme=light] .button.outline,[data-theme=light] a.button.outline{border-color:#3b3d42}button.outline :hover,.button.outline :hover,a.button.outline :hover{transform:none;box-shadow:none}button.primary,.button.primary,a.button.primary{box-shadow:0 4px 6px rgba(50,50,93,0.11),0 1px 3px rgba(0,0,0,0.08)}button.primary:hover,.button.primary:hover,a.button.primary:hover{box-shadow:0 2px 6px rgba(50,50,93,0.21),0 1px 3px rgba(0,0,0,0.08)}button.link,.button.link,a.button.link{background:none;font-size:1rem}button.small,.button.small,a.button.small{font-size:.8rem}button.wide,.button.wide,a.button.wide{min-width:200px;padding:14px 24px}.code-toolbar{margin-bottom:20px}.code-toolbar .toolbar-item a{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:3px 8px;margin-bottom:5px;text-decoration:none;text-align:center;font-size:13px;font-weight:500;border-radius:8px;border:1px solid transparent;appearance:none;cursor:pointer;outline:none;background:#3b3d42}@media (prefers-color-scheme: dark){.code-toolbar .toolbar-item a{background:#3b3d42;color:inherit}}@media (prefers-color-scheme: light){.code-toolbar .toolbar-item a{background:#3b3d42}}[data-theme=dark] .code-toolbar .toolbar-item a{background:#3b3d42;color:inherit}[data-theme=light] .code-toolbar .toolbar-item a{background:#3b3d42}.header{display:flex;align-items:center;justify-content:center;position:relative;padding:20px;background:#1b1c1d}@media (prefers-color-scheme: dark){.header{background:#1b1c1d}}@media (prefers-color-scheme: light){.header{background:#1b1c1d}}[data-theme=dark] .header{background:#1b1c1d}[data-theme=light] .header{background:#1b1c1d}.header__right{display:flex;flex-direction:row;align-items:center}@media (max-width: 684px){.header__right{flex-direction:row-reverse}}.header__inner{display:flex;align-items:center;justify-content:space-between;margin:0 auto;width:760px;max-width:100%}.theme-toggle{display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer}.theme-toggler{fill:currentColor}.not-selectable{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.logo{display:flex;align-items:center;text-decoration:none;font-weight:bold;font-display:auto;font-family:monospace, monospace}.logo img{height:44px}.logo__mark{margin-right:5px}.logo__text{font-size:1.125rem}.logo__cursor{display:inline-block;width:10px;height:1rem;background:#fe5186;margin-left:5px;border-radius:1px;animation:cursor 1s infinite}@media (prefers-reduced-motion: reduce){.logo__cursor{animation:none}}@keyframes cursor{0%{opacity:0}50%{opacity:1}100%{opacity:0}}.menu{z-index:9999;background:#1b1c1d}@media (prefers-color-scheme: dark){.menu{background:#1b1c1d}}@media (prefers-color-scheme: light){.menu{background:#1b1c1d}}[data-theme=dark] .menu{background:#1b1c1d}[data-theme=light] .menu{background:#1b1c1d}@media (max-width: 684px){.menu{position:absolute;top:50px;right:0;border:none;margin:0;padding:10px}}.menu__inner{display:flex;align-items:center;justify-content:flex-start;max-width:100%;margin:0 auto;padding:0 15px;font-size:1rem;list-style:none}.menu__inner li{margin:0 12px}@media (max-width: 684px){.menu__inner{flex-direction:column;align-items:flex-start;padding:0}.menu__inner li{margin:0;padding:5px}}.menu-trigger{width:24px;height:24px;fill:currentColor;margin-left:10px;cursor:pointer;display:none}@media (max-width: 684px){.menu-trigger{display:block}}.menu a{display:inline-block;margin-right:15px;text-decoration:none}.menu a:hover{text-decoration:underline}.menu a:last-of-type{margin-right:0}.submenu{background:#1b1c1d}@media (prefers-color-scheme: dark){.submenu{background:#1b1c1d}}@media (prefers-color-scheme: light){.submenu{background:#1b1c1d}}[data-theme=dark] .submenu{background:#1b1c1d}[data-theme=light] .submenu{background:#1b1c1d}.submenu ul{list-style-type:none;margin:0;padding:0;overflow:hidden}.submenu li a,.submenu .dropbtn{display:inline-block;text-decoration:none}.submenu li.dropdown{display:inline-block}.submenu .dropdown-content{display:none;position:absolute;background:#1b1c1d}@media (prefers-color-scheme: light){.submenu .dropdown-content{background:#1b1c1d}}[data-theme=dark] .submenu .dropdown-content{background:#1b1c1d}[data-theme=light] .submenu .dropdown-content{background:#1b1c1d}.submenu .dropdown-content a{padding:12px 20px;text-decoration:none;display:block;text-align:left}.submenu .dropdown-content a:hover{background:#1b1c1d}@media (prefers-color-scheme: light){.submenu .dropdown-content a:hover{background:#1b1c1d}}[data-theme=dark] .submenu .dropdown-content a:hover{background:#1b1c1d}[data-theme=light] .submenu .dropdown-content a:hover{background:#1b1c1d}.submenu .dropdown:hover .dropdown-content{display:block}html{box-sizing:border-box;line-height:1.6;letter-spacing:0.06em;scroll-behavior:smooth}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;font-family:Inter, -apple-system, BlinkMacSystemFont, "Roboto", "Segoe UI", Helvetica, Arial, sans-serif;font-display:auto;font-size:1rem;line-height:1.54;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"liga", "tnum", "case", "calt", "zero", "ss01", "locl";-webkit-overflow-scrolling:touch;-webkit-text-size-adjust:100%;display:flex;min-height:100vh;flex-direction:column;background-color:#232425;color:#e6e6e6}@media (max-width: 684px){body{font-size:1rem}}@media (prefers-color-scheme: dark){body{background-color:#232425;color:#e6e6e6}}@media (prefers-color-scheme: light){body{background-color:#232425;color:#e6e6e6}}[data-theme=dark] body{background-color:#232425;color:#e6e6e6}[data-theme=light] body{background-color:#232425;color:#e6e6e6}h2,h3,h4,h5,h6{display:flex;align-items:center;line-height:1.3}h1{font-size:2.625rem;margin-top:1.5em}h2{font-size:1.625rem;margin-top:1.5em}h3{font-size:1.375rem}h4{font-size:1.125rem}@media (max-width: 684px){h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.15rem}h4{font-size:1.125rem}}a{color:inherit}img{display:block;max-width:100%}img.left{margin-right:auto}img.center{margin-left:auto;margin-right:auto}img.right{margin-left:auto}img.circle{border-radius:50%;max-width:25%;margin:auto}figure{display:table;max-width:100%;margin:25px 0}figure.left{margin-right:auto}figure.left-floated{margin-right:auto;float:left}figure.left-floated img{margin:20px 20px 20px 0}figure.center{margin-left:auto;margin-right:auto}figure.right{margin-left:auto}figure.right-floated{margin-left:auto;float:right}figure.right-floated img{margin:20px 0 20px 20px}figure.rounded img{border-radius:50%}figure figcaption{font-size:14px;margin-top:5px;opacity:0.8}figure figcaption.left{text-align:left}figure figcaption.center{text-align:center}figure figcaption.right{text-align:right}em,i,strong{color:#fff}@media (prefers-color-scheme: dark){em,i,strong{color:#fff}}@media (prefers-color-scheme: light){em,i,strong{color:#fff}}[data-theme=dark] em,[data-theme=dark] i,[data-theme=dark] strong{color:white}[data-theme=light] em,[data-theme=light] i,[data-theme=light] strong{color:black}code{font-family:Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;font-display:auto;font-feature-settings:normal;padding:1px 6px;margin:0 2px;border-radius:5px;font-size:0.95rem;background:#3b3d42}@media (prefers-color-scheme: dark){code{background:#3b3d42}}@media (prefers-color-scheme: light){code{background:#3b3d42}}[data-theme=dark] code{background:#3b3d42}[data-theme=light] code{background:#3b3d42}pre{padding:10px 10px 10px 20px;border-radius:8px;font-size:0.95rem;overflow:auto}[data-theme=dark] pre{background-color:#3b3d42}[data-theme=light] pre{background-color:#3b3d42}@media (max-width: 684px){pre{white-space:pre-wrap;word-wrap:break-word}}pre code{background:none !important;margin:0;padding:0;font-size:inherit;color:#ccc}@media (prefers-color-scheme: dark){pre code{color:inherit}}@media (prefers-color-scheme: light){pre code{color:#ccc}}[data-theme=dark] pre code{color:inherit}[data-theme=light] pre code{color:#ccc}blockquote{border-left:3px solid #3eb0ef;margin:40px;padding:10px 20px}@media (max-width: 684px){blockquote{margin:10px;padding:10px}}blockquote:before{content:"”";font-family:Georgia, serif;font-display:auto;font-size:3.875rem;position:absolute;left:-40px;top:-20px}blockquote p:first-of-type{margin-top:0}blockquote p:last-of-type{margin-bottom:0}ul,ol{margin-left:40px;padding:0}@media (max-width: 684px){ul,ol{margin-left:20px}}ol ol{list-style-type:lower-alpha}.container{flex:1 auto;display:flex;flex-direction:column;justify-content:center;text-align:center}.content{display:flex;flex-direction:column;flex:1 auto;align-items:center;justify-content:center;margin:0}@media (max-width: 684px){.content{margin-top:0}}hr{width:100%;border:none;height:1px;background:#4e4e57}@media (prefers-color-scheme: dark){hr{background:#4e4e57}}@media (prefers-color-scheme: light){hr{background:#4e4e57}}[data-theme=dark] hr{background:#4e4e57}[data-theme=light] hr{background:#4e4e57}.hidden{display:none}@media (max-width: 684px){.hide-on-phone{display:none}}@media (max-width: 900px){.hide-on-tablet{display:none}}.screen-reader-text{border:0;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute !important;width:1px;word-wrap:normal !important}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,0.6);clip:auto !important;clip-path:none;color:#21759b;display:block;font-size:14px;font-size:0.875rem;font-weight:bold;height:auto;width:auto;top:5px;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;z-index:100000}.background-image{background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:center center}.highlight{margin:30px auto}.posts{width:100%;max-width:800px;text-align:left;padding:20px;margin:20px auto}@media (max-width: 900px){.posts{max-width:660px}}.posts:not(:last-of-type){border-bottom:1px solid #4e4e57}@media (prefers-color-scheme: dark){.posts:not(:last-of-type){border-bottom:1px solid #4e4e57}}@media (prefers-color-scheme: light){.posts:not(:last-of-type){border-bottom:1px solid #4e4e57}}[data-theme=dark] .posts:not(:last-of-type){border-bottom:1px solid #4e4e57}[data-theme=light] .posts:not(:last-of-type){border-bottom:1px solid #4e4e57}.posts-group{display:flex;margin-bottom:1.9em;line-height:normal}@media (max-width: 900px){.posts-group{display:block}}.posts-list{flex-grow:1;margin:0;padding:0;list-style:none}.posts .post-title{font-size:1rem;margin:10px 0 5px 0}.posts .post-metadata{font-size:0.9rem;margin:5px}.posts .post-year{padding-top:6px;margin-right:1.8em;font-size:1.6em;opacity:.6}@media (max-width: 900px){.posts .post-year{margin:-6px 0 4px}}.posts .post-item{border-bottom:1px grey solid}.posts .post-item a{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;text-decoration:none}.posts .post-item a:hover{color:#D092FC}.posts .post-day{flex-shrink:0;margin-left:1em;opacity:.6}.post{width:100%;max-width:800px;text-align:left;padding:20px;margin:20px auto}@media (max-width: 900px){.post{max-width:600px}}.post-date:after{content:'—'}.post-title{font-size:2.625rem;margin:0 0 20px}@media (max-width: 684px){.post-title{font-size:2rem}}.post-title a{text-decoration:none}.post-tags{display:block;margin-bottom:20px;font-size:1rem;opacity:0.5}.post-tags a{text-decoration:none}.post-content{margin-top:30px}.post-cover{border-radius:8px;margin:40px -50px;width:860px;max-width:860px;overflow:hidden}@media (max-width: 900px){.post-cover{margin:20px 0;width:100%}}.post-excerpt{color:grey;font-style:italic}.post-info{margin-top:30px;font-size:0.8rem;line-height:normal;opacity:.6}.post-info p{margin:0.8em 0}.post-info a:hover{border-bottom:1px solid white}.post-info svg{margin-right:0.8em}.post-info .tag{margin-right:0.5em}.post-info .tag::before{content:"#"}.post-info .feather{display:inline-block;vertical-align:-.125em;width:1em;height:1em}.post-audio{display:flex;justify-content:center;align-items:center;padding-top:20px}.post-audio audio{width:90%}.post .flag{border-radius:50%;margin:0 5px}.pagination{margin-top:20px}.pagination__title{display:flex;text-align:center;position:relative;margin:20px 0}.pagination__title-h{text-align:center;margin:0 auto;padding:5px 10px;font-size:0.8rem;text-transform:uppercase;text-decoration:none;letter-spacing:0.1em;z-index:1;background:#232425;color:#b3b3bd}@media (prefers-color-scheme: dark){.pagination__title-h{background:#232425;color:#b3b3bd}}@media (prefers-color-scheme: light){.pagination__title-h{background:#232425;color:#b3b3bd}}[data-theme=dark] .pagination__title-h{background:#232425;color:#b3b3bd}[data-theme=light] .pagination__title-h{background:#232425;color:#b3b3bd}.pagination__title hr{position:absolute;left:0;right:0;width:100%;margin-top:15px;z-index:0}.pagination__buttons{display:flex;align-items:center;justify-content:center}.pagination__buttons a{text-decoration:none;font-weight:bold}.button{position:relative;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;border-radius:8px;max-width:40%;padding:0;cursor:pointer;appearance:none;background:#3b3d42}@media (prefers-color-scheme: dark){.button{background:#3b3d42}}@media (prefers-color-scheme: light){.button{background:#3b3d42}}[data-theme=dark] .button{background:#3b3d42}[data-theme=light] .button{background:#3b3d42}.button+.button{margin-left:10px}.button a{display:flex;padding:8px 16px;text-decoration:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.button.next .button__icon{margin-left:8px}.button.previous .button__icon{margin-right:8px}.footer{padding:40px 20px;flex-grow:0;color:#b3b3bd}.footer__inner{display:flex;align-items:center;justify-content:center;margin:0 auto;width:760px;max-width:100%}@media (max-width: 900px){.footer__inner{flex-direction:column}}.footer__content{display:flex;flex-direction:row;align-items:center;font-size:1rem;color:#b3b3bd}@media (max-width: 900px){.footer__content{flex-direction:column;margin-top:10px}}.footer__content>*:not(:last-child)::after{content:"•";padding:0 5px}@media (max-width: 900px){.footer__content>*:not(:last-child)::after{content:"";padding:0}}.footer__content>*:last-child{padding:0 0px}@media (max-width: 900px){.footer__content>*:last-child{padding:0}}.sharing-buttons{display:flex;flex-wrap:wrap;justify-content:space-between}.sharing-buttons .resp-sharing-button__icon,.sharing-buttons .resp-sharing-button__link{display:inline-block}.sharing-buttons .resp-sharing-button__link{text-decoration:none;margin:0.5em}.sharing-buttons .resp-sharing-button{border-radius:5px;transition:25ms ease-out;padding:0.5em 0.75em;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}.sharing-buttons .resp-sharing-button__icon svg{width:1em;height:1em;margin-right:0.4em;vertical-align:top}.sharing-buttons .resp-sharing-button--small svg{margin:0;vertical-align:middle}.post-content table{border-collapse:collapse;margin:25px auto;font-size:0.9em;min-width:400px;max-width:100%}.post-content table th,.post-content table td{padding:12px 15px;border:1px solid #4e4e57}@media (prefers-color-scheme: dark){.post-content table th,.post-content table td{border:1px solid #4e4e57}}@media (prefers-color-scheme: light){.post-content table th,.post-content table td{border:1px solid #4e4e57}}[data-theme=dark] .post-content table th,[data-theme=dark] .post-content table td{border:1px solid #4e4e57}[data-theme=light] .post-content table th,[data-theme=light] .post-content table td{border:1px solid #4e4e57}.post-content table thead tr{text-align:left;background-color:#4e4e57;color:#e6e6e6}@media (prefers-color-scheme: dark){.post-content table thead tr{background-color:#4e4e57;color:#e6e6e6}}@media (prefers-color-scheme: light){.post-content table thead tr{background-color:#4e4e57;color:#e6e6e6}}[data-theme=dark] .post-content table thead tr{background-color:#4e4e57;color:#e6e6e6}[data-theme=light] .post-content table thead tr{background-color:#4e4e57;color:#e6e6e6}.post-content table tbody tr{border:1px solid #4e4e57}@media (prefers-color-scheme: dark){.post-content table tbody tr{border:1px solid #4e4e57}}@media (prefers-color-scheme: light){.post-content table tbody tr{border:1px solid #4e4e57}}[data-theme=dark] .post-content table tbody tr{border:1px solid #4e4e57}[data-theme=light] .post-content table tbody tr{border:1px solid #4e4e57}.btn-404 svg{vertical-align:middle;display:inline-block;margin-right:5px}.btn-404 a{margin:0 10px}.small-icon{display:inline-block;height:1.15rem;width:1.15rem;bottom:0.35rem;position:relative;margin-right:15px}.text-icon{display:inline-block;height:1.15rem;width:1.15rem;top:0.15rem;position:relative;margin-right:5px}.big-icon{display:inline-block;height:2.15rem;width:2.15rem;top:0.15rem;position:relative;margin-right:15px}.main-container{display:block;justify-content:center;width:90%;max-width:1000px;margin:40px;background-color:#1b1c1d;border:1px solid #A337F0;border-radius:5px}.main-container b{color:white}.title h1{color:#D092FC;font-weight:bold;font-size:45px;text-align:center;margin:0.67em 30px}.main-container li{font-size:14px !important}.title hr{width:80%}.main-container h2,p,li{color:#dadada}.main-container li{margin-bottom:10px}.main-container h2{text-align:left;font-size:25px;color:#ffffff;margin-top:30px;margin-bottom:5px}.main-container p,li{text-align:left;font-size:14px}.main-container a{text-align:left;font-weight:bold;font-style:italic;font-size:14px;color:white}.i-button{text-decoration:none;display:flex;justify-content:center;width:150px;border:1px solid #A337F0;padding:7px 10px 7px 10px}.i-button:hover{opacity:0.75;cursor:pointer;border:1px solid #D092FC;background-color:#D092FC}.left{display:inline-block;float:left;margin-left:30px;margin-bottom:30px;width:45%}.right{display:inline-block;float:right;margin-right:30px;margin-bottom:30px;width:45%}.i-blog a{color:#D092FC;text-decoration:none;font-style:normal;font-weight:normal}.i-blog li{margin-bottom:1px}.i-blog a:hover{font-style:italic;color:#ffffff}.i-big-icon{display:inline-block;height:1.8rem;width:1.8rem;position:relative;margin-right:15px}.i-small-icon{display:inline-block;height:25px;width:25px;top:3px;position:relative;margin-right:10px}.i-logo{display:inline;height:50px;width:50px;top:3px;position:relative;margin-right:10px}.i-main:after{content:"";clear:both;display:block}.end-ring{text-align:center;margin:0 20px 30px}.end-ring a{text-decoration:none}.end-ring img{width:130px;height:40px;margin-top:10px;margin-right:10px;display:inline-block}.end-ring hr{width:80%}@media only screen and (max-width: 768px){.left{width:90%;margin-left:20px;margin-bottom:0;margin-right:20px;display:inline-block}.right{float:left;width:90%;margin-left:20px;margin-right:20px;display:inline-block}}.taglist{display:block;justify-content:center;width:80%;max-width:800px;margin-bottom:40px;border:1px solid #A337F0;border-radius:5px;padding-bottom:10px}.tag-title h1{color:#D092FC;font-weight:bold;text-align:center;font-size:30px;margin:10px 30px 0}.tag-content{text-align:center;margin:20px}.tag-title hr{width:85%}.listed-tag a{text-decoration:none}.listed-tag a:hover{color:#D092FC}.listed-tag:not(:last-child)::after{content:"•";padding:1px}.donation{text-align:center;justify-content:center;align-items:center;width:80%;max-width:800px;border:1px solid #A337F0;border-radius:15px;padding:10px 20px;margin-bottom:20px;margin-left:10%;display:flex}.donation-icon{display:inline-block;width:8%;max-width:40px;margin-right:10px;margin-top:5px}.donation a{text-decoration:none;display:block;font-size:13px;color:#ffffff;max-width:85%;overflow-wrap:break-word}.donation a:hover{color:#D092FC}@media only screen and (max-width: 550px){.donation-icon{width:40%}.donation a{width:75%}}.post-box{display:block;justify-content:center;width:100%;max-width:1000px;margin:40px 0 0;border:1px solid #A337F0;border-radius:15px;padding:35px 35px 20px}.post-box-title{height:60px;vertical-align:middle;list-style:none}.post-box-title::-webkit-details-marker{display:none}.post-box-title h2{display:inline-block;margin-top:0;margin-bottom:0;vertical-align:middle;font-size:35px}.post-box hr{margin-bottom:30px}.post-box-title:hover{color:#D092FC}.post-box-title img{display:inline-block;width:50px;margin-right:10px;vertical-align:top}.post-box-title p{float:right;margin-top:10px}.content li{font-size:16px}@media only screen and (max-width: 900px){.post-box-title{height:auto;text-align:center;justify-content:center}.post-box-title p{float:none;clear:both;margin-top:20px}.post-box hr{width:0}} /*# sourceMappingURL=main.css.map */ \ No newline at end of file diff --git a/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.json b/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.json index ea6361d..8de111a 100644 --- a/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.json +++ b/resources/_gen/assets/scss/scss/main.scss_de1a7f5f1c8c46959803c429bb697ff0.json @@ -1 +1 @@ -{"Target":"main.3075f3d805485090762fd16fd41617deec7080bf035b35bb684930dc81b6e8fc.css","MediaType":"text/css","Data":{"Integrity":"sha256-MHXz2AVIUJB2L9Fv1BYX3uxwgL8DWzW7aEkw3IG26Pw="}} \ No newline at end of file +{"Target":"main.5e4543948673630a9bf38b7afdab1a861eab47d7cd7e175f9b2ef542a6168a86.css","MediaType":"text/css","Data":{"Integrity":"sha256-XkVDlIZzYwqb84t6/asahh6rR9fNfhdfmy71QqYWioY="}} \ No newline at end of file diff --git a/static/icons/warn.svg b/static/icons/warn.svg new file mode 100644 index 0000000..6d6b1f1 --- /dev/null +++ b/static/icons/warn.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/static/images/whoogle-interface.webp b/static/images/whoogle-interface.webp new file mode 100644 index 0000000..ec0f467 Binary files /dev/null and b/static/images/whoogle-interface.webp differ diff --git a/static/logos/whoogle.webp b/static/logos/whoogle.webp new file mode 100644 index 0000000..f6cf253 Binary files /dev/null and b/static/logos/whoogle.webp differ diff --git a/static/webring/femboy.png b/static/webring/femboy.png new file mode 100644 index 0000000..2ea91e3 Binary files /dev/null and b/static/webring/femboy.png differ diff --git a/static/webring/paranoid.gif b/static/webring/paranoid.gif deleted file mode 100644 index b692d1a..0000000 Binary files a/static/webring/paranoid.gif and /dev/null differ diff --git a/themes/hello-friend-ng/archetypes/posts.md b/themes/hello-friend-ng/archetypes/posts.md index c017fcc..9ee58ee 100644 --- a/themes/hello-friend-ng/archetypes/posts.md +++ b/themes/hello-friend-ng/archetypes/posts.md @@ -1,7 +1,7 @@ --- title: "{{ replace .Name "-" " " | title }}" date: {{ .Date }} -showTitle: false +showTitle: true draft: true toc: false images: diff --git a/themes/hello-friend-ng/assets/scss/_index.scss b/themes/hello-friend-ng/assets/scss/_index.scss index e32dabd..b2352b9 100644 --- a/themes/hello-friend-ng/assets/scss/_index.scss +++ b/themes/hello-friend-ng/assets/scss/_index.scss @@ -9,6 +9,35 @@ border-radius: 5px; } +.warning { + text-align: center; + justify-content: center; + align-items: center; + width: 80%; + max-width: 800px; + background-color: #d3a117; + border-radius: 15px; + padding: 10px 0px; + margin-top: 40px; + display: flex; +} + +.warning span{ + float:left; + width: 8%; + max-width: 40px; + margin-right: 30px; + margin-top: 5px; +} + +.warning p { + display: block; + font-size: 14px; + color: #ffffff; + max-width: 85%; + overflow-wrap: break-word; +} + .main-container b { color: white; } @@ -174,4 +203,16 @@ margin-right: 20px; display: inline-block; } + + .warning { + padding: 10px 15px; + width: 90%; + } + + .warning span { + width: 40%; + } + .warning p { + width: 75%; + } } \ No newline at end of file diff --git a/themes/hello-friend-ng/assets/scss/_post.scss b/themes/hello-friend-ng/assets/scss/_post.scss index e5e2d6a..566a716 100644 --- a/themes/hello-friend-ng/assets/scss/_post.scss +++ b/themes/hello-friend-ng/assets/scss/_post.scss @@ -10,7 +10,7 @@ } .post-box-title { - height: 70px; + height: 60px; vertical-align: middle; list-style: none; }