TEMPLATE

Together Table — community grant

A cooperative microgrant ballot with a chunky display face, indigo ink and selectable community ideas.

LIVE PREVIEW Isolated & interactive
<!-- Original layout, SVG/CSS artwork and JavaScript © 2026 XXC Templates. MIT License.
Visual pattern references (original code, names and content; no affiliation):
350.org: https://350.org/
Movement-oriented graphics, calls to participate and chapter-level organization.
Padlet: https://padlet.com/
Visual collections, note walls and flexible arrangements for community contributions.
Illustrative sample content and data; no real accounts, payments, reservations or messages. -->
<main>
  <header>
    <b>TOGETHER<br />TABLE</b><span>A LITTLE FUND FOR BIG-HEARTED IDEAS.</span>
  </header>
  <section class="grant-title">
    <div>
      <small>ROUND 04 / COMMUNITY IDEAS</small>
      <h1>What could<br />we make<br /><em>possible?</em></h1>
    </div>
    <div class="grant-seal">
      <span>THE SAMPLE FUND</span><strong>$5,000</strong><span>DECIDED TOGETHER.</span>
    </div>
  </section>
  <section class="ballot">
    <h2>Pick your starting point.</h2>
    <button id="change" data-idea="A tool shed for everyone" aria-pressed="false">
      <span>01</span>
      <div><b>A tool shed for everyone</b><small>Share what we already have.</small></div>
      <i>+</i></button
    ><button data-idea="A garden after school" aria-pressed="false">
      <span>02</span>
      <div><b>A garden after school</b><small>Make room for a little growing.</small></div>
      <i>+</i></button
    ><button data-idea="A table that travels" aria-pressed="false">
      <span>03</span>
      <div><b>A table that travels</b><small>Bring the neighborhood together.</small></div>
      <i>+</i>
    </button>
  </section>
  <output data-status aria-live="polite"></output>
  <footer class="demo-note">Fictional brand · local interface demo · no information is sent</footer>
</main>
Revision history · 1 versions
v12026-10-05 18:26:29 UTC

Keep the ideas flowing.

Explore the library
HELP KEEP THE WORKSHOP USEFUL

Report this creation

ONE QUICK CHECK

Continue?