-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
178 lines (162 loc) · 7.21 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
<!DOCTYPE HTML>
<!--
-->
<html>
<!-- Head -->
<head>
<title>Sam Rymer | Offizielle Website</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<!-- SEO -->
<meta name="description" content="Die einzig wahre Internetseite, auf der Sam Rymer zu treffen ist. Der Typ macht Poetry Slam, Stand-Up Comedy und noch mehr komisches Zeug.">
<meta name="subject" content="Homepage">
<meta name="rating" content="General">
<meta name="robots" content="index,follow">
<link rel="canonical" href="https://samrymer.de" />
<meta name="keywords" content="Sam Rymer, Kabarett, Kleinkunst, Moderator, Comedy, Düsseldorf, Stand Up, Poetry, Slam, Presenter, Köln, Essen, Mönchengladbach, Niederlande, Nordrhein-Westfalen">
<meta name="author" content="Sam Rymer">
<meta name="theme-color" content="#3eba6f">
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="180x180" href="images/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon/favicon-16x16.png">
<link rel="manifest" href="images/favicon/site.webmanifest">
<!-- Properties -->
<meta property="og:type" content="website" />
<meta property="og:locale" content="de_DE" />
<meta property="og:site_name" content="Sam Rymer" />
<meta property="og:title" content="Comedian aus Düsseldorf." />
<meta property="og:description" content="Die einzig wahre Internetseite, auf der Sam Rymer zu treffen ist. Der Typ macht Poetry Slam, Stand-Up Comedy und noch mehr komisches Zeug." />
<meta property="og:url" content="https://samrymer.de" />
<meta property="og:image" content="https://samrymer.de/images/favicon/android-chrome-512x512.png" />
<meta property="og:image:alt" content="Official logo of Sam Rymer in 2025."/>
<meta property="og:image:width" content="512">
<meta property="og:image:height" content="512">
<!-- Geo tags -->
<meta name="ICBM" content="51.225402, 6.776314">
<meta name="geo.position" content="51.225402;6.776314">
<meta name="geo.region" content="DE">
<meta name="geo.placename" content="Dusseldorf">
<!-- Apple -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<!-- Other -->
<meta http-equiv="Cache-Control" content="max-age=31536000, public">
<html lang="de">
<!-- Security-->
<meta http-equiv="X-Content-Type-Options" content="nosniff">
<meta http-equiv="Permissions-Policy" content="geolocation=(), microphone=(), camera=(), midi=(), payment=(), fullscreen=(), vibrate=(), wake-lock=()">
<meta name="referrer" content="no-referrer">
<link rel="stylesheet" href="assets/css/main.css" />
</head>
<body class="is-preload">
<!-- Header -->
<section id="header">
<header class="major">
<h1>Sam Rymer</h1>
<p>Titel einfügen</p>
</header>
<div class="container">
<ul class="actions special">
<li><a href="#one" class="button primary scrolly">Begin</a></li>
</ul>
</div>
</section>
<!-- One -->
<section id="one" class="main special">
<div class="container">
<span class="image fit primary"><img src="images/pic01.jpg" alt="" /></span>
<div class="content">
<header class="major">
<h2>Wer ich bin</h2>
</header>
<p>Kabarettist. Freigeist. Stand-Up Comedian. Poetry Slammer. Du kannst viele Bezeichnungen verwenden und alle passen schon irgendwie. Gerne nenn' mich einfach Sam.</p>
</div>
<a href="#two" class="goto-next scrolly">Next</a>
</div>
</section>
<!-- Two -->
<section id="two" class="main special">
<div class="container">
<span class="image fit primary"><img src="images/pic02.jpg" alt="" /></span>
<div class="content">
<header class="major">
<h2>Stuff I do</h2>
</header>
<p>Hier kommt so ein Beispieltext, weil mir grad nichts einfällt. Ironisch, oder?</p>
<ul class="icons-grid">
<li>
<span class="icon solid major fa-camera-retro"></span>
<h3>Kurzweilige Comedy</h3>
</li>
<li>
<span class="icon solid major fa-pencil-alt"></span>
<h3>Event-Moderation</h3>
</li>
<li>
<span class="icon solid major fa-code"></span>
<h3>Bühnenbild</h3>
</li>
<li>
<span class="icon solid major fa-coffee"></span>
<h3>Kaffee kochen</h3>
</li>
</ul>
</div>
<a href="#three" class="goto-next scrolly">Next</a>
</div>
</section>
<!-- Three -->
<section id="three" class="main special">
<div class="container">
<span class="image fit primary"><img src="images/pic03.jpg" alt="" /></span>
<div class="content">
<header class="major">
<h2>Wo kannst Du mich treffen?</h2>
</header>
<p>Aktuell findet man mich in der Szene rund um Düsseldorf. Einzelne Tickets biete ich noch nicht an. Aber wenn Du mich oft genug besuchen kommst, wird sich das mal ändern. Wenn Du der Erste sein möchtest, der von meinem Soloauftritt erfährt, dann folg mir gerne bei
<li><a href="https://rausgegangen.de/artists/sam-rymer/" class="active" title="Sam Rymer bei 'Rausgegangen'">Rausgegangen</a></li> </p>
<br>
<p>Weiter unten findest Du ein tolles Kontaktfeld, womit ich kontaktiert werden kann.</p>
<p>Ansonsten ist hier noch eine Mailadresse, die soll auch sehr gut sein:
<a href="mailto:booking@samrymer.de">booking[at]samrymer.de</a>
</p>
</div>
<a href="#footer" class="goto-next scrolly">Next</a>
</div>
</section>
<!-- Footer -->
<section id="footer">
<div class="container">
<header class="major">
<h2>Get in touch</h2>
</header>
<form method="post" action="https://formspree.io/f/mgvvdrgv">
<div class="row gtr-uniform">
<div class="col-6 col-12-xsmall"><input type="text" name="name" id="name" placeholder="Name" /></div>
<div class="col-6 col-12-xsmall"><input type="email" name="email" id="email" placeholder="Email" /></div>
<div class="col-12"><textarea name="message" id="message" placeholder="Message" rows="4"></textarea></div>
<div class="col-12">
<ul class="actions special">
<li><input type="submit" value="Nachricht senden" class="primary" /></li>
</ul>
</div>
</div>
</form>
</div>
<footer>
<ul class="copyright">
<li>© Sam Rymer</li><li>Design/Imprint/Legal: <a href="https://ziglarski.de">Timelaut (Erik Ziglarski)</a></li>
</ul>
</footer>
</section>
<!-- Scripts -->
<script src="assets/js/jquery.min.js" defer></script>
<script src="assets/js/jquery.scrollex.min.js" defer></script>
<script src="assets/js/jquery.scrolly.min.js" defer></script>
<script src="assets/js/browser.min.js" defer></script>
<script src="assets/js/breakpoints.min.js" defer></script>
<script src="assets/js/util.js" defer></script>
<script src="assets/js/main.js" defer></script>
</body>
</html>