wrap all page content in container

for robustness with addons etc injection other elements in body
This commit is contained in:
f0x 2022-06-08 02:24:56 +02:00
commit 23786826a8
3 changed files with 38 additions and 29 deletions

View file

@ -7,11 +7,18 @@ html, body {
} }
body { body {
line-height: 1.5em;
min-height: 100vh;
position: relative;
}
.page {
position: absolute;
display: grid; display: grid;
min-height: 100%;
min-width: 100%;
grid-template-rows: auto 1fr auto; grid-template-rows: auto 1fr auto;
min-height: 100vh;
line-height: 1.5em;
} }
main { main {

View file

@ -1,20 +1,21 @@
<!-- footer.tmpl --> <!-- footer.tmpl -->
<footer> <footer>
<div id="version"> <div id="version">
GoToSocial: <span class="accent">{{.instance.Version}}</span><br> GoToSocial: <span class="accent">{{.instance.Version}}</span><br>
<a href="https://github.com/superseriousbusiness/gotosocial">Source Code</a> <a href="https://github.com/superseriousbusiness/gotosocial">Source Code</a>
</div> </div>
<div id="contact"> <div id="contact">
{{ if .instance.ContactAccount }} {{ if .instance.ContactAccount }}
Contact: <a href="{{.instance.ContactAccount.URL}}" class="nounderline">{{.instance.ContactAccount.Username}}</a><br> Contact: <a href="{{.instance.ContactAccount.URL}}" class="nounderline">{{.instance.ContactAccount.Username}}</a><br>
{{ end }} {{ end }}
</div> </div>
<div id="email"> <div id="email">
{{ if .instance.Email }} {{ if .instance.Email }}
Email: <a href="mailto:{{.instance.Email}}" class="nounderline">{{.instance.Email}}</a><br> Email: <a href="mailto:{{.instance.Email}}" class="nounderline">{{.instance.Email}}</a><br>
{{ end }} {{ end }}
</div> </div>
</footer> </footer>
</div>
{{ if .javascript }} {{ if .javascript }}
{{ range .javascript }} {{ range .javascript }}
<script src="{{.}}"></script> <script src="{{.}}"></script>

View file

@ -1,6 +1,6 @@
<!DOCTYPE html> <!DOCTYPE html>
<!-- Header tmpl --> <!-- header.tmpl -->
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -17,12 +17,13 @@
<title>{{.instance.Title}} - GoToSocial</title> <title>{{.instance.Title}} - GoToSocial</title>
</head> </head>
<body> <body>
<header> <div class="page">
<img src="/assets/logo.png" alt="Instance Logo"/> <header>
<div> <img src="/assets/logo.png" alt="Instance Logo"/>
<h1> <div>
{{.instance.Title}} <h1>
</h1> {{.instance.Title}}
</div> </h1>
<div></div> </div>
</header> <div></div>
</header>