-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
237 lines (234 loc) · 19.6 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Dominic Reichert</title>
</head>
<body>
<header class="main-header">
<div class="flex-header">
<div class="initials">DR</div>
<nav>
<ul class="navigation-list">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#skills">Skills</a></li>
</ul>
</nav>
<svg class="mobile-nav-toggle" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g id="Menu / Hamburger_MD">
<path id="Vector" d="M5 17H19M5 12H19M5 7H19" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round" />
</g>
</svg>
<button id="dark-mode-toggle" class="dark-mode-toggle">
<svg width="100%" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 496">
<path fill="currentColor"
d="M8,256C8,393,119,504,256,504S504,393,504,256,393,8,256,8,8,119,8,256ZM256,440V72a184,184,0,0,1,0,368Z"
transform="translate(-8 -8)" />
</svg>
</button>
</div>
</header>
<main>
<section class="home" id="home">
<p class="home-text">Hello there, I am Dominic and <span class="welcome gradient-text">welcome to
my</span><span class="outlined">website</span></p>
<img src="./assets/images/developer.png" alt="developer" class="home-img">
</section>
<section class="about" id="about">
<header class="section-header">
<div class="sticky-container">
<h1 class="gradient-text">Dominic Reichert</h1>
<h2>Frontend Developer</h2>
<p> I'm Dominic and have just started my journey as a frontend developer. I aim to
create exceptional user experiences and strive to bring ideas to life through clean and
efficient
code.
</p>
</div>
</header>
<div class="about-container">
<article class="about-content">
<h2 class="heading2">About Me</h2>
<p>I am currently building on a strong foundation in HTML, CSS, JavaScript and Vue.js. I'm always
eager to expand my knowledge and explore the latest technologies and frameworks.</p>
<p>Continuously striving for growth, I believe in the power of teamwork and effective communication,
as I find that collaboration fuels innovation and leads to remarkable results.</p>
<p> When I'm not coding, you can find me playing classical music in an orchestra, caring for my
several plants, gaming or experimenting in the kitchen. I believe that a well-rounded life
inspires creativity and keeps the mind fresh for solving complex problems.</p>
<p>If you're looking for a frontend developer who is passionate, detail-oriented, and dedicated, I'd
love to connect and collaborate with you. Feel free to explore my projects on GitHub and reach
out for any exciting opportunities or collaborations!</p>
</article>
<article class="experience">
<div class="experience-flex-container">
<h3 class="date">Jan 2023 - May 2023</h3>
<div class="description">
<h2 class="title">Data Scientist</h2>
<h3 class="company">AEins Digital Innovation GmbH</h3>
<p>Creation of data analysis scripts in python and visualisations in Tableau dashboards.
Development
machine learning algorithms for sales enablement. Further development of existing
products and analyses.</p>
<ul class="work-skills">
<li>Python</li>
<li>SQL</li>
<li>Tableau</li>
<li>Jira</li>
<li>Confluence</li>
</ul>
</div>
</div>
<div class="experience-flex-container">
<h3 class="date">Feb 2022 - Dec 2022</h3>
<div class="description">
<h2 class="title">Data Specialist</h2>
<h3 class="company">moccamedia GmbH</h3>
<p>Development of internal reporting tools to display various key KPIs and develop in-house
benchmarks. Collaboration with external developers to build own solutions for data
storage and data processing. Creation of individual solutions for clients, for example
in the area of TV tracking.</p>
<ul class="work-skills">
<li>SQL</li>
<li>BigQuery</li>
<li>Google Analytics</li>
<li>Google Ads</li>
<li>PowerBI</li>
</ul>
</div>
</div>
<div class="experience-flex-container">
<h3 class="date">Aug 2021 - Jan 2022</h3>
<div class="description">
<h2 class="title">HR-Controller</h2>
<h3 class="company">Klinikum Mutterhaus Trier</h3>
<p>Creation and development of weekly and monthly reports of various personnel key figures
to different addressees within the organisation. Calculation of personnel requirements
and budget planning as well as processing of both internal and external ad-hoc requests.
</p>
<ul class="work-skills">
<li>SAP</li>
<li>Excel</li>
<li>PowerBI</li>
</ul>
</div>
</div>
</article>
</div>
</section>
<section class="skills" id="skills">
<h2><span>My</span><span class="gradient-text">Skills</span></h2>
<div class="skills-grid">
<div class="skills-flex">
<svg class="skills-icon" viewBox="-1 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<title>html</title>
<g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
<g id="Dribbble-Light-Preview" transform="translate(-61.000000, -7639.000000)" fill="snow">
<g id="icons" transform="translate(56.000000, 160.000000)">
<path
d="M19.4350881,7485 L19.4279481,7485 L10.8119794,7485 L11.0180201,7487 L19.2300674,7487 C19.109707,7488.752 18.7455658,7492.464 18.6119454,7494.153 L13.99949,7495.451 L13.99949,7495.455 L13.98929,7495.46 L9.37377458,7493.836 L9.05757353,7490 L11.3199411,7490 L11.4800816,7492.063 L13.99337,7493 L13.99949,7493 L16.5086984,7492.1 L16.7667592,7489 L8.95659319,7489 C8.91885306,7488.599 8.43333144,7483.392 8.34867116,7483 L19.6370488,7483 C19.5738086,7483.66 19.5095484,7484.338 19.4350881,7485 L19.4350881,7485 Z M5,7479 L6.63812546,7497.148 L13.98929,7499 L21.3598345,7497.111 L23,7479 L5,7479 Z"
id="html-[#124]">
</path>
</g>
</g>
</g>
</svg>
<div class="skill-description">
<p>HTML</p>
<div class="skill-bar" style="width:80%"></div>
</div>
</div>
<div class="skills-flex">
<svg class="skills-icon" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 512 512"
enable-background="new 0 0 512 512" xml:space="preserve">
<g id="c133de6af664cd4f011a55de6b001b19">
<path display="inline"
d="M483.111,0.501l-42.59,461.314l-184.524,49.684L71.47,461.815L28.889,0.501H483.111z M397.29,94.302
H255.831H111.866l6.885,55.708h137.08h7.7l-7.7,3.205l-132.07,55.006l4.38,54.453l127.69,0.414l68.438,0.217l-4.381,72.606
l-64.058,18.035v-0.057l-0.525,0.146l-61.864-15.617l-3.754-45.07h-0.205H132.1h-0.202l7.511,87.007l116.423,34.429v-0.062
l0.21,0.062l115.799-33.802l15.021-172.761h-131.03h-0.323l0.323-0.14l135.83-58.071L397.29,94.302z">
</path>
</g>
</svg>
<div class="skill-description">
<p>CSS</p>
<div class="skill-bar" style="width:60%"></div>
</div>
</div>
<div class="skills-flex">
<svg class="skills-icon" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<title>javascript [#155]</title>
<g id="Page-1" stroke="none" stroke-width="1" fill-rule="evenodd">
<g id="Dribbble-Light-Preview" transform="translate(-420.000000, -7479.000000)">
<g id="icons" transform="translate(56.000000, 160.000000)">
<path
d="M379.328,7337.432 C377.583,7337.432 376.455,7336.6 375.905,7335.512 L375.905,7335.512 L377.435,7334.626 C377.838,7335.284 378.361,7335.767 379.288,7335.767 C380.066,7335.767 380.563,7335.378 380.563,7334.841 C380.563,7334.033 379.485,7333.717 378.724,7333.391 C377.368,7332.814 376.468,7332.089 376.468,7330.558 C376.468,7329.149 377.542,7328.075 379.221,7328.075 C380.415,7328.075 381.275,7328.491 381.892,7329.578 L380.429,7330.518 C380.107,7329.941 379.758,7329.713 379.221,7329.713 C378.67,7329.713 378.321,7330.062 378.321,7330.518 C378.321,7331.082 378.67,7331.31 379.476,7331.659 C381.165,7332.383 382.443,7332.952 382.443,7334.814 C382.443,7336.506 381.114,7337.432 379.328,7337.432 L379.328,7337.432 Z M375,7334.599 C375,7336.546 373.801,7337.575 372.136,7337.575 C370.632,7337.575 369.731,7337 369.288,7336 L369.273,7336 L369.266,7336 L369.262,7336 L370.791,7334.931 C371.086,7335.454 371.352,7335.825 371.996,7335.825 C372.614,7335.825 373,7335.512 373,7334.573 L373,7328 L375,7328 L375,7334.599 Z M364,7339 L384,7339 L384,7319 L364,7319 L364,7339 Z"
id="javascript-[#155]">
</path>
</g>
</g>
</g>
</svg>
<div class="skill-description">
<p>JavaScript</p>
<div class="skill-bar" style="width:10%"></div>
</div>
</div>
<div class="skills-flex">
<svg class="skills-icon" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg">
<path
d="M24.306 4.019h-4.806l-3.5 5.537-3-5.537h-11l14 23.981 14-23.981zM5.481 6.019h3.363l7.156 12.387 7.15-12.387h3.363l-10.512 18.012z" />
</svg>
<div class="skill-description">
<p>Vue</p>
<div class="skill-bar" style="width:10%"></div>
</div>
</div>
<div class="skills-flex">
<svg class="skills-icon" viewBox="0 0 32 32" version="1.1" xmlns="http://www.w3.org/2000/svg">
<title>react</title>
<path
d="M14.313 22.211c0.55 0.025 1.112 0.043 1.681 0.043 0.575 0 1.143-0.012 1.7-0.043-0.557 0.72-1.107 1.357-1.689 1.964l0.008-0.008c-0.579-0.6-1.135-1.238-1.659-1.902l-0.041-0.054zM8.615 21.411c1.083 0.275 2.404 0.509 3.752 0.653l0.131 0.011c0.825 1.133 1.659 2.13 2.554 3.068l-0.011-0.012c-1.311 1.463-3.080 2.491-5.081 2.86l-0.055 0.008c-0.004 0-0.008 0-0.012 0-0.248 0-0.482-0.061-0.687-0.169l0.008 0.004c-0.832-0.475-1.193-2.292-0.912-4.627 0.067-0.575 0.177-1.18 0.312-1.797zM23.398 21.398c0.118 0.474 0.229 1.078 0.308 1.692l0.009 0.086c0.287 2.334-0.067 4.149-0.892 4.634-0.184 0.102-0.404 0.162-0.638 0.162-0.023 0-0.046-0.001-0.069-0.002l0.003 0c-2.053-0.375-3.821-1.396-5.129-2.841l-0.007-0.008c0.879-0.923 1.707-1.918 2.466-2.965l0.058-0.084c1.476-0.154 2.799-0.392 4.088-0.717l-0.197 0.042zM9.784 17.666c0.25 0.49 0.512 0.978 0.8 1.468q0.431 0.731 0.881 1.428c-0.868-0.127-1.706-0.287-2.507-0.482 0.225-0.787 0.507-1.602 0.825-2.416zM22.212 17.641c0.331 0.821 0.612 1.64 0.845 2.434-0.8 0.196-1.645 0.362-2.519 0.487 0.3-0.469 0.6-0.952 0.881-1.447 0.281-0.487 0.544-0.985 0.795-1.475zM7.619 12.292c0.436 1.478 0.904 2.714 1.449 3.906l-0.075-0.182c-0.466 1.005-0.927 2.234-1.305 3.499l-0.052 0.205c-0.706-0.217-1.274-0.43-1.827-0.669l0.115 0.044c-2.164-0.921-3.564-2.132-3.564-3.092s1.4-2.177 3.564-3.094c0.525-0.225 1.1-0.428 1.694-0.617zM24.358 12.287c0.605 0.187 1.18 0.396 1.718 0.622 2.164 0.925 3.564 2.134 3.564 3.094-0.006 0.96-1.406 2.174-3.57 3.093-0.525 0.225-1.1 0.427-1.693 0.616-0.44-1.483-0.908-2.718-1.451-3.912l0.076 0.188c0.464-1.004 0.926-2.233 1.303-3.498l0.053-0.206zM20.53 11.444c0.869 0.129 1.706 0.287 2.507 0.484-0.225 0.79-0.506 1.602-0.825 2.416-0.25-0.487-0.512-0.978-0.8-1.467-0.281-0.49-0.581-0.967-0.881-1.432zM11.458 11.444c-0.3 0.471-0.6 0.953-0.88 1.45-0.281 0.487-0.544 0.977-0.794 1.467-0.331-0.82-0.612-1.637-0.845-2.433 0.8-0.187 1.643-0.354 2.518-0.482zM16 11.126c0.925 0 1.846 0.042 2.752 0.116q0.761 1.091 1.478 2.324 0.697 1.2 1.272 2.432c-0.385 0.819-0.807 1.637-1.266 2.437-0.475 0.825-0.966 1.61-1.475 2.337-0.91 0.079-1.832 0.122-2.762 0.122-0.925 0-1.846-0.044-2.752-0.116-0.507-0.727-1.002-1.505-1.478-2.324q-0.697-1.2-1.272-2.432c0.379-0.821 0.807-1.641 1.266-2.442 0.475-0.825 0.966-1.607 1.475-2.334 0.91-0.080 1.832-0.122 2.762-0.122zM15.981 7.845c0.58 0.6 1.136 1.237 1.659 1.901l0.040 0.053c-0.55-0.025-1.112-0.042-1.681-0.042-0.575 0-1.143 0.012-1.7 0.042 0.556-0.72 1.106-1.357 1.689-1.964l-0.008 0.008zM9.88 4.033c2.053 0.376 3.82 1.397 5.129 2.841l0.007 0.008c-0.879 0.924-1.707 1.919-2.466 2.968l-0.058 0.084c-1.475 0.153-2.798 0.389-4.086 0.714l0.196-0.042c-0.14-0.612-0.244-1.205-0.317-1.774-0.287-2.334 0.067-4.149 0.892-4.632 0.206-0.097 0.447-0.157 0.701-0.165l0.003-0zM22.090 4.008v0.008c0.013-0 0.028-0.001 0.044-0.001 0.239 0 0.464 0.059 0.662 0.163l-0.008-0.004c0.832 0.477 1.193 2.293 0.912 4.629-0.067 0.575-0.177 1.181-0.312 1.799-1.085-0.278-2.406-0.513-3.754-0.656l-0.128-0.011c-0.826-1.134-1.66-2.131-2.555-3.070l0.012 0.012c1.311-1.46 3.077-2.488 5.074-2.859l0.056-0.009zM22.096 2.646c-2.442 0.371-4.556 1.557-6.1 3.268l-0.008 0.009c-1.555-1.71-3.669-2.888-6.051-3.245l-0.056-0.007c-0.013-0-0.029-0-0.045-0-0.491 0-0.952 0.129-1.351 0.355l0.014-0.007c-1.718 0.991-2.103 4.079-1.216 7.954-3.804 1.175-6.278 3.053-6.278 5.032 0 1.987 2.487 3.87 6.302 5.036-0.88 3.89-0.487 6.983 1.235 7.973 0.378 0.217 0.832 0.344 1.315 0.344 0.022 0 0.044-0 0.065-0.001l-0.003 0c2.442-0.371 4.556-1.558 6.1-3.27l0.008-0.009c1.555 1.711 3.669 2.889 6.051 3.246l0.056 0.007c0.015 0 0.034 0 0.052 0 0.488 0 0.947-0.128 1.344-0.351l-0.014 0.007c1.717-0.99 2.103-4.078 1.216-7.954 3.79-1.165 6.264-3.047 6.264-5.029 0-1.987-2.487-3.87-6.302-5.039 0.88-3.886 0.487-6.982-1.235-7.973-0.382-0.219-0.84-0.348-1.328-0.348-0.013 0-0.026 0-0.039 0l0.002-0zM18.787 16.005c0 1.543-1.251 2.794-2.794 2.794s-2.794-1.251-2.794-2.794c0-1.543 1.251-2.794 2.794-2.794 0.772 0 1.47 0.313 1.976 0.818v0c0.506 0.506 0.818 1.204 0.818 1.976 0 0 0 0 0 0v0z">
</path>
</svg>
<div class="skill-description">
<p>React</p>
<div class="skill-bar" style="width:20%"></div>
</div>
</div>
<div class="skills-flex">
<svg class="skills-icon" viewBox="0 0 15 15" fill="snow" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd"
d="M0 0H15V15H0V0ZM10 6C8.89543 6 8 6.89543 8 8C8 9.10457 8.89543 10 10 10H11C11.5523 10 12 10.4477 12 11C12 11.5523 11.5523 12 11 12H10C9.44772 12 9 11.5523 9 11H8C8 12.1046 8.89543 13 10 13H11C12.1046 13 13 12.1046 13 11C13 9.89543 12.1046 9 11 9H10C9.44772 9 9 8.55228 9 8C9 7.44772 9.44772 7 10 7H11.1667C11.6269 7 12 7.3731 12 7.83333V8H13V7.83333C13 6.82081 12.1792 6 11.1667 6H10ZM3 6H8V7H6V13H5V7H3V6Z" />
</svg>
<div class="skill-description">
<p>TypeScript</p>
<div class="skill-bar" style="width:20%"></div>
</div>
</div>
</section>
</main>
<footer>
<div class="footer">
<div> <a href="https://github.com/dominic-reichert" target="_blank" rel="noopener"><svg class="contact-icon"
xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
</svg></a></div>
<div><a href="https://www.linkedin.com/in/dominic-reichert-7b9333166/" target="_blank" rel="noopener"><svg
class="contact-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
<path
d="M19 0h-14c-2.761 0-5 2.239-5 5v14c0 2.761 2.239 5 5 5h14c2.762 0 5-2.239 5-5v-14c0-2.761-2.238-5-5-5zm-11 19h-3v-11h3v11zm-1.5-12.268c-.966 0-1.75-.79-1.75-1.764s.784-1.764 1.75-1.764 1.75.79 1.75 1.764-.783 1.764-1.75 1.764zm13.5 12.268h-3v-5.604c0-3.368-4-3.113-4 0v5.604h-3v-11h3v1.765c1.396-2.586 7-2.777 7 2.476v6.759z" />
</svg></a></div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>