website/install.html at main · jostroOS/website · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Easy steps to install Jostro OS">
    <meta name="keywords" content="jostro,jostros,jostroos,jostro os,twister">
    <meta name="theme-color" content="#ef0a6a">
    <meta property="og:site_name" content="Jostro OS">
    <meta property="og:title" content="Install Instructions">
    <meta name="og:description" content="Easy steps to install Jostro OS">
    <meta name="og:image" itemprop="image" content="https://jostroos.ml/icons/jostro.png">
    <link rel="shortcut icon" href="icons/favicon.ico" sizes="48x48">
    <link rel="bookmark" href="icons/favicon.ico">
    <link href="common.css" rel="stylesheet" type="text/css">
    <link href="article.css" rel="stylesheet" type="text/css">
    <title>Install Instructions - Jostro OS</title>
</head>
<body>
    <div id="wallpaper"></div>
    <div id="main-container">
        <header>
            <nav>
                <ul id="bar">
                    <li><a id="nav-logo" href="https://jostroos.ml/"></a></li>
                    <li><a id="nav-home" href="index.html">Home</a></li>
                    <li><a id="nav-install" class="now" href="install.html">Install Instructions</a></li>
                    <li><a id="nav-screenshots" href="screenshots.html">Screenshots</a></li>
                    <li><a id="nav-about" href="about.html">About</a></li>
                </ul>
            </nav>
        </header>
        <div id="text-area">
            <h1>Install Instructions</h1>
            <h3 id="description">Follow these easy steps to install Jostro OS on your device:</h3>
            <p>1. Download the latest image from our <a href="index.html">Home Page</a>.</p>
            <p>2. Flash the image to your device using <a href="https://www.raspberrypi.org/software/" target="_blank" rel="noopener noreferrer">Raspberry Pi Imager</a> or <a href="https://www.balena.io/etcher/" target="_blank" rel="noopener noreferrer">Balena Etcher</a>.</p>
            <p>3. Boot it up and it's done! Enjoy!</p>
            <p class="notes">(Note that on the first boot you might see the screen flash a few times with a lot of text! This is normal, just ignore it!)</p>
        </div>
        <footer>
            <p id="copyright">© 2021 Jostro Project. All Rights Reserved.</p>
        </footer>
    </div>
    <script>
        if (window.innerWidth <= 620){
            document.getElementById("nav-install").innerHTML = "Install";
        }
    </script>
</body>
</html>