ari/arimelody.me
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

moving to custom swap engine

Browse source 
Signed-off-by: ari melody <ari@arimelody.me>
This commit is contained in:
ari melody 2024-04-16 17:53:24 +01:00
parent 749f9bc8b7
commit 13d802d361
21 changed files with 4361 additions and 225 deletions
Download patch file Download diff file Expand all files Collapse all files

21
views/404.html Normal file
View file

@ -0,0 +1,21 @@
{{define "head"}}
<title>404 - ari melody 💫</title>
<link rel="shortcut icon" href="/img/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/style/error.css">
{{end}}
{{define "content"}}
<main>
<h1>
# 404 - not found!
</h1>
<p>
the page you're looking for does not exist.
<br>
if you like, you can head back <a href="/">home</a> or <a href="{{.Target}}">try again!</a>
</p>
<p><small>status: ERR_NOT_FOUND</small></p>
</main>
{{end}}

10
views/base.html
View file

@ -9,12 +9,14 @@
{{block "head" .}}{{end}}
<meta name="htmx-config" content='{"htmx.config.scrollIntoViewOnBoost":false}'>
<script type="application/javascript" src="/script/lib/htmx.min.js"></script>
<script type="application/javascript" src="/script/lib/htmx-head-support.js"></script>
<!-- <meta name="htmx-config" content='{"htmx.config.scrollIntoViewOnBoost":false}'> -->
<!-- <script type="application/javascript" src="/script/lib/htmx.js"></script> -->
<!-- <script type="application/javascript" src="/script/lib/htmx.min.js"></script> -->
<!-- <script type="application/javascript" src="/script/lib/htmx-preload.js"></script> -->
<script type="application/javascript" src="/script/swap.js" defer></script>
</head>
<body hx-ext="head-support">
<body hx-ext="head-support, preload">
{{template "header"}}
{{block "content" .}}

8
views/header.html
View file

@ -2,7 +2,7 @@
<header>
<nav>
<div id="header-home" hx-get="/" hx-on="click" hx-target="main" hx-swap="outerHTML show:window:top" hx-push-url="true">
<div id="header-home" hx-get="/" hx-on="click" hx-target="body" hx-swap="outerHTML show:window:top" preload="mouseover" hx-push-url="true">
<img src="/img/favicon.png" id="header-icon" width="100" height="100" alt="">
<div id="header-text">
<h1>ari melody</h1>
@ -16,12 +16,12 @@
<rect y="40" width="70" height="10" rx="5" fill="#eee" />
</svg>
</a>
<ul id="header-links" hx-boost="true" hx-target="main" hx-swap="outerHTML show:window:top">
<ul id="header-links" hx-boost="true" hx-target="body" hx-swap="outerHTML show:window:top">
<li>
<a href="/">home</a>
<a href="/" preload="mouseover">home</a>
</li>
<li>
<a href="/music">music</a>
<a href="/music" preload="mouseover">music</a>
</li>
<li>
<a href="https://git.arimelody.me/ari/arimelody.me" target="_blank">source</a>

10
views/htmx-base.html
View file

@ -1,10 +0,0 @@
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{{block "head" .}}{{end}}
<meta name="htmx-config" content='{"htmx.config.scrollIntoViewOnBoost":false}'>
<script type="application/javascript" src="/script/lib/htmx.min.js"></script>
<script type="application/javascript" src="/script/lib/htmx-head-support.js"></script>
{{block "content" .}}{{end}}

7
views/index.html
View file

@ -12,7 +12,7 @@
<meta property="og:description" content="home to your local SPACEGIRL 💫">
<link rel="stylesheet" href="/style/index.css">
<script type="module" src="/script/main.js" defer></script>
<link rel="me" href="https://ice.arimelody.me/@ari">
<link rel="me" href="https://wetdry.world/@ari">
{{end}}
@ -153,6 +153,9 @@
<a href="https://mae.wtf" target="_blank">
<img src="/img/buttons/mae.png" alt="vimae web button">
</a>
<a href="https://zvava.org" target="_blank">
<img src="/img/buttons/zvava.png" alt="zvava web button">
</a>
<hr>
@ -177,5 +180,7 @@
<img src="/img/buttons/misc/epicblazed.png" alt="epic blazed">
</a>
</div>
<script type="module" src="/script/main.js" defer></script>
</main>
{{end}}

8
views/music-gateway.html
View file

@ -25,14 +25,14 @@
<meta name="twitter:image:alt" content="Cover art for &quot;{{.Title}}&quot;">
<link rel="stylesheet" href="/style/music-gateway.css">
<script type="module" src="/script/music-gateway.js" defer></script>
{{end}}
{{define "content"}}
<main>
<div id="background" data-url="{{.ResolveArtwork}}"></div>
<div id="background" style="background-image: url({{.ResolveArtwork}})"></div>
<a href="/music" id="go-back" title="back to arimelody.me">back to arimelody.me</a>
<!-- <a href="/music" hx-boost="true" hx-target="body" hx-swap="innerHTML" id="go-back" title="back to arimelody.me">back to arimelody.me</a> -->
<a href="/music" hx-boost="true" hx-target="body" hx-swap="innerHTML" id="go-back" title="back to arimelody.me">&lt;</a>
<br><br>
<div id="music-container">
@ -161,5 +161,7 @@
<!-- <% } %> -->
<!-- </div> -->
</div>
<script type="module" src="/script/music-gateway.js" defer></script>
</main>
{{end}}

7
views/music.html
View file

@ -12,7 +12,6 @@
<meta property="og:description" content="music from your local SPACEGIRL 💫">
<link rel="stylesheet" href="/style/music.css">
<script type="module" src="/script/music.js" defer></script>
{{end}}
{{define "content"}}
@ -23,11 +22,11 @@
<div id="music-container">
{{range $Album := .}}
<div class="music" id="{{$Album.Id}}" hx-get="/music/{{$Album.Id}}" hx-trigger="click" hx-target="main" hx-swap="outerHTML" hx-push-url="true">
<div class="music" id="{{$Album.Id}}" swap-url="/music/{{$Album.Id}}">
<div class="music-artwork">
<img src="{{$Album.ResolveArtwork}}" alt="{{$Album.Title}} artwork" width="128">
</div>
<div class="music-details" hx-boost="true" hx-target="main" hx-swap="outerHTML">
<div class="music-details">
<a href="/music/{{$Album.Id}}"><h1 class="music-title">{{$Album.Title}}</h1></a>
<h2 class="music-artist">{{$Album.PrintPrimaryArtists false}}</h2>
<h3 class="music-type-{{.ResolveType}}">{{$Album.ResolveType}}</h3>
@ -85,5 +84,7 @@
</div>
<a href="#" id="backtotop">back to top</a>
<script type="module" src="/script/music.js" defer></script>
</main>
{{end}}