/* global React, ReactDOM, TweaksPanel, useTweaks, TweakSection, TweakRadio, TweakToggle, TweakSelect */ const { useState, useEffect, useRef } = React; const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "palette": "acid", "showLiveDemo": "screenshot", "marqueeOn": true, "stickerOn": true, "stepsLayout": "grid", "heroFont": "archivo" } /*EDITMODE-END*/; // ── Reveal on scroll ──────────────────────────────────────────────────────── function useReveal() { useEffect(() => { const els = document.querySelectorAll('.reveal'); const io = new IntersectionObserver((entries) => { entries.forEach((e) => {if (e.isIntersecting) e.target.classList.add('in');}); }, { threshold: 0.1 }); els.forEach((el) => io.observe(el)); return () => io.disconnect(); }, []); } // ── Animated bar ─────────────────────────────────────────────────────────── function Bar({ pct, klass, label }) { const [w, setW] = useState(0); useEffect(() => { const t = setTimeout(() => setW(pct), 200); return () => clearTimeout(t); }, [pct]); // Below ~14% the bar is too narrow to fit a word; show just the % so it stays legible. // Below ~5% don't even try the % — the bar is a sliver. let inner = ''; if (w >= 14 && label) inner = `${label} ${pct}%`; else if (w >= 5) inner = `${pct}%`; return (
{inner}
); } // ── Scenarios with animated bars ─────────────────────────────────────────── function Scenarios() { return (
Submitter = creator · post pays 10 HBD
your share
3% creator
0.30 HBD
to you, forever
Submitter = creator · comment pays 2 HBD
your share
15% stacked
0.30 HBD
per top reply
Submitter ≠ creator · comment pays 2 HBD
split share
10% / 5%
0.20 to submitter
0.10 held for creator
); } // ── Sample template stamps ───────────────────────────────────────────────── const STAMPS = [ { top: "when the", bot: "rewards hit", color: 'var(--acid)', rot: -8, x: 0, y: 0, w: 52, label: "drake-react", pct: "4 / 16%" }, { top: "submit once", bot: "earn forever", color: 'var(--hot)', rot: 7, x: 46, y: 26, w: 52, label: "spongebob", pct: "4 / 16%" }, { top: "i don't always", bot: "post memes", color: 'var(--sun)', rot: -4, x: 8, y: 56, w: 52, label: "most-int-man", pct: "4 / 16%" }]; function HeroIllust() { return (
{STAMPS.map((s, i) =>
{s.top}
{s.bot}
{s.label}.png {s.pct}
)}
4% post · 16% comment
); } // ── Step icons (mini illustrations) ───────────────────────────────────────── function StepVis({ n }) { if (n === 1) return ( + DROP ); if (n === 2) return ( REACTION WOJAK CLASSIC ); if (n === 3) return ( I created this @your-hive-account LINK ACCT ); if (n === 4) return ( USES 1,247 EARNED 42.6 HBD ); return null; } // ── FAQ ───────────────────────────────────────────────────────────────────── const FAQS = [ { q: "Do I need to keep doing anything to keep earning?", a: "Nope. Once your template is approved and your Hive account is linked, every post and comment that uses it routes a beneficiary share to you on-chain. No ongoing maintenance, no claims to file." }, { q: "What if I didn't make the template, I just found a great one?", a: "Submit it as 'not the original creator'. You become the submitter — you earn the 10% submitter share on every comment, forever. The 5% creator share routes to the holding account decentmemeshold and stacks there until the original creator claims it. Both shares are independent: you keep submitter rewards even after a creator claims theirs." }, { q: "How are the percentages decided?", a: "Posts: 3% creator + 1% frontend = 4% total. Comments: 10% submitter + 5% creator + 1% frontend = 16% total. Set in basis points on the beneficiary slot — applied automatically by the embedding frontend at broadcast. Comments are weighted heavier because comment payouts are an order of magnitude smaller; lighter weights get eaten by Hive's dust threshold." }, { q: "Can I edit or take down a template I submitted?", a: "Submissions are subject to admin review before going live. After approval, request takedown via admin — but expect that already-attributed rewards from past posts stay where they were sent." }, { q: "Where does the template image actually live?", a: "Uploaded directly to images.hive.blog signed by the submitter's Keychain. No central server holds the meme files — only the metadata (name, tags, beneficiary, use count) lives in the index." }]; function FAQ() { const [open, setOpen] = useState(0); return (
{FAQS.map((f, i) =>
setOpen(open === i ? -1 : i)}>

{f.q}

+
{f.a}
)}
); } // ── Main App ──────────────────────────────────────────────────────────────── function App() { const [tw, setTweak] = useTweaks(TWEAK_DEFAULTS); useReveal(); // Apply palette to body useEffect(() => { document.body.setAttribute('data-palette', tw.palette); }, [tw.palette]); // Apply hero font to body useEffect(() => { document.body.setAttribute('data-hero-font', tw.heroFont || 'archivo'); }, [tw.heroFont]); return ( <> {tw.marqueeOn &&
SUBMIT ONCE EARN FOREVER 4% POSTS 16% COMMENTS 10% SUBMITTER 5% CREATOR 1% FRONTEND SUBMIT ONCE EARN FOREVER 4% POSTS 16% COMMENTS 10% SUBMITTER 5% CREATOR 1% FRONTEND
} {/* HERO */}

