summaryrefslogtreecommitdiff
path: root/static/web-install.html
blob: 75ce8348afc2e4c43972e35d22af6979c891f0b9 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
<!DOCTYPE html>
<html lang="en" prefix="og: https://ogp.me/ns#">
    <head>
        <meta charset="utf-8"/>
        <title>Web install | GrapheneOS</title>
        <meta name="description" content="Web-based installer for GrapheneOS"/>
        <meta name="theme-color" content="#212121"/>
        <meta name="msapplication-TileColor" content="#ffffff"/>
        <meta name="viewport" content="width=device-width, initial-scale=1"/>
        <meta name="twitter:site" content="@GrapheneOS"/>
        <meta name="twitter:creator" content="@GrapheneOS"/>
        <meta property="og:title" content="GrapheneOS web install"/>
        <meta property="og:description" content="Web-based installer for GrapheneOS"/>
        <meta property="og:type" content="website"/>
        <meta property="og:image" content="https://grapheneos.org/opengraph.png"/>
        <meta property="og:image:width" content="512"/>
        <meta property="og:image:height" content="512"/>
        <meta property="og:image:alt" content="GrapheneOS logo"/>
        <meta property="og:url" content="https://grapheneos.org/web-install"/>
        <meta property="og:site_name" content="GrapheneOS"/>
        <link rel="icon" sizes="16x16 24x24 32x32 48x48 64x64" type="image/vnd.microsoft.icon" href="/favicon.ico"/>
        <link rel="icon" sizes="any" type="image/svg+xml" href="/mask-icon.svg"/>
        <link rel="mask-icon" href="/mask-icon.svg" color="#1a1a1a"/>
        <link rel="apple-touch-icon" href="/apple-touch-icon.png"/>
        <link rel="stylesheet" href="/grapheneos.css?29"/>
        <link rel="manifest" href="/manifest.webmanifest"/>
        <link rel="canonical" href="https://grapheneos.org/web-install"/>
        <link rel="license" href="/LICENSE.txt"/>
        <script defer="defer" src="/js/webadb.js?0"></script>
        <script defer="defer" src="/js/web-install.js?0"></script>
    </head>
    <body>
        <header>
            <nav id="site-menu">
                <ul>
                    <li><a href="/">GrapheneOS</a></li>
                    <li><a href="/features">Features</a></li>
                    <li><a href="/install">Install</a></li>
                    <li><a href="/build">Build</a></li>
                    <li><a href="/usage">Usage</a></li>
                    <li><a href="/faq">FAQ</a></li>
                    <li><a href="/releases">Releases</a></li>
                    <li><a href="/source">Source</a></li>
                    <li><a href="/articles/">Articles</a></li>
                    <li><a href="/donate">Donate</a></li>
                    <li><a href="/contact">Contact</a></li>
                </ul>
            </nav>
        </header>
        <main id="web-install">
            <h1><a href="#web-install">Web install</a></h1>

            <p>This is the beginning of a WebUSB-based installer for GrapheneOS. Very little has
            been implemented and it doesn't do anything useful yet. You should ignore this page
            and use the <a href="/install">official install guide</a>.</p>

            <section id="enabling-oem-unlocking">
                <h2><a href="#enabling-oem-unlocking">Enabling OEM unlocking</a></h2>

                <p>OEM unlocking needs to be enabled from within the operating system.</p>

                <p>Enable the developer options menu by going to Settings ➔ About phone and
                pressing on the build number menu entry until developer mode is enabled.</p>

                <p>Next, go to Settings ➔ System ➔ Advanced ➔ Developer options and toggle on the
                'Enable OEM unlocking' setting. This requires internet access on devices with Google
                Play services as part of Factory Reset Protection (FRP) for anti-theft protection.</p>
            </section>

            <section id="connecting-phone">
                <h2><a href="#connecting-phone">Connecting the phone</a></h2>

                <p>Connect the phone to the computer. On Linux, you'll need to do this again if
                you didn't have the udev rules set up when you connected it.</p>
            </section>

            <section id="unlocking-the-bootloader">
                <h2><a href="#unlocking-the-bootloader">Unlocking the bootloader</a></h2>

                <p>First, boot into the bootloader interface. You can do this by turning off the
                device and then turning it on by holding both the Volume Down and Power buttons.
                Alternatively, use ADB to reboot to the bootloader with the button below:</p>

                <button id="adb-reboot-bootloader" disabled="disabled">Reboot to bootloader with ADB</button>

                <p>Unlock the bootloader to allow flashing the OS and firmware:</p>

                <button id="unlock-bootloader" disabled="disabled">Unlock bootloader</button>

                <p>The command needs to be confirmed on the device and will wipe all data. Use one
                of the volume keys to switch the selection to accepting it and the power button to
                confirm.</p>
            </section>
        </main>
        <footer>
            <a href="/"><img src="/logo.png" width="512" height="512" alt=""/>GrapheneOS</a>
            <ul id="social">
                <li><a href="https://twitter.com/GrapheneOS">Twitter</a></li>
                <li><a href="https://github.com/GrapheneOS">GitHub</a></li>
                <li><a href="https://reddit.com/r/GrapheneOS">Reddit</a></li>
                <li><a href="https://www.linkedin.com/company/grapheneos/">LinkedIn</a></li>
            </ul>
        </footer>
    </body>
</html>