-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
173 lines (160 loc) · 9.95 KB
/
index.html
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Portfolio</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/css/bulma.min.css">
</head>
<body>
<nav class="navbar is-transparent">
<div class="navbar-brand">
<button id="home" class="navbar-item button is-white tabLayout" onclick=homeTab()>
Maximilian Ganske
</button>
</div>
<div id="tabs" class="navbar-menu">
<div class="navbar-start">
<button id="experiencesButton" class="navbar-item tabLayout button is-white" onclick=experiencesTab()>
Experiences
</button>
<button id="projectsButton" class="navbar-item tabLayout button is-white" onclick=projectsTab()>
Projects
</button>
</div>
</div>
</nav>
<header id="topSection" style="background-image:linear-gradient(to bottom right, #f5f5f5, #e9e9ea);">
<div id="hl"></div>
<div id="initialInfo" class="columns is-centered">
<img id="profilePicture" style="width: 220px; height: 200px; border-radius: 50%; position: absolute; top: 80px; border: 10px solid lightgray;" src="img/profile_pic.jpg" alt="Portfolio picture">
<div id="initialInfoText" style="position: absolute; top: 280px; text-align:center">
<h1 style="font-size: 50px;">Maximilian Ganske</h1>
<h1 style="font-size: 20px;">University of Wisconsin-Madison</h1>
<h1 style="font-size: 20px;">B.S. in Data Science, Minor in Computer Science</h1>
<h1 style="font-size: 20px;">Expected to graduate Fall 2024</h1>
</div>
</div>
<div id="topSectionBottom">
<div id="contacts" style="position: relative; bottom: -400px; right: 30px;">
<a href="https://www.linkedin.com/in/maximilian-ganske/"> <img style="height: 15px; width: 15px;" src="img/linkedin_icon.png" alt="LinkedIn Icon">
LinkedIn</a>
<a href="https://github.com/MaxGanske"> <img style="height: 15px; width: 15px;" src="img/github_icon.png" alt="Github Icon">
GitHub</a>
<a style="position: relative; top: -4px;" href=mailto:“[email protected]”> <img style="height: 22px; width: 22px; position: relative; top: 5px;" src="img/email_icon.png" alt="Email Icon">
Email</a>
</div>
<div id="hl" style="position: relative; margin-top: 410px;"></div>
</div>
</header>
<div id="homeInfo" style="position: absolute; left: 35%; margin-top: 40px;">
<h1 style="font-size: 30px; font-weight: bold;">About me</h1>
<p style="font-size: 20px;">I am passionate about Full-Stack and Backend Development. <br>
I am a resilient person that
will always push himself to write better code while being <br>
eager to learn new techniques. Furthermore, I want to provide <br>
unique experiences to users by utilizing technologies in a masterful manner.</p>
</div>
<div id="experiencesInfo" style="justify-content: center; display:flex; align-items: center; flex-direction: column;" class="is-hidden">
<div id="experience0" class="box" style="width: 600px; margin-top: 40px;">
<a href="https://www.libertymutualgroup.com/about-lm/corporate-information/overview"><img style="width: 140px; height: 85px; margin-left: 440px; margin-top: -10px;" src="img/liberty_mutual.png" alt="Liberty Mutual logo"></a>
<h1 class="title" style="margin-top:-76px;">Liberty Mutual <br> Insurance</h1>
<h1 class="subtitle" style="margin-bottom: 3px;">TechStart Intern</h1>
<h1 class="subtitle">May 2024 - Present</h1>
<ul style="margin-left:5px;">
<li>Worked in the Cloud Department refactoring the Direct Call Flow between customers and agents.</li>
<li>Created a new settings to assist in the validation of employee’s routing attributes.</li>
<li>Wrote Backend Unit tests and Integration Tests using Jest. Used DataDog to analyze Data Flow</li>
<li>Technologies: TypeScript, Java, AWS, Apache Kafka, Jest Test, DataDog </li>
</ul>
</div>
<div id="experience1" class="box" style="width: 600px; margin-top: 40px;">
<a href="https://www.ssec.wisc.edu/about/"><img style="width: 60px; height: 70px; margin-left: 490px; margin-top: -10px;" src="img/ssec_logo.png" alt="SSEC logo"></a>
<h1 class="title" style="margin-top:-76px;">Space Science and <br> Engineering Center</h1>
<h1 class="subtitle" style="margin-bottom: 3px;">Student Programmer</h1>
<h1 class="subtitle">Oct. 2022 - May 2024</h1>
<ul style="margin-left:5px;">
<li>Led the design and development of multiple Full-Stack microservice Applications for Atmospheric Research</li>
<li>Developed ledger Full-Stack Application used by the Data Service department to manage faulty data with striking visuals</li>
<li>Implemented Analytical strategies to investigate data to be sent to NASA and NOAA.</li>
<li>Technologies: JavaScript, Node.js, Python, CSS, HTML, PHP, Firebase</li>
</ul>
</div>
<div id="experience2" class="box" style="width: 600px; margin-top: 40px;">
<a href="https://sciencelogic.com/">
<img style="width: 150px; height: 30px; margin-left: 400px;" src="img/ScienceLogic_Logo.png" alt="ScienceLogic logo"></a>
<h1 class="title" style="margin-top:-45px;">ScienceLogic</h1>
<h1 class="subtitle" style="margin-bottom: 3px;">Software Engineer Intern</h1>
<h1 class="subtitle">May 2023 - Aug. 2023</h1>
<ul style="margin-left:5px;">
<li>Designed and developed critical UI components to optimize IT operations affecting 700+ customers serving 100K organizations.</li>
<li>Implemented a new iFrame development system that fixed a Product-Wide visual Bug.</li>
<li>Collaborated in an agile setting with quality PR checks in code review and excellent QA help.</li>
<li>Technologies: JavaScript, CSS, HTML, PHP, MySQL</li>
</ul>
</div>
<div id="experience3" class="box" style="width: 600px; margin-top: 40px;">
<a href="https://buildyourfuture.withgoogle.com/programs/computer-science-summer-institute">
<img style="width: 50px; height: 50px; margin-left: 500px;" src="img/google_logo.png" alt="Google logo"></a>
<h1 class="title" style="margin-top:-62px;">Google Computer Science<br> Summer Institute</h1>
<h1 class="subtitle" style="margin-bottom: 3px;">Student</h1>
<h1 class="subtitle">July 2022 - Aug. 2022</h1>
<ul style="margin-left:5px;">
<li>Participated in a 4-week intensive computer science summer program for high-achieving students.</li>
<li>Completed an introductory project-based HTML/CSS and JavaScript curriculum taught by
Google engineers.</li>
<li>Delivered a collaborative final project presentation that included a live demonstration to Google
employees and community leaders.</li>
<li>Technologies: JavaScript, HTML, CSS</li>
</ul>
<a href="https://drive.google.com/file/d/1097ldKVSqwxqnbwfg2wg4Cr2AxDjyb5b/view">
<img style="width: 440px; height: 300px; margin-top: 20px; margin-left: 50px;" src="img/cssi_certificate.png" alt="CSSI certificate"></a>
</div>
</div>
<div id="projectsInfo" style="justify-content: center; display:flex; align-items: center; flex-direction: column;" class="is-hidden">
<div id="project1" class="box" style="width: 1552px; margin-top: 50px;">
<h1 class="title">Tickets Webpage</h1>
<h1 class="subtitle" style="margin-bottom: 3px;">JavaScript, HTML, CSS, Node.Js, Firebase</h1>
<h1 class="subtitle">Nov. 2023</h1>
<ul style="margin-left:5px;">
<li>Developed a webpage that stores employees' tickets regarding faulty data for the Space Science and Engineering Center.</li>
<li>Created a friendly user-interface that is intuitive and easy to use while offering a complete set of features, and cleanly written code.</li>
</ul>
<div>
<img class="tickets_webpage" src="img/tickets_webpage.png" alt="Tickets Webpage">
<img class="tickets_webpage" src="img/tickets_webpage_2.png" alt="Tickets Webpage">
<img class="tickets_webpage" src="img/tickets_webpage_3.png" alt="Tickets Webpage">
</div>
</div>
<div id="project2" class="box" style="width: 1552px; margin-top: 50px;">
<h1 class="title">Video Game Development Contest (VimJam2)</h1>
<h1 class="subtitle" style="margin-bottom: 3px;">C#, Unity, Blender</h1>
<h1 class="subtitle">Sept. 2021</h1>
<ul style="margin-left:5px;">
<li>Created a Video Game for a "game-jam", which included programming, 3D modeling, and sound design.</li>
<li>The Video Game, Amafo, is a 3D puzzle game where the player's objective is to collect yellow creatures to pass the puzzles.</li>
<div>
<img class="amafo" src="img/amafo_1.png" alt="Tickets Webpage">
<img class="amafo" src="img/amafo_2.png" alt="Tickets Webpage">
<img class="amafo" src="img/amafo_3.png" alt="Tickets Webpage">
</div>
</ul>
</div>
<div id="project3" class="box" style="width: 1552px; margin-top: 50px;">
<h1 class="title">First-Person Video Game</h1>
<h1 class="subtitle" style="margin-bottom: 3px;">C#, Unity, Blender</h1>
<h1 class="subtitle">April. 2023</h1>
<ul style="margin-left:5px;">
<li>Developed a first-person Video Game Prototype where the player can explore a small village made out of voxels.</li>
<li>Optimized shaders to react with game objects while ensuring a pleasant looking 3D environment.</li>
</ul>
<div>
<img class="first_person" src="img/first-person-1.png" alt="First Person Game">
<img class="first_person" src="img/first-person-2.png" alt="First Person Game">
<img class="first_person" src="img/first-person-3.png" alt="First Person Game">
</div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>