jack-schultz.github.io/about.html at main · jack-schultz/jack-schultz.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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>My Portfolio</title>
    <link rel="stylesheet" href="/styles/main.css" />
</head>

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-SXCS298Q6D"></script>
<script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());

    gtag('config', 'G-SXCS298Q6D');
</script>

<body>
    <header id="header"></header>

    <main>

        <section class="hero">
            <div class="hero-text">
                <h1 class="page-title">So, You want to know more?</h1>
            </div>
            <section id="facts" class="main-panel"></section>
        </section>

        <div class="scroll-wrapper">
            <button class="scroll-btn left" aria-label="Scroll left">‹</button>

            <h1 class="section-title">Behind the Projects</h1>
            <div class="scroll-wrapper-inner">
                <div class="scrollable-container">
                <div class="container-spacer"></div> <!-- Start spacer -->

                <section id="aboutme" class="main-panel"></section>
                <section id="motivation" class="main-panel"></section>
                <section id="whyTeach" class="main-panel"></section>
                <section id="future" class="main-panel"></section>
                <section id="nonTech" class="main-panel"></section>

                <div class="container-spacer"></div> <!-- End spacer -->
                </div>
            </div>

            <button class="scroll-btn right" aria-label="Scroll right">›</button>
        </div>
        <script src="/scripts/scrollWrapper.js"></script>

        <section id="timeline" class="timeline-panel"></section>
        <!-- <section id="myvalues" class="main-panel"></section> -->

    </main>

    <footer id="footer"></footer>
    <script type="module" src="/scripts/injectContent.js"></script>
</body>
</html>