This repository has been archived by the owner on May 29, 2020. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
181 lines (145 loc) · 7.05 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
<!DOCTYPE html>
<html lang="de">
<head>
<title>Stephan Fischer | stephan-fischer.de</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="author" content="Stephan Fischer" />
<meta property="og:type" content="website" />
<meta property="og:site_name" content="stephan-fischer.de" />
<meta property="og:title" content="Stephan Fischer | stephan-fischer.de" />
<meta property="description" content="Hi, ich bin Stephan. Ich jongliere mit Worten, programmiere und gestalte." />
<meta property="og:description" content="Hi, ich bin Stephan. Ich jongliere mit Worten, programmiere und gestalte." />
<meta property="og:url" content="https://stephan-fischer.de" />
<link rel="canonical" href="https://stephan-fischer.de" />
<link href="res/img/favicon16.png" rel="icon" type="image/png" sizes="16x16" />
<link href="res/img/favicon32.png" rel="icon" type="image/png" sizes="32x32" />
<link href="res/img/favicon64.png" rel="icon" type="image/png" sizes="64x64" />
<link href="res/css/main.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="content">
<header>
<div class="image">
<img src="res/img/portrait.jpg" alt="Fotograf: Lucas Vogel (lucas-vogel.de)" title="Fotograf: Lucas Vogel (lucas-vogel.de)" />
</div>
<div class="text">
<h1>Hi, ich bin Stephan.</h1>
<!-- -->
</div>
</header>
<div id="whatido">
<h2>Ich jongliere mit Worten, programmiere und gestalte.</h2>
<ul>
<li>
<a href="https://teabot.de" title="Mein Blog." rel="noopener" target="_blank">
<p class="uppercase"><i class="fas fa-rss fa-fw"></i> Blog</p>
<span>teabot.de</span>
</a>
</li>
<li>
<a href="https://gitlab.com/tocsinde" title="Quellcode einiger Projekte und Arbeiten." rel="noopener" target="_blank">
<p class="uppercase"><i class="fab fa-gitlab fa-fw"></i> GitLab-Profil</p>
<span>@tocsinDE</span>
</a>
</li>
<li>
<a href="https://github.com/tocsinde" title="Quellcode einiger Projekte und Arbeiten." rel="noopener" target="_blank">
<p class="uppercase"><i class="fab fa-github fa-fw"></i> GitHub-Profil</p>
<span>@tocsinDE</span>
</a>
</li>
<li>
<a href="https://tocsin.de" title="Übersicht über meine Projekte." rel="noopener" target="_blank">
<p class="uppercase"><i class="fas fa-code fa-fw"></i> Projekte</p>
<span>tocsin.de</span>
</a>
</li>
</ul>
</div>
<div id="sayhello">
<div><h2>Sag „Hallo”.</h2></div>
<ul>
<li>
<a href="mailto:hallo@tocsin.de" title="Ganz klassisch eine E-Mail schreiben.">
<p class="uppercase"><i class="fas fa-envelope fa-fw"></i> E-Mail</p>
<span>hallo@tocsin.de</span>
</a> - <a href="https://stephan-fischer.de/public.asc">PGP-Key</a>
</li>
<li>
<a href="https://t.me/stepovic" title="Ich bin immer auf der Suche nach guten Stickerpacks. :)" rel="noopener" target="_blank">
<p class="uppercase"><i class="fas fa-paper-plane fa-fw"></i> Telegram</p>
<span>@stepovic</span>
</a>
</li>
<li>
<a href="https://twitter.com/22uhr" title="Ich vergebe gerne und oft Herzen, teilweise schreibe ich sogar selbst was. :)" rel="noopener" target="_blank">
<p class="uppercase"><i class="fab fa-twitter fa-fw"></i> Twitter</p>
<span>@22uhr</span>
</a>
</li>
<li>
<a href="https://fb.com/herrstephanfischer" title="Darf noch nicht fehlen. ;)" rel="noopener" target="_blank">
<p class="uppercase"><i class="fab fa-facebook fa-fw"></i> Facebook</p>
<span>fb.com/herrstephanfischer</span>
</a>
</li>
<li>
<a href="https://open.spotify.com/user/letslistentogether" title="Früher waren es Mixtapes, heute stelle ich überaus gerne Playlisten auf Spotify zusammen." rel="noopener" target="_blank">
<p class="uppercase"><i class="fab fa-spotify fa-fw"></i> Spotify</p>
<span>letslistentogether</span>
</a>
</li>
<li>
<a href="https://soundcloud.com/newsicmixtapes" title="Fast alle meiner Playlists und Mixtapes, die es auch auf Spotify gibt." rel="noopener" target="_blank">
<p class="uppercase"><i class="fab fa-soundcloud fa-fw"></i> SoundCloud</p>
<span>newsicmixtapes</span>
</a>
</li>
</ul>
</div>
<footer>
<div class="imprint">
<h3>Impressum</h3>
<p class="uppercase">Zuständig</p>
Stephan Fischer<br/>
Kirchhainer Straße 12<br/>
03238 Finsterwalde<br/>
<p class="uppercase">E-Mail</p>
hallo@tocsin.de
</div>
<div class="credits">
<h3>Credits</h3>
<p>Der Fotograf des Porträts ist <a href="https://lucas-vogel.de" title="Viele Grüße!" rel="noopener" target="_blank">Lucas Vogel</a>.</p>
<p><a href="http://overpassfont.org/" rel="noopener" target="_blank">Overpass</a> heißt die hier verwendete Schriftart. Ein bisschen <a href="https://fontawesome.com" rel="noopener" target="_blank">Font Awesome</a> ist auch mit dabei.</p>
<p><a href="https://tocsin.de" rel="noopener" target="_blank"><img src="res/img/tocsin.svg" class="tocsinlogo" alt="Logo von tocsin" title="Logo von tocsin" /> Made by <span class="tocsin">tocsin</span></a></p>
</div>
<div class="misc">
<p>
<a href="https://stephan-fischer.de/datenschutz"><i class="fas fa-shield-alt fa-fw"></i> Datenschutz</a><br/>
<a href="https://gitlab.com/tocsinde/stephan-fischer.de" rel="noopener" target="_blank"><i class="fab fa-gitlab fa-fw"></i> Code auf GitLab</a><br/>
<a href="https://github.com/tocsinde/stephan-fischer.de" rel="noopener" target="_blank"><i class="fab fa-github fa-fw"></i> Code auf GitHub</a>
</p>
</div>
</footer>
</div>
<!-- FontAwesome -->
<script defer src="res/js/fontawesome-5.8.1.min.js"></script>
<script defer src="res/js/brands-5.8.1.min.js"></script>
<script defer src="res/js/solid-5.8.1.min.js"></script>
<!-- Matomo -->
<!-- deactivated -->
<!-- <script type="text/javascript">
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//mtm.tocsin.de/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script> -->
</body>
</html>