setto/setto-nostr-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Compare commits

base: setto:b702ce6cda6c653255b6cae4c45afc0df83330ac
Branches Tags
setto:main
setto:playlists
setto:setto-set-flava-flav
..
compare: setto:3f48b3ee0b8b8a2bd9728225657a44c0c2dc10b0
Branches Tags
setto:playlists
setto:setto-set-flava-flav
setto:main

No commits in common. "b702ce6cda6c653255b6cae4c45afc0df83330ac" and "3f48b3ee0b8b8a2bd9728225657a44c0c2dc10b0" have entirely different histories.
b702ce6cda ... 3f48b3ee0b

6 changed files with 128 additions and 136 deletions
Download patch file Download diff file Expand all files Collapse all files

131
themes/one-pager/layouts/index.html
View file

@ -23,17 +23,140 @@
{{ partial "header.html" . }} {{ partial "header.html" . }}
<main> <main>
<!-- BLOG SECTION - Longform -->
<section id="blog" class="section">
<h2>Now Log</h2>
<div class="blog-grid">
{{ $blogPosts := slice }}
{{ range $path, $entries := hugo.Data.longform }}
{{ range $entries }}
{{ $blogPosts = $blogPosts | append . }}
{{ end }}
{{ end }}
{{ partial "blog.html" . }} {{ $sortedPosts := sort $blogPosts "created_at" "desc" }}
{{ range first 2 $sortedPosts }}
{{ $title := "" }}
{{ $summary := "" }}
{{ $image := "" }}
{{ $tags := slice }}
{{ $d := "" }}
{{ $createdAt := int .created_at }}
{{ partial "music.html" . }} {{ range .tags }}
{{ if eq (index . 0) "title" }}
{{ $title = index . 1 }}
{{ else if eq (index . 0) "summary" }}
{{ $summary = index . 1 }}
{{ else if eq (index . 0) "image" }}
{{ $image = index . 1 }}
{{ else if eq (index . 0) "t" }}
{{ $tags = $tags | append (index . 1) }}
{{ else if eq (index . 0) "d" }}
{{ $d = index . 1 }}
{{ end }}
{{ end }}
{{ partial "pictures.html" . }} <div class="blog-card">
{{ if $image }}
<img src="{{ $image }}" alt="{{ $title }}" class="blog-header-image" loading="lazy">
{{ end }}
<div class="blog-content">
<h3>{{ $title }}</h3>
<p class="blog-meta">
{{ dateFormat "January 2, 2006" (time (int .created_at)) }}
</p>
{{ if $summary }}
<p class="blog-description">{{ $summary }}</p>
{{ end }}
<div class="blog-tags">
{{ range $tags }}
<span class="tag"><span>{{ . }}</span></span>
{{ end }}
</div>
<button class="read-more-toggle">Read More</button>
<div class="blog-full-content" style="display: none;">
{{ .content | markdownify }}
</div>
</div>
</div>
{{ end }}
</div>
</section>
{{ partial "videos.html" . }} <!-- MUSIC SECTION -->
<section id="music" class="section">
<h2>Music Traxxx</h2>
<div style="text-align: right; margin-bottom: 1rem;">
<button onclick="refreshMusic()" class="refresh-button">
<span>🎲 Randomize</span>
</button>
</div>
<div class="music-grid" id="musicGrid">
{{ $allMusic := slice }}
{{ range $path, $entries := hugo.Data.music }}
{{ range $entries }}
{{ $allMusic = $allMusic | append . }}
{{ end }}
{{ end }}
{{ $musicData := jsonify $allMusic }}
<script>
window.allMusicData = {{ $musicData | safeJS }};
</script>
</div>
</section>
<!-- PICTURES SECTION -->
<section id="pictures" class="section">
<h2>Pix & Doodles</h2>
<div style="text-align: right; margin-bottom: 1rem;">
<button onclick="refreshPictures()" class="refresh-button">
<span>🎲 Randomize</span>
</button>
</div>
<div class="photo-grid" id="photoGrid">
{{ $allPictures := slice }}
{{ range $path, $entries := hugo.Data.pictures }}
{{ range $entries }}
{{ $allPictures = $allPictures | append . }}
{{ end }}
{{ end }}
<!-- Store all pictures data in a JSON array -->
{{ $picturesData := jsonify $allPictures }}
<script>
window.allPicturesData = {{ $picturesData | safeJS }};
</script>
</div>
</section>
<!-- VIDEO SECTION -->
<section id="videos" class="section">
<h2>Vidz</h2>
<div style="text-align: right; margin-bottom: 1rem;">
<button onclick="refreshVideos()" class="refresh-button">
<span>🎲 Randomize</span>
</button>
</div>
<div class="video-grid" id="videoGrid">
{{ $allVideos := slice }}
{{ range $path, $entries := hugo.Data.videos }}
{{ range $entries }}
{{ $allVideos = $allVideos | append . }}
{{ end }}
{{ end }}
<!-- Store all videos data in a JSON array -->
{{ $videosData := jsonify $allVideos }}
<script>
window.allVideosData = {{ $videosData | safeJS }};
</script>
</div>
</section>
</main> </main>
<!-- Footer -->
{{ partial "footer.html" . }} {{ partial "footer.html" . }}
<!-- Custom Lightbox --> <!-- Custom Lightbox -->

60
themes/one-pager/layouts/partials/blog.html
View file

