Compare commits

..

5 commits

Author SHA1 Message Date
liliesh
4205fd9bda Merge pull request 'Early 2026 redesign' (#1) from 022026 into main
Reviewed-on: https://codeberg.org/liliesh/homepage/pulls/1
2026-03-08 19:03:36 +01:00
Liliesh
9b46f3715c
Finished remaining nerdy refactor 2026-03-08 19:01:20 +01:00
Liliesh
e2d89b890d
Update about weeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeee 2026-03-08 18:02:06 +01:00
Liliesh
b6e2eaad79
Meow 2026-03-08 10:08:52 +01:00
Liliesh
f4220fb09a
Added base 2026-02-27 10:59:19 +01:00
22 changed files with 339 additions and 309 deletions

39
html/.template.html Normal file
View file

@ -0,0 +1,39 @@
<!DOCTYPE html>
<html>
<head>
<title>Liliesh's Homepage</title>
<link rel="stylesheet" href="./base.css">
<meta charset="UTF-8">
<meta name="description" content="meow meow! :3">
<meta name="keywords" content="Linux, Self-Hosting, Meow">
<meta name="author" content="Liliesh">
<meta name="viewport" content="width=device-width, inital-scale=1.0">
</head>
<body>
<div class="topbar">
<div class="lefthead">
<h3>Liliesh's Homepage!</h3>
<p><i>I like to meow! :3</i></p>
</div>
<div>
<div class="navbar">
<p>goto</p>
<a href="./index.html" id="current_nav">home</a>
<a href="./blog.html">blog</a>
<a href="./links.html">links</a>
<a href="./about_me.html">about_me</a>
</div>
</div>
</div>
<hr>
<main>
</main>
</body>
<footer>
<hr>
<div class="footerbox">
This page is javascript free - <a href="https://codeberg.org/liliesh/homepage">Source Code</a>
</div>
</footer>
</html>

5
html/about_me.css Normal file
View file

@ -0,0 +1,5 @@
#avatar {
filter: url(#pixelate);
width: 200px;
height: 200px;
}

64
html/about_me.html Normal file
View file

@ -0,0 +1,64 @@
<!DOCTYPE html>
<html>
<head>
<title>Liliesh's Homepage</title>
<link rel="stylesheet" href="./base.css">
<link rel="stylesheet" href="./about_me.css">
<meta charset="UTF-8">
<meta name="description" content="meow meow! :3">
<meta name="keywords" content="Linux, Self-Hosting, Meow">
<meta name="author" content="Liliesh">
<meta name="viewport" content="width=device-width, inital-scale=1.0">
</head>
<body>
<div class="topbar">
<div class="lefthead">
<h3>Liliesh's Homepage!</h3>
<p><i>I like to meow! :3</i></p>
</div>
<div>
<div class="navbar">
<p>goto</p>
<a href="./index.html">home</a>
<a href="./blog.html">blog</a>
<a href="./links.html">links</a>
<a href="./about_me.html" id="current_nav">about_me</a>
</div>
</div>
</div>
<hr>
<main>
<p>[liliesh@xenia homepage]$ tiv assets/avatar.png</p>
<img id="avatar" src="assets/avatar.png?30x30">
<svg>
<filter id="pixelate" x="0" y="0">
<feFlood x="5" y="5" height="1" width="1"/>
<feComposite width="5" height="5"/>
<feTile result="a"/>
<feComposite in="SourceGraphic" in2="a" operator="in"/>
<feMorphology operator="dilate"radius="2"/>
</filter>
</svg>
<p>[liliesh@xenia homepage]$ cd ~/Documents</p>
<p>[liliesh@xenia Documents]$ cat about_meeee.txt</p>
<p>Hiiii! it's meeee, Liliesh. Also called Maya in some spaces.<br>
I like to fiddle around with anything that resolves within the world of IT! And sometimes also other things! <br>
My main focus is on exploring/checking out software (preferred Open Source) and doing homelab things.
</p>
<p>You can find stuff from me on the following platforms:</p>
<ul>
<li><a href="https://cfn.social/@liliesh">Fediverse</a></li>
<li><a href="https://codeberg.org/liliesh">Software projects (Codeberg)</a></li>
<li><a href="https://git.pinkhaj.world/liliesh">Software projects (Backup)</a></li>
</ul>
<p>[liliesh@xenia Documents]$ exit<span id="blinky">_</span></p>
</main>
</body>
<footer>
<hr>
<div class="footerbox">
This page is javascript free - <a href="https://codeberg.org/liliesh/homepage">Source Code</a>
</div>
</footer>
</html>

BIN
html/assets/avatar.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 191 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 604 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2 KiB

Binary file not shown.

Binary file not shown.

Before

Width:  |  Height:  |  Size: 880 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.8 KiB

1
html/assets/wX6lP7 Normal file
View file

@ -0,0 +1 @@
#### Recent blog entries ####

80
html/base.css Normal file
View file

@ -0,0 +1,80 @@
:root {
--background-color: #2c2c2c;
--font-color: #cfcccc;
--nav-color: #bb8989;
--font-family: 'Kode Mono';
}
@font-face {
font-family: 'Kode Mono';
font-style: normal;
font-display: swap;
font-weight: 400;
src: url(assets/kode-mono-latin-400-normal.woff2) format('woff2');
unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
a, a:visited {
color: var(--nav-color);
margin: 0 .25em 0 .25em;
}
body {
background-color: var(--background-color);
color: var(--font-color);
font-family: var(--font-family);
}
.topbar {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
}
.navbar {
display: flex;
flex-direction: row;
p {
margin: 0;
}
a, a:visited {
text-decoration: none;
}
#current_nav {
text-decoration: underline;
}
}
.lefthead {
h3, p {
margin: 0;
}
p {
font-size: 10pt;
}
}
.footerbox {
display: flex;
justify-content: center;
align-items: center;
p {
margin: 0;
font-size: 12pt;
}
}
#blinky {
animation: hide 750ms infinite;
}
@keyframes hide {
0% { opacity: 1.0;}
50% { opacity: 0.0;}
}

