/
index.html
67 lines (67 loc) · 9.16 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
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Rune Piper – Qualität statt Quantität</title>
<meta name="description" content="Rune Piper, Webentwickler und seitensprung-Designer aus Flensburg, dem echten Norden von Deutschland.">
<link rel="canonical" href="https://www.runepiper.de/">
<meta name="theme-color" content="#484848" media="(prefers-color-scheme: dark)">
<meta name="theme-color" content="#f5f5f5">
<link rel="stylesheet" href="assets/stylesheets/main.css?v=13.3.1">
<link href="https://fonts.googleapis.com/css?family=Karla:400,700&display=swap" rel="stylesheet">
<link rel=icon href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>💩</text></svg>">
<meta name="p:domain_verify" content="06427b2fe65ce95de6aae3673e70a36a"/>
</head>
<body class="font-light antialiased text-base dark:text-white dark:bg-black">
<header class="bg-gray-100 py-14 dark:bg-gray-700">
<img class="mx-auto" src="assets/images/runepiper.svg" title="Rune Piper" alt="Logo von mir. R und P in einem" width="50">
</header>
<main>
<section class="mx-auto my-14 max-w-5xl px-12">
<h2 class="text-4xl mb-4 font-bold">Herzens­projekt</h2>
<article class="my-4">
<p>Ein unbekannter, überaus schöner Weg zum Spazieren, ist das »Grüne Hufeisen« in Flensburg. Wer den Weg nicht kennt, verpasst ein Stück Natur mitten in Flensburg. Mit diesem Guide möchte ich den Weg bekannter machen und Hilfe bereitstellen, wenn man sich verläuft.</p>
<a href="https://guides.apple.com/?ug=ChBHcsO8bmVzIEh1ZmVpc2VuEg4Irk0Q4aXNmcPsnea1ARIOCK5NEICb%2B5%2Fxqrai%2FAESDgiuTRDK%2B7rRpPmfq4QBEksaL0ZsZW5zYnVyZ2VyIEhhZmVuLCAyNDkzNyBGbGVuc2J1cmcsIERldXRzY2hsYW5kIhIJ6Aqvw4dlS0ARcONn%2FwjgIkAqBEVuZGUSURovRmxlbnNidXJnZXIgSGFmZW4sIDI0OTM3IEZsZW5zYnVyZywgRGV1dHNjaGxhbmQiEgkQL6KRwWVLQBEw05VY7t8iQCoKU3RlY2tuYWRlbBJNGitCYWxsYXN0a2FpIDEwLCAyNDkzNyBGbGVuc2J1cmcsIERldXRzY2hsYW5kIhIJZJ8me%2FllS0AR4I%2Fh1sTfIkAqClN0ZWNrbmFkZWwSTBoqSGFybmlza2FpIDEzLCAyNDkzNyBGbGVuc2J1cmcsIERldXRzY2hsYW5kIhIJbNM%2FtEJmS0ARQKEAmQPgIkAqClN0ZWNrbmFkZWwSUxoxQW0gSW5kdXN0cmllaGFmZW4gMiwgMjQ5MzcgRmxlbnNidXJnLCBEZXV0c2NobGFuZCISCaivW6FxZktAEQD218%2BP4SJAKgpTdGVja25hZGVsEk8aLUtpZWxzZW5nIDnigJMxMSwgMjQ5MzcgRmxlbnNidXJnLCBEZXV0c2NobGFuZCISCYRAWNojZ0tAEfAPL1Kx5CJAKgpTdGVja25hZGVsElMaMUFtIEbDtnJkZXVmZXIgNOKAkzYsIDI0OTQ0IEZsZW5zYnVyZywgRGV1dHNjaGxhbmQiEgkki%2B5gWmdLQBHg3Ehv8uciQCoKU3RlY2tuYWRlbBJSGjBGw7ZyZGVwcm9tZW5hZGUgMjQsIDI0OTQ0IEZsZW5zYnVyZywgRGV1dHNjaGxhbmQiEgm0%2BiF5yGdLQBEwkzSFBukiQCoKU3RlY2tuYWRlbBJNGitJbSBPc2Jla2dydW5kLCAyNDk0NCBGbGVuc2J1cmcsIERldXRzY2hsYW5kIhIJ0DsveAVoS0AR4IiO%2BI%2FpIkAqClN0ZWNrbmFkZWwSTRorSW0gT3NiZWtncnVuZCwgMjQ5NDQgRmxlbnNidXJnLCBEZXV0c2NobGFuZCISCbTdBZ%2FOZ0tAEXAfEU1T7CJAKgpTdGVja25hZGVsElwaM03DvHJ3aWtlciBTdHJhw59lIDE5NiwgMjQ5NDQgRmxlbnNidXJnLCBEZXV0c2NobGFuZCISCRx5N%2BLEZ0tAEcDG1RZo7CJAKhHDnGJlciBkaWUgU3RyYcOfZRJOGixPc3RlcmFsbGVlIDExQSwgMjQ5NDQgRmxlbnNidXJnLCBEZXV0c2NobGFuZCISCbBVjuatZ0tAERCDNuR47SJAKgpTdGVja25hZGVsEmQaL0tsb3N0ZXJob2x6d2VnIDMwLCAyNDk0NCBGbGVuc2J1cmcsIERldXRzY2hsYW5kIhIJ1Eyv8MVnS0ARQNOPf%2F3tIkAqHUtsZWluZ2FydGVua29sb25uaWUgdmVybGFzc2VuEg0IwjsQsr3GkJCO6%2BxzElYaJk9zYmVrIDcwLCAyNDk0NCBGbGVuc2J1cmcsIERldXRzY2hsYW5kIhIJCNjuHIVnS0ARUAaXcb7wIkAqGMOcYmVyIGRpZSBTdHJldW9ic3R3aWVzZRJTGiZPc2JlayA3MCwgMjQ5NDQgRmxlbnNidXJnLCBEZXV0c2NobGFuZCISCXDzVflZZ0tAEYAfZNyb8CJAKhVEdXJjaCBkZW4gS2xlaW5nYXJ0ZW4SVhovRW5nZWxzYnllciBXZWcgMTUsIDI0OTQ0IEZsZW5zYnVyZywgRGV1dHNjaGxhbmQiEglM8aS0LmdLQBGAkvcfv%2B8iQCoPRHVyY2ggZGVuIEtuaWNrEmIaL0VuZ2Vsc2J5ZXIgV2VnIDIzLCAyNDk0NCBGbGVuc2J1cmcsIERldXRzY2hsYW5kIhIJzE8pTxpnS0AR4KNVcrzuIkAqG0F1c2JsaWNrIMO8YmVyIGRhcyBPc2Jla3RhbBJRGi9FbmdlbHNieWVyIFdlZyAyMywgMjQ5NDMgRmxlbnNidXJnLCBEZXV0c2NobGFuZCISCUhwHOb6ZUtAEeCbfa6W8CJAKgpTdGVja25hZGVsEk8aLUVuZ2Vsc2J5LURvcmYgMSwgMjQ5NDMgRmxlbnNidXJnLCBEZXV0c2NobGFuZCISCaztESnZZUtAEUDXwcta8CJAKgpTdGVja25hZGVsEksaKUhlc3R0b2Z0IDgyLCAyNDk0MyBGbGVuc2J1cmcsIERldXRzY2hsYW5kIhIJ0B3lfc5lS0AR4JiM5nDvIkAqClN0ZWNrbmFkZWwSVBoyRnJ1ZXJsdW5kZXIgQm9nZW4gMzAsIDI0OTQzIEZsZW5zYnVyZywgRGV1dHNjaGxhbmQiEgk4g6Qr1WVLQBHwuYauSO4iQCoKU3RlY2tuYWRlbBJTGjFBbHQtRnJ1ZXJsdW5kaG9mIDEzLCAyNDk0MyBGbGVuc2J1cmcsIERldXRzY2hsYW5kIhIJ0OoPc4llS0ARIMw3fqTsIkAqClN0ZWNrbmFkZWwSUxotRnJ1ZXJsdW5kbcO8aGxlLCAyNDk0MyBGbGVuc2J1cmcsIERldXRzY2hsYW5kIhIJZD7Nu3dlS0ARoBv8srrrIkAqDsOcYmVyIGRlbiBaYXVuElgaL0ZydWVybHVuZG3DvGhsZSAyLCAyNDk0MyBGbGVuc2J1cmcsIERldXRzY2hsYW5kIhIJoDnxsE5lS0ARkEwfNiTrIkAqEcOcYmVyIGRpZSBCcsO8Y2tlElkaK05vcmRzdHJhw59lIDksIDI0OTQzIEZsZW5zYnVyZywgRGV1dHNjaGxhbmQiEgmIkQ%2FVaWVLQBGgSYBlgugiQCoWV2VpdGVyIGFtIExhdXRydXBzYmFjaBJSGjBBbSBMYXV0cnVwc2JhY2ggMTAsIDI0OTM3IEZsZW5zYnVyZywgRGV1dHNjaGxhbmQiEgl84mNJd2VLQBEgNhvPCuMiQCoKU3RlY2tuYWRlbBJbGjNVbnRlcmVyIExhdXRydXB3ZWcgMTUsIDI0OTM3IEZsZW5zYnVyZywgRGV1dHNjaGxhbmQiEgkoLeLGaGVLQBGgh%2BS3MeIiQCoQU2VuaW9yZW5yZXNpZGVuehJUGjBVbnRlcmVyIExhdXRydXB3ZWcsIDI0OTM3IEZsZW5zYnVyZywgRGV1dHNjaGxhbmQiEgnci4j9hWVLQBHg8V5cxOAiQCoMU3RhcnQgLyBaaWVs" title="Grünes Hufeisen Flensburg" target="_blank" rel="noopener" class="text-yellow-500 transition-colors hover:bg-yellow-500 hover:text-white">Zum Guide</a>
</article>
<article class="my-4">
<p>Der Angelverein in dem ich Mitlied bin, hatte jahrelang eine furchtbare Website. Irgendwann konnte ich alle davon überzeugen, dass ich eine neue machen durfte. Geplant war deutlich mehr, aber so ist es auch schon eine deutliche Verbesserung.</p>
<a href="https://www.asv-jarplund-weding.de" title="Angelsportverein Jarplund-Weding e. V." target="_blank" rel="noopener" class="text-yellow-500 transition-colors hover:bg-yellow-500 hover:text-white">www.asv-jarplund-weding.de</a>
</article>
<article class="my-4">
<p>Mein Schwager ist geprüfter Bausachverständiger und betreibt die Tätigkeit als Nebengewerbe. Bei seiner Online-Präsenz kam da natürlich nur eine Person in Frage. Eine kleine TYPO3 Seite mit überwiegend statischen Inhalten war da schnell gebaut und erfüllt sein Zweck.</p>
<a href="https://www.bsv-bansbach.de" title="Zur BSV Bansbach Website" target="_blank" rel="noopener" class="text-yellow-500 transition-colors hover:bg-yellow-500 hover:text-white">www.bsv-bansbach.de</a>
</article>
</section>
<section class="mx-auto my-14 max-w-5xl px-12">
<article>
<h2 class="text-4xl mb-4 font-bold">Weitere Projekte</h2>
<ul>
<li><a href="https://www.helmich-gmbh.de" target="_blank" rel="noopener" class="text-yellow-500 transition-colors hover:bg-yellow-500 hover:text-white">Helmich GmbH</a></li>
<li><a href="https://www.sportjugend-jawe.de" target="_blank" rel="noopener" class="text-yellow-500 transition-colors hover:bg-yellow-500 hover:text-white">Sportjugend Ja-We</a></li>
<li><a href="https://www.söla.de/" target="_blank" rel="noopener" class="text-yellow-500 transition-colors hover:bg-yellow-500 hover:text-white">SöLa</a></li>
<li><a href="https://www.sportjugendsl-fl.de/" target="_blank" rel="noopener" class="text-yellow-500 transition-colors hover:bg-yellow-500 hover:text-white">Sportjugend Sl-Fl</a></li>
</ul>
</article>
</section>
</main>
<footer class="bg-gray-100 py-14 dark:bg-gray-700">
<ul class="mx-auto w-auto max-w-lg mb-8 sm:mb-12 align-center justify-between flex text-yellow-500 text-sm px-12">
<li><a class="transition-colors hover:bg-yellow-500 hover:text-white" href="https://www.x.com/runepiper" title="Twitter besuchen" target="_blank" rel="noopener">X</a></li>
<li><a class="transition-colors hover:bg-yellow-500 hover:text-white" href="https://www.github.com/runepiper" title="GitHub besuchen" target="_blank" rel="noopener">Github</a></li>
<li><a class="transition-colors hover:bg-yellow-500 hover:text-white" href="https://www.linkedin.com/in/rune-piper/" title="LinkedIn besuchen" target="_blank" rel="noopener">LinkedIn</a></li>
</ul>
<figure class="mx-auto w-auto max-w-sm flex align-center justify-between px-12 flex-col text-center sm:flex-row">
<a href="https://typo3.org" target="_blank" rel="noopener">
<img src="assets/images/typo3-community-member.svg" height="100" class="h-24 inline-block mt-4 sm:mt-0">
</a>
<!-- <a href="https://typo3.org/certification/developer/certified-developer-listing/" target="_blank" rel="noopener">
<img src="assets/images/t3ccd.svg" height="100" class="h-24 inline-block mt-4 sm:mt-0">
</a> -->
<a href="https://typo3.com/services/certifications/certified-consultant-listing" target="_blank" rel="noopener">
<img src="assets/images/tccc.svg" height="100" class="h-24 inline-block mt-4 sm:mt-0">
</a>
</figure>
</footer>
</body>
</html>