Update base template

This commit is contained in:
Alex Selimov 2025-09-04 08:07:09 -04:00
parent 3c4c52fe2b
commit 206c1be241
Signed by: aselimov
GPG key ID: 3DDB9C3E023F1F31
2 changed files with 41 additions and 24 deletions

View file

@ -1,11 +1,29 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
{{ partial "head.html" . }} {{ partial "head.html" . }}
<body> <body {{ if .Site.Params.background_image }}style="background-image: url('{{ .Site.Params.background_image }}'); background-size: cover; background-position: center; background-repeat: no-repeat;"{{ end }}>
<!-- Background Animation --> <!-- Background Animation -->
<div class="bg-animation" id="bgAnimation"></div>
<div class="container mx-auto px-4 py-12 max-w-md"> <div style="
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
">
<div style="
background: rgba(0, 0, 0, 0.7);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
padding: 40px;
border-radius: 15px;
border: 1px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
max-width: 600px;
margin: 0 auto;
">
<!-- Your content here -->
<div class="container mx-auto px-4 py-14 max-w-md">
<!-- Profile Section --> <!-- Profile Section -->
{{ partial "profile.html" . }} {{ partial "profile.html" . }}
@ -13,10 +31,8 @@
{{ partial "link-card.html" . }} {{ partial "link-card.html" . }}
<!-- Spotify Embed --> <!-- Spotify Embed -->
{{ partial "spotify-playlist.html" . }}
<!-- Messaging Etiquette section --> <!-- Messaging Etiquette section -->
{{ partial "messaging-etiquette.html" . }}
<!-- Embed with hue-shift filter --> <!-- Embed with hue-shift filter -->
@ -27,13 +43,14 @@
{{ partial "about.html" . }} {{ partial "about.html" . }}
<!-- Instructions section (After you're done adding your links, remove or comment the line below) --> <!-- Instructions section (After you're done adding your links, remove or comment the line below) -->
{{ partial "Instructions.html" . }}
<footer class="text-center text-xs opacity-60"> <footer class="text-center text-xs opacity-60">
© 2025 LucentLink | Made with ❤️ © {{ .Site.Params.copyright }}
</footer> </footer>
</div> </div>
</div>
</div>
<script src="js/script.js"></script> <script src="js/script.js"></script>
</body> </body>