Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>main
commit
f3a07cc2d1
@ -0,0 +1,145 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="robots" content="noindex">
|
||||
<title>drop.two</title>
|
||||
<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=Kanit:wght@300;400;500;600&family=Instrument+Serif:ital@1&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
:root {
|
||||
--dark: #0B0B0C;
|
||||
--light: #F5F5F4;
|
||||
--mid: #B8B5B0;
|
||||
--gray: #8A8886;
|
||||
--gold: #C8A96A;
|
||||
}
|
||||
* { box-sizing: border-box; margin: 0; padding: 0; }
|
||||
body {
|
||||
background: var(--dark);
|
||||
color: var(--light);
|
||||
font-family: "Kanit", "Poppins", -apple-system, sans-serif;
|
||||
font-weight: 300;
|
||||
line-height: 1.65;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
padding: 12vh 24px 8vh;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
main { width: 100%; max-width: 460px; }
|
||||
|
||||
.mark { display: block; width: 56px; margin-bottom: 34px; }
|
||||
|
||||
h1 {
|
||||
font-size: 2.4rem;
|
||||
font-weight: 500;
|
||||
letter-spacing: -0.02em;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
.em {
|
||||
font-family: "Instrument Serif", Georgia, serif;
|
||||
font-style: italic;
|
||||
font-weight: 400;
|
||||
color: var(--gold);
|
||||
}
|
||||
.lede { color: var(--mid); margin-bottom: 40px; }
|
||||
|
||||
.download {
|
||||
display: inline-block;
|
||||
background: var(--gold);
|
||||
color: var(--dark);
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
padding: 13px 30px;
|
||||
border-radius: 7px;
|
||||
transition: opacity .15s ease;
|
||||
}
|
||||
.download:hover { opacity: .85; }
|
||||
|
||||
.version {
|
||||
font-size: .8rem;
|
||||
color: var(--gray);
|
||||
margin-top: 14px;
|
||||
min-height: 1.2em;
|
||||
}
|
||||
|
||||
.rule { border: 0; border-top: 1px solid #26262a; margin: 48px 0 34px; }
|
||||
|
||||
dl { display: grid; gap: 26px; }
|
||||
dt {
|
||||
font-size: .74rem;
|
||||
font-weight: 500;
|
||||
letter-spacing: .1em;
|
||||
text-transform: uppercase;
|
||||
color: var(--gold);
|
||||
margin-bottom: 5px;
|
||||
}
|
||||
dd { color: var(--mid); font-size: .93rem; }
|
||||
dd a { color: var(--light); }
|
||||
|
||||
footer {
|
||||
margin-top: 52px;
|
||||
font-size: .78rem;
|
||||
color: #55534f;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<main>
|
||||
|
||||
<svg class="mark" viewBox="0 0 1024 1024" aria-hidden="true">
|
||||
<rect x="310" y="152" width="404" height="718" rx="44"
|
||||
fill="none" stroke="#F5F5F4" stroke-width="36"/>
|
||||
<rect x="328" y="281" width="368" height="460" rx="26" fill="#C8A96A"/>
|
||||
</svg>
|
||||
|
||||
<h1>drop.two <span class="em">beta</span></h1>
|
||||
<p class="lede">9:16 rein. 9:16 und 4:5 raus.</p>
|
||||
|
||||
<a class="download" href="drop.two-latest.dmg">Für macOS laden</a>
|
||||
<p class="version" id="version"></p>
|
||||
|
||||
<hr class="rule">
|
||||
|
||||
<dl>
|
||||
<div>
|
||||
<dt>Installation</dt>
|
||||
<dd>DMG öffnen, <strong>drop.two</strong> in den Programme-Ordner ziehen. Beim ersten Start kann macOS kurz prüfen — das dauert einen Moment und passiert nur einmal.</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Updates</dt>
|
||||
<dd>Kommen automatisch. Die App meldet sich, wenn eine neue Version bereitsteht. Diese Seite brauchst du danach nicht mehr.</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Voraussetzung</dt>
|
||||
<dd>macOS 13 oder neuer.</dd>
|
||||
</div>
|
||||
<div>
|
||||
<dt>Fehler gefunden?</dt>
|
||||
<dd>Kurze Nachricht an Samuel — am besten mit dem Dateinamen, bei dem es geklemmt hat.</dd>
|
||||
</div>
|
||||
</dl>
|
||||
|
||||
<footer>Interne Beta · bitte nicht weitergeben</footer>
|
||||
|
||||
</main>
|
||||
|
||||
<script>
|
||||
// Versionsnummer aus dem appcast lesen — eine Quelle der Wahrheit.
|
||||
fetch("appcast.xml")
|
||||
.then(function (r) { return r.ok ? r.text() : Promise.reject(); })
|
||||
.then(function (t) {
|
||||
var doc = new DOMParser().parseFromString(t, "application/xml");
|
||||
var items = doc.getElementsByTagName("item");
|
||||
if (!items.length) return;
|
||||
var el = items[0].getElementsByTagName("sparkle:shortVersionString")[0]
|
||||
|| items[0].getElementsByTagName("title")[0];
|
||||
if (el) document.getElementById("version").textContent = "Version " + el.textContent.trim();
|
||||
})
|
||||
.catch(function () { /* still bleiben, der Link funktioniert trotzdem */ });
|
||||
</script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in new issue