CWAD/circlewithadot.net
1
0
Fork 1
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

First commit

Browse Source
This commit is contained in:
Incentive
2025-09-23 01:38:39 -04:00
parent 33cc11c568
commit a1cfe5ca9c
55 changed files with 2252 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

211
index.html Normal file
View File

@@ -0,0 +1,211 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>circlewithadot.net</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link href="style.css?v=20250831" rel="stylesheet" />
</head>
<body>
<header class="site-header">
<a class="brand" href="/">
<img class="brand-logo" src="images/cwad_logo.png" alt="Circle With A Dot logo" />
<span class="brand-name">CIRCLE WITH A DOT</span>
</a>
</header>
<div class="home-hero">
<section class="home-card home-hero-card">
<a href="releases/pessimist.html" class="hero-link">
<img class="hero" src="images/pessimist.png" alt="Latest release: Pessimist" />
</a>
</section>
<div class="home-hero-banner">
Latest Release from Incentive:
<a href="releases/pessimist.html" class="hero-banner-link">Pessimist</a>
</div>
</div>
<div class="home-sections">
<!-- Row 1 -->
<section class="home-card area-listen">
<h2 class="section-title">L I S T E N</h2>
<!-- Row 1: Bandcamp only -->
<div class="icon-row">
<a href="https://incentive.bandcamp.com" target="_blank" rel="noopener">
<img src="images/icon_bandcamp.png" alt="Bandcamp" />
</a>
<a href="https://funkwhale.circlewithadot.net/channels/incentivemusic" target="_blank" rel="noopener">
<img src="images/icon_funkwhale.png" alt="Funkwhale" />
</a>
<a href="https://archive.org/details/@chuudoku" target="_blank" rel="noopener">
<img src="images/icon_archive.png" alt="Archive.org" />
</a>
</div>
<!-- Row 2: Smaller Spotify, Apple, SoundCloud -->
<div class="icon-row centralized-row smaller-row">
<a href="https://open.spotify.com/artist/67unwOceRye5rGERysebei" target="_blank" rel="noopener">
<img src="images/icon_spotify.png" alt="Spotify" />
</a>
<a href="https://music.apple.com/us/artist/incentive/922392066" target="_blank" rel="noopener">
<img src="images/icon_apple.png" alt="Apple Music" />
</a>
<a href="https://soundcloud.com/incentive-1" target="_blank" rel="noopener">
<img src="images/icon_soundcloud.png" alt="Soundcloud" />
</a>
</div>
</section>
<section class="home-card area-watch">
<h2 class="section-title">W A T C H</h2>
<!-- Top row (normal size) -->
<div class="icon-row">
<a href="https://peertube.circlewithadot.net/@incentive" target="_blank" rel="noopener">
<img src="images/icon_peertube.png" alt="" />
</a>
<a href="https://owncast.circlewithadot.net" target="_blank" rel="noopener">
<img src="images/icon_owncast.png" alt="" />
</a>
<a href="https://loops.video/@incentive" target="_blank" rel="noopener">
<img src="images/icon_loops.png" alt="" onerror="this.style.display='none'" />
</a>
</div>
<!-- Second row (smaller) -->
<div class="icon-row centralized-row smaller-row">
<a href="https://youtube.com/@incentive_music" target="_blank" rel="noopener">
<img src="images/icon_youtube.png" alt="" />
</a>
<a href="https://www.twitch.tv/incentivebeats" target="_blank" rel="noopener">
<img src="images/icon_twitch.png" alt="" />
<a href="https://www.tiktok.com/@incentivemusic" target="_blank" rel="noopener">
<img src="images/icon_tiktok.png" alt="" />
</a>
</div>
</section>
<!-- Row 2 -->
<section class="home-card area-services">
<h2 class="section-title">S E R V I C E S</h2>
<div class="icon-row">
<a href="services/aprelay.html">
<img src="images/icon_aprelay.png" alt="" />
</a>
<a href="https://relibre.site">
<img src="images/icon_relibre.png" alt="" />
</a>
</div>
</section>
<section class="home-card area-scrobbles">
<h2 class="section-title">S C R O B B L E S</h2>
<div class="icon-row">
<a href="https://scrobble.circlewithadot.net" target="_blank" rel="noopener">
<img src="images/icon_koita.png" alt="" />
</a>
<a href="https://www.last.fm/user/incentive_music" target="_blank" rel="noopener">
<img src="images/icon_lastfm.png" alt="" onerror="this.style.display='none'" />
</a>
<a href="https://listenbrainz.org/user/incentive.jb/" target="_blank" rel="noopener">
<img src="images/icon_listenbrainz.png" alt="" onerror="this.style.display='none'" />
</a>
</div>
<!-- Scrobble list gets injected here -->
<div id="scrobble-widget">Loading…</div>
</section>
<!-- Row 3 -->
<section class="home-card area-follow">
<h2 class="section-title">F O L L O W</h2>
<!-- Top row reordered to start with Mastodon and end with WriteFreely -->
<div class="icon-row">
<a href="https://mastodon.circlewithadot.net/@incentive" target="_blank" rel="me noopener">
<img src="images/icon_mastodon.png" alt="" />
</a>
<a href="https://pixelfed.circlewithadot.net/@incentive" target="_blank" rel="noopener">
<img src="images/icon_pixelfed.png" alt="" />
</a>
<a href="https://lemmy.ml/u/incentive" target="_blank" rel="noopener">
<img src="images/icon_lemmy.png" alt="" />
</a>
<a href="https://blog.circlewithadot.net" target="_blank" rel="noopener">
<img src="images/icon_writefreely.png" alt="" />
</a>
</div>
<div class="icon-row centralized-row">
<a href="https://bsky.app/profile/did:plc:yulwemd4he5qhnzmtcbgzo5d" target="_blank" rel="noopener">
<img src="images/icon_bluesky.png" alt="" />
</a>
<a href="http://facebook.com/incentivemusic" target="_blank" rel="noopener">
<img src="images/icon_facebook.png" alt="" />
</a>
<a href="http://instagram.com/incentivemusic" target="_blank" rel="noopener">
<img src="images/icon_instagram.png" alt="" />
</a>
<a href="https://www.reddit.com/user/incentive_music/" target="_blank" rel="noopener">
<img src="images/icon_reddit.png" alt="" />
</a>
<a href="https://www.threads.com/fediverse_profile/incentive@mastodon.circlewithadot.net" target="_blank" rel="noopener">
<img src="images/icon_threads.png" alt="" />
</a>
<a href="https://x.com/incentivemusic" target="_blank" rel="noopener">
<img src="images/icon_twitter.png" alt="" />
</a>
</div>
</section>
<!-- Row 4 -->
<section class="home-card area-contact">
<h2 class="section-title">C O N T A C T</h2>
<div class="icon-row">
<a href="mailto:incentive@circlewithadot.net">
<img src="images/icon_email.png" alt="" />
</a>
<a href="https://matrix.to/#/@incentive:matrix.circlewithadot.net" target="_blank" rel="noopener">
<img src="images/icon_matrix.png" alt="" />
</a>
</div>
</section>
</div>
<footer class="site-footer" role="contentinfo">
<div class="footer-inner">
<div class="footer-left">
<a
href="https://creativecommons.org/licenses/by-nc-sa/4.0/"
target="_blank"
rel="noopener"
class="footer-text"
>
Creative Commons BY-NC-SA 4.0
</a>
</div>
<div class="footer-center">
<a
href="https://en.wikipedia.org/wiki/Copyleft"
target="_blank"
rel="noopener"
class="footer-icon"
aria-label="Copyleft (learn more)"
>
<img src="images/cl.png" alt="Copyleft" />
</a>
</div>
<div class="footer-right footer-links">
<a href="../LICENSE">License</a>
</div>
</div>
</footer>
<!-- Recent scrobbles -->
<script src="scrobbler.js" defer></script>
<a rel="me" href="https://mastodon.circlewithadot.net/@incentive" class="hidden">Mastodon</a>
</body>
</html>