classprofile/index.html at main · ECE-25/classprofile · 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
---
layout: default
title: ECE 2025 Class Profile
description: Lightweight viewer for survey responses.
responses_url: /data/results.json
bundle_js: /build/bundle.min.js
---
<div class="hero-bg">
<header class="masthead">
  <div class="wrap">
    <p class="eyebrow">University of Waterloo</p>
    <h1>{{ page.title }}</h1>
    <p class="tagline">From COVID to Coveralls to ChatGPT</p>
  </div>
</header>
  <section class="photo wrap" aria-label="Class photo (end)">
    <figure class="class-photo">
      <picture>
        <source srcset="{{ '/assets/img/class-end.jpg' | relative_url }}" type="image/jpg">
        <img src="{{ '/assets/img/class-end.svg' | relative_url }}" alt="Class photo at the end" loading="eager">
      </picture>
      <figcaption>Class photo after Symposium in 4B (March 2025)</figcaption>
    </figure>
  </section>
  <section class="intro wrap">
    <div class="intro-copy">
      <h2>Since 2017, it has been a tradition for graduating engineers to publish a class profile: a survey of our experience from first year through graduation.</h2>
      <p>
        Check out some of these past Class Profiles (which we've used as inspiration!):
        <a href="https://medium.com/@joeyloi/systems-design-engineering-2017-class-profile-8bbe8847e8c7">SYDE 2017</a>,
        <a href="https://sexxis.github.io/classprofile/">SE 2021</a>,
        <a href="https://ece2021profile.github.io/report.pdf">ECE 2021</a>,
        <a href="https://ece2022profile.github.io/report.pdf">ECE 2022</a>,
        <a href="https://ece2024profile.github.io/ECEClass2024Profile.pdf">ECE 2024</a>
      </p>
    </div>
    <div class="intro-meta">
      <div class="stat-card">
        <span class="stat-value">383</span>
        <span class="stat-label">Fall 2020 1A ECEs</span>
      </div>
      <div class="stat-card">
        <span class="stat-value">~142,109</span>
        <span class="stat-label">showers reported</span>
      </div>
      <div class="stat-card">
        <span class="stat-value">314</span>
        <span class="stat-label">Iron Ringed grads</span>
      </div>
      <div class="stat-card">
        <span class="stat-value">143</span>
        <span class="stat-label">respondents (45.5%)</span>
      </div>
      <div class="stat-card">
        <span class="stat-value" id="stat-questions">—</span>
        <span class="stat-label">questions visualized</span>
      </div>
    </div>
  </section>
</div>

<nav class="section-nav wrap" aria-label="Sections">
  <ul id="section-nav"></ul>
</nav>

<main class="page">
  <div class="slides" id="question-slides" aria-live="polite"></div>

  <section class="photo wrap" aria-label="Class photo (start)">
    <figure class="class-photo">
      <picture>
        <source srcset="{{ '/assets/img/class-start.jpg' | relative_url }}" type="image/jpg">
        <img src="{{ '/assets/img/class-start.svg' | relative_url }}" alt="Class photo at the start" loading="lazy">
      </picture>
      <figcaption>Class photo after Iron Ring Ceremony (Feburary 2025)</figcaption>
    </figure>
  </section>
</main>