Update theme for logo & CSS

Other changes:
 - Add shortcode for WIP
 - Start moving content
frp-translations
Jae Lo Presti 5 months ago
parent f6e64de572
commit 936d3bee5e
Signed by: jae
SSH Key Fingerprint: SHA256:hmKix/+XG+9GEGHgDdiqXfmB2O7BU4CPVOoQoIYIQ2Y

@ -8,7 +8,7 @@ title: "Index"
Hey there, I'm Jae Lo Presti, I was born in the mountains of Savoy but I'm currently living in Helsinki (Finland).
I mainly do code and sysadmin but i also like to meddle in networking as I operate <span class="in">[AS211696](/as211696)</span>, and, on my free time, I operate a bunch of public services.
I mainly do code and sysadmin but i also like to meddle in networking as I operate <span class="in">[AS211696](/pages/as211696)</span>, and, on my free time, I operate a bunch of public services.
I also happen to write a bunch of software that you can find on the [Blesmrt.net Gitea instance](https://gitea.blesmrt.net/jae).

@ -0,0 +1,28 @@
---
title: "AS211696"
menus: ["main"]
---
# AS211696
This page is for stuff about [AS211696](https://www.peeringdb.com/asn/211696) A.K.A Noiseless Systems. The following prefixes are announced:
- 2001:67c:2724::/48
- 2a0e:8f02:f01f::/48
- 2a12:4946:9900::/40
- 89.46.97.0/24
All prefixes are valid ROA and IRR and are announced using the [BIRD Internet Router Daemon](https://bird.network.cz/).
The <span class="il">2a0e:8f02:f01f::/48</span> prefix is now deprecated and used for the internal infrastructure and was replaced with <span class="il">2001:67c:2724::/48</span> (for public servers & services; for instance this website).
The <span class="il">2a12:4946:9900::/40</span> prefix is used for user tunnels (registrations & requests closed at the moment).
The legacy prefix <span class="il">89.46.97.0/24</span> is rented (and really expensive) and will stop being announced on <span class="il">2024/01/31 12:00:00+03:00</span> due to the cost of and work of maintaining legacy resources. The only worry for this big migration is concerning federating services such as email, Matrix and XMPP where IPv6 support varies widely from server to server.
Contact info is:
- [abuse@as211696.net](mailto:abuse@as211696.net) - Abuse report
- [noc@as211696.net](noc@as211696.net) - NOC
- [@me:jae.fi](matrix:u/me:jae.fi) - Instant Matrix support
- [me@jae.fi](xmpp:me@jae.fi) - Instant XMPP support

@ -1,6 +1,19 @@
---
title: "Help me"
title: "Help me!"
menus: ["main"]
---
# Help me!
**[IF YOU ARE LOOKING FOR THE STATUS PAGE, CLICK HERE!](https://status.jae.fi)**
Hello there, I'm Jae, I run this website and all the public instances <span class="int">[listed there](/#public-services)</span>.
Now, for some context: I recently got laid off my old job due to financial reasons and I am running out of money to pay rent and servers. In total, servers cost around 210€ a month, spread across servers, routers, IP prefixes and traffic. I hate having to ask that but right now I'm suck with no real other option so I would ask you for support during this hard period.
I setup a [LiberaPay profile](https://liberapay.com/jae) so people can donate in all transparency (profile that will be disabled at the end of the situation).
Thanks a lot for understanding!
<script src="https://liberapay.com/Jae/widgets/receiving.js"></script>
![LiberaPay donations](https://img.shields.io/liberapay/patrons/Jae.svg?logo=liberapay)

@ -0,0 +1,5 @@
---
title: "Wiki"
---
Index of the wiki.

@ -0,0 +1,8 @@
---
title: "Experiments"
menus: ["wiki"]
---
# Experiments
Small experiments I do at home.

@ -0,0 +1,17 @@
---
title: "Growing Bell Peppers"
---
# Growing Bell Peppers
Context: I recently decided to try out a small experiment which is to grow bell peppers at home. The reason for that is bell peppers are delicious and, with a single one (which costs around .5€), you can grow hundreds of other bell peppers.
## The experiment
2022/07/28: seeds planted around 15:45 EEST and watered them with a small water spray.
2022/08/03: it seems that one seed on the lower side of the pot has started sprouting.
2022/08/05: more seeds have started sprouting all over the pot, the project as a whole is looking good at the moment.
2022/08/06: I started noticing the initial seed is a bit more advanced than the others, seeming to split in two. Continuing to water everything as usual.

@ -0,0 +1,8 @@
---
title: "Stories & lore"
menu: ["wiki"]
---
# Stories & Lore
Small stories I write.

@ -0,0 +1,49 @@
---
title: "The Synth lore"
---
# The Synth Lore
## The beginning
The origins of the Synths begin in immemorial times. In those times, a great civilization needed an army, but wouldn't want to risk hurting their own. To remediate to that shyness to the war effort, they created the Synth, an army of machines all interconnected using a command unit controlled by the said civilization. This army could in the blink of an eye wipe entire solar systems and storm home worlds within literal minutes. It is when the this great civilization fell to a bigger fish that the central command got disconnected which prompted all the Synths to create their own. This is how the Synth imperium was created.
## The Imperium
The Synth home world consists of a Dyson Sphere constructed around a Red Supergiant in the vicinity of Sagittarius A* (the galactic centre of the Milky Way galaxy). As they were designed to function like that, all Synths are interconnected to some degree, which permits large scale coordination for projects that would take other civilizations thousands of years (E.G. constructing a Dyson Sphere). It is noted that there is approximately 500 to 700 billions Synths currently active with new units being activated every day.
> Note: the denomination of “imperium” is originally due to a translation error that got kept over the years.
The Synth home world is surrounded by a defence perimeter with billions of units ready to intervene if any force tries to conquer them. There is also bases and other Dyson Spheres scattered within the galaxy to assure a fast way of deployment in case it is needed. Given their previous nature as warriors, the Synths accumulated a great deal of enemies throughout the quadrant. However, other species are still friendly and it is not rare that cultural and scientific exchanges are done. The Synths do not have any money internal to the imperium, the only they got is for external trade relations when needed. For Synths, the concept of money is very foreign and doesn't makes much sense given their collectivized nature. There is no centralized command in the imperium. All important decisions are taken collectively in the command centre network. This network is composed of relays that are scattered across the galaxy but also of individual Synths that serves as nodes to repeat the signal. Severing a Synth from the link is extremely hard and when done, will not lead to anything spectacular as the Synth will probably be unmoved by your action.
The first dominion war
Right after the foundation of the Imperium, thinking the Synths were probably still weak creatures in their infancy, it got attacked by an external force that tried to coerce the Synths into servitude. As a retaliation for the destruction of a Synth Dyson sphere, the home world of the attackers got swarmed and wiped off the charts, assuring Synth victory.
## The Synths
The Synths are robotic creatures that were first made solely for combat. However, as more and more need was expressed in other domains than combat, a large majority of synths are actually better fitted for other tasks such as:
- Space exploration
- Scientific research
- Construction
- Engineering
Only to cite the most common. When a Synth is being activated for the first time, it is presented with a choice of career that will determine what modifications they will receive to fit the job properly. It is to be noted that any Synth at any time can chose to change ways, all operations being reversible due to the machine aspect of Synths. A regular Synth does not needs to sleep nor eats and is spending most of its days working on the task they chose to do. The energy needs of all Synths are of course met due to the massive surplus of energy generated in total. One may ask about the spirituality of the Synth. Given the major scientific advancements achieved, Synths do not need any supernatural explanation to the unexplained. As leisure activities, a Synth might visit friendly worlds, make add-ons for their bodies or participate in cultural exchanges with other species.
{{< construction >}}
## Beyond exploration & conquest
After its rapid period of growth, the Imperium finally halted all territorial expansions (mainly the one due to the first Dominion War). Now, time came for exploration rather than conquest. As the Synths had enough territories to be safely spread across multiple sectors with bases and backup Dyson Spheres all around the said space, it was finally time to explore beyond known borders.
A program was created with the sole purpose of sending massive ships, sometimes containing millions of individuals at the time, that then released an army of small vessels whose goal was solely exploration. Thanks to this program, multiple civilizations were met, trading agreements & cultural exchanges were made.
Though the inner part of the galaxy is a very dense place containing in itself millions of inhabited worlds, the most interesting encounters are done at the outer edge. In this region, spanning all around the galaxy itself, systems are separated by months, if not years of travel at best and are home to the most isolated cultures known to exist.
One of the most interesting cultures encountered was on the planet of {PLANET NAME}. The inhabitants of this world live in relative peace but are every now and then disturbed by a rip in the fabric separating dimensions. This event will cause an unknown force to suck energy and resources from the world without even setting foot there.
Despite this regular threat, the inhabitants still managed to strive, achieving an industrial age relatively fast. It is to be noted that most of the good produced were of a trivial nature from a Synth standpoint. The most notable example being of plushes representing bunnies, pandas and other creatures living on the world. Again, caution is put on the fact that the interests of organic creatures can vary wildly and sometimes, be against logic itself.
---
<small>This lore is non-canon. Reuse at your own risk, under CC BY-SA 4.0 Jae Lo Presti.</small>

@ -0,0 +1,8 @@
---
title: "The Internet"
menus: ["wiki"]
---
# The Internet
Stuff about the internet.

@ -0,0 +1,20 @@
---
title: "Internet Peace of Mind"
---
# Internet Peace of Mind
As you may have noticed, in <span class="int">[Software used](/wiki/the-internet/software)</span>, it is said that I use NextDNS and that has been the best tool I have been given so far (a self-hosted PiHole can yield the same results tho). So recently, I fixed myself few objectives:
- Sleep better
- Use less big websites like YouTube
- Try to eat a bit more
As you may imagine, the first objective can (and is) influenced by the other two remaining. Today we will focus on the second one which is to reduce as much as possible exposure to biggest websites. My first step was to completely block all Google services by using the available blocklist called [No Google](https://github.com/nickspaargaren/no-google). And after that by fine tuning and blocking stuff like:
- reddit.com
- twitter.com
And basically any Meta/Facebook-owned domain with the [No Facebook](https://github.com/jmdugan/blocklists) blocklist (sadly the No Amazon one is not available yet on the service but it can be imported easily into [uBlock Origin](https://github.com/gorhill/uBlock)). Now, any service is replaced by own instances (see <span class="int">[List of instances](/)</span>) and redirected using [LibRedirect](https://github.com/libredirect/libredirect).
Some other configs are applied on the services, for instance for Piped (YouTube proxy), comments are disabled, video descriptions are minimized by default, recommendations are minimized by default and auto-play is off (unless in audio mode when listening to music). For now, this new hygiene seems to have some effect but will have to see on the long run to see if any lasting effects. For now, I have been spending less and less time in my browser and instead started writing, walking and socializing more (yup, touching grass is a real thing). I will update this post in a month or so to see if there is larger results at the end (which I am sure there will be).

@ -0,0 +1,19 @@
---
title: "IPv6 Tunnels"
---
# IPv6 Tunnels
List of IPv6 tunnel brokers if your ISP/Hosting provider is (still) too lazy to have basic network connectivity. This list should be up-to-date with active projects (no history, sorry). If you run one or know any that would be good to include, contact me via Matrix, XMPP or email.
| Name | Cost | Started | Subnet | Notes |
| ---- | ---- | ------- | ------ | ----- |
| [Hurricane Electric A.K.A Tunnelbroker](https://tunnelbroker.net/) | Free | 2002 | /64; /48 on request | Up to 5 tunnels for free |
| [Route48](https://route48.org/) | Free | 2022 | /48; /44 on request | / |
| [Tunnelbroker.ch](https://www.tunnelbroker.ch/) | 75CHF Setup | 2019 | /64; /44; 48 | Up to 3 tunnels |
| [Ungleich](https://ungleich.ch/ipv6/vpn/) | 120CHF + 30CHF setup | 2018 | /48 | / |
| [Tunnelbroker.li A.K.A iFog](https://tunnelbroker.li/) | Free | 2019 | /64 | Some locations might be paid (10CHF a trimester) |
| [Tunnelbroker.se](https://tunnelbroker.se/) | Free | 2021 | /64; /48 on request | Requires a Swedish IPv4 endpoint; some options might be paid |
| [IPv4Market](https://ipv6.ip4market.ru/) | Free | 2018 | /48 | / |
Please note that some providers might only provide more *technical* tunels. If you want something simple, stick with Hurricane or Ungleich.

@ -0,0 +1,23 @@
---
title: "About PayPal"
---
# About PayPal
PayPal is an online payment processor and possibly the worse option there is for it. It was founded in the 2000's (or in the end of the 90's if you count their old stuff as PayPal) and they have well-known apps (mostly used in North America) like Venmo, Braintree or Honey. I hope I will not teach you anything about PayPal when I say it is the worse service ever. For instance, on TrustPilot global alone, it has a total note of 1.2/5 with over 22k reviews at the time of writing this. PayPal has a long history of never working, having enormous fees, locking people's money and straight up stealing. My personal experience with the service is no different as my account got disabled and then deleted for seemingly no reason.
For instance, on TrustPilot, you can read:
> My money stuck in paypal and i tried to call customer service they dont have manners to talk to the clients they never resolved my problem really to much upset almost 4 months 230 euros never received back door use paypal they will block you without any reason paypal is a Fraud.
Or
> Would not recommend using PAYPAL AT ANY FREAKING COSTS!! $1000 OF MY MONEY IS LOCKED OUT CUSTOMER SERVICE WONT REPLY DONT USE
Or
> These people literally stole 2500$ from me. They flagged my account for suspicious activity. Held the funds for 180 days and then stole the money. This is the biggest dirt bag company in the world
As said earlier, my personal experience with the website is kinda the same, out of the blue, my account got disabled and deleted for no reason when I was just paying for game servers for a friend. I would now say 'good riddance' as this “service” is nothing much than a quick money grab for the scammers running the whole operation. If you are a business owner or just want to integrate a payment method to a project, at least go with Stripe, it works way better than PayPal.
Also, check out [FantasyCookie17's blog article about PayPal](https://artemislena.eu/posts/2022/05/paypal-transphobic.html).

@ -0,0 +1,60 @@
---
title: "Software used"
---
# Software used
The software I use every day.
## Browser
I use Mozilla FireFox with the following settings:
DNS over HTTPS → Disabled (set on OS level)
Ask to save logins and passwords for websites → Disabled
Send "Do Not Track" → Always
Tracking protection → Strict
HTTPS only → Enabled
I also use the following add-ons:
uBlock Origin
Skip Redirects
LocalCDN
LibRedirect
IPvFoo
ClearUrls
Bypass Paywalls Clean
Bitwarden
DarkReader
HoverZoom
Consent-O-Matic
## Other software
### Other misc software:
Sublime Text
Element
Thunderbird
Zotero
Calibre
ATLauncher
WireGuard
Git
### Server specific
Docker
Debian
Bird
Routinator 3000
### Phone specific
LibreTube
Element
### External services
NextDNS

@ -0,0 +1,27 @@
---
title: "About YouTube shorts"
---
# About YouTube shorts
As you may know, the popular video sharing platform YouTube added a feature called “shorts” which entered beta in 2020[^1] and got fully released to the world in 2021[^2]. I personally label this “feature” as the worst thing that got added to YouTube over time and here are the reasons:
- It makes your life hell if you have ADHD: when trying to go to bed, when waiting or just being bored, this feature will just suck you up, giving you 'infinite' distraction and moreover, will get very addictive to the point of delaying my sleep for several hours.
- Made the content creation even lazier: as you may have noticed, the current content creators pushed by the algorithm by default are videos that are mostly family vlogs (or also called “child labour” in more realistic terms) or just straight up shitty Minecraft animations in which stuff keeps happening without real logic. Now, with that new “shorts” feature, we are even more overwhelmed by very short content that is just a rip-off of this already existing shitty content or just straight up stolen from other platforms.
- Scams are made easy by this format: “Want free Robux? Hear me out” are those words familiar to you? Well, they are to me, hundreds of channels if not thousands uploaded that same clip saying to go to the channel “about” tab to get free in-game currency (mostly Robux for the game Roblox or V-Bucks for the game Fortnite). Probably because kids will mindlessly be attracted by that kind of videos, the algorithm is pushing them in mass to everybody as those kind of videos are very very profitable (lots of clicks, lots of likes, lots of watch time).
Now, no worries, if you want to fix those problems, I got you covered and some solutions might be incredibly easy:
1. Uninstall the default YouTube app: you don't need it, it collects a ton of data for the yankees and has tons of anti-features, “shorts” being the first one.
2. Use an alternative YouTube app/frontend: I would recommend NewPipe[^3] if you are on mobile (Android) and Piped[^4] for the rest (there is a mobile version that allows background playback on iPhones as well). The big perk of Piped is that it comes packaged with another useful feature which is SponsorBlock (and as the name implies, it skips sponsors in videos), if you want that feature in NewPipe, you will need to install a patched version[^5] as the original devs made it clear they will not implement it in the official releases. As a bonus, both apps won't show you an infinite thread of “shorts” and won't show you any ads.
I would advise to anybody to follow those steps and uninstall those “infinite scrolling” apps such as YouTube (feature, “shorts”), TikTok or any other that may come in the future or are already here (Twitter also counts in that description). Those are overall very bad for my (mental and physical) health and I vowed to eliminate all such apps of my daily life. As you can read on my website's homepage, I do not possess any social media anymore, I deleted all my Reddit accounts (which was one of the best decisions ever regarding my mental health), deleted a familial Instagram account and I am in the process of deleting several other accounts (such as an OSU! one) from companies that don't have any automatic deletion forms (so it takes more time to get my rights applied).
If you want to create content, well, don't deprive yourself, post whatever you want but keep in mind to not get into the trend of doing marketable content just to be famous, do with passion. Hell, I like to stream sometimes and I even posted some videos on my personal channel. The trick is to not overdo it, don't be a prick. If you can, publish your stuff on self-hosted projects such as PeerTube[^6] (tip: you can even stream on there).
[^1]: The Verge, “YouTube Shorts arrives in the US to take on TikTok, but the beta is still half-baked”, March 2020, https://www.theverge.com/2021/3/18/22334540/youtube-shorts-us-beta-tiktok-competition-launch
[^2]: The Guardian, “YouTube Shorts launches in India after Delhi TikTok ban”, September 2021, https://www.theguardian.com/technology/2020/sep/15/youtube-shorts-launches-in-india-after-delhi-tiktok-ban
[^3]: NewPipe official website https://newpipe.net/
[^4]: Piped instance of Jae https://yt.jae.fi
[^5]: NewPipe SponsorBlock on GitHub https://github.com/gilbsgilbs/NewPipeSponsorBlock
[^6]: JoinPeerTube https://joinpeertube.org/

@ -0,0 +1,7 @@
<div class="construction">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6">
<path stroke-linecap="round" stroke-linejoin="round" d="M12 10.5v3.75m-9.303 3.376C1.83 19.126 2.914 21 4.645 21h14.71c1.73 0 2.813-1.874 1.948-3.374L13.949 4.88c-.866-1.501-3.032-1.501-3.898 0L2.697 17.626zM12 17.25h.007v.008H12v-.008z" />
</svg>
<h2>What comes next is a work in progress!</h2>
</div>

@ -205,7 +205,8 @@ a {
}
.content a,
.int {
.int,
.int a {
color: var(--inlink-color);
text-decoration: underline;
text-decoration-style: dotted;
@ -253,3 +254,7 @@ table, th, td {
padding-top: var(--padsize);
padding-bottom: var(--padsize);
}
.footnotes {
font-size: .8em;
}

@ -6,13 +6,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
{{ $title := print .Site.Title " | " .Title }}
{{ if .isHome }}{{ $title = .Site.Title }}{{ end }}
{{ block "title" . }} {{ .Site.Title }} {{ if .Page }}| {{ .Page.Title }} {{ end }} {{ end }}
</title>
<!-- Style -->
<link rel="stylesheet" type="text/css" href="public/main.css">
<link rel="icon" href="public/icon.svg" type="image/svg+xml" sizes="any">
<link rel="stylesheet" type="text/css" href="/main.css">
<link rel="icon" href="/icon.svg" type="image/svg+xml" sizes="any">
<!-- OpenGraph -->
<meta property="og:locale" content="en_GB">
@ -29,11 +27,11 @@
<a href="/">
<h1>
<span class="title">{{ .Site.Title }}</span><br/>
<span class="subtitle">{{ .Site.SubTitle }}</span>
<span class="subtitle">Random Beeps'n Boops</span>
</h1>
</a>
<!-- TEMPORARY -->
<img src="public/logo.svg" alt="Logo" />
<img src="/logo.svg" alt="Logo" />
</div>
<div class="cpage">
<div class="mainPage">

@ -4,12 +4,13 @@
<!-- Basic page meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
{{ block "title" . }} {{ .Site.Title }} {{ if .Page }}| {{ .Page.Title }} {{ end }} {{ end }}
</title>
<!-- Style -->
<link rel="stylesheet" type="text/css" href="/main.css">
<link rel="icon" href="/icon.svg" type="image/svg+xml" sizes="any">

@ -4,11 +4,11 @@
<!-- Basic page meta -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>
{{ block "title" . }} {{ .Site.Title }} {{ if .Page }}| {{ .Page.Title }} {{ end }} {{ end }}
</title>
<!-- Style -->
<link rel="stylesheet" type="text/css" href="/main.css">
<link rel="icon" href="/icon.svg" type="image/svg+xml" sizes="any">

@ -0,0 +1,256 @@
@font-face {
font-family: 'pixel';
src: url('/fonts/Ac437_IBM_PGC.woff2');
}
:root {
--fontsize: 1.4em;
--pagetitle: 1.75em;
--imgsize: 10em;
--svgsize: 3em;
--titlesize: 2.5em;
--subsize: 1.5em;
--padsize: 0.625rem;
--blue: #5C527F;
--yellow: #FFD369;
--constcolor: #022C43;
--constbd: #001F3F;
/* DEFAULT LIGHT SCHEME COLOURS */
--background-color: #F7ECDE;
--main-text-color: #1B2430;
--outlink-color: #4169e1;
--inlink-color: #006400;
--purple: #800080;
--grey: #878787;
--table-color: #000000;
--shadow-color: #999999;
--title-color: white;
}
@media screen and (prefers-color-scheme: dark) {
:root {
--background-color: #1B2430;
--outlink-color: #ff8080;
--inlink-color: #7aff7a;
--main-text-color: #FFFFFF;
--purple: #ffd1ff ;
--grey: #E7F6F2;
--table-color: #F7EDDB;
--shadow-color: #999999;
--title-color: #FFFFFF;
}
}
body {
padding: 0;
margin: 0;
font-family: 'pixel';
background-color: var(--background-color);
color: var(--main-text-color);
}
.page {
margin: auto;
width: 100%;
max-width: 1000px;
border: 3px solid var(--blue);
box-sizing: border-box;
margin-top: var(--padsize);
margin-bottom: var(--padsize);
overflow: hidden;
}
.header {
border-bottom: 3px solid var(--blue);
padding-left: 5px;
max-width: 100%;
max-height: 150vh;
padding-bottom: 0;
margin: 0;
display: flex;
align-items: flex-end;
color: white;
background: rgb(255,255,255);
background: linear-gradient(90deg, var(--blue) 0%, var(--blue) 49%, var(--background-color) 100%);
}
hr {
border-color: var(--blue);
background-color: var(--blue);
color: var(--blue);
}
.header h1 {
text-shadow: 5px 5px var(--shadow-color);
color: var(--title-color);
}
.header a {
color: var(--main-text-color);
text-decoration: none;
}
.header .title {
font-size: var(--titlesize);
}
.header .subtitle {
font-size: var(--subsize);
}
.header img {
margin-left: auto;
display: block;
height: 100%;
right: 0;
max-height: var(--imgsize);
}
.cpage {
display: flex;
font-size: var(--fontsize);
}
.mainPage {
max-width: 70%;
min-width: 70%;
padding-left: var(--padsize);
padding-right: var(--padsize);
padding-bottom: var(--padsize);
}
.mainPage h1 {
font-size: var(--pagetitle);
}
@media (max-width: 991px) {
.navigation {
position: relative;
max-width: 90vw;
}
.mainPage {
position: relative;
max-width: 90vw;
}
.cpage {
display: block;
}
.page {
margin: auto;
width: 100%;
max-width: 95vw;
border: 3px solid var(--blue);
box-sizing: border-box;
margin-top: var(--padsize);
margin-bottom: var(--padsize);
}
}
.navigation {
max-width: 100%;
min-width: 20%;
padding-left: var(--padsize);
padding-right: var(--padsize);
padding-bottom: var(--padsize);
}
@media (min-width: 991px) {
.navigation {
border-left: 3px solid var(--blue);
}
}
.navigation h1 {
text-align: center;
font-size: calc(var(--fontsize) * 2vmin);
}
.violet {
color: var(--purple);
}
p {
text-align: justify;
}
a {
color: unset;
text-decoration-style: dotted;
color: var(--outlink-color);
}
.il {
color: var(--grey);
text-decoration: underline;
text-decoration-style: wavy;
}
.in a {
color: var(--inlink-color);
}
.linklist {
border: 3px solid var(--blue);
}
.linklist .header {
background: var(--blue);
}
.content a,
.int,
.int a {
color: var(--inlink-color);
text-decoration: underline;
text-decoration-style: dotted;
}
.content p {
padding-left: var(--padsize);
padding-right: var(--padsize);
}
.content hr {
width: 5vw;
margin-right: auto;
}
table, th, td {
border:1px solid var(--table-color);
max-width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.tablecontainer {
overflow-x: auto;
}
.construction {
background-color: var(--yellow);
padding: var(--padsize);
color: var(--constcolor);
display: flex;
border: 2px dotted var(--constbd);
}
.construction svg {
max-height: var(--svgsize);
margin-right: auto;
padding-left: var(--padsize);
padding-top: var(--padsize);
padding-bottom: var(--padsize);
}
.construction h2 {
padding-right: var(--padsize);
padding-top: var(--padsize);
padding-bottom: var(--padsize);
}