43
html/blog.html Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html>
<head>
<title>Liliesh's Homepage</title>
<link rel="stylesheet" href="./base.css">
<meta charset="UTF-8">
<meta name="description" content="meow meow! :3">
<meta name="keywords" content="Linux, Self-Hosting, Meow">
<meta name="author" content="Liliesh">
<meta name="viewport" content="width=device-width, inital-scale=1.0">
</head>
<body>
<div class="topbar">
<div class="lefthead">
<h3>Liliesh's Homepage!</h3>
<p><i>I like to meow! :3</i></p>
</div>
<div>
<div class="navbar">
<p>goto</p>
<a href="./index.html">home</a>
<a href="./blog.html" id="current_nav">blog</a>
<a href="./links.html">links</a>
<a href="./about_me.html">about_me</a>
</div>
</div>
</div>
<hr>
<main>
<p>[liliesh@xenia homepage]$ cd entries</p>
<p>[liliesh@xenia entries]$ ls -lArt</p>
<p>total 0</p>
<!-- <p>-r---r--r--&#9;1&#9;liliesh&#9;liliesh&#9;67&#9;8. Mar&#9;18:54&#9;<a href="">some_cool_entry.txt</a></p> -->
<p>[liliesh@xenia entries]$ exit<span id="blinky">_</span></p>
</main>
</body>
<footer>
<hr>
<div class="footerbox">
This page is javascript free - <a href="https://codeberg.org/liliesh/homepage">Source Code</a>
</div>
</footer>
</html>

View file

