pineapple-one.github.io/index.html at master · pineapple-one/pineapple-one.github.io · 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
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
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
<!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="viewport" content="width=device-width, initial-scale=1">

    <link rel="icon" href="/img/pineapple-bg.png">

    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x" crossorigin="anonymous">

    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link href="https://fonts.googleapis.com/css2?family=Squada+One&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="/font-awesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="/styles/styles.css" class="rel">
    <title>Pineapple ONE</title>
</head>
<body>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.min.js" integrity="sha384-Atwg2Pkwv9vp0ygtn1JAojH0nYbwNJLPhwyoVbhoPwBhjQPR5VtM2+xf0Uwh9KtT" crossorigin="anonymous"></script>


    <div class="container-fluid main-container" style="height: 100%; min-height: 100vh;">
        <div class="row">
            <nav class="navbar navbar-expand-lg navbar-dark main-container">
            <div class="container-fluid">
                <button class="navbar-toggler p-3" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                Menu
                </button>
                <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <div class="navbar-nav">
                    <a class="nav-link mx-2" href="#about">About</a>
                    <a class="nav-link mx-2" href="#what_has_been_done">What has been done</a>
                    <a class="nav-link mx-2" href="#how_contribute">How you can contribute</a>
                    <a class="nav-link mx-2" href="#video_demo">Video demo</a>
                    <a class="nav-link mx-2" href="#about_us">About us</a>
                </div>
                </div>
            </div>
            </nav>
         </div>
        <div class="row">
            <div class="col-xl-7">
                <h1 class="p-10" style="padding-left: 8vw; padding-top: 10vw;font-family: 'Squada One', cursive; color: white; font-size: 500%; ">Pineapple ONE</h1>
                <h3 class="text-white" style="padding-left: 8vw">Open source 32 bit RISC-V CPU that you can make at home
                </h3>
                <div class="social-media-btn-div">
                    <a href="https://github.com/pineapple-one" target="_blank" class="btn btn-primary btn-lg social-media-btn rounded-pill" tabindex="-1" role="button" aria-disabled="true"><i class="fa fa-github fa-lg text-dark mx-2" aria-hidden="true"></i>Check our GitHub</a>
                    <a href="https://twitter.com/ten_filip" target="_blank" class="btn btn-primary btn-lg social-media-btn rounded-pill" tabindex="-1" role="button" aria-disabled="true"><i class="fa fa-twitter fa-lg text-dark mx-2" aria-hidden="true"></i>Check our Twitter</a>
                    <a href="https://discord.gg/yWn4RYBQaD" target="_blank" class="btn btn-primary btn-lg social-media-btn rounded-pill" tabindex="-1" role="button" aria-disabled="true"><img src="https://wiki.miranda-ng.org/images/4/4d/Discord-Logo-Black.png" style="width: 30px; margin-right: 8px;">Join our Discord</a>
                </div>
            </div>
            <div class="col-xl-5 text-center">
                <img src="img/cpu-inside.png" class="img-fluid pineapple-img" style="margin-top: 10vh;">
            </div>
        </div>
    </div>
    <div class="container-lg text-center content-container">
        <div class="row">
            <div class="col-lg">
                <!-- Content -->
                <h1 id="about">About</h1>
                <p style="text-align: justify;">
                    Welcome! <strong>Pineapple ONE</strong> is a functioning (macro) processor, that is based on an open-source architecture <strong>RISC-V</strong>.
                    This architecture is becoming very popular these days, and it is well, open-source, so we chose to build a cpu only out of discrete, off-the-shelf components. You heard it right, there is no FPGA nor any microcontroller, there are
                    just logic gates and memories.
	                Our goal is to prove that designing a “modern” CPU isn’t that hard, so we have released our schematics and made
                    it open source as well. You can check out our <a href="https://github.com/pineapple-one/about">GitHub repository</a> for more information. If there would be enough
                    interest, maybe we could make a DIY kit, so anybody interested with soldering skills would be able to make their
                    own Pineapple ONE*!

                    <br>
                    <br>
                    <span>* “Pineapple ONE” is a temporary name and could be changed later due to legal reasons.</span>

                </p>
            <hr>
                <!-- Content end -->
                <h1 id="what_has_been_done">What have we done so far</h1>
                <p style="text-align: justify;">
                    <a href="#about_us">Filip Szkandera</a> spent two years designing and building a 32bit CPU utilising the RISC-V architecture.
                    His CPU supports a RV32I standard, so it is compatible with available compilers.
                    It runs at 500 kHz, has a 512 kB program memory and 512 kB RAM. It also features a simple <strong>B&W VGA card</strong> with resolution of 200x150 px,
                    so we can connect an external monitor and display some simple graphics. He created a simple shell program,
                    that let users interact with the CPU via a <strong>keyboard</strong> connected to one of the input ports.
	                He made a prototype first, where all the necessary features were tested and debugged and then optimised it to a modular CPU in a tower-like structure.
                    He wanted to turn this into a community project, so anybody who is interested can contribute, or build their own.
                    Now it is time to see how far we can get it together as a community.
                </p>
             <hr>
                <h1 id="how_contribute">How you can contribute</h1>
                <p style="text-align: justify;">
                    The current prototype that <a href="#about_us">Filip</a> made is not 100% reliable and kind of slow. To (maybe) turn is into a kit of some sort,
                     these issues would need to be resolved and maybe some additional features added - maybe some audio card, native PS/2 keyboard
                      support or a better VGA card - possibilities are endless. If you want to contribute, you can help with schematics, designing
                      PCBs, creating new modules, software, website(s) or literally anything else, it does not need to be CPU related at all. Feel
                      free to join our discord server to discuss your ideas, or just hang out there if you feel like :).
                </p>
            <hr>

                <h1 id="video_demo">Video</h1>

            <iframe width="100%" height="550" src="https://www.youtube.com/embed/KzSaFFpBPDM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
            <hr>
                <h1 id="about_us">About us</h1>
                    <div class="row">
                        <div class="col-md-3">
                            <img class="w-100" src="img/szkandera.jpg"/>
                        </div>
                        <div class="col-md-9" style="text-align: left;">
                            <h4>Filip Szkandera</h4>
                            <p style="text-align: justify; padding-left: 0px">
                                Student of Higher School and Secondary School of Electrotechnical Engineering in Olomouc, Czech Republic. Nineteen years old.
                                <br>
                                <span class="text-secondary">(2021)</span>
                                <br>
                                <i class="fa fa-twitter" aria-hidden="true" style="margin-right: 20px"></i><a href="https://twitter.com/ten_filip">@ten_filip</a>
                                <br>
                                <i class="fa fa-envelope-o" aria-hidden="true" style="margin-right: 20px;"></i><a href="mailto: filip.szkandera@gmail.com">filip.szkandera@gmail.com</a>
                                <br>
                                <i class="fa fa-linkedin" aria-hidden="true" style="margin-right: 20px;"></i><a href="https://www.linkedin.com/in/filip-szkandera-074154211">Filip Szkandera</a>


                            </p>
                        </div>

                        <br>
                        <h4 style="margin-top: 30px; margin-bottom: 30px;">Other contributors:</h4>
                        <table class="table" style="text-align: left;">
                            <thead>
                                <tr>
                                    <th scope="col">Name</th>
                                    <th scope="col">Email</th>
                                    <th scope="col">Twitter</th>
                                    <!-- <th scope="col">LinkedIn</th> -->
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <th>Martin Prochazka</th>
                                    <td><a href="mailto:pro.nitram@gmail.com">pro.nitram@gmail.com</a></td>
                                    <td><a href=""></a>-</td>
                                    <!-- <td>-</td> -->
                                </tr>
                                <tr>
                                    <th>Tadeas Frycak</th>
                                    <td><a href="mailto:Frycaktadeas@seznam.cz">Frycaktadeas@seznam.cz</a></td>
                                    <td><a href="https://twitter.com/TFrycak">@TFrycak</a></td>
                                    <!-- <td>-</td> -->
                                </tr>
                                <!-- <tr>
                                    <th>3</th>
                                    <td><a href="mailto:"></a></td>
                                    <td><a href="">@twitter</a></td>
                                    <td></td>
                                </tr> -->
                            </tbody>
                        </table>

                        <span style="margin-top: 30px; margin-bottom: 30px;">If you contributed to this project, feel free to add yourself here as well!</span>
                    </div>
            </div>
        </div>
    </div>
</body>
</html>