-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
151 lines (134 loc) · 7.28 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
<!DOCTYPE html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8">
<title>Christian Groth</title>
<meta name="author" content="Christian Groth">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/vendor.css">
<script defer src="js/vendor/fontawesome/all.min.js"></script>
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
<link rel="manifest" href="site.webmanifest">
</head>
<body id="top" class="ss-preload">
<div id="preloader">
<div id="loader"></div>
</div>
<section id="intro" class="s-intro target-section">
<div class="s-intro__bg rellax" data-rellax-speed="-7"></div>
<div class="row s-intro__content">
<div class="column">
<div class="s-intro__content-about">
<h1>“It compiles! Ship it!”</h1>
<h3>Interested in modern <span>software architecture</span>, <span>development</span> and working <span>efficiently</span> in <span>heterogeneous</span> and <span>focused teams</span>.</h3>
<div class="s-intro__content-social">
<a href="https://github.com/christiangroth/" target="_blank">
<i class="fab fa-github" aria-hidden="true"></i>
</a>
<a href="https://www.linkedin.com/in/christian-groth-753a27205/" target="_blank">
<i class="fab fa-linkedin" aria-hidden="true"></i>
</a>
<a href="https://www.xing.com/profile/Christian_Groth3/" target="_blank">
<i class="fab fa-xing" aria-hidden="true"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<section id="about" class="s-about target-section">
<div class="row">
<div class="column large-3 tab-12">
<img class="s-about__pic" src="images/avatar.jpg" alt="">
</div>
<div class="column large-9 tab-12 s-about__content">
<h3>About Me</h3>
<p>80s kid, music lover and software development passionist based in Dortmund, Germany. Started my IT path in school. Achieved Bachelor in Information Technology. Dropped Master at around 80%. Life is not about a perfect CV, but passion for what you do. Software development. Software architecture. Art or engineering? Creativity or hard facts? So called soft skills or frameworks and technologies? Keep it balanced.</p>
<p>Feel free to reach me through my profiles.</p>
</div>
</div>
</section>
<section id="resume" class="s-resume target-section" style="padding-bottom: 0px;">
<div class="row s-resume__section">
<div class="column large-3 tab-12">
<h3 class="section-header-allcaps">Current Training Topics</h3>
</div>
<div class="column large-9 tab-12">
<div class="resume-block">
<p>
With more than 15 years of experience, anyone could create a page-long list of technical capabilities, frameworks, and libraries. I don't think that would be useful. So I'd like to give you some insights into topics that I'm currently trying to learn or improve. Since this is largely done in my spare time, some of these topics may take some time.
</p>
<p>
To avoid any interpretation as to priority or focus, the topics are in alphabetical order.
</p>
<ul class="skill-bars-fat">
<li>
<div class="progress percent70"></div>
<strong>Event Driven Architecture</strong>
</li>
<li>
<div class="progress percent90"></div>
<strong>Hexagonal/Clean Architecture</strong>
</li>
<li>
<div class="progress percent25"></div>
<strong>Maintainable Code</strong>
</li>
<li>
<div class="progress percent35"></div>
<strong>Quarkus</strong>
</li>
<li>
<div class="progress percent70"></div>
<strong>Software Architecture Documentation</strong>
</li>
</ul>
</div>
</div>
</div>
</section>
<footer class="s-footer">
<div class="row">
<div class="column large-4 medium-6 w-1000-stack s-footer__social-block">
<ul class="s-footer__social">
<!--<li>
<a href="https://twitter.com/.../" target="_blank">
<i class="fab fa-twitter" aria-hidden="true"></i>
</a>
</li>-->
<li>
<a href="https://github.com/christiangroth/" target="_blank">
<i class="fab fa-github" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://www.linkedin.com/in/christian-groth-753a27205/" target="_blank">
<i class="fab fa-linkedin" aria-hidden="true"></i>
</a>
</li>
<li>
<a href="https://www.xing.com/profile/Christian_Groth3/" target="_blank">
<i class="fab fa-xing" aria-hidden="true"></i>
</a>
</li>
</ul>
</div>
<div class="column large-7 medium-6 w-1000-stack ss-copyright">
<span>© Christian Groth 2022</span>
<span>Design by <a href="https://www.styleshout.com/" target="_blank" class="subtle">StyleShout</a></span>
<span>Header photo by <a href="https://unsplash.com/@faceline?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText" target="_blank" class="subtle">Thomas Martinsen</a> on <a href="https://unsplash.com/?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText"target="_blank" class="subtle">Unsplash</a></span>
</div>
</div>
<div class="ss-go-top">
<a class="smoothscroll" title="Back to Top" href="#top">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6 4h12v2H6zm5 10v6h2v-6h5l-6-6-6 6z"/></svg>
</a>
</div>
</footer>
<script src="js/plugins.js"></script>
<script src="js/main.js"></script>
</body>
</html>