@ -1,66 +0,0 @@
:root {
font-family: w95fa, sans-serif;
--bg-color: #008080;
--content-bg-color: #f0e9d0;
--text-color: #000000;
--window-bg-color: #b0aa9b;
--light-shade: #ddd4c6;
--dark-shade: #747064;
--window-deco-color: #00007f;
--seperator-color: #979285;
}
@font-face {
font-family: w95fa;
font-style: normal;
font-weight: 400;
src: url(https://fonts.cdnfonts.com/s/45697/W95FA.woff);
}
.title-bar {
background-color: var(--window-deco-color);
color: white;
font-size: 14pt;
padding: .25em;
margin: 0;
}
.window {
background-color: var(--window-bg-color);
border: 3px solid;
border-color: var(--light-shade) var(--dark-shade) var(--dark-shade)
var(--light-shade);
min-height: 5em;
margin: 0.5em;
}
.button {
border: 3px solid;
border-color: var(--light-shade) var(--dark-shade) var(--dark-shade)
var(--light-shade);
padding: 5px;
}
.window-content {
background-color: var(--content-bg-color);
border: 3px solid;
border-color: var(--dark-shade) var(--light-shade) var(--light-shade) var(--dark-shade);
min-height: 5em;
margin: 1em .5em;
}
.button:hover {
background-color: var(--light-shade);
}
.vruler{
border-left: 3px solid var(--seperator-color);
height: 30px;
margin: 0 5px 0 5px;
align-self: center;
}
/*BODY*/
body {
background-color: var(--bg-color);
}

View file

@ -1,74 +1,46 @@
<!DOCTYPE html>
<html> <html>
<head> <head>
<link rel="stylesheet" href="main.css"> <title>Liliesh's Homepage</title>
<link rel="stylesheet" href="general.css"> <link rel="stylesheet" href="./base.css">
<link rel="stylesheet" href="./main.css">
<meta charset="UTF-8">
<meta name="description" content="meow meow! :3">
<meta name="keywords" content="Linux, Self-Hosting, Meow">
<meta name="author" content="Liliesh">
<meta name="viewport" content="width=device-width, inital-scale=1.0">
</head> </head>
<body> <body>
<div class="window"> <div class="topbar">
<div class="title-bar">Welcome!</div> <div class="lefthead">
<div class="actionbar"> <h3>Liliesh's Homepage!</h3>
<a class="action-button" href="./index.html">Home</a> <p><i>I like to meow! :3</i></p>
<div class="vruler"></div>
<a class="action-button" href="./links.html">Links</a>
</div> </div>
<div class="window-content"> <div>
<h2>About Liliesh</h2> <div class="navbar">
<h5>silly neighborhood goofball</h5> <p>goto</p>
<div class="UwU"> <a href="./index.html" id="current_nav">home</a>
<h3>About Me</h3> <a href="./blog.html">blog</a>
<ul> <a href="./links.html">links</a>
<li><b>Name:</b> Maya</li> <a href="./about_me.html">about_me</a>
<li><b>Pronouns:</b> she/her</li>
</ul>
<p></p>
<h3>Interests</h3>
<ul>
<table>
<tr>
<td><b>Reading & Fanfics</b></td>
<td>>> currently a lot of webcomics (e.g Sabrina Online, Nine to Nine)</td>
</tr>
<tr>
<td><b>Gaming</b></td>
<td>>> mostly sandbox and story based</td>
</tr>
<tr>
<td><b>Sysadministration</b></td>
<td>>> mostly setting up services in my homelab and checking out new software</td>
</tr>
<tr>
<td><b>Software development</b></td>
<td>>> doing silly stuff or developing solutions that I need</td>
</tr>
</table>
</ul>
<p></p>
</div> </div>
</div> </div>
<div class="socials">
<a class="social button" href="https://cfn.social/@liliesh"><img
src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Fediverse_logo_proposal.svg/2048px-Fediverse_logo_proposal.svg.png"></a>
<a class="social button" href="https://matrix.to/#/@liliesh:catgirl.cloud"><img id="matrix-logo"
src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Matrix_icon.svg/419px-Matrix_icon.svg.png"></a>
<a class="social button" href="https://git.pinkhaj.world/liliesh"><img
src="assets/git_emblem.png"></a>
</div>
<div class="socials">
<img class="specials" src="assets/blobfox-88x31.png"></a>
<img class="specials" src="assets/chrmevil.gif"></a>
<img class="specials" src="assets/fediverse.gif"></a>
<img class="specials" src="assets/firefoxnow.gif"></a>
<img class="specials" src="assets/hash_now.gif"></a>
<img class="specials" src="assets/linux.gif"></a>
<img class="specials" src="assets/lulu_tinyuniverses_wannachill.gif"></a>
<img class="specials" src="assets/microsoft_stop.gif"></a>
<img class="specials" src="assets/scottgames.gif"></a>
</div>
</div> </div>
<hr>
<main>
<p>[liliesh@xenia homepage]$ cat assets/wX6lP7</p>
<p>#### Recent blog entries ####</p>
<p>[liliesh@xenia homepage]$ cd entries</p>
<p>[liliesh@xenia entries]$ ls -lArt | tail -n 7</p>
<p>total 0</p>
<!-- <p>-r---r--r--&#9;1&#9;liliesh&#9;liliesh&#9;67&#9;8. Mar&#9;18:54&#9;<a href="">some_cool_entry.txt</a></p> -->
<p>[liliesh@xenia entries]$ exit<span id="blinky">_</span></p>
</main>
</body> </body>
<footer> <footer>
<hr>
<div class="footerbox">
This page is javascript free - <a href="https://codeberg.org/liliesh/homepage">Source Code</a>
</div>
</footer> </footer>
</html> </html>

View file

@ -1,120 +1,84 @@
<!DOCTYPE html>
<html> <html>
<head> <head>
<link rel="stylesheet" href="main.css"> <title>Liliesh's Homepage</title>
<link rel="stylesheet" href="general.css"> <link rel="stylesheet" href="./base.css">
<meta charset="UTF-8">
<meta name="description" content="meow meow! :3">
<meta name="keywords" content="Linux, Self-Hosting, Meow">
<meta name="author" content="Liliesh">
<meta name="viewport" content="width=device-width, inital-scale=1.0">
</head> </head>
<body> <body>
<div class="window"> <div class="topbar">
<div class="title-bar">Welcome!</div> <div class="lefthead">
<div class="actionbar"> <h3>Liliesh's Homepage!</h3>
<a class="action-button" href="./index.html">Home</a> <p><i>I like to meow! :3</i></p>
<div class="vruler"></div>
<a class="action-button" href="https://liliesh.pinkhaj.world/blog">Blog</a>
<div class="vruler"></div>
<a class="action-button" href="./links.html">Links</a>
</div> </div>
<div class="window-content"> <div>
<h2>Link Collection</h2> <div class="navbar">
<div class="UwU"> <p>goto</p>
<h3>Disclaimer!</h3> <a href="./index.html">home</a>
<p>I provide those links since I found those interesting to share. Generally I have no association with the content or the owners of the content.</p> <a href="./blog.html">blog</a>
<br> <a href="./links.html" id="current_nav">links</a>
<h3>Server Software</h3> <a href="./about_me.html">about_me</a>
<p>
<b>Navidrome</b> - Service for hosting your own music library
&emsp;<a href="https://www.navidrome.org/">Website</a> - <a href="https://www.navidrome.org/docs/">Docs</a> - <a href="https://github.com/navidrome/navidrome/">Source</a>
<br>
<b>Firefly III</b> - A free and open source personal finance manager
&emsp;<a href="https://www.firefly-iii.org/">Website</a> - <a href="https://docs.firefly-iii.org/">Docs</a> - <a href="https://github.com/firefly-iii/firefly-iii/">Source</a>
<br>
<b>Sunshine</b> - Sunshine is a self-hosted game stream host for Moonlight.
&emsp;<a href="https://app.lizardbyte.dev/Sunshine/?lng=en">Website</a> - <a href="https://docs.lizardbyte.dev/projects/sunshine/latest/">Docs</a> - <a href="https://github.com/LizardByte/Sunshine">Source</a>
</p>
<br>
<h3>Client Software</h3>
<p>
<b>Feishin</b> - A modern self-hosted music player for subsonic and/or Navidrome
&emsp;<a href="https://github.com/jeffvli/feishin">Source</a>
<br>
<b>SourceGit</b> - Open Source & Free Git GUI Client
&emsp;<a href="https://sourcegit-scm.github.io/">Website</a> - <a href="https://github.com/sourcegit-scm/sourcegit">Source</a>
<br>
<b>Zen Browser</b> - A firefox fork with a modern design and vertical tabs by default
&emsp;<a href="https://zen-browser.app/">Website</a> - <a href="https://github.com/zen-browser/desktop">Source</a>
<br>
<b>Abacus</b> - An mobile app to use Firefly III on the go
&emsp;<a href="https://github.com/victorbalssa/abacus">Source</a>
<br>
<b>Distrobox</b> - A simple cli tool to use containerized linux distros an any distro
&emsp;<a href="https://distrobox.it/">Website</a> - <a href="https://github.com/89luca89/distrobox">Source</a>
<br>
<b>BoxBuddy</b> - A GUI tool for Distrobox
&emsp;<a href="https://github.com/Dvlv/BoxBuddyRS">Source</a>
</p>
<br>
<h3>Other Software bits</h3>
<p>
<b>Volpeon Emojis</b> - A neat collection of emojis
&emsp;<a href="https://volpeon.ink/emojis/">Website</a>
<br>
<b>Neomojimixer</b> - Create your own neomoji!
&emsp;<a href="https://neomojimixer.com/">Website</a>
</p>
<br>
<h3>Linux Distributons</h3>
<p>
<b>Find me a Distro</b> - A website that can recommend a random distro
&emsp;<a href="https://distro.moe/">Website</a>
<br>
<b>Distro Chooser</b> - A website that helps you to choose a distro based on choices
&emsp;<a href="https://distrochooser.de/">Website</a>
</p>
<br>
<h3>Information / Knowledge</h3>
<p>
<b>Linux Journey</b> - A website for learning about and how to use Linux
&emsp;<a href="https://labex.io/linuxjourney">Website</a>
<br>
<b>Linux Survival</b> - A website to learn the basic linux terminal commands in a easy way.
&emsp;<a href="https://linuxsurvival.com/">Website</a>
<br>
<b>Consumer Rights Wiki</b> - A website "Exposing the overlooked exploitation of modern customers"
&emsp;<a href="https://consumerrights.wiki/">Website</a>
<br>
<b>Awesome Privacy</b> - A collection of tools that can help with more online privacy
&emsp;<a href="https://awesome-privacy.xyz/">Website</a>
<br>
<b>SamWho's Website</b> - A collection of explainations about things like memory allocation or hashing
&emsp;<a href="https://samwho.dev/">Website</a>
</p>
</div> </div>
</div> </div>
</div>
<hr>
<main>
<p>[liliesh@xenia homepage]$ cd ~/Documents</p>
<p>[liliesh@xenia Documents]$ cat cool_links.txt</p>
<p>Here I have a list of interesting software that I have use or used in the past that I like and wanna share.</p>
<p>!!! Important !!!<br>
In case you wanna avoid AI at all costs, please check the repositories beforehand.
I did not do an in-depth check on all repos to verify that they don't or did not use AI to generate code.</p>
<p>In case you want a curated list of software that is AI free, check out the following: <a href="https://noai.starlightnet.work/">Starlight Network No-AI List</a></p>
<div class="socials"> <p>#### Server Software ####<br>
<a class="social button" href="https://wetdry.world/@techfoxxo"><img Navidrome - Service for hostin your own music library <a href="https://www.navidrome.org/">Website</a>-<a href="https://github.com/navidrome/navidrome/">Source</a><br>
src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Fediverse_logo_proposal.svg/2048px-Fediverse_logo_proposal.svg.png"></a> Firefly III - A free and open source personal finance manager <a href="https://www.firefly-iii.org/">Website</a>-<a href="https://github.com/firefly-iii/firefly-iii/">Source</a><br>
<a class="social button" href="https://matrix.to/#/@liliesh:catgirl.cloud"><img id="matrix-logo" Sunshine - Self-hosted game stream host for Moonlight <a href="https://app.lizardbyte.dev/Sunshine/?lng=en">Website</a>-<a href="https://github.com/LizardByte/Sunshine">Source</a>
src="https://upload.wikimedia.org/wikipedia/commons/thumb/7/7c/Matrix_icon.svg/419px-Matrix_icon.svg.png"></a> </p>
<a class="social button" href="https://git.pinkhaj.world/liliesh"><img <p>#### Client Software ####<br>
src="assets/git_emblem.png"></a> Feishin - A modern music player for subsonic and/or Navidrome <a href="https://github.com/jeffvli/feishin">Source</a><br>
</div> SourceGit - Open Source & free git GUI client <a href="https://sourcegit-scm.github.io/">Website</a>-<a href="https://github.com/sourcegit-scm/sourcegit">Source</a><br>
<div class="socials"> Zen Browser - A firefox fork with a modern design and vertical tabs by default <a href="https://zen-browser.app/">Website</a>-<a href="https://github.com/zen-browser/desktop">Source</a><br>
<img class="specials" src="assets/blobfox-88x31.png"></a> Abacus - An mobie app to use Firefly III on the go <a href="https://github.com/victorbalssa/abacus">Source</a><br>
<img class="specials" src="assets/chrmevil.gif"></a> Distrobox - A simple cli tool to use containerized linux distros on any distro <a href="https://distrobox.it/">Website</a>-<a href="https://github.com/89luca89/distrobox">Source</a><br>
<img class="specials" src="assets/fediverse.gif"></a> BoxBuddy - A GUI tool for Distrobox <a href="https://github.com/Dvlv/BoxBuddyRS">Source</a>
<img class="specials" src="assets/firefoxnow.gif"></a> </p>
<img class="specials" src="assets/hash_now.gif"></a> <p>#### Other software bits ####<br>
<img class="specials" src="assets/linux.gif"></a> Volpeon Emojis - A neat collection of emojis <a href="https://volpeon.ink/emojis/">Website</a><br>
<img class="specials" src="assets/lulu_tinyuniverses_wannachill.gif"></a> Neomojimixer - Create your own neomoji! <a href="https://neomojimixer.com/">Website</a>
<img class="specials" src="assets/microsoft_stop.gif"></a> </p>
<img class="specials" src="assets/scottgames.gif"></a>
</div> <p>#### Linux Distributions ####<br>
</div> ### Tools ###<br>
Find me a Distro - A website that can show you a random distro <a href="https://distro.moe/">Website</a><br>
Distro Chooser - A website that helps you to choose a distro based on choices <a href="https://distrochooser.de/">Website</a>
</p>
<p>#### Information / Knowledge ####<br>
### General ###<br>
Consumer Rights Wiki - A website "Exposing the overlooked exploitation of modern customers" <a href="https://consumerrights.wiki/">Website</a><br>
<br>### Tech ###<br>
Linux Journey - A website for learning about and how to use Linux <a href="https://labex.io/linuxjourney">Website</a><br>
Linux Survival - A website to learn the basic Linux terminal commands in a easy way <a href="https://linuxsurvival.com/">Website</a><br>
Eylenburg's Tech Website - A collection of comparisons about well known software <a href="https://eylenburg.github.io/">Website</a><br>
SamWho's Website - a collection of explainations about things like memory allocation or hashing <a href="https://samwho.dev/">Website</a><br>
<br>### Privacy ####<br>
Awesome Privacy - A collection of tools that can help with more online privacy <a href="https://awesome-privacy.xyz/">Website</a><br>
</p>
<p>[liliesh@xenia Documents]$ exit<span id="blinky">_</span></p>
</main>
</body> </body>
<footer> <footer>
<hr>
<div class="footerbox">
This page is javascript free - <a href="https://codeberg.org/liliesh/homepage">Source Code</a>
</div>
</footer> </footer>
</html> </html>

View file

@ -1,72 +0,0 @@
/*UwU*/
.UwU {
padding: 1em;
}
h3 {
margin: auto auto 0 auto;
}
ul {
margin: auto auto 0 auto;
}
li p {
margin: 0.2em 0 0.2em 0;
}
/*FOOTER*/
h2,
h5 {
text-align: center;
margin: 0.25em;
}
.socials {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
a img {
max-height: 30px;
}
.social {
margin: 5px;
}
.button {
color: black;
text-decoration: none;
}
#matrix-logo {
filter: invert(1);
}
.actionbar {
margin: 1em;
display: flex;
align-content: center;
}
.action-button {
padding: 2px 10px 2px 10px;
border: 3px solid transparent;
color: black;
text-decoration: none;
}
.action-button:hover {
border: 3px solid;
border-color: var(--light-shade) var(--dark-shade) var(--dark-shade)
var(--light-shade);
}
/*SPECIALS*/
.specials {
margin: 0.2em;
}