liliesh/homepage
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Made deploy ready

Browse source
This commit is contained in:
Liliesh 2025-12-27 12:03:48 +01:00
parent 5085569dd3
commit d05bf79428
Signed by: liliesh
GPG key ID: 680387646C7BAE8E
15 changed files with 12 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
html/assets/blobfox-88x31.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 5.1 KiB

BIN
html/assets/chrmevil.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 8.8 KiB

BIN
html/assets/fediverse.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 604 B

BIN
html/assets/firefoxnow.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.3 KiB

BIN
html/assets/git_emblem.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 13 KiB

BIN
html/assets/hash_now.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2 KiB

BIN
html/assets/linux.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 880 B

BIN
html/assets/lulu_tinyuniverses_wannachill.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.4 KiB

BIN
html/assets/microsoft_stop.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 1.2 KiB

BIN
html/assets/scottgames.gif Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 2.8 KiB

66
html/general.css Normal file
View file

@ -0,0 +1,66 @@
: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);
}

78
html/index.html Normal file
View file

@ -0,0 +1,78 @@
<html>
<head>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="general.css">
</head>
<body>
<div class="window">
<div class="title-bar">Welcome!</div>
<div class="actionbar">
<a class="action-button" href="./index.html">Home</a>
<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 class="window-content">
<h2>About Liliesh</h2>
<h5>silly neighborhood goofball</h5>
<div class="UwU">
<h3>About Me</h3>
<ul>
<li><b>Name:</b> Maya</li>
<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 class="socials">
<a class="social button" href="https://wetdry.world/@techfoxxo"><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>
</body>
<footer>
</footer>
</html>

120
html/links.html Normal file
View file

@ -0,0 +1,120 @@
<html>
<head>
<link rel="stylesheet" href="main.css">
<link rel="stylesheet" href="general.css">
</head>
<body>
<div class="window">
<div class="title-bar">Welcome!</div>
<div class="actionbar">
<a class="action-button" href="./index.html">Home</a>
<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 class="window-content">
<h2>Link Collection</h2>
<div class="UwU">
<h3>Disclaimer!</h3>
<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>
<br>
<h3>Server Software</h3>
<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 class="socials">
<a class="social button" href="https://wetdry.world/@techfoxxo"><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>
</body>
<footer>
</footer>
</html>

72
html/main.css Normal file
View file

@ -0,0 +1,72 @@
/*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;
}