move imprint and privacy to separate pages
All checks were successful
Web/pipeline/head This commit looks good

This commit is contained in:
Ell 2021-10-11 13:43:03 +02:00
parent e18309a65f
commit 0fe42beb59
7 changed files with 51 additions and 79 deletions

View file

@ -17,11 +17,11 @@ RewriteRule ^mc/?$ "https://ellpeck.de/projects" [R=301,L]
RewriteRule ^press/?(.*)$ "https://press.ellpeck.de/$1" [R=301,L] RewriteRule ^press/?(.*)$ "https://press.ellpeck.de/$1" [R=301,L]
RewriteRule ^tinylife/?$ "https://tinylifegame.com" [R=301,L] RewriteRule ^tinylife/?$ "https://tinylifegame.com" [R=301,L]
RewriteRule ^foefrenzy/?$ "https://store.steampowered.com/app/1194170/" [R=301,L] RewriteRule ^foefrenzy/?$ "https://store.steampowered.com/app/1194170/" [R=301,L]
RewriteRule ^#privacy/?$ "https://ellpeck.de/privacy" [R=301,L]
RewriteRule ^#impressum/?$ "https://ellpeck.de/impressum" [R=301,L]
# anchor redirects # anchor redirects
RewriteRule ^projects/?$ "https://ellpeck.de/#projects" [R=301,L,NE] RewriteRule ^projects/?$ "https://ellpeck.de/#projects" [R=301,L,NE]
RewriteRule ^privacy/?$ "https://ellpeck.de/#privacy" [R=301,L,NE]
RewriteRule ^impressum/?$ "https://ellpeck.de/#impressum" [R=301,L,NE]
RewriteRule ^blog/?$ "https://ellpeck.de/#blog" [R=301,L,NE] RewriteRule ^blog/?$ "https://ellpeck.de/#blog" [R=301,L,NE]
# actually additions redirects # actually additions redirects

View file

@ -4,64 +4,10 @@
<!-- Footer --> <!-- Footer -->
<div class="footer rounded-top"> <div class="footer rounded-top">
<span class="text-muted"><a href="https://git.ellpeck.de/Ellpeck/Web">&copy; 2018-2021 Ellpeck</a> &ndash; <a href="#impressum">Impressum</a> &ndash; <a href="#privacy">Privacy</a></span> <span class="text-muted"><a href="https://git.ellpeck.de/Ellpeck/Web">&copy; 2018-2021 Ellpeck</a> &ndash; <a href="/impressum">Impressum</a> &ndash; <a href="/privacy">Privacy</a></span>
<div class="quote"> <div class="quote">
<span id="quote-text"></span> <span id="quote-text"></span>
<script src="/scripts/quote.js"></script> <script src="/scripts/quote.js"></script>
<img src="/res/blobheart.png" id="blobheart" alt="A blob emoji holding a heart"> <img src="/res/blobheart.png" id="blobheart" alt="A blob emoji holding a heart">
</div> </div>
</div>
<!-- Impressum -->
<div class="modal fade" id="impressum-modal" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Impressum</h5>
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<div class="modal-body">
<p>
Julian Schubert
<br>Kastanienweg 27
<br>52074 Aachen
</p>
<p>
Telefon: 0241 45093753
<br>E-Mail: me@ellpeck.de
</p>
<p>Die obenstehende Person ist ebenfalls verantwortlich für den Inhalt (gem. § 55 Abs. 2 RStV).</p>
</div>
</div>
</div>
</div>
<!-- Privacy -->
<div class="modal fade" id="privacy-modal" tabindex="-1">
<div class="modal-dialog modal-lg">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title">Privacy</h5>
<button type="button" class="close" data-dismiss="modal">&times;</button>
</div>
<div class="modal-body">
<p>This site uses cookies to store information about your browsing activity.</p>
<p>Ellpeck.de stores the following information:</p>
<ul>
<li>A cookie named <code>dark</code> with the value <code>true</code> or <code>false</code> that stores if you have dark mode enabled</li>
<li>A cookie named <code>notification</code> with the value <code>true</code> or <code>false</code> that stores if you have already closed the cookie notification that displays at the top of the page</li>
</ul>
<p>Due to widgets and embeds, additional information will be stored by other sites. Please refer to those sites' privacy policies for more information:</p>
<ul>
<li>Google uses cookies to serve ads based on a user's prior visits to this website. You may opt out of personal advertising by visiting <a href="https://www.google.com/settings/ads">Ad Settings</a>. For more information, see <a href="http://www.google.com/policies/privacy/partners/">how Google uses data when you use its partners' sites or apps</a>.</li>
<li>Discord uses cookies for its widget embed. For more information, see <a href="https://discordapp.com/privacy">their privacy policy</a>.</li>
<li>Twitter uses cookies for its tweet embeds. For more information, see <a href="https://twitter.com/en/privacy">their privacy policy</a>.</li>
</ul>
<p>
Transparency is very important to us, and as such, if you have any doubts about the security of this website, you can view its source code <a href="https://git.ellpeck.de/Ellpeck/Web">on Gitea</a>.
<br>Keep in mind that you can also review or delete stored cookies for any site at any time in your browser's settings.
</p>
</div>
</div>
</div>
</div> </div>

