TheLovinator/twitch-drop-notifier
1
Fork 0
Code Issues Actions Packages Releases Activity

Add HTML

Browse Source
This commit is contained in:
Joakim Hellsén
2023-12-25 02:09:05 +01:00
parent 512e04a3da
commit a12d9dd780
26 changed files with 17358 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
templates/base.html Normal file
View File

@ -0,0 +1,90 @@
{% load static %}
<!DOCTYPE html>
<html lang="en" data-bs-theme="dark">
<head>
<!-- Head start -->
<meta charset="UTF-8">
<meta name="description"
content="{% block description %}Twitch drops{% endblock %}">
<meta name="keywords"
content="{% block keywords %}Twitch drops{% endblock %}">
<meta name="author" content="TheLovinator">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{% block title %}<title>Panso</title>{% endblock %}
<link rel="icon" href="{% static 'favicon.ico' %}" sizes="32x32">
<link rel="icon" href="{% static 'icon.svg' %}" type="image/svg+xml">
<link rel="apple-touch-icon" href="{% static 'apple-touch-icon.png' %}">
<link rel="manifest" href="{% static 'manifest.webmanifest' %}">
<link rel="stylesheet" href="{% static 'bootstrap.min.css' %}">
<link rel="stylesheet" href="{% static 'style.css' %}">
<!-- Head end -->
</head>
<body class="d-flex flex-column vh-100">
<!-- Body start -->
<nav class="navbar navbar-expand-md border-bottom border-warning">
<div class="container-fluid">
<button class="navbar-toggler ms-auto"
type="button"
data-bs-toggle="collapse"
data-bs-target="#collapseNavbar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="navbar-collapse collapse" id="collapseNavbar">
<ul class="navbar-nav">
<!-- Home -->
<li class="nav-item">
<a class="nav-link" href="{% url 'twitch_drop_notifier:index' %}">Home</a>
</li>
</ul>
<!-- Donate button, top right corner -->
<ul class="navbar-nav ms-auto">
<li class="nav-item d-none d-md-block">
<a class="nav-link" href="https://github.com/sponsors/TheLovinator1">Donate ❤️</a>
</li>
</ul>
</div>
</div>
</nav>
<!-- Content -->
<div class="container-xl mt-3 mb-3">
{% block content %}<!-- default content -->{% endblock %}
</div>
<!-- Content end -->
<!-- Footer -->
<footer class="footer bg-body-tertiary mt-auto">
<div class="container">
<footer class="d-flex flex-wrap justify-content-between align-items-center">
<!-- License -->
<p class="col-md-4 mb-0 text-muted">
<a href="{% url 'twitch_drop_notifier:terms' %}" class="text-muted">CC BY-SA 4.0</a>
</p>
<!-- Links, right side of footer -->
<ul class="nav col-md-4 justify-content-end">
<!-- GitHub link -->
<li class="nav-item">
<a href="https://github.com/TheLovinator1/panso.se"
class="nav-link px-2 text-muted">GitHub</a>
</li>
<!-- Sitemap link -->
<li class="nav-item">
<a href="/sitemap.xml" class="nav-link px-2 text-muted">Sitemap</a>
</li>
<!-- Privacy link -->
<li class="nav-item">
<a href="{% url 'twitch_drop_notifier:privacy' %}"
class="nav-link px-2 text-muted">Privacy</a>
</li>
<!-- Contact link -->
<li class="nav-item">
<a href="{% url 'twitch_drop_notifier:contact' %}"
class="nav-link px-2 text-muted">Contact</a>
</li>
</ul>
</footer>
</div>
</footer>
<!-- Footer end -->
<script src="{% static 'bootstrap.min.js' %}"></script>
<!-- Body end -->
</body>
</html>

42
templates/contact.html Normal file
View File

@ -0,0 +1,42 @@
{% extends "base.html" %}
{% block title %}<title>Contact - Panso</title>{% endblock %}
{% block description %}Panso contact page{% endblock %}
{% block keywords %}Panso, Panso.se, Contact{% endblock %}
{% block content %}
<div class="container">
<article>
<header>
<h1>Contact</h1>
</header>
<section>
<p>Feel free to contact me about anything. I will try to respond as soon as possible. Thank you!</p>
</section>
<section>
<h2>GitHub Issues</h2>
<p>
You can create an issue on GitHub <a href="https://github.com/TheLovinator1/panso.se/issues">here</a>.
</p>
</section>
<section>
<h2>Discord</h2>
<p>
You can contact me directly on Discord:
<address>
<code>TheLovinator#9276</code>
</address>
</p>
</section>
<section>
<h2>Email</h2>
<p>
You can contact me via email at either of these addresses:
<address>
<a href="mailto:hello@panso.se">hello@panso.se</a>
<br>
<a href="mailto:tlovinator@gmail.com">tlovinator@gmail.com</a>
</address>
</p>
</section>
</article>
</div>
{% endblock %}

20
templates/index.html Normal file
View File

@ -0,0 +1,20 @@
{% extends "base.html" %}
{% block title %}<title>Twitch-drops</title>{% endblock %}
{% block description %}Twitch-drops{% endblock %}
{% block keywords %}Twitch-drops{% endblock %}
{% block content %}
<h1>Index</h1>
<span class="text-body-secondary">This is the index page.</span>
<br>
<br>
{% lorem %} {% lorem %} {% lorem %} {% lorem %}
<br>
<br>
{% lorem %} {% lorem %} {% lorem %} {% lorem %}
<br>
<br>
{% lorem %} {% lorem %} {% lorem %} {% lorem %}
<br>
<br>
{% lorem %} {% lorem %} {% lorem %} {% lorem %}
{% endblock %}

