From ad30c80e78ab2823cf70382563ae41fced3e02d0 Mon Sep 17 00:00:00 2001
From: Daniel Micay <danielmicay@gmail.com>
Date: Fri, 26 Apr 2019 02:05:51 -0400
Subject: move releases to a dedicated page

---
 static/contact.html  |  1 +
 static/donate.html   |  1 +
 static/grapheneos.js | 86 ----------------------------------------------------
 static/index.html    | 30 +++++++++---------
 static/releases.html | 31 +++++++++++++++++++
 static/releases.js   | 86 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 static/sitemap.xml   |  4 +++
 static/source.html   |  1 +
 8 files changed, 138 insertions(+), 102 deletions(-)
 delete mode 100644 static/grapheneos.js
 create mode 100644 static/releases.html
 create mode 100644 static/releases.js

(limited to 'static')

diff --git a/static/contact.html b/static/contact.html
index e3881172..fe96b664 100644
--- a/static/contact.html
+++ b/static/contact.html
@@ -13,6 +13,7 @@
         <nav>
             <ul>
                 <li><a href="/">GrapheneOS</a></li>
+                <li><a href="/releases">Releases</a></li>
                 <li><a href="/source">Source</a></li>
                 <li><a href="/donate">Donate</a></li>
                 <li class="active"><a href="/contact">Contact</a></li>
diff --git a/static/donate.html b/static/donate.html
index 687b1004..71728d8e 100644
--- a/static/donate.html
+++ b/static/donate.html
@@ -13,6 +13,7 @@
         <nav>
             <ul>
                 <li><a href="/">GrapheneOS</a></li>
+                <li><a href="/releases">Releases</a></li>
                 <li><a href="/source">Source</a></li>
                 <li class="active"><a href="/donate">Donate</a></li>
                 <li><a href="/contact">Contact</a></li>
diff --git a/static/grapheneos.js b/static/grapheneos.js
deleted file mode 100644
index d5ba5082..00000000
--- a/static/grapheneos.js
+++ /dev/null
@@ -1,86 +0,0 @@
-"use strict";
-
-const devices = ["blueline", "crosshatch", "taimen", "walleye"];
-const channels = ["stable", "beta"];
-
-function createLink(href, text) {
-    const link = document.createElement("a");
-    link.appendChild(document.createTextNode(text));
-    link.href = href;
-    return link;
-}
-
-function deviceModel(device) {
-    if (device === "blueline") {
-        return "Pixel 3";
-    }
-    if (device === "crosshatch") {
-        return "Pixel 3 XL";
-    }
-    if (device === "marlin") {
-        return "Pixel XL";
-    }
-    if (device === "sailfish") {
-        return "Pixel";
-    }
-    if (device === "taimen") {
-        return "Pixel 2 XL";
-    }
-    if (device === "walleye") {
-        return "Pixel 2";
-    }
-    return "Unknown";
-}
-
-for (const channel of channels) {
-    for (const device of devices) {
-        fetch("https://seamlessupdate.app/" + device + "-" + channel).then(response => {
-            if (!response.ok) {
-                return Promise.reject();
-            }
-            return response.text();
-        }).then(text => {
-            const metadata = text.trim().split(" ");
-            const date = new Date(parseInt(metadata[1], 10) * 1000);
-            const dateString = date.toISOString().replace("T", " ").replace("Z", "").split(".")[0];
-
-            const baseUrl = "https://seamlessupdate.app/";
-
-            const factoryFilename = device + "-factory-" + metadata[0] + ".zip";
-            const factoryUrl = baseUrl + factoryFilename;
-
-            const updateFilename = device + "-ota_update-" + metadata[0] + ".zip";
-            const updateUrl = baseUrl + updateFilename;
-
-            const list = document.getElementById(channel);
-
-            const model = deviceModel(device);
-
-            const release = document.createElement("div");
-            release.dataset.model = model;
-
-            const header = document.createElement("h3");
-            header.appendChild(document.createTextNode(model));
-            release.appendChild(header);
-
-            const version = document.createElement("p");
-            version.appendChild(document.createTextNode("Version: " + metadata[2] + "." + metadata[0]));
-            release.appendChild(version);
-
-            release.appendChild(createLink(factoryUrl, factoryFilename));
-            release.appendChild(document.createElement("br"));
-            release.appendChild(createLink(factoryUrl + ".sig", factoryFilename + ".sig"));
-            release.appendChild(document.createElement("br"));
-            release.appendChild(createLink(updateUrl, updateFilename));
-
-            for (const item of list.children) {
-                if (model < item.dataset.model) {
-                    list.insertBefore(release, item);
-                    return;
-                }
-            }
-
-            list.appendChild(release);
-        });
-    }
-}
diff --git a/static/index.html b/static/index.html
index 7f3db812..e379cc03 100644
--- a/static/index.html
+++ b/static/index.html
@@ -12,6 +12,7 @@
         <nav>
             <ul>
                 <li class="active"><a href="/">GrapheneOS</a></li>
