Skip to content

docs: add a permanent /download fallback page #322

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
chaitanyagiri wants to merge 1 commit into from
Closed

docs: add a permanent /download fallback page #322

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
305 changes: 305 additions & 0 deletions docs/download.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,305 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Download Munder Difflin</title>
<meta name="description" content="Download or reinstall Munder Difflin for macOS, Windows, and Linux. Always the latest release, straight from GitHub, with checksums to verify it." />
<link rel="canonical" href="https://munderdiffl.in/download.html" />
<link rel="icon" type="image/svg+xml" href="./logo.svg" />
<link rel="icon" type="image/png" sizes="32x32" href="./favicon-32.png" />
<link rel="icon" type="image/png" sizes="512x512" href="./logo.png" />
<link rel="apple-touch-icon" href="./apple-touch-icon.png" />
<meta property="og:title" content="Download Munder Difflin" />
<meta property="og:description" content="Download or reinstall Munder Difflin for macOS, Windows, and Linux. Always the latest release, with checksums to verify it." />
<meta property="og:image" content="https://munderdiffl.in/media/og.png" />
<meta property="og:url" content="https://munderdiffl.in/download.html" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="theme-color" content="#FFF8E7" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500;700&display=swap" rel="stylesheet" />
<script>
// theme init, BEFORE first paint. Shares mdf_theme with the landing page.
(function () {
var t;
try { t = localStorage.getItem('mdf_theme'); } catch (e) {}
if (t !== 'light' && t !== 'dark') t = 'light';
document.documentElement.setAttribute('data-theme', t);
})();
</script>
<style>
/* Tokens mirror docs/index.html design system v2, keep in lockstep. */
:root {
color-scheme: dark;
--bg: #0A0D14;
--bg-2: #0D111A;
--surface: #121722;
--surface-2: #182030;
--border: #232B3A;
--border-strong: #303B52;
--ink: #E9EDF5;
--muted: #A7B0C0;
--faint: #717A8C;
--accent: #FFCA54;
--accent-2: #FFD87A;
--accent-ink: #17150E;
--accent-soft: rgba(255,202,84,0.10);
--accent-line: rgba(255,202,84,0.38);
--accent-fill: #FFD165;
--accent-fill-hover: #FFE08F;
--dot: rgba(233,237,245,0.045);
--halo: rgba(255,202,84,0.10);
--radius: 14px;
--radius-sm: 10px;
--shadow-soft: 0 16px 40px rgba(0,0,0,0.38);
--glow: 0 10px 34px rgba(255,202,84,0.16);
--maxw: 1160px;
--pad-x: 24px;
--font-display: "Space Grotesk", "Inter", sans-serif;
--font-body: "Inter", system-ui, -apple-system, sans-serif;
--font-mono: "JetBrains Mono", ui-monospace, monospace;
}
html[data-theme="light"] {
color-scheme: light;
--bg: #F6F8FA;
--bg-2: #EFF2F6;
--surface: #FFFFFF;
--surface-2: #F1F4F8;
--border: #E3E8F0;
--border-strong: #CDD6E3;
--ink: #131722;
--muted: #4A5464;
--faint: #7D8798;
--accent: #E5A00D;
--accent-2: #FFC94F;
--accent-ink: #17150E;
--accent-soft: rgba(229,160,13,0.12);
--accent-line: rgba(212,148,16,0.45);
--accent-fill: #FFC94F;
--accent-fill-hover: #FFDC8A;
--dot: rgba(19,23,34,0.05);
--halo: rgba(229,160,13,0.10);
--shadow-soft: 0 14px 36px rgba(19,23,34,0.10);
--glow: 0 10px 30px rgba(229,160,13,0.18);
}

* { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
font-family: var(--font-body);
background-color: var(--bg);
background-image:
radial-gradient(900px 480px at 50% -160px, var(--halo), transparent 65%),
radial-gradient(var(--dot) 1px, transparent 1px);
background-size: auto, 26px 26px;
color: var(--ink);
line-height: 1.6;
font-size: 16px;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
img { max-width: 100%; display: block; }
a { color: inherit; }
::selection { background: var(--accent); color: var(--accent-ink); }

.wrap { max-width: var(--maxw); margin: 0 auto; padding: 0 var(--pad-x); }
h1, h2, h3 { font-family: var(--font-display); font-weight: 700; line-height: 1.08; letter-spacing: -0.025em; }
h1 { font-size: clamp(2.1rem, 5.4vw, 3.4rem); }
h2 { font-size: clamp(1.4rem, 3vw, 1.9rem); }
.kicker {
display: inline-block; font-family: var(--font-mono); font-size: 0.74rem;
letter-spacing: 0.22em; text-transform: uppercase; color: var(--accent);
border: 1px solid var(--accent-line); border-radius: 999px; padding: 5px 12px;
background: var(--accent-soft);
}
.center { text-align: center; }
.muted { color: var(--muted); }
.faint { color: var(--faint); }

.btn {
display: inline-flex; align-items: center; gap: 8px; font-family: var(--font-body);
font-weight: 600; font-size: 0.95rem; text-decoration: none; cursor: pointer;
padding: 11px 20px; border-radius: var(--radius-sm); border: 1px solid var(--border-strong);
color: var(--ink); background: var(--surface); transition: transform .12s ease, border-color .12s ease, background .12s ease;
}
.btn:hover { transform: translateY(-1px); border-color: var(--accent-line); }
.btn:active { transform: translateY(0); }
.btn.primary { background: var(--accent-fill); color: var(--accent-ink); border-color: transparent; box-shadow: var(--glow); }
.btn.primary:hover { background: var(--accent-fill-hover); box-shadow: var(--glow), 0 2px 8px rgba(0,0,0,0.25); }
.btn.ghost { background: transparent; }
.btn.ghost:hover { background: var(--accent-soft); }
.btn.lg { font-size: 1.04rem; padding: 14px 26px; }
.btn.sm { font-size: 0.87rem; padding: 8px 14px; }
.btn-row { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; justify-content: center; }

/* ------- nav (trimmed copy of the landing nav) ------- */
nav { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--bg) 82%, transparent); backdrop-filter: blur(12px); border-bottom: 1px solid var(--border); }
.nav-in { max-width: var(--maxw); margin: 0 auto; padding: 12px var(--pad-x); display: flex; align-items: center; justify-content: space-between; gap: 14px; }
.brand { display: inline-flex; align-items: center; gap: 10px; text-decoration: none; font-family: var(--font-display); font-weight: 700; letter-spacing: 0.04em; font-size: 0.95rem; }
.brand img { width: 34px; height: 34px; border-radius: 8px; }
html[data-theme="light"] .lgo-d { display: none; }
html:not([data-theme="light"]) .lgo-l { display: none; }
.nav-links { display: flex; align-items: center; gap: 10px; }
.nav-links .txt { font-size: 0.9rem; font-weight: 500; text-decoration: none; color: var(--muted); padding: 6px 8px; }
.nav-links .txt:hover { color: var(--ink); }
.theme-toggle {
display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px;
border: 1px solid var(--border-strong); border-radius: 9px; background: var(--surface);
color: var(--muted); cursor: pointer; transition: border-color .12s ease, color .12s ease;
}
.theme-toggle:hover { border-color: var(--accent-line); color: var(--ink); }
.theme-toggle svg { width: 17px; height: 17px; }
html[data-theme="light"] .theme-toggle .ic-sun { display: none; }
html:not([data-theme="light"]) .theme-toggle .ic-moon { display: none; }

/* ------- page ------- */
header.dl { padding: 64px 0 20px; text-align: center; }
header.dl h1 { margin: 16px 0 0; }
header.dl .lead { max-width: 680px; margin: 18px auto 0; color: var(--muted); font-size: 1.06rem; }

.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin: 40px 0 0; }
@media (max-width: 820px) { .grid { grid-template-columns: 1fr; } }
.card {
background: var(--surface); border: 1px solid var(--border); border-radius: var(--radius);
padding: 26px 22px; display: flex; flex-direction: column; gap: 12px; box-shadow: var(--shadow-soft);
}
.card .os { font-family: var(--font-display); font-weight: 700; font-size: 1.2rem; }
.card .req { font-size: 0.85rem; color: var(--faint); }
.card .file { font-family: var(--font-mono); font-size: 0.8rem; color: var(--muted); background: var(--surface-2); border: 1px solid var(--border); border-radius: 8px; padding: 8px 10px; word-break: break-all; }
.card .btn { justify-content: center; margin-top: auto; }

.panel {
background: var(--surface-2); border: 1px solid var(--border); border-radius: var(--radius);
padding: 24px 22px; margin: 22px 0 0;
}
.panel h2 { font-size: 1.15rem; }
.panel p { color: var(--muted); margin-top: 8px; }
.panel a { color: var(--accent); text-decoration: none; }
.panel a:hover { text-decoration: underline; }
pre.code {
font-family: var(--font-mono); font-size: 0.82rem; background: var(--bg-2); color: var(--ink);
border: 1px solid var(--border); border-radius: 8px; padding: 12px 14px; margin-top: 12px;
overflow-x: auto; line-height: 1.7;
}
.note { max-width: 760px; margin: 40px auto 0; text-align: center; color: var(--faint); font-size: 0.9rem; line-height: 1.7; }
section.dl { padding: 8px 0 60px; }

footer { border-top: 1px solid var(--border); background: var(--bg); padding: 34px 0 42px; margin-top: 30px; }
.foot-in { max-width: var(--maxw); margin: 0 auto; padding: 0 var(--pad-x); display: flex; flex-wrap: wrap; gap: 14px 26px; justify-content: space-between; align-items: center; font-size: 0.85rem; color: var(--faint); }
.foot-links { display: flex; flex-wrap: wrap; gap: 4px 18px; }
.foot-links a { text-decoration: none; color: var(--muted); }
.foot-links a:hover { color: var(--ink); }
</style>
</head>
<body>