@ -1,60 +0,0 @@
<!-- BLOG SECTION - Longform -->
<section id="blog" class="section">
<h2>Now Log</h2>
<div class="blog-grid">
{{ $blogPosts := slice }}
{{ range $path, $entries := hugo.Data.longform }}
{{ range $entries }}
{{ $blogPosts = $blogPosts | append . }}
{{ end }}
{{ end }}
{{ $sortedPosts := sort $blogPosts "created_at" "desc" }}
{{ range first 2 $sortedPosts }}
{{ $title := "" }}
{{ $summary := "" }}
{{ $image := "" }}
{{ $tags := slice }}
{{ $d := "" }}
{{ $createdAt := int .created_at }}
{{ range .tags }}
{{ if eq (index . 0) "title" }}
{{ $title = index . 1 }}
{{ else if eq (index . 0) "summary" }}
{{ $summary = index . 1 }}
{{ else if eq (index . 0) "image" }}
{{ $image = index . 1 }}
{{ else if eq (index . 0) "t" }}
{{ $tags = $tags | append (index . 1) }}
{{ else if eq (index . 0) "d" }}
{{ $d = index . 1 }}
{{ end }}
{{ end }}
<div class="blog-card">
{{ if $image }}
<img src="{{ $image }}" alt="{{ $title }}" class="blog-header-image" loading="lazy">
{{ end }}
<div class="blog-content">
<h3>{{ $title }}</h3>
<p class="blog-meta">
{{ dateFormat "January 2, 2006" (time (int .created_at)) }}
</p>
{{ if $summary }}
<p class="blog-description">{{ $summary }}</p>
{{ end }}
<div class="blog-tags">
{{ range $tags }}
<span class="tag"><span>{{ . }}</span></span>
{{ end }}
</div>
<button class="read-more-toggle">Read More</button>
<div class="blog-full-content" style="display: none;">
{{ .content | markdownify }}
</div>
</div>
</div>
{{ end }}
</div>
</section>

4
themes/one-pager/layouts/partials/footer.html
View file

@ -1,5 +1,3 @@
<!-- Footer -->
<footer class="site-footer"> <footer class="site-footer">
<!-- Glow effect --> <!-- Glow effect -->
<div class="footer-glow"></div> <div class="footer-glow"></div>
@ -50,7 +48,7 @@
</div> </div>
<div class="footer-social"> <div class="footer-social">
<a href="https://nostr.basspistol.org/users/nprofile1qqsr7ydtkt3rtk3dfhd96m0t9ufrzu68df695099dz26r58kx2jz7sqpz3mhxue69uhkyctnwdcxjum5dakzummjvuy2xely" target="_blank" rel="noopener noreferrer">Nostr</a> <a href="https://nostr.basspistol.org/users/nprofile1qqsr7ydtkt3rtk3dfhd96m0t9ufrzu68df695099dz26r58kx2jz7sqpz3mhxue69uhkyctnwdcxjum5dakzummjvuy2xely" target="_blank" rel="noopener noreferrer">Nostr</a>
<a href="https://git.basspistol.org/setto/setto-nostr-web" target="_blank" rel="noopener noreferrer">GitHub</a> <a href="Code" target="_blank" rel="noopener noreferrer">GitHub</a>
<a href="https://basspistol.com" target="_blank" rel="noopener noreferrer">Bpist</a> <a href="https://basspistol.com" target="_blank" rel="noopener noreferrer">Bpist</a>
</div> </div>
</div> </div>

22
themes/one-pager/layouts/partials/music.html
View file

@ -1,22 +0,0 @@
<!-- MUSIC SECTION -->
<section id="music" class="section">
<h2>Music Traxxx</h2>
<div style="text-align: right; margin-bottom: 1rem;">
<button onclick="refreshMusic()" class="refresh-button">
<span>🎲 Randomize</span>
</button>
</div>
<div class="music-grid" id="musicGrid">
{{ $allMusic := slice }}
{{ range $path, $entries := hugo.Data.music }}
{{ range $entries }}
{{ $allMusic = $allMusic | append . }}
{{ end }}
{{ end }}
{{ $musicData := jsonify $allMusic }}
<script>
window.allMusicData = {{ $musicData | safeJS }};
</script>
</div>
</section>

23
themes/one-pager/layouts/partials/pictures.html
View file

@ -1,23 +0,0 @@
<!-- PICTURES SECTION -->
<section id="pictures" class="section">
<h2>Pix & Doodles</h2>
<div style="text-align: right; margin-bottom: 1rem;">
<button onclick="refreshPictures()" class="refresh-button">
<span>🎲 Randomize</span>
</button>
</div>
<div class="photo-grid" id="photoGrid">
{{ $allPictures := slice }}
{{ range $path, $entries := hugo.Data.pictures }}
{{ range $entries }}
{{ $allPictures = $allPictures | append . }}
{{ end }}
{{ end }}
<!-- Store all pictures data in a JSON array -->
{{ $picturesData := jsonify $allPictures }}
<script>
window.allPicturesData = {{ $picturesData | safeJS }};
</script>
</div>
</section>

24
themes/one-pager/layouts/partials/videos.html
View file

@ -1,24 +0,0 @@
<!-- VIDEO SECTION -->
<section id="videos" class="section">
<h2>Vidz</h2>
<div style="text-align: right; margin-bottom: 1rem;">
<button onclick="refreshVideos()" class="refresh-button">
<span>🎲 Randomize</span>
</button>
</div>
<div class="video-grid" id="videoGrid">
{{ $allVideos := slice }}
{{ range $path, $entries := hugo.Data.videos }}
{{ range $entries }}
{{ $allVideos = $allVideos | append . }}
{{ end }}
{{ end }}
<!-- Store all videos data in a JSON array -->
{{ $videosData := jsonify $allVideos }}
<script>
window.allVideosData = {{ $videosData | safeJS }};
</script>
</div>
</section>
</main>