-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
330 lines (278 loc) · 13.1 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
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
<!DOCTYPE HTML>
<!--
Prologue by HTML5 UP
html5up.net | @n33co
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>Florian Grill</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="description" content="Florian Grill, Software engineer"/>
<meta name="keywords"
content="Florian, Grill, Florian Grill, Android, Application, Applications, App, DroidJoy, PSPlay, PXPlay, XBXPlay, Java, Software, Software engineer, developer, PS5, PS4, remote play, Playstation, Dualshock, Dualsense"/>
<!--[if lte IE 8]>
<script src="css/ie/html5shiv.js"></script><![endif]-->
<script src="js/jquery.min.js"></script>
<script src="js/jquery.scrolly.min.js"></script>
<script src="js/jquery.scrollzer.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css"/>
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/style-wide.css"/>
</noscript>
<!--[if lte IE 9]>
<link rel="stylesheet" href="css/ie/v9.css"/><![endif]-->
<!--[if lte IE 8]>
<link rel="stylesheet" href="css/ie/v8.css"/><![endif]-->
</head>
<body>
<!-- Header -->
<div id="header" class="skel-layers-fixed">
<div class="top">
<!-- Logo -->
<div id="logo">
<span class="image avatar48"><img src="images/avatar.jpg" alt=""/></span>
<h1 id="title">Florian Grill</h1>
<p>Software Engineer</p>
</div>
<!-- Nav -->
<nav id="nav">
<!--
Prologue's nav expects links in one of two formats:
1. Hash link (scrolls to a different section within the page)
<li><a href="#foobar" id="foobar-link" class="icon fa-whatever-icon-you-want skel-layers-ignoreHref"><span class="label">Foobar</span></a></li>
2. Standard link (sends the user to another page/site)
<li><a href="https://foobar.tld" id="foobar-link" class="icon fa-whatever-icon-you-want"><span class="label">Foobar</span></a></li>
-->
<ul>
<li><a href="#top" id="top-link" class="skel-layers-ignoreHref"><span class="icon fa-home">Intro</span></a>
</li>
<li><a href="#development" id="development-link" class="skel-layers-ignoreHref"><span
class="icon fa-th">Development</span></a></li>
<li><a href="#about" id="about-link" class="skel-layers-ignoreHref"><span
class="icon fa-user">About Me</span></a></li>
<li><a href="#projects" id="projects-link" class="skel-layers-ignoreHref"><span class="icon fa-gear">Projects</span></a>
</li>
<li><a href="#contact" id="contact-link" class="skel-layers-ignoreHref"><span class="icon fa-envelope">Contact</span></a>
</li>
<li><a href="#imprint" id="imprint-link" class="skel-layers-ignoreHref"><span
class="icon fa-file-text-o">Imprint</span></a></li>
</ul>
</nav>
</div>
<div class="bottom">
<!-- Social Icons -->
<ul class="icons">
<li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li>
<li><a href="https://github.com/streamingdv" class="icon fa-github"><span class="label">Github</span></a>
</li>
</ul>
</div>
</div>
<!-- Main -->
<div id="main">
<!-- Intro -->
<section id="top" class="one me dark cover">
<div class="container">
<header>
<h2 class="alt"><strong>Hi! Welcome to my website.</strong><br/></h2>
<p>Scroll down for a quick tour, or use <br/>
the navigation bar on the left.</p>
</header>
<footer>
<a href="#development" class="button scrolly">Start tour</a>
</footer>
</div>
</section>
<!-- Development -->
<section id="development" class="two">
<div class="container">
<header>
<h2>Development</h2>
</header>
<p>Below you can see some technologies which I'm using at work or for my private projects.</p>
<div class="row">
<div class="4u">
<article class="item">
<a href="#" class="image fit"><img src="images/pic02.jpg" alt="" class="skillImages"/></a>
<header>
<h3>Application development</h3>
</header>
<p class="skillText">Java, Python, Swift, .NET, MySQL, MSSQL</p>
</article>
</div>
<div class="4u">
<article class="item">
<a href="#" class="image fit"><img src="images/pic04.jpg" alt="" class="skillImages"/></a>
<header>
<h3>Smartphone development</h3>
</header>
<p class="skillText">Android, iOS</p>
</article>
</div>
<div class="4u">
<article class="item">
<a href="#" class="image fit"><img src="images/pic06.jpg" alt="" class="skillImages"/></a>
<header>
<h3>Web development</h3>
</header>
<p class="skillText">ASP.NET, JavaScript, Node.js, HTML, LESS, CSS, Grunt, Gulp, React...</p>
</article>
</div>
</div>
</div>
</section>
<!-- About Me -->
<section id="about" class="three">
<div class="container">
<header>
<h2>About Me</h2>
</header>
<a href="#" class="image featured"><img src="images/pic08.jpg" alt=""/></a>
<p>I am a self-employed Software Developer with a passion for tackling new challenges and exploring
innovative ideas. I hold a Master's degree in Computer Science from the University of Applied Sciences
in Wiener Neustadt. Since 2016, I have been working independently, specializing in Mobile and PC
application development. Until September 2024, I was employed at Frequentis AG, where I developed
software for safety-critical environments. In my spare time, I enjoy spending time with friends, going
out, and having fun.</p>
</div>
</section>
<!-- Projects -->
<section id="projects" class="three">
<div class="container">
<header>
<h2>Projects</h2>
</header>
<p>You can find some of my published projects below. If you would like to learn more about
<a title="PSPlay subpage" href="https://streamingdv.github.io/psplay/index.html"><strong>PSPlay</strong></a>,
<a title="DroidJoy subpage" href="droidJoy.html"><strong>DroidJoy</strong></a> or
<a title="ShockPad subpage" href="shockPad.html"><strong>ShockPad</strong></a>, visit the specific
subpage.</p>
<div class="row">
<div class="3u">
<article class="item">
<a title="PSPlay subpage" href="https://streamingdv.github.io/pxplay/index"
class="image fit" target="_blank"><img class="projectImages" src="images/psPlay.png" alt=""/></a>
<header>
<h3>PXPlay (PSPlay)</h3>
</header>
</article>
</div>
<div class="3u">
<article class="item">
<a title="PSPlay subpage" href="https://streamingdv.github.io/xbxplay/index"
class="image fit" target="_blank"><img class="projectImages" src="images/xbxPlay.png"
alt=""/></a>
<header>
<h3>XBXPlay</h3>
</header>
</article>
</div>
<div class="3u">
<article class="item">
<a title="DroidJoy subpage" href="droidJoy.html" class="image fit" target="_blank"><img
class="projectImages" src="images/droidJoy.png" alt=""/></a>
<header>
<h3>DroidJoy</h3>
</header>
</article>
</div>
<div class="3u">
<article class="item">
<a title="visit website" href="shockPad.html" class="image fit" target="_blank"><img
class="projectImages" src="images/shockPad.png" alt=""/></a>
<header>
<h3>ShockPad</h3>
</header>
</article>
</div>
</div>
</div>
</section>
<!-- Contact -->
<section id="contact" class="five">
<div class="container">
<header>
<h2>Contact</h2>
</header>
<p>If you have any questions or suggestions for improvements about one of my projects please
don't hesitate to contact me. You can find my E-Mail address below. I will try
to answer as soon as possible.</p>
<div class="email">
<a href="mailto:[email protected]">[email protected]</a>
</div>
<footer>
<a href="#top" class="button scrolly">Back to top</a>
</footer>
</div>
</section>
<!-- Imprint -->
<section id="imprint" class="seven">
<div class="container">
<header>
<h2>Imprint</h2>
</header>
<div>
<p class="miniHeading text-align-left no-margin">Address</p>
<p class="text-align-left medium-font">
Florian Grill</br>
Ledererbühel 26/4</br>
3631 Ottenschlag</br>
Austria</br>
</p>
</div>
<div>
<p class="miniHeading text-align-left no-margin">Contact</p>
<p class="text-align-left medium-font">
E-Mail: [email protected]</br>
Website: https://grill2010.github.io/</br>
</p>
</div>
<div>
<p class="miniHeading text-align-left no-margin">Limitation of liability for internal content</p>
<p class="text-align-left medium-font">
The content of my website has been compiled with care and to the best of my knowledge. However, I
cannot assume any liability for the up-to-dateness, completeness or accuracy of any of the pages.
</p>
</div>
<div>
<p class="miniHeading text-align-left no-margin">Limitation of liability for external linkst</p>
<p class="text-align-left medium-font">
My website contains links to other websites (“external links”). As the content of these websites is
not under my control, we cannot assume any liability for such external content. In all cases, the
provider of information of the linked websites is liable for the content and accuracy of the
information provided. At the point in time when the links were placed, no infringements of the law
were recognisable to us. As soon as an infringement of the law becomes known to us, we will
immediately remove the link in question.
</p>
</div>
<div>
<p class="miniHeading text-align-left no-margin">Copyright</p>
<p class="text-align-left medium-font">
The content and works published on this website are governed by the copyright laws of Austria. Any
duplication, processing, distribution or any form of utilisation beyond the scope of copyright law
shall require the prior written consent of the author or authors in question.
</p>
</div>
<div>
<p class="text-align-left small-font">
Source: English Disclaimer
</p>
</div>
</div>
</section>
</div>
<!-- Footer -->
<div id="footer">
<!-- Copyright -->
<ul class="copyright">
<li>© Florian Grill. All rights reserved.</li>
<li>Design: <a href="https://html5up.net">HTML5 UP</a> enhanced by Florian Grill</li>
</ul>
</div>
</body>
</html>