GradeBoundaries-dev/index.html at main · Grade-Boundaries/GradeBoundaries-dev · GitHub

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
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
<!DOCTYPE html>
<html lang="en">
<html lang="en">
<head>
  <!-- ✨ SEO & performance enhancements (no functional changes) ✨ -->
  <style id="css-cloak">
    html:not(.css-loaded) body > * { display: none; }
  </style>

  <!-- Preconnect to third‑party origins for quicker handshake -->

  <link rel="preconnect" href="https://gc.zgo.at">
  <link rel="preconnect" href="https://unpkg.com">

  <!-- Lightweight, privacy‑friendly analytics (kept) -->

<script data-goatcounter="https://gradeboundaries.goatcounter.com/count"
        async src="//gc.zgo.at/count.js"></script>

  <!-- Base‑href, Tailwind & custom CSS injection (unchanged) -->
  <script>
    function uncloak() {
      document.documentElement.classList.add("css-loaded");
      const cloak = document.getElementById("css-cloak");
      if (cloak) cloak.remove();
    }
    const host   = location.hostname;
    // Add "localhost" or "127.0.0.1" to the root path condition
    const myBase = (host === "gradeboundaries.com" || host === "localhost" || host === "127.0.0.1")
                   ? "/"
                   : "/GradeBoundaries-dev/";
    const baseEl = document.createElement("base");
    baseEl.href  = myBase;
    document.head.appendChild(baseEl);
    const linkEl = document.createElement("link");
    linkEl.rel   = "stylesheet";
    linkEl.href  = "dist/output.css";
    document.head.appendChild(linkEl);
    const linkEle = document.createElement("link");
    linkEle.rel   = "stylesheet";
    linkEle.href  = "style.css";
    linkEle.onload = uncloak;
    document.head.appendChild(linkEle);
  </script>

  <!-- Primary meta tags -->
  <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>A‑Level Grade Boundaries 2015‑2026 | Edexcel · CIE · Oxford AQA · OCR</title>
  <meta name="description" content="All A-Level grade boundaries in one place – instantly compare Edexcel, Cambridge (CIE), Oxford AQA & OCR thresholds from 2015 to 2026 with free interactive tables, charts & CSV downloads.">
  <meta name="keywords" content="A Level grade boundaries, Edexcel grade thresholds, CIE grade boundaries, Oxford AQA, OCR grade boundaries, exam results, UK A‑Levels, 2026">
  <meta name="author" content="Fire‑Frog‑Fuel">
  <meta name="robots" content="index, follow">
  <meta name="theme-color" content="#111827">

  <!-- Canonical & hreflang (domain normalised to non‑www) -->
  <link rel="canonical" href="https://gradeboundaries.com/">
  <link rel="alternate" hreflang="en‑gb" href="https://gradeboundaries.com/">
  <link rel="alternate" hreflang="x‑default" href="https://gradeboundaries.com/">

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:site_name" content="Grade‑Boundary Explorer">
  <meta property="og:locale" content="en_GB">
  <meta property="og:url" content="https://gradeboundaries.com/">
  <meta property="og:title" content="A‑Level Grade Boundaries 2015‑2026 | Edexcel · CIE · Oxford AQA · OCR">
  <meta property="og:description" content="Compare free interactive grade‑boundary data for Edexcel, CIE, Oxford AQA & OCR between 2015‑2026.">
  <meta property="og:image" content="https://gradeboundaries.com/preview.png">
  <meta property="og:image:alt" content="Screenshot of Grade‑Boundary Explorer homepage">

  <!-- Twitter -->
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:url" content="https://gradeboundaries.com/">
  <meta name="twitter:title" content="A‑Level Grade Boundaries 2015‑2026">
  <meta name="twitter:description" content="Interactive tables and charts covering Edexcel, CIE, Oxford AQA & OCR A‑Level grade thresholds.">
  <meta name="twitter:image" content="https://gradeboundaries.com/preview.png">

  <!-- Schema.org structured data -->
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "WebSite",
    "name": "Grade‑Boundary Explorer",
    "url": "https://gradeboundaries.com/"
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "itemListElement": [
      {"@type": "ListItem", "position": 1, "name": "Home", "item": "https://gradeboundaries.com/"},
      {"@type": "ListItem", "position": 2, "name": "Edexcel", "item": "https://gradeboundaries.com/Edexcel"},
      {"@type": "ListItem", "position": 3, "name": "CIE", "item": "https://gradeboundaries.com/CIE"},
      {"@type": "ListItem", "position": 4, "name": "Oxford AQA", "item": "https://gradeboundaries.com/OxfordAqa"},
      {"@type": "ListItem", "position": 5, "name": "OCR", "item": "https://gradeboundaries.com/OCR"}
    ]
  }
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "Grade‑Boundary Explorer",
    "url": "https://gradeboundaries.com/",
    "sameAs": [
      "https://github.com/Fire-Frog-Fuel",
      "https://github.com/ChessMastermind"
    ]
  }
  </script>

  <!-- Instant‑load theme (kept) -->
  <script>
    (() => {
      const saved = localStorage.getItem('theme');
      if (saved === 'dark' || (!saved && matchMedia('(prefers-color-scheme: dark)').matches)) {
        document.documentElement.classList.add('dark');
      }
    })();
  </script>

  <!-- Defer non‑critical JS for better LCP (unchanged) -->
  <script src="https://unpkg.com/react@18/umd/react.production.min.js" crossorigin defer></script>
  <script src="https://unpkg.com/react-dom@18/umd/react-dom.production.min.js" crossorigin defer></script>
  <script src="https://unpkg.com/@babel/standalone/babel.min.js" defer></script>
