-
Notifications
You must be signed in to change notification settings - Fork 10
/
Copy pathindex.html
135 lines (119 loc) · 5.57 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
<!doctype html>
<title>Portsmouth Degree Calculator</title>
<link rel=stylesheet href="style.css">
<link rel="manifest" href="manifest.json">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-RGFGYXVZLL"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-RGFGYXVZLL');
</script>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#621360" />
<link rel="apple-touch-icon" href="img/192.png" />
<link rel="icon" href="img/192.png" />
<header>
<h1>Portsmouth Degree Calculator</h1>
</header>
<main>
<section id="results">
<div>
<h2>Indication:</h2>
<p id="finalClassification">not enough data</span>.</p>
<p>This is the best result from Rules A, B and C.</p>
</div>
<div id=rules>
<h2>Rules:</h2>
<p data-highlight=".rule-a-defn">Rule A: <span id="ruleA">n/a</span></p>
<p data-highlight=".rule-b-defn">Rule B: <span id="ruleB">n/a</span></p>
<p data-highlight=".rule-c-defn">Rule C: <span id="ruleC">n/a</span></p>
</div>
<div>
<h2>GPA:</h2>
<p id="gpa">not enough data</span>.</p>
</div>
</section>
<section id="showingShared" style="display: none">
<h2>Showing shared marks. <a href="./">Edit my marks.</a></h2>
</section>
<section id="l5">
<h2>Second Year</h2>
<div class="module">
<input id="l5mark1" type="number" min="0" max="100" tabindex="1" placeholder="0" autofocus>
<input id="l5name1" type="text" tabindex="2" list="module-list" placeholder="module 1 name">
</div>
<div class="module">
<input id="l5mark2" type="number" min="0" max="100" tabindex="3" placeholder="0">
<input id="l5name2" type="text" tabindex="4" list="module-list" placeholder="module 2 name">
</div>
<div class="module">
<input id="l5mark3" type="number" min="0" max="100" tabindex="5" placeholder="0">
<input id="l5name3" type="text" tabindex="6" list="module-list" placeholder="module 3 name">
</div>
<div class="module">
<input id="l5mark4" type="number" min="0" max="100" tabindex="7" placeholder="0">
<input id="l5name4" type="text" tabindex="8" list="module-list" placeholder="module 4 name">
</div>
<div class="module">
<input id="l5mark5" type="number" min="0" max="100" tabindex="9" placeholder="0">
<input id="l5name5" type="text" tabindex="10" list="module-list" placeholder="module 5 name">
</div>
<div class="module">
<input id="l5mark6" type="number" min="0" max="100" tabindex="11" placeholder="0">
<input id="l5name6" type="text" tabindex="12" list="module-list" placeholder="module 6 name">
</div>
</section>
<section id="l6">
<h2>Final Year</h2>
<div class="module">
<input id="l6mark1" type="number" tabindex="13" min="0" max="100" placeholder="0">
<input id="l6name1" type="text" tabindex="14" list="module-list" placeholder="module 1 name">
</div>
<div class="module">
<input id="l6mark2" type="number" tabindex="15" min="0" max="100" placeholder="0">
<input id="l6name2" type="text" tabindex="16" list="module-list" placeholder="module 2 name">
</div>
<div class="module">
<input id="l6mark3" type="number" tabindex="17" min="0" max="100" placeholder="0">
<input id="l6name3" type="text" tabindex="18" list="module-list" placeholder="module 3 name">
</div>
<div class="module">
<input id="l6mark4" type="number" tabindex="19" min="0" max="100" placeholder="0">
<input id="l6name4" type="text" tabindex="20" list="module-list" placeholder="module 4 name">
</div>
<div class="module">
<input id="fyp" type="number" tabindex="21" min=0 max=100 placeholder="0">
<span>Project</span>
</div>
</section>
<datalist id="module-list">
</datalist>
<section id="share">
<h2>Share my marks</h2>
<p>If you'd like to share your award indication with friends or family, copy this link and send it to them.</p>
<div id="copyzone">
<input id="shareLink" type="text" tabindex="40" readonly>
<button id="copy" tabindex="41">Copy</button>
</div>
</section>
<section id="rule-explanation">
<h2>Rule Definitions</h2>
<p>Source: <a href="https://regulations.docstore.port.ac.uk/ExamRegs9BoardofExaminers.pdf">Examination & Assessment Regs: Boards of Examiners</a></p>
<dl>
<dt class="rule-a-defn">Rule A
<dd class="rule-a-defn">The classification of the weighted mean of all relevant credits at Level 5 and all relevant credits at Level 6 in the ratio of 40:60 respectively after first discounting the marks in the worst 20 credits both at Level 5 and at Level 6.
<dt class="rule-b-defn">Rule B
<dd class="rule-b-defn">The classification of the weighted mean of all relevant credits at Level 6 after first discounting the marks in the worst 20 credits at Level 6.
<dt class="rule-c-defn">Rule C
<dd class="rule-c-defn">The minimum classification in which more than 50% of the combined relevant credits at Level 5 and Level 6 were attained after first discounting the marks in the worst 20 credits both at Level 5 and at Level 6.
</dl>
<p>Weighted mean averages are rounded to integers when applying these rules, as required in section 3.2 of the above regulations.
</section>
</main>
<nav id="source">
<a href="https://github.com/portsoc/dcalc">Source</a>
</nav>
<script src="js/service-worker-loader.js" type="module"></script>
<script src="js/ui.js" type="module"></script>