From 7675b90909b51bbb1d589cefb0532ca8ee85bf51 Mon Sep 17 00:00:00 2001 From: Djeex Date: Thu, 21 Aug 2025 18:07:15 +0200 Subject: [PATCH] Footer --- src/webui/gallery-editor/index.html | 14 +++ src/webui/img/favicon.svg | 154 ++++++++++++++++++++++++++++ src/webui/img/gitea.svg | 2 + src/webui/img/github.svg | 19 ++++ src/webui/index.html | 18 +++- src/webui/site-info/index.html | 14 +++ src/webui/style/style.css | 85 ++++++++++++--- src/webui/theme-editor/index.html | 15 +++ 8 files changed, 307 insertions(+), 14 deletions(-) create mode 100644 src/webui/img/favicon.svg create mode 100644 src/webui/img/gitea.svg create mode 100644 src/webui/img/github.svg diff --git a/src/webui/gallery-editor/index.html b/src/webui/gallery-editor/index.html index c9a944f..2844f2a 100644 --- a/src/webui/gallery-editor/index.html +++ b/src/webui/gallery-editor/index.html @@ -108,5 +108,19 @@ + \ No newline at end of file diff --git a/src/webui/img/favicon.svg b/src/webui/img/favicon.svg new file mode 100644 index 0000000..b3d40d1 --- /dev/null +++ b/src/webui/img/favicon.svg @@ -0,0 +1,154 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/webui/img/gitea.svg b/src/webui/img/gitea.svg new file mode 100644 index 0000000..9547800 --- /dev/null +++ b/src/webui/img/gitea.svg @@ -0,0 +1,2 @@ + +Gitea icon \ No newline at end of file diff --git a/src/webui/img/github.svg b/src/webui/img/github.svg new file mode 100644 index 0000000..c8db7de --- /dev/null +++ b/src/webui/img/github.svg @@ -0,0 +1,19 @@ + + + + + github [#142] + Created with Sketch. + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/webui/index.html b/src/webui/index.html index 93d2b39..cf628a4 100644 --- a/src/webui/index.html +++ b/src/webui/index.html @@ -36,10 +36,11 @@ -
+

Static Gallery Generator

+

Use this generator to create a static gallery from your photos. Then, upload the static files to your preferred web server.

@@ -55,6 +56,7 @@
    • +
    + \ No newline at end of file diff --git a/src/webui/site-info/index.html b/src/webui/site-info/index.html index 9a68cac..f9e6250 100644 --- a/src/webui/site-info/index.html +++ b/src/webui/site-info/index.html @@ -214,6 +214,20 @@
    + diff --git a/src/webui/style/style.css b/src/webui/style/style.css index b89cc9f..953a042 100644 --- a/src/webui/style/style.css +++ b/src/webui/style/style.css @@ -5,17 +5,26 @@ body { background: #111010; /* background:radial-gradient(ellipse at bottom center, #002a30, #000000bd), radial-gradient(ellipse at top center, #0558a8, #000000fa); */ color: #FBFBFB; + display: flex; + flex-direction: column; min-height: 100vh; margin:0px; - padding-top: 70px; +} + +a { + text-decoration: none; + color: #d3d3d3; } .content-inner { - max-width: 90%; + width: 100%; margin: 0 auto; max-width: 1140px; + padding: 0 40px; + padding-top: 70px; } + h1, h2 { color: #FBFBFB; } @@ -393,7 +402,7 @@ h2 { transition: all 0.3s; } /* --- Custom Upload Buttons --- */ -.up-btn { +.up-btn, .footer-links a{ display: inline-block; background: #00000000; color: #fff; @@ -409,7 +418,7 @@ h2 { border: 1px solid #585858; } -.up-btn:hover { +.up-btn:hover, .footer-links a:hover { background: #2d2d2d; } @@ -507,14 +516,6 @@ h2 { /* --- Site Info --- */ -/* --- Site Info Form --- */ - -#site-info.content-inner, #theme-editor.content-inner { - margin-right: auto; - margin-left: auto; - max-width: 1140px; - padding: 0 40px 40px 40px; -} fieldset { background-color: rgb(67 67 67 / 26%); @@ -828,4 +829,62 @@ justify-content: center; padding: 0; min-width: 0; /* Prevent unwanted minimum width */ width: auto; /* Let width fit content */ -} \ No newline at end of file +} + +#footer { + background-color: #0c0d0c29; + z-index: 1000; + backdrop-filter: blur(20px); + border-top: 1px solid #21212157; + width: 100%; + margin-top: auto; +} + +.footer-container { + display: flex; + justify-content: space-between; + align-items: center; + padding: 12px 16px; +} + + +.footer-links, .footer-links a { + display: flex; + gap: 12px; +} + +.footer-links a { + gap: 8px; +} + +.lum-first { + font-weight: bold; +} +.lum-second { + color: #55c3ec; + font-weight: bold; +} + +#footer a { + color: #fff; +} + +.footer-credit .lum-first::before { + content: url(/img/favicon.svg); + display: inline-block; +} + +#footer .content-inner { + padding-top: 0px; +} + +.icon { + width: 16px; + height: 16px; + display: flex; +} + +.icon-text { + display: flex; +} + diff --git a/src/webui/theme-editor/index.html b/src/webui/theme-editor/index.html index d597883..08e94f6 100644 --- a/src/webui/theme-editor/index.html +++ b/src/webui/theme-editor/index.html @@ -218,6 +218,21 @@ + +