95 lines
3.6 KiB
HTML
95 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<!-- SEO -->
|
||
{{ partial "seo.html" . }}
|
||
|
||
|
||
<meta name="robots" content="index" />
|
||
<meta name="geo.region" content="CH-GE" />
|
||
<meta name="geo.placename" content="Geneva" />
|
||
<meta name="geo.position" content="46.203918;6.133011" />
|
||
<meta name="ICBM" content="46.203918, 6.133011" />
|
||
<link rel="canonical" href="https://setto.basspistol.com" />
|
||
<link rel="alternate" hreflang="x-default" href="https://setto.basspistol.com" />
|
||
{{ $style := resources.Get "css/style.css" | resources.Minify | fingerprint }}
|
||
<link rel="stylesheet" href="{{ $style.RelPermalink }}">
|
||
|
||
|
||
</head>
|
||
<body>
|
||
{{ partial "header.html" . }}
|
||
|
||
<main>
|
||
|
||
{{ partial "blog.html" . }}
|
||
|
||
{{ partial "music.html" . }}
|
||
|
||
{{ partial "pictures.html" . }}
|
||
|
||
{{ partial "videos.html" . }}
|
||
|
||
</main>
|
||
|
||
{{ partial "footer.html" . }}
|
||
|
||
<!-- Custom Lightbox -->
|
||
<div class="custom-lightbox" id="customLightbox">
|
||
<span class="custom-lightbox-close" id="lightboxClose">✕</span>
|
||
<button class="custom-lightbox-prev" id="lightboxPrev">‹</button>
|
||
<button class="custom-lightbox-next" id="lightboxNext">›</button>
|
||
<div class="custom-lightbox-content">
|
||
<img id="lightboxImage" src="" alt="">
|
||
<div class="custom-lightbox-caption">
|
||
<span id="lightboxCaption"></span>
|
||
<span class="lightbox-meta" id="lightboxMeta"></span>
|
||
</div>
|
||
</div>
|
||
<div class="custom-lightbox-counter" id="lightboxCounter">1 / 1</div>
|
||
</div>
|
||
|
||
<!-- Music Lightbox -->
|
||
<div class="music-lightbox" id="musicLightbox">
|
||
<div class="music-lightbox-background" id="musicLightboxBg"></div>
|
||
<button class="music-lightbox-close" id="musicLightboxClose">✕</button>
|
||
|
||
<div class="music-lightbox-content">
|
||
<div class="music-lightbox-album-art">
|
||
<img id="musicLightboxImage" src="" alt="Album art">
|
||
</div>
|
||
|
||
<div class="music-lightbox-info">
|
||
<h2 id="musicLightboxTitle">Title</h2>
|
||
<p class="music-lightbox-artist" id="musicLightboxArtist">Artist</p>
|
||
<p class="music-lightbox-album-name" id="musicLightboxAlbum">Album</p>
|
||
|
||
<div class="music-lightbox-progress">
|
||
<span class="music-lightbox-time" id="musicLightboxCurrentTime">0:00</span>
|
||
<div class="music-lightbox-progress-bar" id="musicLightboxProgressBar">
|
||
<div class="music-lightbox-progress-fill" id="musicLightboxProgressFill"></div>
|
||
</div>
|
||
<span class="music-lightbox-time" id="musicLightboxDuration">0:00</span>
|
||
</div>
|
||
|
||
<div class="music-lightbox-controls">
|
||
<button class="music-lightbox-control-btn" id="musicLightboxPrev">⏮</button>
|
||
<button class="music-lightbox-control-btn play-btn" id="musicLightboxPlayBtn2">
|
||
<span id="musicPlayIcon2">▶</span>
|
||
</button>
|
||
<button class="music-lightbox-control-btn" id="musicLightboxNext">⏭</button>
|
||
</div>
|
||
|
||
<!-- Lyrics moved here - below the controls -->
|
||
<div class="music-lightbox-lyrics" id="musicLightboxLyrics" style="display: none;"></div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
{{ $js := resources.Get "js/scripts.js" | resources.Minify | fingerprint }}
|
||
<script src="{{ $js.RelPermalink }}"></script>
|
||
</body>
|
||
</html>
|