BuboBubo/Cagire
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Feat: work on metadata and packaging

Browse Source
This commit is contained in:
Raphaël Forment
2026-02-01 14:00:10 +01:00
parent dd77f6d92d
commit ea202a2ab0
11 changed files with 155 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
website/public/cagire.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 152 KiB

106
website/src/pages/index.astro
View File

@@ -6,17 +6,44 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Cagire</title>
<title>Cagire - Forth-based live coding sequencer</title>
<meta name="description" content="Forth-based live coding music sequencer">
<meta name="author" content="Raphaël Forment">
<meta name="keywords" content="live coding, forth, sequencer, music, audio, ableton link, synthesizer">
<link rel="canonical" href="https://cagire.raphaelforment.fr">
<meta property="og:title" content="Cagire - Forth-based live coding sequencer">
<meta property="og:description" content="Forth-based live coding music sequencer">
<meta property="og:type" content="website">
<meta property="og:url" content="https://cagire.raphaelforment.fr">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Cagire - Forth-based live coding sequencer">
<meta name="twitter:description" content="Forth-based live coding music sequencer">
<style>
@font-face {
font-family: 'CozetteVector';
src: url('/CozetteVector.ttf') format('truetype');
}
:root {
--bg: #000;
--surface: #121212;
--text: #fff;
--text-dim: #b4b4b4;
--text-muted: #787878;
}
:root.light {
--bg: #fff;
--surface: #f0f0f0;
--text: #000;
--text-dim: #505050;
--text-muted: #8c8c8c;
}
body {
font-family: 'CozetteVector', monospace;
background: #0a0a0a;
color: #e0e0e0;
background: var(--bg);
color: var(--text);
max-width: 800px;
margin: 0 auto;
padding: 1rem;
@@ -24,13 +51,20 @@
font-size: 0.9rem;
}
h1 {
color: #64a0b4;
.header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 0.25rem;
}
h1 {
color: var(--text);
margin: 0;
}
h2 {
color: #64a0b4;
color: var(--text);
margin-top: 1rem;
margin-bottom: 0.25rem;
font-size: 1rem;
@@ -38,12 +72,13 @@
p { margin: 0.25rem 0; }
img {
video {
max-width: 100%;
margin: 0.5rem 0;
display: block;
}
a { color: #cccc44; }
a { color: var(--text-dim); }
ul {
padding-left: 1.5rem;
@@ -53,7 +88,7 @@
li { margin: 0.1rem 0; }
pre {
background: #1a1a1a;
background: var(--surface);
padding: 0.5rem;
overflow-x: auto;
margin: 0.25rem 0;
@@ -72,30 +107,48 @@
}
.downloads-table th {
color: #64a0b4;
color: var(--text);
}
.downloads-table td:first-child {
color: #888;
color: var(--text-muted);
}
.downloads-table tr:nth-child(even) {
background: #151515;
background: var(--surface);
}
.note {
color: #555;
color: var(--text-muted);
font-size: 0.8rem;
font-style: italic;
}
.note a {
color: #777;
color: var(--text-muted);
}
#theme-toggle {
font-family: 'CozetteVector', monospace;
background: var(--surface);
color: var(--text);
border: 1px solid var(--text-muted);
padding: 0.25rem 0.5rem;
cursor: pointer;
font-size: 0.8rem;
}
#theme-toggle:hover {
background: var(--text-muted);
color: var(--bg);
}
</style>
</head>
<body>
<h1>CAGIRE: LIVE CODING IN FORTH</h1>
<div class="header">
<h1>CAGIRE: LIVE CODING IN FORTH</h1>
<button id="theme-toggle" aria-label="Toggle theme">LIGHT</button>
</div>
<table class="downloads-table">
<tr>
@@ -126,7 +179,7 @@
</table>
<p class="note">All releases on <a href="https://github.com/Bubobubobubobubo/cagire/releases/latest">GitHub</a>. You can also compile the software yourself or get it from Cargo!</p>
<img src="/cagire.png" alt="Cagire screenshot">
<video src="/mono_cagire.mp4" autoplay muted loop playsinline></video>
<h2>About</h2>
<p>Cagire is a step sequencer where each step contains a Forth script instead of typical note data. When the sequencer reaches a step, it runs the script. Scripts can produce sound, trigger samples, apply effects, or do nothing at all. You are free to define what your scripts will do. Cagire includes a built-in audio engine called <a href="https://doux.livecoding.fr">Doux</a>. No external software is needed to make sound. It comes with oscillators, sample players, filters, reverb, delay, distortion, and more.</p>
@@ -156,7 +209,7 @@
<h2>Credits</h2>
<ul>
<li><a href="https://raphaelforment.fr">BuboBubo</a> (Raphaël Maurice Forment)</li>
<li><a href="https://raphaelforment.fr">BuboBubo</a> (Raphaël Forment)</li>
<li><a href="https://doux.livecoding.fr">Doux</a> audio engine, Rust port of Dough by <a href="https://eddyflux.cc/">Felix Roos</a></li>
<li><a href="https://github.com/sourcebox/mi-plaits-dsp-rs">mi-plaits-dsp-rs</a> by Oliver Rockstedt, based on <a href="https://mutable-instruments.net/">Mutable Instruments</a> Plaits by Emilie Gillet</li>
<li>Related: <a href="https://strudel.cc">Strudel</a>, <a href="https://tidalcycles.org">TidalCycles</a>, <a href="https://sova.livecoding.fr">Sova</a></li>
@@ -168,6 +221,23 @@
<li><a href="https://ko-fi.com/raphaelbubo">Ko-fi</a></li>
</ul>
<p style="margin-top: 2rem; color: #666;">AGPL-3.0 License</p>
<p style="margin-top: 2rem; color: var(--text-muted);">AGPL-3.0 License</p>
<script>
const toggle = document.getElementById('theme-toggle');
const root = document.documentElement;
if (localStorage.getItem('theme') === 'light') {
root.classList.add('light');
toggle.textContent = 'DARK';
}
toggle.addEventListener('click', () => {
root.classList.toggle('light');
const isLight = root.classList.contains('light');
toggle.textContent = isLight ? 'DARK' : 'LIGHT';
localStorage.setItem('theme', isLight ? 'light' : 'dark');
});
</script>
</body>
</html>