diff --git a/pkg/web_server/footer.templ b/pkg/web_server/footer.templ new file mode 100644 index 0000000..97c07ea --- /dev/null +++ b/pkg/web_server/footer.templ @@ -0,0 +1,9 @@ +package web_server + +templ footer() { + +} diff --git a/pkg/web_server/inbox.templ b/pkg/web_server/inbox.templ index 0388063..8c6e0c1 100644 --- a/pkg/web_server/inbox.templ +++ b/pkg/web_server/inbox.templ @@ -32,6 +32,7 @@ templ inbox_body(rcpt_addr string, ms []mail_utils.Mail_obj) { } + @footer() } diff --git a/pkg/web_server/index.templ b/pkg/web_server/index.templ index 94506f8..32c07d0 100644 --- a/pkg/web_server/index.templ +++ b/pkg/web_server/index.templ @@ -18,6 +18,7 @@ templ index_page() {
Get one now!
+ @footer() } diff --git a/pkg/web_server/mail.templ b/pkg/web_server/mail.templ index fe3f2bb..88e336f 100644 --- a/pkg/web_server/mail.templ +++ b/pkg/web_server/mail.templ @@ -35,6 +35,7 @@ templ mail_body_comp(rcpt_addr string, m mail_utils.Mail_obj, policy *bluemonday
@mime_type(m.Body[m.PreferedBodyIndex], policy)
+ @footer() } diff --git a/pkg/web_server/styles.templ b/pkg/web_server/styles.templ index 05a921a..9ff28b1 100644 --- a/pkg/web_server/styles.templ +++ b/pkg/web_server/styles.templ @@ -14,6 +14,8 @@ templ styles() { body { background-color: #181818 !important; color: #FEFEFE; + position: relative; + min-height: 100vh; } body, h1, h2, h3, h4, h5, h6, p, ol, ul { @@ -39,7 +41,6 @@ templ styles() { justify-content: center; align-items: center; - min-height: 100vh; margin-top: -100px; } @@ -104,11 +105,34 @@ templ styles() { font-style: italic; } + /* FOOTER */ + footer { + background-color: green; + padding-bottom: 64px; + } + + footer p { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 64px; + + padding: 8px 16px; + + font-size: inherit; + font-family: monospace, 'sans-serif'; + text-align: center; + } + + footer p a { + color: inherit; + } + /* INBOX */ body.inbox { width: 100%; display: flex; - justify-content: center; align-items: center; flex-direction: column; } @@ -192,7 +216,6 @@ templ styles() { body.mail { width: 100%; display: flex; - justify-content: center; align-items: center; flex-direction: column; }