A music player that connects to your cloud/distributed storage.
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

chore: homepage links

+30 -19
+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&amp;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
··· 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 & * {