View file

@ -0,0 +1 @@
<a class="nav-item nav-link" href="/">Back to Main Page</a>

20
main/impressum.html Normal file
View file

@ -0,0 +1,20 @@
---
layout: default
title: Impressum
summary: Impressum
nav: nav/miscnav.html
---
<div class="list-display rounded">
<h1>Impressum</h1>
<p>
Julian Schubert
<br>Kastanienweg 27
<br>52074 Aachen
</p>
<p>
Telefon: 0241 45093753
<br>E-Mail: me@ellpeck.de
</p>
<p>Die obenstehende Person ist ebenfalls verantwortlich für den Inhalt (gem. § 55 Abs. 2 RStV).</p>
</div>

26
main/privacy.html Normal file
View file

@ -0,0 +1,26 @@
---
layout: default
title: Privacy Policy
summary: Privacy Policy
nav: nav/miscnav.html
---
<div class="list-display rounded">
<h1>Privacy Policy</h1>
<p>This site uses cookies to store information about your browsing activity.</p>
<p>Ellpeck.de stores the following information:</p>
<ul>
<li>A cookie named <code>dark</code> with the value <code>true</code> or <code>false</code> that stores if you have dark mode enabled</li>
<li>A cookie named <code>notification</code> with the value <code>true</code> or <code>false</code> that stores if you have already closed the cookie notification that displays at the top of the page</li>
</ul>
<p>Due to widgets and embeds, additional information will be stored by other sites. Please refer to those sites' privacy policies for more information:</p>
<ul>
<li>Google uses cookies to serve ads based on a user's prior visits to this website. You may opt out of personal advertising by visiting <a href="https://www.google.com/settings/ads">Ad Settings</a>. For more information, see <a href="http://www.google.com/policies/privacy/partners/">how Google uses data when you use its partners' sites or apps</a>.</li>
<li>Discord uses cookies for its widget embed. For more information, see <a href="https://discordapp.com/privacy">their privacy policy</a>.</li>
<li>Twitter uses cookies for its tweet embeds. For more information, see <a href="https://twitter.com/en/privacy">their privacy policy</a>.</li>
</ul>
<p>
Transparency is very important to us, and as such, if you have any doubts about the security of this website, you can view its source code <a href="https://git.ellpeck.de/Ellpeck/Web">on Gitea</a>.
<br>Keep in mind that you can also review or delete stored cookies for any site at any time in your browser's settings.
</p>
</div>

View file

@ -3,11 +3,6 @@ if (dark)
addStyle("/style/dark.css"); addStyle("/style/dark.css");
$(function () { $(function () {
openModals(window.location.hash);
$('a').on('click', function () {
openModals($(this).attr('href'));
});
$('.navbar-collapse a').on('click', function () { $('.navbar-collapse a').on('click', function () {
$('.navbar-collapse').collapse('hide'); $('.navbar-collapse').collapse('hide');
}); });
@ -23,12 +18,4 @@ $(function () {
window.location.hash = ""; window.location.hash = "";
location.reload(); location.reload();
}); });
}); });
function openModals(hash) {
if (hash && hash.startsWith("#")) {
let modal = $(`${hash}-modal`);
if (modal.length)
modal.modal('show');
}
}

View file

@ -23,14 +23,6 @@ body {
background-color: #343a40; background-color: #343a40;
} }
.modal-header {
border-bottom: 1px solid #323233;
}
.modal-content {
background-color: #404142;
}
.blog-button:link, .blog-button:link,
.blog-button:visited { .blog-button:visited {
color: white !important; color: white !important;