HugoPortfolio/index.html at main · HugoSeguin/HugoPortfolio · 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
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
<!DOCTYPE HTML>
<html>
<head>
    <title>Welcome to Hugo Seguin's Portfolio</title>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <link rel="stylesheet" href="assets/css/main.css" />
    <link rel="stylesheet" href="assets/css/myspace-theme.css" />
    <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
</head>
<body class="is-preload">

<!-- Wrapper -->
<div id="wrapper">

    <!-- Header -->
    <header id="header">
        <div class="logo"><span class="icon fa-gem"></span></div>
        <div class="content">
            <div class="inner">
                <h1>Welcome</h1>
                <p>You have arrived at Hugo Seguin's Portfolio</p>
            </div>
        </div>
        <nav>
            <ul>
                <li><a href="#intro">Intro</a></li>
                <li><a href="#work">Work</a></li>
                <li><a href="#about">Resume</a></li>
                <li><a href="#ChiIRL">CHIIRL</a></li>
            </ul>
        </nav>
    </header>

    <!-- Main -->
    <div id="main">

        <!-- Intro -->
        <article id="intro">
            <h2 class="major">Intro</h2>
            <span class="image main">
                <img src="images/profile.jpg" alt="Profile picture of Hugo Seguin" class="profile-img" />
            </span>
            <p>
                Hey there! I'm Hugo Seguin, your friendly neighborhood Associate Cloud and Data Science Engineer at <strong>Realm of Caring</strong> 🏙️. With a Master's degree in Social Psychology 🧠, I'm all about merging the worlds of data science and human behavior.
            </p>
            <p>
                My main focus? Building fast processing pipelines ⚡, analyzing data at lightning speeds 💻, and of course, playing video games 🎮. I love combining my coding skills with my background in psychology to create powerful, data-driven insights.
            </p>
            <p>
                I'm passionate about using data science methods to enhance psychological research, especially when it comes to improving the strength, validity, and reliability of data 📊. I'm all in for using big data to bring faster insights to the world of psychology! 🚀
            </p>
            <p>
                It's the kind of work that keeps me up at night (in a good way, of course! 😴). If you're looking for a <strong>Data Engineer</strong> or <strong>Data Scientist</strong>, I'm your guy! 💼 Or if you're just as passionate about psychology and big data methods as I am, let's nerd out together! Hit me up on LinkedIn! 📩
            </p>

            <p>
                Oh, and if you want to vibe with me while I crunch data, check out what I am currently listening to:
            </p>
            <div id="spotify-container">
                <p>Loading your last played track...</p>
            </div>

            <a href="https://www.linkedin.com/in/hugoseguin/" class="button" target="_blank">Connect on LinkedIn</a>
        </article>

        <!-- Work -->
        <article id="work">
            <h2 class="major">Work</h2>
            <div id="projects-container"></div>
        </article>

        <!-- About / Resume -->
        <article id="about">
            <h2 class="major">Resume</h2>
            <div class="content">

                <!-- Personal Information -->
                <section class="personal-info">
                    <img src="images/profile.jpg" alt="Profile picture of Hugo Seguin" class="profile-img" />
                    <p>
                        <strong>Hugo Seguin</strong><br>
                        Email: <a href="mailto:hugoseguin111@gmail.com">hugoseguin111@gmail.com</a> |
                        Phone: 802-307-6314 | Chicago, IL 60614 |
                        <a href="https://www.linkedin.com/in/hugoseguin/">LinkedIn</a>
                    </p>
                </section>

                <!-- Skills -->
                <section class="skills">
                    <h3>Skills:</h3>
                    <ul id="skills-list"></ul>
                </section>

                <!-- Work Experience Section -->
                <section class="work-experience">
                    <h3>Work Experience:</h3>

                    <!-- Buttons to switch resumes -->
                    <div id="resume-buttons">
                        <button data-resume="full">Full Resume</button>
                        <button data-resume="technical">Technical Resume</button>
                    </div>

                    <!-- Container where experiences will render -->
                    <div id="experience-container"></div>
                </section>

                <!-- Certificates -->
                <section class="certificates">
                    <h3>Certificates:</h3>
                    <ul>
                        <li>Certified Data Management Professional (CDMP)</li>
                        <li><a href="https://www.credly.com/badges/45a3a5aa-d6ab-4f8f-822c-cdd62e40a801/public_url" target="_blank">AWS Cloud Foundations</a></li>
                        <li><a href="https://www.credly.com/badges/638ea91d-7f1a-4136-846b-81377a13dc0d" target="_blank">AWS Data Engineer</a></li>
                        <li>AWS Data Solutions Architect **In Progress**</li>
                    </ul>
                </section>

                <!-- Projects -->
                <section class="projects">
                    <h3>Projects:</h3>
                    <!-- Project details here -->
                </section>

                <!-- Education -->
                <section class="education">
                    <h3>Education:</h3>
                    <ul>
                        <li><strong>Iowa State University</strong> - Masters of Science, Social Psychology (GPA: 3.80), Ames, IA, USA</li>
                        <li><strong>Bishops University</strong> - Bachelor of Arts, Honors Applied Psychology (GPA: 3.9), Sherbrooke, QC, Canada</li>
                    </ul>
                </section>

            </div>

            <footer>
                <p>Resume Last Updated: November 2024</p>
            </footer>
        </article>

        <!-- CHI-IRL -->
        <article id="ChiIRL">
            <h2 class="major">CHI-IRL</h2>
            <span class="image main">
                <img src="images/profile.jpg" alt="Chicago Tech Community" />
            </span>
            <p>
                <strong>Chicago In Real Life (CHI-IRL)</strong> is a community-driven initiative dedicated to connecting Chicago's vibrant tech ecosystem. Our mission is to bring together engineers, developers, data scientists, and tech enthusiasts for meaningful in-person interactions.
            </p>

            <h3>What We Do</h3>
            <p>
                We organize and promote tech events, workshops, and networking opportunities across Chicago. From Python meetups to data science workshops, we're building bridges between professionals and fostering collaboration in the Windy City's tech scene.
            </p>

            <h3>Get Involved</h3>
            <p>
                Whether you're a seasoned professional or just starting your tech journey, CHI-IRL welcomes you! Join us to:
            </p>
            <ul>
                <li>🤝 Network with local tech professionals</li>
                <li>📚 Learn from community-led workshops</li>
                <li>💼 Discover career opportunities</li>
                <li>🎯 Collaborate on open-source projects</li>
                <li>🌟 Share your knowledge and expertise</li>
            </ul>

            <h3>Our Communities</h3>
            <p>
                We support and collaborate with various Chicago tech groups including ChiPy (Chicago Python User Group), data science meetups, and engineering collectives. Together, we're creating a stronger, more connected tech community in Chicago.
            </p>

            <h3>Featured Projects</h3>
            <p>
                Our work includes building resources for the community, organizing events, and creating tools that help Chicago's tech professionals connect and grow together.
            </p>

            <ul class="actions">
                <li><a href="https://github.com/HugoSeguin/CHI-IRL" class="button primary" target="_blank">View CHI-IRL on GitHub</a></li>
                <li><a href="https://github.com/HugoSeguin/chicago-engineering-and-tech-communities" class="button" target="_blank">Tech Communities Resource</a></li>
            </ul>
        </article>

        <!-- Contact -->
        <article id="contact">
            <h2 class="major">Contact Me (Under Development)</h2>
            <p>Finding a server for the contact form. In the meantime, feel free to reach out via:</p>
            <ul>
                <li><strong>Email:</strong> <a href="mailto:hugoseguin111@gmail.com">hugoseguin111@gmail.com</a></li>
                <li><strong>LinkedIn:</strong> <a href="https://www.linkedin.com/in/hugoseguin/" target="_blank">Connect with me</a></li>
                <li><strong>GitHub:</strong> <a href="https://github.com/HugoSeguin" target="_blank">@HugoSeguin</a></li>
            </ul>

            <form action="contact.php" method="POST" id="contact-form">
                <label for="Name">Name:</label><br>
                <input type="text" id="Name" name="Name" required><br><br>

                <label for="Email">Email:</label><br>
                <input type="email" id="Email" name="Email" required><br><br>

                <label for="Message">Message:</label><br>
                <textarea id="Message" name="Message" rows="5" required></textarea><br><br>

                <button type="submit">Send Message</button>
            </form>
            <div id="form-response"></div>
        </article>

    </div>

    <!-- Footer -->
    <footer id="footer">
        <ul class="icons">
            <li><a href="https://github.com/HugoSeguin" class="icon brands fa-github"><span class="label">GitHub</span></a></li>
            <li><a href="https://www.linkedin.com/in/hugoseguin/" class="icon brands fa-linkedin-in"><span class="label">LinkedIn</span></a></li>
            <li><a href="https://leetcode.com/u/KElE7F8u33/" class="icon brands fa-leanpub"><span class="label">LeetCode</span></a></li>
        </ul>
        <p class="copyright">&copy; Hugo Seguin 2024-2026. Design: <a href="https://html5up.net">HTML5 UP</a>.</p>
    </footer>

</div>

<!-- Background -->
<div id="bg"></div>

<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/skills.js"></script>
<script src="assets/js/projects.js"></script>
<script src="assets/js/jobs-list.js"></script>

</body>
</html>