added separate contact page and added xmpp (closes #48) and threema

This commit is contained in:
Samuel Philipp 2021-04-05 20:06:54 +02:00
parent d78de93c1b
commit ddfde3282c
Signed by untrusted user: samuel-p
GPG key ID: 2AD495D17760CB4E
10 changed files with 117 additions and 48 deletions

View file

@ -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 p-2 menu border-top">
<div class="d-flex justify-content-start flex-wrap"> <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">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>
<div class="flex-sm-grow-1"></div> <div class="flex-sm-grow-1"></div>
<div class="d-flex justify-content-sm-start flex-wrap"> <div class="d-flex justify-content-sm-start flex-wrap">

43
src/de/contact.html Normal file
View 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>

View file

@ -6,7 +6,7 @@ eleventyNavigation:
key: donate key: donate
title: Unterstützen title: Unterstützen
icon: hand-holding-heart icon: hand-holding-heart
order: 3 order: 4
--- ---
<h1><i class="fas fa-hand-holding-heart"></i> Unterstützen</h1> <h1><i class="fas fa-hand-holding-heart"></i> Unterstützen</h1>

View file

@ -11,27 +11,17 @@ title: Impressum
Deutschland</p> Deutschland</p>
</div> </div>
<div class="mb-3 pt-4 border-top"> <div class="mb-3 pt-4 border-top">
<h2>Kontaktmöglichkeiten</h2> <h2>Kontakt</h2>
<p>Du möchtest mit mir in Kontakt treten, mir einen Fehler mitteilen, hast eine Frage zu einem Dienst oder möchtest <p>
mich unterstützen? Schick mir gerne deine Nachricht auf einem der folgenden Wege. Ich freue mich von dir zu <strong>E-Mail-Adresse:</strong> mail@sp-codes.de<br>
hören.</p> <strong>Weitere Kontaktmöglichkeiten:</strong> <a href="/{{locale}}/contact">https://sp-codes.de/{{locale}}/contact</a><br>
<div class="row justify-content-center"> </p>
<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>
</div> </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> </div>

View file

@ -11,7 +11,8 @@ title: Datenschutzerklärung
39104 Magdeburg, Deutschland<br> 39104 Magdeburg, Deutschland<br>
</p> </p>
<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> <strong>Impressum:</strong> <a href="/{{locale}}/imprint">https://sp-codes.de/{{locale}}/imprint</a>
</p> </p>
</div> </div>

41
src/en/contact.html Normal file
View 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>

View file

@ -6,7 +6,7 @@ eleventyNavigation:
key: donate key: donate
title: Donate title: Donate
icon: hand-holding-heart icon: hand-holding-heart
order: 3 order: 4
--- ---
<h1><i class="fas fa-hand-holding-heart"></i> Donate</h1> <h1><i class="fas fa-hand-holding-heart"></i> Donate</h1>

View file

@ -11,25 +11,17 @@ title: sp-codes
Deutschland</p> Deutschland</p>
</div> </div>
<div class="mb-3 pt-4 border-top"> <div class="mb-3 pt-4 border-top">
<h2>Contact Information</h2> <h2>Contact</h2>
<p>You want to contact me, report a problem, have a question about a service or would like to support me? Please <p>
send me your message in any of the following ways. I am looking forward to receive your message.</p> <strong>E-Mail-Address:</strong> mail@sp-codes.de<br>
<div class="row justify-content-center"> <strong>More contact options:</strong> <a href="/{{locale}}/contact">https://sp-codes.de/{{locale}}/contact</a><br>
<div class="col-12 col-md-10 col-lg-8"> </p>
<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>
</div> </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> </div>

1
src/img/threema.svg Normal file
View 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
View 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