-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (124 loc) · 6.43 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Ontario IB Grade Converter</title>
<meta content="Ontario IB Grade Converter" property="og:title" />
<meta name="description" content="A simple website to help Ontario highschool students convert their Raw IB Marks to Ontario (OSSD) Marks!"
property="og:description" />
<meta content="https://ah07.xyz/ibconverter" property="og:url" />
<meta content="https://www.ibschoolsofontario.ca/wp-content/uploads/2018/12/IB-world-shools-1.png"
property="og:image" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="main.css">
<link rel="apple-touch-icon" sizes="180x180" href="./assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon/favicon-16x16.png">
<link rel="manifest" href="./assets/favicon/site.webmanifest">
<link rel="mask-icon" href="./assets/favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="./assets/favicon/favicon.ico">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="msapplication-config" content="./assets/favicon/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<script src="https://kit.fontawesome.com/ebba275678.js" crossorigin="anonymous"></script>
</head>
<body>
<div id="bg"></div>
<main>
<h1>Ontario <span>IB</span> Grade Converter</h1>
<div id="sub">
<label for="subjects">Choose your Subject:</label>
<select name="subjects" id="subject" aria-label="Subjects">
<optgroup label="Group 1: Language & Literature">
<option value="0" selected>HL English/ToK</option>
</optgroup>
<optgroup label="Group 2: Language Acquisition">
<option value="1">SL French</option>
<option value="2">HL French</option>
<option value="3">SL Spanish</option>
</optgroup>
<optgroup label="Group 3: Individuals & Societies">
<option value="4">HL Economics</option>
<option value="5">HL Geography</option>
<option value="6">SL Business</option>
</optgroup>
<optgroup label="Group 4: Sciences">
<option value="7">SL Chemistry</option>
<option value="8">HL Chemistry</option>
<option value="9">SL Biology</option>
<option value="10">HL Biology</option>
<option value="11">SL Physics</option>
</optgroup>
<optgroup label="Group 5: Mathematics">
<option value="12">SL Math</option>
<option value="13">HL Math</option>
</optgroup>
<optgroup label="Group 6: Arts">
</optgroup>
</select>
</div>
<article>
<form id="converter" autocomplete="off">
<div id="top">
<div id="in">
<input type="text" id="mark" name="rawmark" aria-label="Raw Mark" oninput="num(this)" />
<div id="mark2">
<input type="text" id="mark21" name="fracraw" aria-label="Achieved Marks"
oninput="num2(this)" />
<input type="text" id="mark22" name="fracraw2" aria-label="Total Marks"
oninput="num2(this)" />
</div>
<select name="modes" id="mode" aria-label="Mode Select">
<option value="raw">Raw Mark</option>
<option value="frac">Raw Fraction</option>
</select>
</div>
<div id="arrow">
<i id="icon" class="fa-sharp fa-solid fa-arrow-right"></i>
</div>
<div id="result">
<h2 id="converted">Converted Mark</h2>
<img src="./assets/images/default.avif" width="150px" id="joobi" alt="cookie muncher" />
</div>
</div>
<button type="submit">Convert!</button>
</form>
</article>
<section id="bottom">
<h2 id="subjecth2">></h2>
<div id="section-lvl">
</div>
<div id="section-raw">
</div>
<div id="section-conv">
</div>
</section>
</main>
<footer>
<p>This website is open-source on <a href="https://github.com/anthonyhuang07/ibconverter">GitHub.</a> If anybody
has conversions for subjects not listed, or there are inaccurate/outdated conversions, please contact me on Discord
at @fhdhgngn, or submit a pull request in the repository!</p>
<br>
<p><a href="https://blog.ah07.xyz/posts/woss-ib-year1-guide/#conversions" target="_blank">How do these conversions work?</a></p>
<br>
<p><strong>Disclaimer:</strong> This work/product/service has been developed independently from and is not
endorsed by the International Baccalaureate Organization. International Baccalaureate, Baccalauréat
International, Bachillerato Internacional and IB are registered trademarks owned by the International
Baccalaureate Organization.</p>
<br>
<p>Version 1.2.0</p>
<br>
<a href="https://docs.google.com/document/d/1zrYgMIzQ4jiswH4EWfQKzweW7avs3IkQ5TwGorOTf6E/edit" id="master"
target="_blank">Master Doc of IB Conversions</a>
<a href="https://github.com/anthonyhuang07/ib-converter" target="_blank">Copyright (c) <span id="date"></span>
Anthony Huang</a>
</footer>
<script src="./scripts/index.js"></script>
<script src="./scripts/converter.js"></script>
</body>
</html>