Skip to main content

max / makenotwork

10.2 KB · 173 lines History Blame Raw
1 {% extends "base.html" %}
2
3 {% block title %}Use Cases - Makenotwork{% endblock %}
4 {% block body_attrs %} class="{{ crate::shell::measure(crate::shell::Measure::Wide) }}"{% endblock %}
5
6 {% block content %}
7 {% include "partials/site_header.html" %}
8
9 <div class="container use-cases-page">
10 <h1 class="page-title">Use Cases</h1>
11 <p class="use-cases-intro">A flat monthly fee. 0% platform cut. Who it's built for:</p>
12
13 <div class="tier-section">
14 <h2 class="section-label">Available now</h2>
15 <div class="use-case-grid">
16 <div class="card--bordered use-case-card" id="musicians">
17 <div class="use-case-title">Musicians</div>
18 <div class="use-case-who">Bands, solo artists, producers</div>
19 <p class="use-case-desc">Sell albums, singles, and EPs with in-browser streaming, chapter markers, and cover art.</p>
20 <ul class="use-case-features">
21 <li>MP3, FLAC, WAV, OGG, AAC, AIFF upload</li>
22 <li>In-browser audio player with chapters</li>
23 <li>Cover art and rich metadata</li>
24 <li>RSS feed per project</li>
25 <li>Pay-what-you-want pricing</li>
26 </ul>
27 <div class="use-case-tier">Small Files ${{ tier_prices.small_files_std }}/mo &middot; {{ tier_prices.small_files_total }}, {{ tier_prices.small_files_per_file }}/file</div>
28 </div>
29
30 <div class="card--bordered use-case-card" id="podcasters">
31 <div class="use-case-title">Podcasters</div>
32 <div class="use-case-who">Independent shows, networks</div>
33 <p class="use-case-desc">Host and distribute your podcast with full RSS support for every major directory.</p>
34 <ul class="use-case-features">
35 <li>RSS for Apple, Spotify, Pocket Casts</li>
36 <li>Chapter markers</li>
37 <li>Subscriber-only feeds</li>
38 <li>Broadcast emails to followers</li>
39 </ul>
40 <div class="use-case-tier">Small Files ${{ tier_prices.small_files_std }}/mo &middot; {{ tier_prices.small_files_total }}, {{ tier_prices.small_files_per_file }}/file</div>
41 </div>
42
43 <div class="card--bordered use-case-card" id="writers">
44 <div class="use-case-title">Writers</div>
45 <div class="use-case-who">Bloggers, newsletter writers, authors</div>
46 <p class="use-case-desc">Publish long-form writing with Markdown, per-project blogs, and subscriber broadcasts.</p>
47 <ul class="use-case-features">
48 <li>Markdown editor with formatting</li>
49 <li>Per-project blog</li>
50 <li>RSS feed</li>
51 <li>Scheduled publishing</li>
52 <li>Broadcast emails</li>
53 </ul>
54 <div class="use-case-tier">Basic ${{ tier_prices.basic_std }}/mo &middot; {{ tier_prices.basic_total }}, {{ tier_prices.basic_per_file }}/file</div>
55 </div>
56
57 <div class="card--bordered use-case-card" id="developers">
58 <div class="use-case-title">Software Developers</div>
59 <div class="use-case-who">Indie devs, tool makers, plugin authors</div>
60 <p class="use-case-desc">Distribute software with versioned releases, license keys, and a built-in git browser.</p>
61 <ul class="use-case-features">
62 <li>Versioned releases with changelogs</li>
63 <li>License keys with activation tracking</li>
64 <li>Git source browser</li>
65 <li>Promo codes and discounts</li>
66 </ul>
67 <div class="use-case-tier">Small Files ${{ tier_prices.small_files_std }}/mo &middot; {{ tier_prices.small_files_total }}, {{ tier_prices.small_files_per_file }}/file</div>
68 </div>
69
70 <div class="card--bordered use-case-card" id="sample-packs">
71 <div class="use-case-title">Sample Packs</div>
72 <div class="use-case-who">Sound designers, beat makers, foley artists</div>
73 <p class="use-case-desc">Sell sample packs and sound effects with audio previews and versioned downloads.</p>
74 <ul class="use-case-features">
75 <li>Audio previews in-browser</li>
76 <li>Versioned downloads</li>
77 <li>Hierarchical tags for organization</li>
78 <li>Pay-what-you-want pricing</li>
79 <li>Cover art</li>
80 </ul>
81 <div class="use-case-tier">Small Files ${{ tier_prices.small_files_std }}/mo &middot; {{ tier_prices.small_files_total }}, {{ tier_prices.small_files_per_file }}/file</div>
82 </div>
83
84 <div class="card--bordered use-case-card" id="digital-art">
85 <div class="use-case-title">Digital Art &amp; Photography</div>
86 <div class="use-case-who">Illustrators, photographers, font designers</div>
87 <p class="use-case-desc">Sell digital art, photography, and fonts with versioned releases and subscription tiers.</p>
88 <ul class="use-case-features">
89 <li>Any file type supported</li>
90 <li>Versioned releases</li>
91 <li>Subscription tiers</li>
92 <li>Cover images</li>
93 </ul>
94 <div class="use-case-tier">Small Files ${{ tier_prices.small_files_std }}/mo &middot; {{ tier_prices.small_files_total }}, {{ tier_prices.small_files_per_file }}/file</div>
95 </div>
96
97 <div class="card--bordered use-case-card" id="educators">
98 <div class="use-case-title">Educators</div>
99 <div class="use-case-who">Course creators, tutors, workshop leaders</div>
100 <p class="use-case-desc">Publish courses and teaching materials with text content, downloads, and subscriptions.</p>
101 <ul class="use-case-features">
102 <li>Text content with Markdown</li>
103 <li>Downloadable materials</li>
104 <li>Subscription tiers</li>
105 <li>Scheduled publishing</li>
106 </ul>
107 <div class="use-case-tier">Basic ${{ tier_prices.basic_std }}/mo or Small Files ${{ tier_prices.small_files_std }}/mo</div>
108 </div>
109
110 <div class="card--bordered use-case-card" id="game-devs">
111 <div class="use-case-title">Game Developers</div>
112 <div class="use-case-who">Indie games, mods, TTRPG content</div>
113 <p class="use-case-desc">Distribute games up to 20GB per file with versioned downloads, license keys, and promo codes. Need more than 20GB? Request a size increase from your dashboard.</p>
114 <ul class="use-case-features">
115 <li>Up to 20GB per file (increase on request)</li>
116 <li>Versioned downloads with changelogs</li>
117 <li>License keys with activation limits</li>
118 <li>Promo codes</li>
119 </ul>
120 <div class="use-case-tier">Big Files ${{ tier_prices.big_files_std }}/mo &middot; {{ tier_prices.big_files_total }}, {{ tier_prices.big_files_per_file }}/file</div>
121 </div>
122
123 <div class="card--bordered use-case-card" id="comic-creators">
124 <div class="use-case-title">Comic Creators</div>
125 <div class="use-case-who">Webcomic artists, graphic novelists</div>
126 <p class="use-case-desc">Sell digital comics and graphic novels with project organization and scheduled publishing.</p>
127 <ul class="use-case-features">
128 <li>PDF, CBZ, and any file type</li>
129 <li>Project organization</li>
130 <li>Subscriptions</li>
131 <li>Scheduled publishing</li>
132 </ul>
133 <div class="use-case-tier">Small Files ${{ tier_prices.small_files_std }}/mo &middot; {{ tier_prices.small_files_total }}, {{ tier_prices.small_files_per_file }}/file</div>
134 </div>
135 </div>
136 </div>
137
138 <div class="tier-section">
139 <h2 class="section-label">Everyone gets</h2>
140 <div class="feature-grid">
141 <div class="card--bordered">
142 <div class="feature-name">0% platform fee</div>
143 <div class="feature-desc">Only ~3% payment processing. No percentage cuts, no revenue sharing.</div>
144 </div>
145 <div class="card--bordered">
146 <div class="feature-name">Full data export</div>
147 <div class="feature-desc">Download everything anytime. Projects, items, sales, contacts: all yours.</div>
148 </div>
149 <div class="card--bordered">
150 <div class="feature-name">No lock-in</div>
151 <div class="feature-desc">Month-to-month. Cancel anytime. Take your audience with you.</div>
152 </div>
153 <div class="card--bordered">
154 <div class="feature-name">Source available</div>
155 <div class="feature-desc">Read the codebase. Verify every claim about privacy and data handling.</div>
156 </div>
157 </div>
158 </div>
159
160 <div class="landing-cta">
161 <a class="btn-primary btn--large" href="/join">Join the Alpha</a>
162 </div>
163
164 <div class="tier-section">
165 <div class="explore-links">
166 <a href="/pricing">Pricing Calculator</a>
167 <a href="/discover">Browse as guest</a>
168 <a href="/docs/getting-started">Creator Guide</a>
169 </div>
170 </div>
171 </div>
172 {% endblock %}
173