+                <li><a href="/releases">Releases</a></li>
                 <li><a href="/source">Source</a></li>
                 <li><a href="/donate">Donate</a></li>
                 <li><a href="/contact">Contact</a></li>
@@ -30,25 +31,27 @@
             updates (including for firmware), competitive hardware / firmware security and all of
             the hardware-based security features (verified boot, attestation, exploit mitigations
             and a lot more) being made available to alternative operating systems like Pixels.</em></p>
-            <h1>GrapheneOS releases</h1>
-            <p>These are early sample releases of GrapheneOS, an open source privacy and security
-            oriented mobile OS with Android app compatibility. Many past features of the project
-            still need to be ported to the current releases. The project is in the 5th year of
-            development and has been reborn as a non-profit open source project not strongly
-            associated with any specific company or organization. It will take some time for the
-            pieces to come into place turning it into a much broader and more sustainable project
-            with a strong development team. There are multiple organizations and companies in the
-            process of backing this new incarnation of the hardened mobile OS project.</p>
+            <h1>GrapheneOS</h1>
+            <p>GrapheneOS is an open source privacy and security focused mobile OS with Android
+            app compatibility. Many past features of the project still need to be ported to the
+            current releases. The project is in the 5th year of development and has been reborn as
+            a non-profit open source project not strongly associated with any specific company or
+            organization. It will take some time for the pieces to come into place turning it into
+            a much broader and more sustainable project with a strong development team. There are
+            multiple organizations and companies in the process of backing this new incarnation of
+            the hardened mobile OS project. Official Releases are available on the
+            <a href="/releases">releases</a> page and installation instructions are below.</p>
             <p>See the <a href="https://github.com/GrapheneOS">GitHub organization</a> for sources
             of the OS sub-projects including the cutting edge
             <a href="https://github.com/GrapheneOS/hardened_malloc/blob/master/README.md">new
             hardened memory allocator</a>.</p>
-            <p>These official GrapheneOS releases are supported by the
+            <p>The official GrapheneOS releases are supported by the
             <a href="https://github.com/GrapheneOS/Auditor/releases">Auditor app</a> and
             <a href="https://attestation.app/">attestation service</a> for hardware-based
             attestation. For more details, see the <a
             href="https://attestation.app/about">about page</a> and <a
-            href="https://attestation.app/tutorial">tutorial</a>.</p>
+            href="https://attestation.app/tutorial">tutorial</a>. You can also extend these with
+            support for your own builds.</p>
             <p>The sources are available via the
             <a href="https://github.com/GrapheneOS/platform_manifest">manifest on GitHub</a>.</p>
             <h2>Installation</h2>
@@ -128,11 +131,6 @@ TMPDIR="$PWD/tmp" ./flash-all.sh</pre>
             stock factory images and before locking the bootloader, you should erase the custom
             Android Verified Boot key to untrust it:</p>
             <pre>fastboot erase avb_custom_key</pre>
-            <h2>Stable channel</h2>
-            <div id="stable"></div>
-            <h2>Beta channel</h2>
-            <div id="beta"></div>
-            <script src="/grapheneos.js"></script>
         </div>
     </body>
 </html>
