Change theme, add startpage

This commit is contained in:
azpsen
2024-01-25 21:10:19 -06:00
parent 2c0cb2012a
commit 89584e2e9c
10 changed files with 371 additions and 8 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 MiB

View File

@@ -0,0 +1,72 @@
<!DOCTYPE html>
<html>
<head>
<title>New Tab</title>
<link rel="stylesheet" type="text/css" href="style.css">
<script src="https://kit.fontawesome.com/50ca4bca32.js" crossorigin="anonymous"></script>
</head>
<body>
<div class="image">
<img alt="fem" src="images/01.jpg">
</div>
<nav>
<h1>Welcome back!</h1>
<ul>
<l1 class="title">
<i class="fa-solid fa-terminal"></i>
&nbsp;utils
</l1>
<li><a href="https://mail.google.com/">gmail</a></li>
<li><a href="https://account.proton.me/login?language=en&product=mail">protonmail</a></li>
<li><a href="https://github.com/login">github</a></li>
</ul>
<ul>
<l3 class="title">
<i class="fa-solid fa-rocket"></i>
&nbsp;server
</l3>
<li><a href="http://100.111.0.126:8096">jellyfin</a></li>
<li><a href="http://100.111.0.126:2283">immich</a></li>
<li><a href="http://100.111.0.126:9191">freshrss</a></li>
</ul>
<ul>
<l4 class-"title">
<i class="fa-solid fa-bars-progress"></i>
&nbsp;*arr
</l4>
<li><a href="http://100.111.0.126:7878">radarr</a></li>
<li><a href="http://100.111.0.126:8989">sonarr</a></li>
<li><a href="http://100.111.0.126:8686">lidarr</a></li>
<li><a href="http://100.111.0.126:7878">bazarr</a></li>
<li><a href="http://100.111.0.126:9696">prowlarr</a></li>
<li><a href="http://100.111.0.126:6767">bazarr</a></li>
</ul>
<ul>
<l2 class-"title">
<i class="fa-solid fa-circle-down"></i>
&nbsp;downloads
</l2>
<li><a href="http://100.111.0.126:8080">qbittorrent</a></li>
<li><a href="http://100.111.0.126:6595">deemix</a></li>
</ul>
<ul>
<l5 class-"title">
<i class="fa-solid fa-server"></i>
&nbsp;system
</l5>
<li><a href="http://100.111.0.126">adguard</a></li>
<li><a href="http://100.111.0.126:9999">dozzle</a></li>
<li><a href="http://100.111.0.126:8181">scrutiny</a></li>
</ul>
<ul>
<l6 class="title">
<i class="fa-solid fa-book"></i>
&nbsp;read
</l6>
<li><a href="https://annas-archive.org/">anna's archive</a></li>
<li><a href="https://libgen.is/">libgen</a></li>
<li><a href="https://wikipedia.org/">wikipedia</a></li>
</ul>
</body>
</html>

View File

@@ -0,0 +1,126 @@
html {
align-items: center;
display: flex;
height: 100%;
justify-content: center;
}
body {
display: flex;
color: #fdf6e3;
background: #2d353b;
font-family: 'JetBrainsMonoNL Nerd Font';
margin-right: 9em;
padding: 1em;
}
img {
height: 660px;
width: 440px;
margin-right: 2em;
margin-left: 2em;
border-radius: 12px;
border: 1px solid rgba(30, 35, 38, 1.0);
box-shadow: 0 4px 8px 0 rgba(30, 35, 38, 0.2), 0 6px 20px 0 rgba(30, 35, 38, 0.19);
}
nav {
display: grid;
grid-row-gap: 2em;
grid-column-gap: 3em;
grid-template-columns: 1fr 1fr 1fr;
min-width: 28em;
grid-auto-rows: max-content;
}
h1 {
font-size: 2.2em;
font-family: JetBrainsMonoNL Nerd Font;
color:#fbf1c7;
font-weight: 600;
grid-column: 1/-1;
text-align: center;
margin-bottom:0.2em;
margin-top:2.4em;
}
ul {
font-size: 1.1em;
margin: 0;
padding: 0;
white-space: nowrap;
list-style-type: none;
}
li {
line-height: 1.4em;
margin-left: 4.8em;
}
l1:first-child {
display: inline-block;
color: #e67e80;
font-size: 1.5em;
font-weight: 600;
text-align: center;
line-height: 2em;
margin-left: 3.2em;
}
l2:first-child {
display: inline-block;
color: #a7c080;
font-size: 1.5em;
font-weight: 600;
text-align: center;
line-height: 2em;
margin-left: 3.2em;
}
l3:first-child {
display: inline-block;
color: #dbbc7f;
font-size: 1.5em;
font-weight: 600;
text-align: center;
line-height: 2em;
margin-left: 3.2em;
}
l4:first-child {
display: inline-block;
color: #7fbbb3;
font-size: 1.5em;
font-weight: 600;
text-align: center;
line-height: 2em;
margin-left: 3.2em;
}
l5:first-child {
display: inline-block;
color: #d699b6;
font-size: 1.5em;
font-weight: 600;
text-align: center;
line-height: 2em;
margin-left: 3.2em;
}
l6:first-child {
display: inline-block;
color: #83c092;
font-size: 1.5em;
font-weight: 600;
text-align: center;
line-height: 2em;
margin-left: 3.2em;
}
a {
color: #e0dcc7;
font-size: 1.1em;
font-family: JetBrainsMonoNL Nerd Font;
text-decoration: none;
}
a:hover {
color: #d3c6aa;
font-weight: 500;
}