114
templates/privacy.html Normal file
View File

@ -0,0 +1,114 @@
{% extends "base.html" %}
{% block title %}<title>Privacy - Panso</title>{% endblock %}
{% block description %}Panso privacy policy{% endblock %}
{% block keywords %}Panso, Panso.se, Privacy{% endblock %}
{% block content %}
<div class="container">
<article>
<header>
<h1>Privacy Policy</h1>
</header>
<p>
Last Updated:
<time datetime="2020-12-20">
2023-12-20
</time>
</p>
<section>
<h2>What information do we collect?</h2>
<h3>Cloudflare</h3>
<p>
Our website is protected by Cloudflare for security and performance. Please refer to <a href="https://www.cloudflare.com/privacypolicy/">Cloudflare's Privacy Policy</a> for details on how
Cloudflare handles data. We (Panso) can not access any data that Cloudflare collects except for the
following metrics that are displayed in our Cloudflare dashboard:
</p>
<ul>
<li>Unique Visitors</li>
<li>Total requests</li>
<li>Percentage of requests that were cached</li>
<li>Total bandwidth used</li>
<li>Total data served</li>
<li>Data cached</li>
<li>Top Traffic per country</li>
</ul>
<h3>Sentry</h3>
<p>
We use Sentry to track errors on our website. Errors are stored for 30 days and then automatically
deleted. Information that is collected includes:
</p>
<ul>
<li>
The <a href="https://en.wikipedia.org/wiki/Stack_trace">stack trace</a>
</li>
<li>
Browser information (For example: <code>Firefox 122.0</code>)
</li>
<li>
User agent (For example: <code>Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:122.0) Gecko/20100101
Firefox/122.0</code>)
</li>
<li>
Operating system information (For example: <code>Windows >=10</code>)
</li>
<li>
URL (For example: <code>https://panso.se/about/</code>)
</li>
<li>
Headers (For example: <code>Accept-Language: en-US,en;q=0.5</code>)
</li>
</ul>
</section>
<section>
<h2>Purpose of Data Collection</h2>
<p>The data we collect is used for the following purposes:</p>
<ul>
<li>Log Files: To identify and address website errors and improve performance.</li>
<li>Cloudflare: For security and content delivery.</li>
<li>Sentry: To identify and address website errors.</li>
</ul>
<p>None of the data we collect is used for marketing purposes or sold to third parties.</p>
</section>
<section>
<h2>Cookies and Tracking</h2>
<p>We do not use cookies or tracking technologies on our website.</p>
</section>
<section>
<h2>Data Sharing</h2>
<p>
We do not share your data with third parties. However, please review the privacy policies of Cloudflare
and Sentry for information on how they handle data.
</p>
</section>
<section>
<h2>User Rights</h2>
<p>
You have the right to access, correct, or delete your information. For any privacy-related inquiries,
please <a href="{% url 'products:contact' %}">contact us</a>.
</p>
</section>
<section>
<h2>Retention Period</h2>
<p>
Log files may be retained for a limited time for debugging purposes. We do not retain personal
information unless required for legal or business reasons.
</p>
</section>
<section>
<h2>Changes to the Privacy Policy</h2>
<p>
This privacy policy may be updated. Check the "Last Updated" date at the top of this document to see
when it was last updated.
We will notify you of any material changes.
<br>
You can also check the git commit history for changes to this document <a href="https://github.com/TheLovinator1/panso.se/commits/master/templates/privacy.html">here</a>.
</p>
</section>
<section>
<h2>Contact Information</h2>
<p>
For privacy concerns or questions, please <a href="{% url 'products:contact' %}">contact us</a>.
</p>
</section>
</article>
</div>
{% endblock %}

51
templates/terms.html Normal file
View File

@ -0,0 +1,51 @@
{% extends "base.html" %}
{% block title %}<title>Terms - Panso</title>{% endblock %}
{% block description %}Panso terms of service{% endblock %}
{% block keywords %}Panso, Panso.se, License, Terms{% endblock %}
{% block content %}
<div class="container">
<article>
<header>
<h1>Terms of Service</h1>
</header>
<section>
<h2>License</h2>
<p>
The content on this website is licensed under the
<a href="https://creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike 4.0 International License</a>.
</p>
</section>
<section>
<h2>You are free to:</h2>
<ul>
<li>Share — copy and redistribute the material in any medium or format</li>
<li>Adapt — remix, transform, and build upon the material for any purpose, even commercially.</li>
</ul>
</section>
<section>
<h2>Under the following terms:</h2>
<ul>
<li>
Attribution — You must give appropriate credit, provide a link to the license, and indicate if
changes were made. You may do so in any reasonable manner, but not in any way that suggests the
licensor endorses you or your use.
</li>
<li>
ShareAlike — If you remix, transform, or build upon the material, you must distribute your
contributions under the same license as the original.
</li>
<li>
No additional restrictions — You may not apply legal terms or technological measures that legally
restrict others from doing anything the license permits.
</li>
</ul>
</section>
<section>
<h2>Legal code:</h2>
<p>
The full legal code of the license can be found <a href="https://creativecommons.org/licenses/by-sa/4.0/legalcode">here</a>.
</p>
</section>
</article>
</div>
{% endblock %}