diff --git a/static/releases.html b/static/releases.html
new file mode 100644
index 00000000..3095719c
--- /dev/null
+++ b/static/releases.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8"/>
+        <meta name="theme-color" content="#212121"/>
+        <meta name="viewport" content="width=device-width, initial-scale=1"/>
+        <meta name="description" content="GrapheneOS is a security and privacy focused mobile OS with Android app compatibility."/>
+        <title>GrapheneOS</title>
+        <link rel="stylesheet" href="/grapheneos.css?0"/>
+    </head>
+    <body>
+        <nav>
+            <ul>
+                <li><a href="/">GrapheneOS</a></li>
+                <li class="active"><a href="/releases">Releases</a></li>
+                <li><a href="/source">Source</a></li>
+                <li><a href="/donate">Donate</a></li>
+                <li><a href="/contact">Contact</a></li>
+            </ul>
+        </nav>
+        <div id="content">
+            <h1>GrapheneOS releases</h2>
+            <p>These releases are also available as tags in the source code repositories.</p>
+            <h2>Stable channel</h2>
+            <div id="stable"></div>
+            <h2>Beta channel</h2>
+            <div id="beta"></div>
+            <script src="/releases.js"></script>
+        </div>
+    </body>
+</html>
diff --git a/static/releases.js b/static/releases.js
new file mode 100644
index 00000000..d5ba5082
--- /dev/null
+++ b/static/releases.js
@@ -0,0 +1,86 @@
+"use strict";
+
+const devices = ["blueline", "crosshatch", "taimen", "walleye"];
+const channels = ["stable", "beta"];
+
+function createLink(href, text) {
+    const link = document.createElement("a");
+    link.appendChild(document.createTextNode(text));
+    link.href = href;
+    return link;
+}
+
+function deviceModel(device) {
+    if (device === "blueline") {
+        return "Pixel 3";
+    }
+    if (device === "crosshatch") {
+        return "Pixel 3 XL";
+    }
+    if (device === "marlin") {
+        return "Pixel XL";
+    }
+    if (device === "sailfish") {
+        return "Pixel";
+    }
+    if (device === "taimen") {
+        return "Pixel 2 XL";
+    }
+    if (device === "walleye") {
+        return "Pixel 2";
+    }
+    return "Unknown";
+}
+
+for (const channel of channels) {
+    for (const device of devices) {
+        fetch("https://seamlessupdate.app/" + device + "-" + channel).then(response => {
+            if (!response.ok) {
+                return Promise.reject();
+            }
+            return response.text();
+        }).then(text => {
+            const metadata = text.trim().split(" ");
+            const date = new Date(parseInt(metadata[1], 10) * 1000);
+            const dateString = date.toISOString().replace("T", " ").replace("Z", "").split(".")[0];
+
+            const baseUrl = "https://seamlessupdate.app/";
+
+            const factoryFilename = device + "-factory-" + metadata[0] + ".zip";
+            const factoryUrl = baseUrl + factoryFilename;
+
+            const updateFilename = device + "-ota_update-" + metadata[0] + ".zip";
+            const updateUrl = baseUrl + updateFilename;
+
+            const list = document.getElementById(channel);
+
+            const model = deviceModel(device);
+
+            const release = document.createElement("div");
+            release.dataset.model = model;
+
+            const header = document.createElement("h3");
+            header.appendChild(document.createTextNode(model));
+            release.appendChild(header);
+
+            const version = document.createElement("p");
+            version.appendChild(document.createTextNode("Version: " + metadata[2] + "." + metadata[0]));
+            release.appendChild(version);
+
+            release.appendChild(createLink(factoryUrl, factoryFilename));
+            release.appendChild(document.createElement("br"));
+            release.appendChild(createLink(factoryUrl + ".sig", factoryFilename + ".sig"));
+            release.appendChild(document.createElement("br"));
+            release.appendChild(createLink(updateUrl, updateFilename));
+
+            for (const item of list.children) {
+                if (model < item.dataset.model) {
+                    list.insertBefore(release, item);
+                    return;
+                }
+            }
+
+            list.appendChild(release);
+        });
+    }
+}
diff --git a/static/sitemap.xml b/static/sitemap.xml
index 9243e34f..9a53a276 100644
--- a/static/sitemap.xml
+++ b/static/sitemap.xml
@@ -6,6 +6,10 @@
         <loc>https://grapheneos.org/</loc>
         <priority>1.0</priority>
     </url>
+    <url>
+        <loc>https://attestation.app/releases</loc>
+        <priority>0.5</priority>
+    </url>
     <url>
         <loc>https://attestation.app/source</loc>
         <priority>0.1</priority>
diff --git a/static/source.html b/static/source.html
index 6e272026..d0cc8a09 100644
--- a/static/source.html
+++ b/static/source.html
@@ -13,6 +13,7 @@
         <nav>
             <ul>
                 <li><a href="/">GrapheneOS</a></li>
+                <li><a href="/releases">Releases</a></li>
                 <li class="active"><a href="/source">Source</a></li>
                 <li><a href="/donate">Donate</a></li>
                 <li><a href="/contact">Contact</a></li>
-- 
cgit v1.3.1