From df98ed8873854f76e4e96b26eea461c362119ce9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Joakim=20Hells=C3=A9n?= <tlovinator@gmail.com>
Date: Sun, 7 Jul 2024 22:49:21 +0200
Subject: [PATCH] Add information box where you can subscribe to daily/weekly
 news

---
 core/templates/index.html | 55 +++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)

diff --git a/core/templates/index.html b/core/templates/index.html
index ff154ef..41300fb 100644
--- a/core/templates/index.html
+++ b/core/templates/index.html
@@ -11,6 +11,8 @@
                         <div class="card">
                             <div class="card-body">
                                 <div id="toc-list" class="list-group">
+                                    <a class="list-group-item list-group-item-action plain-text-item"
+                                       href="#info-box">Information</a>
                                     {% for game in games %}
                                         <a class="list-group-item list-group-item-action plain-text-item"
                                            href="#game-{{ game.game_id }}">{{ game.display_name }}</a>
@@ -21,6 +23,59 @@
                     </div>
                 </div>
                 <div class="col-lg-9">
+                    <div class="card mb-4 shadow-sm" id="info-box">
+                        <div class="row g-0">
+                            <div class="col-md-10">
+                                <div class="card-body">
+                                    <h2 class="card-title h2">Information</h2>
+                                    <div class="mb-3">
+                                        <p>
+                                            This site allows users to subscribe to Twitch drops. You can either get notified when the website finds a new drop on the Twitch site or get notified when the drops begin to be farmable.
+                                        </p>
+                                        <p>
+                                            You can add a Discord Webhook <a href="{% url 'core:webhooks' %}">here</a>.
+                                        </p>
+                                    </div>
+                                    <div class="mt-auto">
+                                        <h3 class="h4">Webhooks</h3>
+                                        {% for webhook in webhooks %}
+                                            <div class="mt-3">
+                                                <img src="{{ webhook.avatar }}?size=32"
+                                                     alt="{{ webhook.name }}"
+                                                     class="rounded-circle"
+                                                     height="32"
+                                                     width="32">
+                                                <a href="{{ webhook.url }}" target="_blank">{{ webhook.name }}</a>
+                                                <div class="form-check form-switch">
+                                                    <input class="form-check-input" type="checkbox" id="new-drop-switch-daily">
+                                                    <label class="form-check-label" for="new-drop-switch-daily">Daily notification of newly added games to TTVdrops</label>
+                                                </div>
+                                                <div class="form-check form-switch">
+                                                    <input class="form-check-input" type="checkbox" id="new-drop-switch-weekly">
+                                                    <label class="form-check-label" for="new-drop-switch-weekly">
+                                                        Weekly notification of newly added games to TTVdrops
+                                                    </label>
+                                                </div>
+                                                <br>
+                                                <div class="form-check form-switch">
+                                                    <input class="form-check-input" type="checkbox" id="new-org-switch-daily">
+                                                    <label class="form-check-label" for="new-org-switch-daily">
+                                                        Daily notification of newly added <abbr title="Organizations are the companies that own the games.">organizations</abbr> to TTVdrops
+                                                    </label>
+                                                </div>
+                                                <div class="form-check form-switch">
+                                                    <input class="form-check-input" type="checkbox" id="new-org-switch-weekly">
+                                                    <label class="form-check-label" for="new-org-switch-weekly">
+                                                        Weekly notification of newly added <abbr title="Organizations are the companies that own the games.">organizations</abbr> to TTVdrops
+                                                    </label>
+                                                </div>
+                                            </div>
+                                        {% endfor %}
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
                     {% for game in games %}
                         <div class="card mb-4 shadow-sm" id="game-{{ game.game_id }}">
                             <div class="row g-0">