<nav>
<div class="nav-in">
<a class="brand" href="/">
<img class="lgo-d" src="./logo.png" alt="Munder Difflin logo" width="34" height="34" />
<img class="lgo-l" src="./logo-light.png" alt="Munder Difflin logo" width="34" height="34" />
<span>MUNDER&nbsp;DIFFLIN</span>
</a>
<div class="nav-links">
<a class="txt" href="/#pricing">Pricing</a>
<a class="txt" href="/blog/">Blog</a>
<button class="theme-toggle" id="themeToggle" aria-label="Toggle day / night theme"><svg class="ic-sun" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true"><circle cx="12" cy="12" r="4.6"/><path d="M12 2.2v2.4M12 19.4v2.4M2.2 12h2.4M19.4 12h2.4M4.9 4.9l1.7 1.7M17.4 17.4l1.7 1.7M19.1 4.9l-1.7 1.7M6.6 17.4l-1.7 1.7"/></svg><svg class="ic-moon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M20.6 14.8A8.8 8.8 0 0 1 9.2 3.4a8.8 8.8 0 1 0 11.4 11.4Z"/></svg></button>
</div>
</div>
</nav>

<header class="dl">
<div class="wrap">
<span class="kicker">Download</span>
<h1>Get Munder Difflin</h1>
<p class="lead">Install it fresh, move it to a new machine, or reinstall if an update will
not go through. Every button here goes straight to the newest release on GitHub, so this
page is always current.</p>
</div>
</header>

<section class="dl">
<div class="wrap">
<div class="grid">
<div class="card">
<span class="os">macOS</span>
<span class="req">Apple Silicon and Intel, one universal build. Signed and notarized by Apple.</span>
<span class="file">Munder-Difflin-&lt;version&gt;-mac-universal.dmg</span>
<a class="btn primary" href="https://github.com/chaitanyagiri/munder-difflin/releases/latest">Download for macOS</a>
</div>
<div class="card">
<span class="os">Windows</span>
<span class="req">Windows 10 and 11, 64-bit. Use the setup installer; a portable exe is also on the release.</span>
<span class="file">Munder-Difflin-&lt;version&gt;-win-x64-setup.exe</span>
<a class="btn primary" href="https://github.com/chaitanyagiri/munder-difflin/releases/latest">Download for Windows</a>
</div>
<div class="card">
<span class="os">Linux</span>
<span class="req">Any modern 64-bit distribution. Mark it executable, then run it.</span>
<span class="file">Munder-Difflin-&lt;version&gt;-linux-x86_64.AppImage</span>
<a class="btn primary" href="https://github.com/chaitanyagiri/munder-difflin/releases/latest">Download for Linux</a>
</div>
</div>

<div class="panel">
<h2>Verify your download (optional)</h2>
<p>Every release ships a checksum file. If you want to confirm the installer arrived intact,
download <a href="https://github.com/chaitanyagiri/munder-difflin/releases/latest/download/SHA256SUMS.txt">SHA256SUMS.txt</a>
from the same release, then compare it against the file you got.</p>
<pre class="code"># macOS and Linux
shasum -a 256 Munder-Difflin-*.dmg # or the .AppImage / .exe you downloaded

# Windows (PowerShell)
Get-FileHash .\Munder-Difflin-*-win-x64-setup.exe -Algorithm SHA256</pre>
<p>The value it prints should match the line for that file inside SHA256SUMS.txt.</p>
</div>

<div class="panel">
<h2>Already installed?</h2>
<p>The app checks for updates on its own and offers a restart to install them. Use this page
if an update will not install, if you want to reinstall cleanly, or if you are setting up a
second machine. You can always see every build, with its notes, on the
<a href="https://github.com/chaitanyagiri/munder-difflin/releases">releases page</a>.</p>
</div>

<p class="note">Munder Difflin is free and open source. Downloads are hosted on GitHub, straight
from the release that built them. No account, no gate.</p>

<div class="btn-row" style="margin-top:28px">
<a class="btn ghost" href="/">Back to home</a>
<a class="btn ghost" href="https://github.com/chaitanyagiri/munder-difflin/releases">All releases</a>
</div>
</div>
</section>

<footer>
<div class="foot-in">
<span>© 2026 Munder Difflin, free &amp; open source</span>
<div class="foot-links">
<a href="/">Home</a>
<a href="https://github.com/chaitanyagiri/munder-difflin" target="_blank" rel="noopener">GitHub</a>
<a href="/blog/">Blog</a>
<a href="/#pricing">Pricing</a>
<a href="/terms.html">Terms</a>
<a href="/privacy.html">Privacy</a>
</div>
</div>
</footer>

<script>
// theme toggle, shares mdf_theme with the landing page
(function () {
var btn = document.getElementById('themeToggle');
if (!btn) return;
btn.addEventListener('click', function () {
var cur = document.documentElement.getAttribute('data-theme') === 'light' ? 'light' : 'dark';
var next = cur === 'light' ? 'dark' : 'light';
document.documentElement.setAttribute('data-theme', next);
try { localStorage.setItem('mdf_theme', next); } catch (e) {}
});
})();
</script>
</body>
</html>
Loading