You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
146 lines
4.0 KiB
146 lines
4.0 KiB
<!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>
|