A music player that connects to your cloud/distributed storage.
chore: homepage links
+30
-19
+10
-18
src/index.vto
+10
-18
src/index.vto
···
9
9
10
10
scripts:
11
11
- common/pages/version-upgrade.js
12
-
13
-
# LINKS
14
-
15
-
links:
16
-
- title: "Bluesky"
17
-
url: "https://bsky.app/profile/tokono.ma"
18
-
desc: "Follow Diffuse updates."
19
-
- title: "Discord"
20
-
url: "https://discord.gg/KUnhstJV"
21
-
desc: "Chat with us in the U&A Discord #diffuse channel."
22
-
- title: "Github"
23
-
url: "https://github.com/icidasset/diffuse"
24
-
desc: "Source code."
25
-
- title: "Tangled"
26
-
url: "https://tangled.org/tokono.ma/diffuse"
27
-
desc: "Source code."
28
-
29
12
---
30
13
31
14
<header>
···
56
39
<small style="line-height: var(--leading-relaxed)">
57
40
Like using Diffuse? <a href="https://ko-fi.com/toko">Support with a donation!</a><br />
58
41
Built with <a href="elements/">Diffuse elements</a><br />
59
-
Created by <a href="https://tokono.ma">tokono.ma</a>
42
+
Created by <a href="https://bsky.app/profile/tokono.ma">tokono.ma</a>
60
43
</small>
61
44
</p>
45
+
<footer>
46
+
<nav>
47
+
<a href="https://ko-fi.com/toko" title="Support with a donation"><i class="ph-fill ph-tip-jar"></i></a>
48
+
<a href="https://github.com/icidasset/diffuse" title="Source code (GitHub)"><i class="ph-fill ph-github-logo"></i></a>
49
+
<a href="https://tangled.org/tokono.ma/diffuse" title="Source code (Tangled)"><i class="ph-fill ph-barn"></i></a>
50
+
<a href="https://discord.gg/KUnhstJV" title="U&A Discord #diffuse channel"><i class="ph-fill ph-discord-logo"></i></a>
51
+
<a href="https://bsky.app/profile/diffuse.sh" title="Follow updates on Bluesky"><i class="ph-fill ph-butterfly"></i></a>
52
+
</nav>
53
+
</footer>
62
54
</div>
63
55
<div class="dither-mask filler filler--bg-twist-4"></div>
64
56
</header>
+20
-1
src/styles/diffuse/page.css
+20
-1
src/styles/diffuse/page.css
···
49
49
max-width: var(--container-sm);
50
50
}
51
51
52
+
footer nav {
53
+
align-items: center;
54
+
display: flex;
55
+
font-size: var(--fs-base);
56
+
gap: var(--space-sm);
57
+
margin-top: var(--space-md);
58
+
59
+
a {
60
+
opacity: 0.3;
61
+
text-decoration: none;
62
+
transition: opacity 250ms;
63
+
}
64
+
65
+
a:focus,
66
+
a:hover {
67
+
opacity: 0.6;
68
+
}
69
+
}
70
+
52
71
header {
53
72
display: block;
54
73
···
442
461
font-weight: 500;
443
462
line-height: var(--leading-tight);
444
463
padding: var(--space-2xs) calc((var(--space-xs) + var(--space-sm)) / 2);
445
-
transition-duration: 500ms;
464
+
transition-duration: 250ms;
446
465
transition-property: background-color, border-color, opacity;
447
466
448
467
& * {