website/index.html at main · calebellenberg/website · 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
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="google-site-verification"
            content="aiq6Y7Cfk9kBpmkgtoLS-1aiciioiKg6V9asywjTuck" />
        <script type="application/ld+json">
            {
              "@context": "https://schema.org",
              "@type": "Person",
              "name": "Caleb Ellenberg",
              "url": "https://www.calebellenberg.com",
              "sameAs": [
                "https://github.com/calebellenberg",
                "https://linkedin.com/in/caleb-ellenberg-278270262"
              ],
              "jobTitle": "Student"
            }
            </script>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Caleb Ellenberg</title>
        <link rel="icon" href="icons/favicon-64x64.png" sizes="64x64"
            type="image/png">
        <link rel="icon" href="icons/favicon-32x32.png" sizes="32x32"
            type="image/png">
        <link rel="icon" href="icons/favicon-16x16.png" sizes="16x16"
            type="image/png">
        <link rel="apple-touch-icon" href="icons/favicon-64x64.png">
        <link rel="stylesheet" href="./style.css">
        <script src="script.js"></script>
    </head>
    <body>
        <main>
            <div class="top-bar">
                <div class="logo">
                    <a href="../">
                        <img src="icons/favicon-64x64.png" id="logo"
                            alt="Caleb Ellenberg Logo" style="width: 24px">
                    </a>
                </div>
                <nav class="nav-links">
                    <a href="../">About</a>
                    <a href="../projects">Projects</a>
                    <a href="../resume">Resume</a>
                    <a href="../contact">Contact</a>
                </nav>
            </div>
            <h1 class="title">Caleb Ellenberg</h1>
            <div id="headshot-container">
                <img src="SeniorPic.jpg" id="headshot"
                    alt="Caleb Ellenberg Headshot">
            </div>
            <div class="link-box">
                <a href="https://github.com/calebellenberg" target="_blank">
                    <img src="images/github.png" class="link-icon"
                        alt="GitHub Logo" id="github-icon">
                </a>
                <script>
                    const githubIcon = document.getElementById('github-icon');
                    const updateGithubIcon = () => {
                        const prefersDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
                        githubIcon.src = prefersDarkMode ? 'images/githubDarkMode.png' : 'images/github.png';
                    };
                    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', updateGithubIcon);
                    updateGithubIcon();
                </script>
                <a href="https://www.browndailyherald.com/staff/caleb-ellenberg" target="_blank">
                    <img src="images/bdh.png" class="link-icon"
                        alt="Brown Daily Herald Logo">
                </a>
                <a href="https://www.linkedin.com/in/caleb-ellenberg-278270262" target="_blank">
                    <img src="images/linkedin.png" class="link-icon"
                        alt="Linkedin Logo">
                </a>
            </div>
            <div id="bio">
                <p id="bio-text">Caleb is a sophomore at Brown
                    University studying Applied
                    Math–Computer Science.
                    He is the head of The Brown Daily Herald's Data Desk and
                    previously worked as a developer and election analyst for
                    <a class="text-link"
                        href="https://24cast.org/about">24cast.org</a>. Caleb is
                    from
                    Madison, Wisconsin and is an avid Brewers,
                    Bucks, and Packers fan, as well as the Badgers as long as he
                    can bear to watch them.</p>
            </div>
        </main>
    </body>
</html>