-
Notifications
You must be signed in to change notification settings - Fork 18
/
index.html
161 lines (127 loc) · 8.22 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
156
157
158
159
160
161
<html>
<head>
<title>Hello World 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>HELLO WORLD 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 the newest technological advancements in the realm of operating system development, the members at Hello
World Inc. were able to harness the true power of our modern technology. Let us show you limits of humankind and
how the engineers at Hello World Inc. surpassed what we thought was previously impossible.
</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 engineers 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 Hello World OS bar is missing? Hello World OS takes up 16KB (0.016MB) 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">Hello World 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 Hello World 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>
Hello World 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">Hello World OS Can Help 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 be doomed.
<br><br>
This is the reason why the designers here at Hello World Inc. decided to opt for a charming retro design for Hello World OS.
Hello World OS doesn't feature fancy graphics. In fact, Hello World OS doesn't feature any graphics. Hello World OS exists as
a terminal interface, which is appealing to people of older age, but deters younger children. This means that children can finally
kick their computer addiction, go out, and experience this crazy dance called life.
</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 Hello World OS Today.</p>
<div class="row">
<div class="column">
<p class="planTitle"><u style="text-decoration-thickness: 5px;">Standard</u></p>
<p class="oldPlanPrice"><s style="text-decoration-thickness: 7%;">US$150.00</s></p>
<p class="newPlanPrice">US$0.00</p>
<button class="button downloadButton" onclick="location.href='downloads/standard.elf'">Download elf file</button>
<button class="button downloadButton" onclick="location.href='downloads/standard.iso'">Download iso file</button>
</div>
<div class="column">
<p class="planTitle"><u style="text-decoration-thickness: 5px;">Professionals</u></p>
<p class="oldPlanPrice"><s style="text-decoration-thickness: 7%;">US$400.00</s></p>
<p class="newPlanPrice">US$0.00</p>
<button class="button downloadButton" onclick="location.href='downloads/pro.elf'">Download elf file</button>
<button class="button downloadButton" onclick="location.href='downloads/pro.iso'">Download iso file</button>
</div>
<div class="column">
<p class="planTitle"><u style="text-decoration-thickness: 5px;">Corporations</u></p>
<p class="oldPlanPrice"><s style="text-decoration-thickness: 7%;">US$1,000.00</s></p>
<p class="newPlanPrice">US$0.00</p>
<button class="button downloadButton" onclick="location.href='downloads/corporation.elf'">Download elf file</button>
<button class="button downloadButton" onclick="location.href='downloads/corporation.iso'">Download iso file</button>
</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;">
Hello World 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/brainstormerjr/HelloWorldOS" 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>
<p style="font-family:'Poppins', sans-serif; font-size:14px; color:rgb(150,150,150); text-align:center; padding-top:20px; padding-right:80px;">
*The project is kind of dead so work on it at your own risk.
</p>
</div>
</div>
</body>
</html>