go/leech
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: add new background image

Browse Source
This commit is contained in:
Louis Dalibard 2025-01-03 04:20:43 +01:00
parent 1bb928b810
commit c835fb47f5
2 changed files with 72 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

71
assets/css/style.css Normal file
View File

@ -0,0 +1,71 @@
@import url("https://fonts.googleapis.com/css2?family=DotGothic16&display=swap");
:root {
--text-color: #9e5272;
--text-color-accent: #793a73;
--bg-color: #181a1b;
--bg-sec-color: #f0d8e3;
color: var(--text-color);
}
body {
margin: 0;
position: relative;
font-family: "DotGothic16", sans-serif;
font-weight: 400;
font-style: normal;
background-color: var(--bg-color);
background-image: url(/assets/images/bg-v1-dithered-3levels-colored-big-trans.png);
background-blend-mode: difference;
background-position: center;
background-repeat: repeat-y;
text-align: center;
font-size: 32px;
}
#content,
#footer {
position: relative;
display: inline-block;
min-width: 720px;
max-width: 1280px;
width: 100vw;
}
#content {
min-height: calc(100vh - 256px);
padding: 128px 32px 32px 32px;
text-align: center;
}
#footer {
text-align: left;
margin-bottom: 64px;
}
a {
color: var(--text-color);
text-decoration: none;
font-size: 32px;
}
.entry-name {
margin-left: 16px;
margin-right: auto;
}
#leech {
image-rendering: pixelated;
transform-origin: center center;
height:256px;
width:auto;
}
.left-entry{
margin-right: auto;
}
.row {
display: flex;
}
#toggle-big-preview-link {
text-decoration-line: underline;
text-decoration-style: wavy;
}
.entry-icon{
image-rendering: pixelated;
}

68
html/html.go
View File

@ -42,80 +42,14 @@ func FileListPage(req string, entries []Entry, big_preview_mode bool) string {
<head>
<!-- Stylesheet-->
<style>
@import url("https://fonts.googleapis.com/css2?family=DotGothic16&display=swap");
:root {
--text-color: #9e5272;
--text-color-accent: #793a73;
--bg-color: #181a1b;
--bg-sec-color: #f0d8e3;
color: var(--text-color);
}
body {
margin: 0;
position: relative;
font-family: "DotGothic16", sans-serif;
font-weight: 400;
font-style: normal;
background-color: var(--bg-color);
background-image: url(/assets/images/bg-v1-dithered-3levels-colored-big-trans.png);
background-blend-mode: difference;
background-position: center;
background-repeat: repeat-y;
text-align: center;
font-size: 32px;
}
#content,#footer {
position: relative;
display: inline-block;
min-width: 720px;
max-width: 1280px;
width: 100vw;
}
#content {
min-height: calc(100vh - 256px);
padding: 128px 32px 32px 32px;
text-align: center;
}
#footer {
text-align: left;
margin-bottom: 64px;
}
a {
color: var(--text-color);
text-decoration: none;
font-size: 32px;
}
.entry {
%s
}
.entry-name {
margin-left: 16px;
margin-right: auto;
}
.entry-icon{
%s
image-rendering: pixelated;
}
#leech {
image-rendering: pixelated;
transform-origin: center center;
height:256px;
width:auto;
}
.left-entry{
margin-right: auto;
}
.row {
display: flex;
}
#toggle-big-preview-link {
text-decoration-line: underline;
text-decoration-style: wavy;
}
</style>
<link rel="stylesheet" type="text/css" href="/assets/css/style.css">
<!-- Title Element-->
<title>%s | leech.ontake.dev</title>
<!-- Icon-->