</head>

<body>
  <!-- Header -->
  <header class="text-white text-center py-6 shadow-lg">
    <h1 class="page-title">A-Level Grade Boundaries</h1>
    <nav class="mt-4 flex flex-col md:flex-row items-center justify-center gap-2" aria-label="Primary">
      <a href="Edexcel" class="nav-link mx-4 text-base sm:text-lg hover:text-white transition" title="Edexcel A-Level grade boundaries 2015-2026">Edexcel</a>
      <a href="CIE" class="nav-link mx-4 text-base sm:text-lg hover:text-white transition" title="CIE (Cambridge International) A-Level grade boundaries">CIE</a>
      <a href="OxfordAqa" class="nav-link mx-4 text-base sm:text-lg hover:text-white transition" title="Oxford AQA A-Level grade boundaries 2020-2026">Oxford AQA</a>
      <a href="OCR" class="nav-link mx-4 text-base sm:text-lg hover:text-white transition" title="OCR A-Level grade boundaries 2015-2025">OCR</a>
    </nav>
  </header>

  <!-- Main content -->
  <main class="flex-1 max-w-6xl mx-auto p-6" id="main-content">
    <h2 class="text-3xl font-semibold mb-4">Welcome to Grade-Boundary Explorer</h2>
    <p class="text-lg mb-4">This site offers a <strong>free</strong>, open-access way to analyse and compare A-Level grade boundaries for Edexcel, CIE, Oxford AQA, and OCR. Access tables, download CSVs and visualise trends with interactive charts.</p>
    <div class="p-4 rounded text-lg mb-4 font-semibold">
  📢 If you found this website helpful, please consider sharing it — your support would mean a lot!
    </div>
    <h2 id="datasets-heading" class="sr-only">Available datasets</h2>
    <div class="grid grid-cols-1 md:grid-cols-4 gap-6">
      <article class="bg-white shadow-md rounded-lg p-6 flex flex-col h-70" itemscope itemtype="https://schema.org/Dataset">
        <meta itemprop="name" content="Edexcel A-Level Grade Boundaries 2015-2026" />
        <h3 class="text-xl font-bold mb-2" itemprop="name">Edexcel</h3>
        <p class="text-sm mb-4" itemprop="description">Over 800 units covering Maths, Sciences, Economics and more (2015-2026).</p>
        <a href="Edexcel" class="class-button inline-block mt-auto mb-0 px-4 py-2 rounded text-center" itemprop="url">View Edexcel grade boundaries</a>
      </article>

      <article class="bg-white shadow-md rounded-lg p-6 flex flex-col h-70" itemscope itemtype="https://schema.org/Dataset">
        <meta itemprop="name" content="CIE A-Level Grade Boundaries 2021-2025" />
        <h3 class="text-xl font-bold mb-2" itemprop="name">CIE</h3>
        <p class="text-sm mb-4" itemprop="description">Grade thresholds for AS/A-Level Cambridge International examinations (2021-2025).</p>
        <a href="CIE" class="class-button inline-block mt-auto mb-0 px-4 py-2 rounded text-center" itemprop="url">View CIE grade boundaries</a>
      </article>

      <article class="bg-white shadow-md rounded-lg p-6 flex flex-col h-70" itemscope itemtype="https://schema.org/Dataset">
        <meta itemprop="name" content="Oxford AQA A-Level Grade Boundaries 2018-2026" />
        <h3 class="text-xl font-bold mb-2" itemprop="name">Oxford AQA</h3>
        <p class="text-sm mb-4" itemprop="description">Oxford AQA subjects from 2018-2026 with all grade-boundary data.</p>
        <a href="OxfordAqa" class="class-button inline-block mt-auto mb-0 px-4 py-2 rounded text-center" itemprop="url">View Oxford AQA grade boundaries</a>
      </article>

      <article class="bg-white shadow-md rounded-lg p-6 flex flex-col h-70" itemscope itemtype="https://schema.org/Dataset">
        <meta itemprop="name" content="OCR A-Level Grade Boundaries 2021-2025" />
        <h3 class="text-xl font-bold mb-2" itemprop="name">OCR</h3>
        <p class="text-sm mb-4" itemprop="description">Comprehensive OCR A-Level grade boundaries from 2015-2025, including all major subjects.</p>
        <a href="OCR" class="class-button inline-block mt-auto mb-0 px-4 py-2 rounded text-center" itemprop="url">View OCR grade boundaries</a>
      </article>
    </div>
