Change theme, add startpage
This commit is contained in:
BIN
.config/firefox/startpages/everforest-dark/images/01.jpg
Normal file
BIN
.config/firefox/startpages/everforest-dark/images/01.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.8 MiB |
72
.config/firefox/startpages/everforest-dark/index.html
Normal file
72
.config/firefox/startpages/everforest-dark/index.html
Normal 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>
|
||||
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>
|
||||
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>
|
||||
*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>
|
||||
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>
|
||||
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>
|
||||
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>
|
||||
|
126
.config/firefox/startpages/everforest-dark/style.css
Normal file
126
.config/firefox/startpages/everforest-dark/style.css
Normal 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;
|
||||
}
|
||||
|
||||
|
Reference in New Issue
Block a user