your meme.
your template.
your cutforever.

decentmemes is the first meme generator that pays the people who made the templates — and the people who surfaced them. Submit a template once, link your Hive account, and every post or comment built on top of it routes a beneficiary share back to you. 10% submitter + 5% creator + 1% frontend on every comment. Automatic, on-chain, zero ongoing work.

per post
4% total
per top-level comment
16% total
frontend cut
1%
review time
~24h
{/* HOW IT WORKS */}
How to submit a template

Four steps. Five minutes. Then never touch it again.

The submit flow lives in the widget itself — open the meme widget on any Hive frontend that's wired us up, hit "+ Submit a template" in the strip header, and you're here.

01/04

Drop the image

JPEG / PNG / GIF / WebP up to 8MB. The image gets signed by your Keychain and pushed to images.hive.blog — we never hold the file.

Tip: high-res, no watermarks, clean negative space for top/bottom text.
Soon: early on, submitting is free. Once we're past the seeding phase a small 1 HIVE burn (sent to @null) will gate each submission as anti-spam.
02/04

Name + tag it

Pick a clear, searchable name. Hit at least 2 tags from the predefined taxonomy — that's how meme-makers will actually find your template in the strip browser.

Tip: tag for vibe (reaction / classic / wojak) and topic (crypto / drama / wholesome).
03/04

Claim ownership

Tick "I created this template" and drop in your Hive account — you collect both submitter (10% comment) and creator (3% post / 5% comment) shares. Skip the tick if you didn't make it: you keep submitter, the creator slot stacks in escrow until the original claims.

Either way, you earn. Submitter rewards are unconditional. Frontend gets a flat 1% on top.
04/04

Earn on autopilot

After a quick admin review, your template appears in every embedded widget. Each use logs to your reward ledger; HBD/HIVE flows to your account at payout.

Track it: see use count + earnings on your creator dashboard.
{/* REWARDS SPLIT */}
How beneficiary rewards split

Posters keep most. Submitters, creators & frontends each get a slice. Forever.

Hive's comment_options beneficiary slot is the magic. The embedding frontend appends up to three entries per use — submitter (10% on comments), creator (3% post / 5% comment), and the embedding frontend itself (1% post and comment). Comments stack to 16% total because comment payouts are smaller — anything thinner falls below Hive's dust threshold and gets silently dropped.

Three scenarios.

The split depends on whether you submitted your own template, and whether the post is a top-level post or a comment. Hover any bar for exact basis points.

poster / commenter — published the post
you — submitter &/or creator
holding — escrow until creator claims
frontend — 1% to embedding app (PeakD, Ecency, …)
{/* Claim */}

What happens to unclaimed templates?

When a template is submitted by someone other than its original creator, only the 5% creator slot on comments (and 3% on posts) routes to @decentmemeshold instead of vanishing into a platform pool. When the real creator surfaces, they prove ownership and the accumulated balance — plus the creator slot from that point forward — flows to them. The submitter keeps their 10% comment share regardless.

  • No platform takes a cut. The hold account is custodial-pending, not custodial-final.
  • Submitters earn their 10% comment share immediately — no waiting on the creator to surface.
  • Original creators can claim retroactively at any time — held rewards don't expire.

Are you the original creator of a template that's already up?

Tell us. Bring proof — original file, post history, source thread, anything that ties the meme back to you. Once verified, the template's beneficiary flips to your Hive account and any held rewards are released.

claim a template →
{/* FORM PREVIEW + DEMO */}
What the submit form looks like

It's one form. That's it.

Every embedded decentmemes widget has the same submit affordance. Open the widget, hit "+ Submit a template" in the top-right of the template strip, fill these five fields, done.

decentmemes://widget/submit-modal
v1
+
drop image or click to upload
JPEG · PNG · GIF · WEBP · max 8MB
→ signed via your Keychain
→ uploaded to images.hive.blog
→ only the URL hits our index
reaction classic wholesome wojak crypto drama animal
✓
I created this template Creator share (3% post / 5% comment) routes to your Hive account. Skip this if you found the meme elsewhere — that slot holds for the real creator. The 10% submitter share comes to you either way.
{/* Demo */} {tw.showLiveDemo !== 'off' &&
See it in motion

The widget itself.

What every Hive frontend embeds. Same submit button you'll use lives top-right of that strip.

{tw.showLiveDemo === 'live' &&