<section id="about-project" class="mt-12 p-6 rounded-lg text-center donate-section shadow-md">
      <h2 class="text-2xl font-semibold mb-4">About This Project</h2>
      <p class="text-lg mb-6">This little site was built by two A‑Level students as a fun project to visualise and compare A‑Level grade boundaries. We’re both studying A‑Levels ourselves, so we know how useful it can be to see trends across exam boards. Enjoy!</p>
      <p class="text-sm text-gray-600 dark:text-gray-400">☕ If you’ve found this useful, you can <a href="https://ko-fi.com/gradeboundariescom" target="_blank" rel="noopener noreferrer" class="underline transition">buy us a coffee</a> — every donation counts!</p>
      <p class="text-sm text-gray-600 dark:text-gray-400"> or become part of the gradeboundaries.com team by joining our <a href="https://discord.gg/ta9sneWWDQ" target="_blank" rel="noopener noreferrer" class="underline transition"> discord </a> </p>

    </section>
<style>
    :root {
      /* badge container */
      --badge-bg: rgba(255, 255, 255, 0.7);
      --badge-border: rgba(45, 212, 191, 0.7);
      --badge-ring: rgba(45, 212, 191, 0.4);
      --badge-shadow: rgba(167, 243, 208, 0.8);

      /* comet accent */
      --badge-accent: rgba(45, 212, 191, 0.7);

      /* text */
      --badge-text: #0f766e;         /* teal-900 */
      --badge-text-strong: #0f766e;  /* teal-900 (light mode strong) */
    }

    .dark {
      --badge-bg: rgba(45, 212, 191, 0.1);    /* teal-500/10 */
      --badge-border: rgba(22, 78, 64, 0.6);  /* teal-600/60 */
      --badge-ring: rgba(0, 0, 0, 0.4);
      --badge-shadow: rgba(0, 0, 0, 0.4);

      --badge-accent: rgba(45, 212, 191, 0.7);

      --badge-text: #f0fdf4;           /* teal-100 */
      --badge-text-strong: #f0fdf0;    /* teal-50 */
    }
  </style>
