diff --git a/templates/index.html b/templates/index.html index adfbfd5..dd3d089 100644 --- a/templates/index.html +++ b/templates/index.html @@ -302,6 +302,46 @@ margin: 0 5px; } + .footer { + max-width: 900px; + margin: 24px auto 0; + display: flex; + justify-content: center; + gap: 10px; + } + + .footer a { + display: inline-flex; + align-items: center; + gap: 10px; + padding: 10px 14px; + border-radius: 999px; + background: rgba(0, 0, 0, 0.18); + color: #fff; + text-decoration: none; + box-shadow: 0 10px 25px rgba(0, 0, 0, 0.25); + backdrop-filter: blur(4px); + } + + .footer a:hover { + background: rgba(0, 0, 0, 0.28); + transform: translateY(-1px); + transition: all 0.2s ease; + } + + .footer img { + width: 40px; + height: 40px; + border-radius: 50%; + border: 2px solid rgba(255, 255, 255, 0.25); + object-fit: cover; + } + + .footer span { + font-weight: 600; + letter-spacing: 0.2px; + } + @media (max-width: 768px) { .format-row, .output-options { @@ -428,6 +468,13 @@ +
+