pchichura.github.io/cv.html at main · pchichura/pchichura.github.io · 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
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>CV - Paul Chichura</title>
  <meta name="description" content="Paul Chichura's curriculum vitae and resume, including education, experience, and achievements." />
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="style.css">
  <link rel="canonical" href="https://pchichura.github.io/cv.html">
</head>
<body>
  <header class="site-header">
    <div class="header-center">
      <h1><a href="index.html" class="site-title-link">Paul Chichura</a></h1>
    </div>

    <div class="header-right">
      <!-- hamburger/menu button (visible on mobile only) -->
      <button class="menu-toggle" aria-expanded="false" aria-controls="primary-navigation" aria-label="Open menu">☰</button>

      <!-- primary navigation -->
      <nav id="primary-navigation" class="nav-links" role="navigation" aria-label="Primary">
        <a href="index.html">About</a>
        <a href="research.html">Research</a>
        <a href="publications.html">Publications</a>
        <a href="talks.html">Talks</a>
        <a href="projects.html">For Fun</a>
        <a href="cv.html">CV</a>
      </nav>

      <!-- theme toggle stays at far right -->
      <button id="theme-toggle" aria-pressed="false" aria-label="Toggle dark mode">⏾</button>
    </div>
  </header>

  <div class="content">
    <main>
      <h2>Curriculum Vitae</h2>

      <p>Click to access the following PDFs:</p>
      <ul>
        <li><a href="files/CV.pdf" target="_blank" rel="noopener noreferrer">Academic CV</a> (last updated May 2026)</li>
        <li><a href="files/Resume.pdf" target="_blank" rel="noopener noreferrer">Technical Resume</a> (last updated October 2025)</li>
      </ul>

    </main>
  </div>

  <footer>
    <div class="site-footer">
      <div class="footer-copyright">
        © 2025 Paul Chichura
      </div>
      <div class="footer-email">
        <a href="mailto:pchichura@uchicago.edu" target="_blank">
          <img src="images/icon-email.svg" alt="Email">
          <span>pchichura at uchicago dot edu</span>
        </a>
      </div>
      <div class="footer-social-grid">
        <div class="footer-item">
          <a href="https://linkedin.com/in/pchichura" target="_blank">
            <img src="images/icon-linkedin.svg" alt="LinkedIn">
            <span>pchichura</span>
          </a>
        </div>
        <div class="footer-item">
          <a href="https://orcid.org/0000-0002-5397-9035" target="_blank">
            <img src="images/icon-orcid.svg" alt="ORCID">
            <span>0000-0002-5397-9035</span>
          </a>
        </div>
        <div class="footer-item">
          <a href="https://github.com/pchichura" target="_blank">
            <img src="images/icon-github.svg" alt="GitHub">
            <span>pchichura</span>
          </a>
        </div>
        <div class="footer-item">
          <a href="https://scholar.google.com/citations?user=D033cUUAAAAJ&hl=en" target="_blank">
            <img src="images/icon-googlescholar.svg" alt="Google Scholar">
            <span>Google Scholar</span>
          </a>
        </div>
      </div>
    </div>
  </footer>

  <script>
    // theme toggle: initialize from localStorage or system, and wire the button
    (function() {
      const root = document.documentElement;
      const stored = localStorage.getItem('theme');
      const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;
      const initial = stored || (prefersDark ? 'dark' : 'light');
      root.setAttribute('data-theme', initial);

      const btn = document.getElementById('theme-toggle');
      if (!btn) return;
      const updateBtn = (theme) => {
        btn.setAttribute('aria-pressed', theme === 'dark' ? 'true' : 'false');
        btn.textContent = theme === 'dark' ? '☀︎' : '⏾';
      };
      updateBtn(initial);

      btn.addEventListener('click', () => {
        const cur = root.getAttribute('data-theme') === 'dark' ? 'dark' : 'light';
        const next = cur === 'dark' ? 'light' : 'dark';
        root.setAttribute('data-theme', next);
        localStorage.setItem('theme', next);
        updateBtn(next);
      });
    })();
  </script>
  <script>
    // Hamburger menu toggle
    const menuToggle = document.querySelector('.menu-toggle');
    const navLinks = document.getElementById('primary-navigation');

    menuToggle.addEventListener('click', function() {
      const expanded = this.getAttribute('aria-expanded') === 'true' || false;
      this.setAttribute('aria-expanded', !expanded);
      navLinks.classList.toggle('open');
    });
  </script>

</body>
</html>