forked from samuel-p/sp-codes.de
added separate contact page and added xmpp (closes #48) and threema
This commit is contained in:
parent
d78de93c1b
commit
ddfde3282c
GPG key ID:
2AD495D17760CB4E
10 changed files with 117 additions and 48 deletions
|
|
@ -96,7 +96,7 @@ title: sp-codes
|
|||
<div class="d-flex justify-content-start flex-wrap p-2 menu border-top">
|
||||
<div class="d-flex justify-content-start flex-wrap">
|
||||
<div class="mr-3">Made with <span class="fas fa-heart highlight"></span> in Germany</div>
|
||||
<div class="mr-3"><span class="far fa-copyright mr-1"></span>Samuel Philipp</div>
|
||||
<div class="mr-3"><a href="https://samuel-philipp.de"><span class="far fa-copyright mr-1"></span>Samuel Philipp</a></div>
|
||||
</div>
|
||||
<div class="flex-sm-grow-1"></div>
|
||||
<div class="d-flex justify-content-sm-start flex-wrap">
|
||||
|
|
|
|||
43
src/de/contact.html
Normal file
43
src/de/contact.html
Normal file
|
|
@ -0,0 +1,43 @@
|
|||
---
|
||||
layout: base.njk
|
||||
key: contact
|
||||
title: Kontakt
|
||||
eleventyNavigation:
|
||||
key: contact
|
||||
title: Kontakt
|
||||
icon: comment-dots
|
||||
order: 3
|
||||
---
|
||||
<h1>Kontaktmöglichkeiten</h1>
|
||||
<p>Du möchtest mit mir in Kontakt treten, mir einen Fehler mitteilen, hast eine Frage zu einem Dienst oder möchtest
|
||||
mich unterstützen? Schick mir gerne deine Nachricht auf einem der folgenden Wege. Ich freue mich von dir zu
|
||||
hören.</p>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-10 col-lg-8">
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none" href="mailto:mail@sp-codes.de">
|
||||
<div class="pr-3"><span class="fas fa-fw fa-4x fa-envelope text-white"></span></div>
|
||||
<div>Schicke mir eine E-Mail an <strong>mail@sp-codes.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://social.tchncs.de/@samuel_p">
|
||||
<div class="pr-3"><span class="fab fa-fw fa-4x fa-mastodon text-white"></span></div>
|
||||
<div>Folge mir auf Mastodon oder schicke mir dort eine Nachricht an
|
||||
<strong>@samuel_p@social.tchncs.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
|
||||
<div class="pr-3"><img class="svg-icon" src="/img/matrix.svg" alt=""></div>
|
||||
<div>Schreibe mir auf Matrix an <strong>@samuel-p:matrix.sp-codes.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://blabber.im/i/samuel-p/dismail.de">
|
||||
<div class="pr-3"><img class="svg-icon" src="/img/xmpp.svg" alt=""></div>
|
||||
<div>Schreibe mir auf XMPP an <strong>@samuel-p:dismail.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://threema.id/YSCU6F6U">
|
||||
<div class="pr-3"><img class="svg-icon" src="/img/threema.svg" alt=""></div>
|
||||
<div>Schreibe mir auf Threema an die ID <strong>YSCU6F6U</strong></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -6,7 +6,7 @@ eleventyNavigation:
|
|||
key: donate
|
||||
title: Unterstützen
|
||||
icon: hand-holding-heart
|
||||
order: 3
|
||||
order: 4
|
||||
---
|
||||
<h1><i class="fas fa-hand-holding-heart"></i> Unterstützen</h1>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,27 +11,17 @@ title: Impressum
|
|||
Deutschland</p>
|
||||
</div>
|
||||
<div class="mb-3 pt-4 border-top">
|
||||
<h2>Kontaktmöglichkeiten</h2>
|
||||
<p>Du möchtest mit mir in Kontakt treten, mir einen Fehler mitteilen, hast eine Frage zu einem Dienst oder möchtest
|
||||
mich unterstützen? Schick mir gerne deine Nachricht auf einem der folgenden Wege. Ich freue mich von dir zu
|
||||
hören.</p>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-10 col-lg-8">
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none" href="mailto:mail@sp-codes.de">
|
||||
<div class="pr-3"><span class="fas fa-fw fa-4x fa-envelope text-white"></span></div>
|
||||
<div>Schicke mir eine E-Mail an <strong>mail@sp-codes.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://social.tchncs.de/@samuel_p">
|
||||
<div class="pr-3"><span class="fab fa-fw fa-4x fa-mastodon text-white"></span></div>
|
||||
<div>Folge mir auf Mastodon oder schicke mir dort eine Nachricht an
|
||||
<strong>@samuel_p@social.tchncs.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
|
||||
<div class="pr-3"><img class="svg-icon" src="/img/matrix.svg" alt=""></div>
|
||||
<div>Schreibe mir auf Matrix an <strong>@samuel-p:matrix.sp-codes.de</strong></div>
|
||||
</a>
|
||||
</div>
|
||||
<h2>Kontakt</h2>
|
||||
<p>
|
||||
<strong>E-Mail-Adresse:</strong> mail@sp-codes.de<br>
|
||||
<strong>Weitere Kontaktmöglichkeiten:</strong> <a href="/{{locale}}/contact">https://sp-codes.de/{{locale}}/contact</a><br>
|
||||
</p>
|
||||
</div>
|
||||
<div class="mb-3 pt-4 border-top">
|
||||
<h2>Domains</h2>
|
||||
<ul>
|
||||
<li><a href="https://samuel-philipp.de">samuel-philipp.de</a></li>
|
||||
<li><a href="https://sp-codes.de">sp-codes.de</a></li>
|
||||
<li><a href="https://sp-magic.de">sp-magic.de</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -11,7 +11,8 @@ title: Datenschutzerklärung
|
|||
39104 Magdeburg, Deutschland<br>
|
||||
</p>
|
||||
<p>
|
||||
<strong>E-Mail-Adresse:</strong> info@sp-codes.de<br>
|
||||
<strong>E-Mail-Adresse:</strong> mail@sp-codes.de<br>
|
||||
<strong>Kontaktmöglichkeiten:</strong> <a href="/{{locale}}/contact">https://sp-codes.de/{{locale}}/contact</a><br>
|
||||
<strong>Impressum:</strong> <a href="/{{locale}}/imprint">https://sp-codes.de/{{locale}}/imprint</a>
|
||||
</p>
|
||||
</div>
|
||||
|
|
|
|||
41
src/en/contact.html
Normal file
41
src/en/contact.html
Normal file
|
|
@ -0,0 +1,41 @@
|
|||
---
|
||||
layout: base.njk
|
||||
key: contact
|
||||
title: Contact
|
||||
eleventyNavigation:
|
||||
key: contact
|
||||
title: Contact
|
||||
icon: comment-dots
|
||||
order: 3
|
||||
---
|
||||
<h1>Contact Information</h1>
|
||||
<p>You want to contact me, report a problem, have a question about a service or would like to support me? Please
|
||||
send me your message in any of the following ways. I am looking forward to receive your message.</p>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-10 col-lg-8">
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none" href="mailto:mail@sp-codes.de">
|
||||
<div class="pr-3"><span class="fas fa-fw fa-4x fa-envelope text-white"></span></div>
|
||||
<div>Send me an email to <strong>mail@sp-codes.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://social.tchncs.de/@samuel_p">
|
||||
<div class="pr-3"><span class="fab fa-fw fa-4x fa-mastodon text-white"></span></div>
|
||||
<div>Follow me on Mastodon or send me a message to <strong>@samuel_p@social.tchncs.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
|
||||
<div class="pr-3"><img class="svg-icon" src="/img/matrix.svg" alt=""></div>
|
||||
<div>Write me on Matrix to <strong>@samuel-p:matrix.sp-codes.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://blabber.im/i/samuel-p/dismail.de">
|
||||
<div class="pr-3"><img class="svg-icon" src="/img/xmpp.svg" alt=""></div>
|
||||
<div>Write me on XMPP to <strong>@samuel-p:dismail.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://threema.id/YSCU6F6U">
|
||||
<div class="pr-3"><img class="svg-icon" src="/img/threema.svg" alt=""></div>
|
||||
<div>Write me on Threema to the ID <strong>YSCU6F6U</strong></div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -6,7 +6,7 @@ eleventyNavigation:
|
|||
key: donate
|
||||
title: Donate
|
||||
icon: hand-holding-heart
|
||||
order: 3
|
||||
order: 4
|
||||
---
|
||||
<h1><i class="fas fa-hand-holding-heart"></i> Donate</h1>
|
||||
|
||||
|
|
|
|||
|
|
@ -11,25 +11,17 @@ title: sp-codes
|
|||
Deutschland</p>
|
||||
</div>
|
||||
<div class="mb-3 pt-4 border-top">
|
||||
<h2>Contact Information</h2>
|
||||
<p>You want to contact me, report a problem, have a question about a service or would like to support me? Please
|
||||
send me your message in any of the following ways. I am looking forward to receive your message.</p>
|
||||
<div class="row justify-content-center">
|
||||
<div class="col-12 col-md-10 col-lg-8">
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none" href="mailto:mail@sp-codes.de">
|
||||
<div class="pr-3"><span class="fas fa-fw fa-4x fa-envelope text-white"></span></div>
|
||||
<div>Send me an email to <strong>mail@sp-codes.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://social.tchncs.de/@samuel_p">
|
||||
<div class="pr-3"><span class="fab fa-fw fa-4x fa-mastodon text-white"></span></div>
|
||||
<div>Follow me on Mastodon or send me a message to <strong>@samuel_p@social.tchncs.de</strong></div>
|
||||
</a>
|
||||
<a class="card mb-3 d-flex align-items-center text-decoration-none"
|
||||
href="https://matrix.to/#/@samuel-p:matrix.sp-codes.de">
|
||||
<div class="pr-3"><img class="svg-icon" src="/img/matrix.svg" alt=""></div>
|
||||
<div>Write me on Matrix to <strong>@samuel-p:matrix.sp-codes.de</strong></div>
|
||||
</a>
|
||||
</div>
|
||||
<h2>Contact</h2>
|
||||
<p>
|
||||
<strong>E-Mail-Address:</strong> mail@sp-codes.de<br>
|
||||
<strong>More contact options:</strong> <a href="/{{locale}}/contact">https://sp-codes.de/{{locale}}/contact</a><br>
|
||||
</p>
|
||||
</div>
|
||||
<div class="mb-3 pt-4 border-top">
|
||||
<h2>Domains</h2>
|
||||
<ul>
|
||||
<li><a href="https://samuel-philipp.de">samuel-philipp.de</a></li>
|
||||
<li><a href="https://sp-codes.de">sp-codes.de</a></li>
|
||||
<li><a href="https://sp-magic.de">sp-magic.de</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
1
src/img/threema.svg
Normal file
1
src/img/threema.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#fff"><title>Threema icon</title><path d="M11.998 20.486a1.757 1.757 0 1 1 0 3.514 1.757 1.757 0 0 1 0-3.514zm-6.335 0a1.757 1.757 0 1 1 0 3.514 1.757 1.757 0 0 1 0-3.514zm12.671 0a1.757 1.757 0 1 1 0 3.514 1.757 1.757 0 0 1 0-3.514zM12 0c5.7 0 10.322 4.066 10.322 9.082 0 5.016-4.622 9.083-10.322 9.083a11.45 11.45 0 0 1-4.523-.917l-5.171 1.293 1.105-4.42c-1.094-1.442-1.733-3.175-1.733-5.039C1.678 4.066 6.3 0 12 0zm-.001 4.235A2.926 2.926 0 0 0 9.072 7.16v1.17h-.115a.47.47 0 0 0-.47.47v4.126c0 .26.21.471.47.471h6.086c.26 0 .47-.21.47-.47V8.798a.47.47 0 0 0-.47-.47h-.115v-1.17a2.927 2.927 0 0 0-2.93-2.924zm0 1.17c.972 0 1.758.786 1.758 1.754v1.17h-3.514v-1.17c0-.968.786-1.754 1.756-1.754z"/></svg>
|
||||
|
After Width: | Height: | Size: 782 B |
1
src/img/xmpp.svg
Normal file
1
src/img/xmpp.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#fff"><title>XMPP icon</title><path d="M24 3.186l-3.217 1.248-.976.325-3.122.925c.014.18.014.361.014.555 0 3.422-1.744 7.59-4.63 10.573-2.805-2.972-4.49-7.066-4.49-10.434 0-.194 0-.375.014-.555l-3.11-.921v-.009l-.861-.306L0 3.172c.146 5.747 4.867 11.701 10.542 15.02-1.3 1.014-2.766 1.788-4.365 2.192v.319c.434-.054.852-.14 1.271-.225.15-.027.3-.048.451-.08l.047-.012c1.36-.29 2.722-.776 4.052-1.408.397.195.797.38 1.2.548.109.05.22.095.33.142.201.086.407.159.612.236 1.25.474 2.568.809 3.96.924v-.305c-1.68-.425-3.211-1.264-4.56-2.355C19.194 14.904 23.853 8.975 24 3.186z"/></svg>
|
||||
|
After Width: | Height: | Size: 659 B |
Loading…
Reference in a new issue