<div class="mx-auto mt-12 w-max">
    <div
      class="
        relative flex items-center gap-3 px-5 py-2 rounded-full
        bg-[var(--badge-bg)] backdrop-blur-sm
        border border-[var(--badge-border)]
        ring-1 ring-inset ring-[var(--badge-ring)]
        shadow-md shadow-[var(--badge-shadow)]
      ">

      <!-- comet accent -->


      <span
        class="
          text-sm font-medium
          text-[var(--badge-text)]
        "
      >
        Site visits so far:
      </span>

      <span
        id="total-visits"
        class="
          font-mono font-semibold tabular-nums text-base tracking-tight
          text-[var(--badge-text-strong)]
        "
      >
        …
      </span>
    </div>
  </div>
  </main>

  <!-- Footer -->
  <footer class="mt-12" role="contentinfo">
    <div class="container mx-auto flex flex-col items-center py-6 px-4">
    <p class="text-lg">Created by</p>
    <nav aria-label="Created by">
      <ul class="flex space-x-4 text-lg">
        <li>
          <a href="https://github.com/Fire-Frog-Fuel/"
             class="underline">
            Fire-Frog-Fuel
          </a>
        </li>
        <li>
          <span>&nbsp;and&nbsp;</span>
        </li>
        <li>
          <a href="https://github.com/ChessMastermind"
             class="underline">
            ChessMastermind
          </a>
        </li>
      </ul>
    </nav>

    <!-- Utility links -->
    <nav aria-label="Footer links">
      <ul class="flex space-x-4 text-lg">
        <li>
          <a href="Contact"
             class="underline">
            Contact us
          </a>
        </li>
        <li>
          <span>&nbsp;|&nbsp;</span>
        </li>
        <li>
          <a href="Privacy"
             class="underline">
            Privacy Notice
          </a>
        </li>
      </ul>
    </nav>
  </div>
</footer>

  <!-- Noscript fallback -->
  <noscript>
    <p class="text-center p-4 bg-yellow-200">JavaScript is disabled. Charts and interactive tables will not function, but you can still download data in CSV format.</p>
  </noscript>

  <button id="theme-toggle" aria-label="Toggle dark / light mode"></button>

  <script>
    const btn  = document.getElementById('theme-toggle');
    const root = document.documentElement;

    /*  swap icon to match current state  */
    btn.textContent = root.classList.contains('dark') ? '☀️' : '🌙';

    btn.addEventListener('click', () => {
      const dark = root.classList.toggle('dark');
      localStorage.setItem('theme', dark ? 'dark' : 'light');
      btn.textContent = dark ? '☀️' : '🌙';
    });
  </script>

  <!-- 🐐 Visitor counter logic -->
<script>
(async () => {
  /* hit GoatCounter without using any cache */
  const url   = `https://gradeboundaries.goatcounter.com/counter/TOTAL.json?ts=${Date.now()}`;
  const res   = await fetch(url, { cache: 'no-store' });
  if (!res.ok) return console.error('visit-counter failed', res.status);

  /* strip spaces / NBSP & co -> pure number */
  const visits = + (await res.json()).count.replace(/[^\d]/g, '');
  const el     = document.getElementById('total-visits');

  /* smooth count-up (300 ms) */
  const frames = 20, inc = visits / frames;
  let cur = 0, i = 0;
  const step = () => {
    i++;
    cur = i < frames ? Math.round(inc * i) : visits;
    el.textContent = cur;
    if (i < frames) requestAnimationFrame(step);
  };
  requestAnimationFrame(step);
})();

  (function(){
    try{
      // Always show on each homepage visit (no persistent dismissal)
      setTimeout(()=>{
        const el = document.getElementById('subscribe-popup');
        if (!el) return;
        el.style.display='block';
        el.classList.add('show');
      }, 1200);

      // Dismiss only for current view (no localStorage write)
      const btn = document.getElementById('subscribe-snooze');
      if (btn) btn.addEventListener('click', function(){
        const el = document.getElementById('subscribe-popup');
        if (!el) return;
        el.style.display='none';
        el.classList.remove('show');
      });
    }catch(e){}
  })();
</script>
</body>
</html>