pixeldrain/fnx_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add a nice background image on the home page

Browse Source
This commit is contained in:
Fornax
2022-02-21 21:53:58 +01:00
parent 2a9fc5d9d5
commit fff4410801
12 changed files with 60 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
res/template/fragments/page_wrap.html
View File

@@ -55,22 +55,24 @@ function resetMenu() {
{{define "page_bottom"}}
<footer>
<div style="display: inline-block; margin: 0 8px 0 8px;">
Pixeldrain is a product by <a href="//fornaxian.tech" target="_blank">Fornaxian Technologies</a>
<div class="footer_content">
<div style="display: inline-block; margin: 0 8px 0 8px;">
Pixeldrain is a product by <a href="//fornaxian.tech" target="_blank">Fornaxian Technologies</a>
</div>
<div style="display: inline-block; margin: 0 8px 0 8px;">
(
<a href="https://www.patreon.com/pixeldrain" target="_blank">{{template `patreon.svg` .}} Patreon</a> |
<a href="https://twitter.com/Fornax96" target="_blank">{{template `twitter.svg` .}} Twitter</a> |
<a href="https://reddit.com/r/pixeldrain" target="_blank">{{template `reddit.svg` .}} Reddit</a> |
<a href="https://github.com/Fornaxian" target="_blank">{{template `github.svg` .}} GitHub</a> |
<a href="https://mastodon.social/web/@fornax" target="_blank">{{template `mastodon.svg` .}} Mastodon</a>
)
</div>
<br/>
<span class="small_footer_text" style="font-size: .75em; line-height: .75em;">
page rendered by {{.Hostname}}
</span>
</div>
<div style="display: inline-block; margin: 0 8px 0 8px;">
(
<a href="https://www.patreon.com/pixeldrain" target="_blank">{{template `patreon.svg` .}} Patreon</a> |
<a href="https://twitter.com/Fornax96" target="_blank">{{template `twitter.svg` .}} Twitter</a> |
<a href="https://reddit.com/r/pixeldrain" target="_blank">{{template `reddit.svg` .}} Reddit</a> |
<a href="https://github.com/Fornaxian" target="_blank">{{template `github.svg` .}} GitHub</a> |
<a href="https://mastodon.social/web/@fornax" target="_blank">{{template `mastodon.svg` .}} Mastodon</a>
)
</div>
<br/>
<span class="small_footer_text" style="font-size: .75em; line-height: .75em;">
page rendered by {{.Hostname}}
</span>
</footer>
</div><!-- end page_body -->
{{end}}

20
res/template/home.html
View File

@@ -5,6 +5,16 @@
{{template "meta_tags" "Free file sharing service"}}
{{template "user_style" .}}
<style>
/* Override the default background with something spectacular */
header, footer, .checkers {
background-image: url("/res/img/horsehead.webp");
background-color: var(--layer_1_color);
background-repeat: no-repeat;
background-blend-mode: luminosity;
background-attachment: fixed;
background-position: center;
background-size: cover;
}
.header_image{
width: 100%;
max-width: 800px;
@@ -91,9 +101,9 @@
</head>
<body>
{{template "page_top" .}}
<header style="padding-bottom: 60px;">
<header style="padding-bottom: 80px; padding-top: 80px;">
<picture>
<source media="(max-width: 800px)" srcset="/res/img/header_orbitron.png">
<source media="(max-width: 700px)" srcset="/res/img/header_orbitron.png">
<img class="header_image" src="/res/img/header_orbitron_wide.png" alt="Header image">
</picture>
</header>
@@ -128,7 +138,11 @@
them.
</p>
<h2 id="pro">Getting more out of pixeldrain</h2>
</section>
<header>
<h1 id="pro">Getting more out of pixeldrain</h1>
</header>
<section>
<p>
By purchasing a subscription you support pixeldrain on its
mission to make content sharing easier, safer and faster for

5
res/template/user_logout.html
View File

@@ -7,14 +7,14 @@
<body>
{{template "page_top" .}}
<header>
<h1>Please confirm that you want to log out of your pixeldrain account</h1>
<h1>Logging out of your pixeldrain account</h1>
</header>
<br/>
<form method="POST" action="/logout">
<input type="submit" value="I want to log out of pixeldrain on this computer" class="button_highlight"/>
</form>
<br/>
<section>
<br/>
<h2>Why do I need to confirm my logout?</h2>
<p>
We need you to confirm your action so we can be sure that you
@@ -29,7 +29,6 @@
logout button triggers a different request type than normal
page visit we can confirm that you really want to log out.
</p>
<br/>
</section>
{{template "page_bottom" .}}
{{template "analytics"}}