mirror of
https://codeberg.org/liliesh/homepage.git
synced 2026-03-18 22:08:35 +01:00
Added base
This commit is contained in:
Liliesh
parent
b8107be42a
commit
f4220fb09a
GPG key ID:
680387646C7BAE8E
19 changed files with 244 additions and 309 deletions
39
html/.template.html
Normal file
39
html/.template.html
Normal 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">
|
||||||
|
built without javascript - <a href="https://git.pinkhaj.world/liliesh/homepage">Source Code</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</html>
|
||||||
39
html/about_me.html
Normal file
39
html/about_me.html
Normal 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">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>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
<footer>
|
||||||
|
<hr>
|
||||||
|
<div class="footerbox">
|
||||||
|
built without javascript - <a href="https://git.pinkhaj.world/liliesh/homepage">Source Code</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</html>
|
||||||
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 |
BIN
html/assets/kode-mono-latin-400-normal.woff2
Normal file
BIN
html/assets/kode-mono-latin-400-normal.woff2
Normal file
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 |
71
html/base.css
Normal file
71
html/base.css
Normal file
|
|
@ -0,0 +1,71 @@
|
||||||
|
: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;
|
||||||
|
}
|
||||||
|
}
|
||||||
39
html/blog.html
Normal file
39
html/blog.html
Normal 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">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>
|
||||||
|
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
<footer>
|
||||||
|
<hr>
|
||||||
|
<div class="footerbox">
|
||||||
|
built without javascript - <a href="https://git.pinkhaj.world/liliesh/homepage">Source Code</a>
|
||||||
|
</div>
|
||||||
|
</footer>
|
||||||
|
</html>
|
||||||
|
|
@ -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);
|
|
||||||
}
|
|
||||||
|
|
@ -1,74 +1,40 @@
|
||||||
|
<!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 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>
|
||||||
|
<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 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>
|
</div>
|
||||||
|
<hr>
|
||||||
|
<main>
|
||||||
|
<h2>Recent entries</h2>
|
||||||
|
</main>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
|
<hr>
|
||||||
|
<div class="footerbox">
|
||||||
|
built without javascript - <a href="https://git.pinkhaj.world/liliesh/homepage">Source Code</a>
|
||||||
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
</html>
|
||||||
</html>
|
|
||||||
135
html/links.html
135
html/links.html
|
|
@ -1,120 +1,39 @@
|
||||||
|
<!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 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
|
|
||||||
 <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
|
|
||||||
 <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.
|
|
||||||
 <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
|
|
||||||
 <a href="https://github.com/jeffvli/feishin">Source</a>
|
|
||||||
<br>
|
|
||||||
<b>SourceGit</b> - 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>
|
|
||||||
<b>Zen Browser</b> - 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>
|
|
||||||
<b>Abacus</b> - An mobile app to use Firefly III on the go
|
|
||||||
 <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
|
|
||||||
 <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
|
|
||||||
 <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
|
|
||||||
 <a href="https://volpeon.ink/emojis/">Website</a>
|
|
||||||
<br>
|
|
||||||
<b>Neomojimixer</b> - Create your own neomoji!
|
|
||||||
 <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
|
|
||||||
 <a href="https://distro.moe/">Website</a>
|
|
||||||
<br>
|
|
||||||
<b>Distro Chooser</b> - A website that helps you to choose a distro based on choices
|
|
||||||
 <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
|
|
||||||
 <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.
|
|
||||||
 <a href="https://linuxsurvival.com/">Website</a>
|
|
||||||
<br>
|
|
||||||
<b>Consumer Rights Wiki</b> - A website "Exposing the overlooked exploitation of modern customers"
|
|
||||||
 <a href="https://consumerrights.wiki/">Website</a>
|
|
||||||
<br>
|
|
||||||
<b>Awesome Privacy</b> - A collection of tools that can help with more online privacy
|
|
||||||
 <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
|
|
||||||
 <a href="https://samwho.dev/">Website</a>
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div>
|
||||||
|
<div class="navbar">
|
||||||
|
<p>goto</p>
|
||||||
|
<a href="./index.html">home</a>
|
||||||
|
<a href="./blog.html">blog</a>
|
||||||
|
<a href="./links.html" id="current_nav">links</a>
|
||||||
|
<a href="./about_me.html">about_me</a>
|
||||||
</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>
|
||||||
</div>
|
</div>
|
||||||
|
<hr>
|
||||||
|
<main>
|
||||||
|
|
||||||
|
</main>
|
||||||
</body>
|
</body>
|
||||||
|
|
||||||
<footer>
|
<footer>
|
||||||
|
<hr>
|
||||||
|
<div class="footerbox">
|
||||||
|
built without javascript - <a href="https://git.pinkhaj.world/liliesh/homepage">Source Code</a>
|
||||||
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
</html>
|
</html>
|
||||||
|
|
@ -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;
|
|
||||||
}
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue