/
index.html
55 lines (52 loc) · 2.51 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
<!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" />
<title>QuantumWorld</title>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w=="
crossorigin="anonymous"
referrerpolicy="no-referrer"
/>
<link rel="shortcut icon" href="assets/gluonIcon.png" type="image/x-icon">
<style>
@import url("https://fonts.googleapis.com/css2?family=Work+Sans&display=swap");
body {
font-family: "Work Sans", sans-serif;
color: #efefef;
background-color: #121212;
}
header {
background: url(assets/background.png);
text-align: center;
width: 100%;
padding: 10px;
}
h1 {
color: #fff;
}
</style>
</head>
<body>
<header>
<img src="assets/electronIcon.png" style="float: left" />
<img src="assets/gluonIcon.png" style="float: right" />
<a href="sandbox.html"><h1>Welcome to QuantumWorld!</h1></a>
<h2>A simplistic simulation of quantum mechanics</h2>
</header>
<h1 style="text-align: center">Introduction</h1>
<p style="width: 70%; margin: auto;">The simulation includes electrons, gluons, photons, the six varietes of quarks, and the ability to form Protons and Neutrons.
You can add in all avalible particles through the menubar, and all particles are draggable to all positions.
All particles except electrons and gluons collide with each other, and all particles begin with a random velocity, except particles spawned in through the menu.
If the simulation slows down, you can place particles in collision with photons to speed them up again. You can Combine Quarks and Gluons in the structure of Protons and Neutrons to create Protons and Neutrons.
</p><br><br>
<img src="assets/structures.png" style="margin-left: 35%;"><br><br>
<p style="width: 70%; margin: auto;">Two Up Quarks and One down Quark for a proton, and two Down Quarks and One Up Quarks for a neutron.</p>
<p style="width: 70%; margin: auto;">This is a first release, I do plan on adding more particles and their applications in this simulation.</p>
<a href="sandbox.html" style="margin: auto;text-align: center"><h2>Try it out Now!</h2></a>
</body>
</html>