forked from brainstormerjr/HelloWorldOS
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
155 lines (121 loc) · 7.53 KB
/
index.html
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
<html>
<head>
<title>Brick OS</title>
<link rel="stylesheet" href="style.css"></link>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400;700;900&display=swap" rel="stylesheet">
<script defer src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<script defer src="sketch.js"></script>
<head>
<body>
<div style="width: fit-content;">
<body class="parallaxTop" style="background-image: url(images/homeScreenBlurred.jpg);">
<p class="title"><strong>BRICK OS</strong></p>
<p class="subtitle">The Operating System of the Future.</p>
<div style="text-align:center;">
<button class="button learnMore" onclick="learnMoreScroll()">Learn More</button>
</div>
<img class="arrowDown" src="images/downArrows.png"></img>
</body>
<div class="about1" id="about1">
<div class="aboutSubtitle">The Latest Innovation In Operating System Technology.</div>
Using Your Mums Homemade Computer Specs We only use 1 f ing byte of ram So Fucking Windows Or Ubuntu Or Linux Or Mac Use Our Line Up Of Brick OS Stuff
</div>
<div class="parallaxCenter" style="background-image: url(images/electronics.jpg);"></div>
<div class="aboutBlack">
<div class="aboutSubtitle" style="color:white;">The Most Lightweight Operating System The World Has Ever Seen.</div>
Other large-scale operating systems such as Windows, MacOS and Linux take a heavy toll on the computer's hardware.
Not only do those operating systems take forever to boot from startup, but they also use up valuable computing power
and resources that should be saved to use for actual useful work.
<br><br>
Our devs tackled these problems by stripping
unnecessary modules and functions from traditional operating systems. What we are left with is an efficient powerhouse,
a machine tailored to do tasks that were previously impossible to do without resources hogged by the operating system.
<br><br>
</div>
<div class="about2" style="background-color: #FAC3EB;" id="parent">
<div class="aboutSubtitle">Don't believe us? Here are the numbers.</div>
<canvas id="myChart" height="500px"></canvas>
<br>
Wondering why the Brick OS bar is missing? ] Brick OS takes up 10KB (0.010MB) of your disk space, 1 million
times more lightweight than Windows 10, the most popular operating system in the world. The bar is not missing, it's lightweight.
</div>
<div class="parallaxCenter" style="background-image: url(images/ergonomics.jpg);"></div>
<div class="about2" style="background-color: rgb(255, 242, 206);" >
<div class="aboutSubtitle">Brick OS Reinvents I/O.</div>
Modern computers have complex input and output systems. Although that may provide slight advantages to professionals
and nerds, most daily users do not need the complexity that the modern I/O systems provide, and can actually suffer
from the confusion, killing their productivity and enjoyment of using their computers.
<br><br>
This is why our designers took on the task to make Brick OS the most user-friendly operating system ever.
Here are a few I/O interfaces that our bold and innovative designers have decided to remove: multiple HDMI outputs,
keyboard inputs, mouse/cursor inputs, USB ports, audio output, graphics cards, and so on.
</div>
<div class="parallaxBottom" style="background-image: url(images/inputOutput.jpg);"></div>
<div class="about2" style="background-color: rgb(238, 228, 255);" >
<div class="aboutSubtitle">The Concept Behind The New I/O System.</div>
Brick OS features a one-of-a-kind I/O system: no inputs from the user except for power, no audio
output, and only one monitor. With this new system, even beginner users can feel right at home, having as much control
over their computer as professionals have over theirs: zero. Because this is what the world of computing needs.
<br><br>
Why did we opt for such a non-traditional I/O system? That is because as humans, we are not perfect. We make a lot of mistakes,
which can cause a lot of trouble. With this new system, we no longer have any control over our computer, and therefore cannot
make any mistakes, making this the perfect operating system for any task.
</div>
<div class="parallaxCenter" style="background-image: url(images/children.jpg);"></div>
<div class="about2" style="background-color: rgb(227, 249, 255);" >
<div class="aboutSubtitle">Brick OS Can Help Not Kick Computer Addiction.</div>
As many people may know, computer addiction is an increasingly serious problem. People, especially children, are drawn to
using their computers the entire day instead of leaving their house and experiencing the outside world. If this continues,
our future generation will not be doomed.
<br><br>
This is the reason why the designers here at Brick OS. decided to opt for a charming retro design for Brick OS.
Brick OS features fancy graphics. But Brick OS Has An Lineup that exists as
a terminal interface, which is appealing to people of older age, but deters younger children.
</div>
<div class="parallaxBottom" style="background-image: url(images/laptopWithOS.jpg); color:white"></div>
<div class="downloadDIV" style="padding-bottom:20px; padding-top:auto">
<p class="downloadNow">Get A OS From The Lineup Of Brick OS's Today.</p>
<div class="row">
<div class="column">
<p class="planTitle"><u style="text-decoration-thickness: 5px;">Brick OS Bios Beta</u></p>
<p class="oldPlanPrice"><s style="text-decoration-thickness: 7%;">US$150.00</s></p>
<p class="newPlanPrice">Free</p>
<button class="button downloadButton" onclick="standardDownload()">Download</button>
<a href="downloads/standard.elf" download="standard.elf" style="display:none" id="standardDownload">download</a>
</div>
<div class="column">
<p class="planTitle"><u style="text-decoration-thickness: 5px;">Brick OS Bios UEFI</u></p>
<p class="oldPlanPrice"><s style="text-decoration-thickness: 7%;">US$400.00</s></p>
<p class="newPlanPrice">Free</p>
<button class="button downloadButton" onclick="proDownload()">Download</button>
<a href="downloads/pro.elf" download="pro.elf" style="display:none" id="proDownload">download</a>
</div>
<div class="column">
<p class="planTitle"><u style="text-decoration-thickness: 5px;">BrickPI</u></p>
<p class="oldPlanPrice"><s style="text-decoration-thickness: 7%;">US$1,000.00</s></p>
<p class="newPlanPrice">Free</p>
<button class="button downloadButton" onclick="corporationDownload()">Download</button>
<a href="downloads/corporation.elf" download="corporation.elf" style="display:none" id="corporationDownload">download</a>
</div>
</div>
</div>
<div class="aboutBlack" style="padding-bottom:20px; padding-top:auto">
<p class="downloadNow" style="color: #FFFFFF; font-size: 70px">
Help Us Make
<span style="color: #dea1ff;">
Brick OS
</span>
Better.
</p>
<p class="downloadNow" style="color: white; font-size: 30px; padding-bottom: 30px; padding-top: auto">
This project is hosted on
<a href="https://github.com/Brick-OS-PokeyManatee4" target="_blank" style="color: #dea1ff; text-decoration-thickness: 5px;">
GitHub
</a>
</p>
<img src="images/github.jpg" style="margin:auto; max-width:100%; height:auto; text-align:center; border-radius:3%; box-shadow: 0px -13px rgba(222, 161, 255, 1)"></img>
</div>
</div>
</body>
</html>