portfolio/index.html at main · walsh-teddy/portfolio · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Prata&display=swap" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Comfortaa" />
    <script src="https://kit.fontawesome.com/c6b29a93e7.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="css/styles.css">
    <link rel="icon" type="image/png" href="media/Headshot.jpg" sizes="32x32">
    <script src="src/script.js"></script>
    <title>Teddy Walsh Portfolio</title>
</head>

<body>
    <header>
        <h1>
            Teddy Walsh
        </h1>
        <h2>
            Seeking a software and/or game development position on a collaborative team!
        </h2>
    </header>

    <nav id="navbar">
        <a href="#intro">Intro</a>
        <a href="#projectList">Projects</a>
        <a href="#contact">Contact</a>
        <a href="media/Teddy-Walsh-Resume.pdf" target="_blank" rel="noopener noreferrer">Resume</a>
    </nav>

    <main>

        <div id="intro">
            <div class="description">
                <h3>
                    Hello!
                </h3>
                <p>
                    My name is Teddy Walsh (in case you thought I lied in the header...) and I graduated from
                    Rochester Institute of Technology with a bachelor's degree in Game Design and Development.
                    But I've been making games for years and years at this point.
                </p>
                <p>
                    It started back in middle school when I would make games in Minecraft with my best friend programmed
                    entirely using in-game command blocks, without mods, for all our friends to play. Ever since then,
                    I've developed a hunger for game design.
                </p>
                <p>
                    Before I knew how to program myself, that hunger had been expressed in the form of designing table top RPGs
                    and D&D 5e homebrew consistently for nearly 5 years now. After learning engines like Unity and
                    languages like C#, I'm starting to transfer this passion into something more palpable.
                </p>
                <p>
                    I would love to work on your project! To do that though, I imagine I'll need to show some of
                    <em>my</em> projects. That's fair... That's fair...
                </p>
            </div>

            <div class="picture">
                <img src="media/Headshot.jpg" alt="A photo of me">
                <h5>
                    Me!
                </h5>
            </div>
        </div>

        <div id="projectList">
            <h3>
                My Projects
            </h3>

            <p>
                Click on the title of the project to check it out!
            </p>
            <p>
                Also sometimes documents are linked in the captions to images
            </p>

            <div id="tagSelectorsBox">
                <div id="tagSelectorsTop">
                    Select which types of projects you would like to see!
                </div>
                <div id="tagSelectorsBottom">
                    <div id="tagSelectorCheckboxes">
                        <!-- Internship -->
                        <div>
                            <input type="checkbox" class="tagCheckbox" id="internshipCheckbox" value="Internship" checked=true>
                            <label for="internshipCheckbox">Internship</label>
                        </div>

                        <!-- Programming -->
                        <div>
                            <input type="checkbox" class="tagCheckbox" id="programmingCheckbox" value="Programming" checked=true>
                            <label for="programmingCheckbox">Programming</label>
                        </div>

                        <!-- Game Design -->
                        <div>
                            <input type="checkbox" class="tagCheckbox" id="gameDesignCheckbox" value="Game Design" checked=false>
                            <label for="gameDesignCheckbox">Game Design</label>
                        </div>

                        <div>
                            <input type="checkbox" class="tagCheckbox" id="webDesignCheckbox" value="Web Design" checked=true>
                            <label for="webDesignCheckbox">Web Design</label>
                        </div>

                        <!-- Creative Writing -->
                        <div>
                            <input type="checkbox" class="tagCheckbox" id="creativeWritingCheckbox" value="Creative Writing" checked=false>
                            <label for="creativeWritingCheckbox">Creative Writing</label>
                        </div>
                    </div>
                    <div>
                        <!-- <button id="clearButton" class="tagButton">Clear Tags</button> -->
                        <!-- <button id="selectAllButton" class="tagButton">Select Tags</button> -->
                        <button id="sortButton" class="tagButton">Filter</button>
                    </div>
                </div>
            </div>

            <div class="projectGroup">
                <div id="projectDisplay">
                    <p>Projects Loading!</p>
                    <!-- Have nothing in here by default -->
                </div>
            </div>
        </div>
    </main>
    <footer>
        <h2>Contact</h2>
        <div id="contact">
            <a href="mailto:teddywalsh72@gmail.com"><i class="fa-solid fa-envelope fa-2xl" aria-hidden="true"></i></a>
            <a href="https://www.linkedin.com/in/teddywalsh/"><i class="fa-brands fa-linkedin fa-2xl" aria-hidden="true"></i></a>
            <a href="https://github.com/walsh-teddy"><i class="fa-brands fa-square-github fa-2xl" aria-hidden="true"></i></a>
        </div>
    </footer>
</body>

</html>