diff --git a/.github/workflows/openapi.yml b/.github/workflows/openapi.yml
new file mode 100644
index 00000000..fd0a2102
--- /dev/null
+++ b/.github/workflows/openapi.yml
@@ -0,0 +1,35 @@
+name: OpenAPI Validation & HTTP Test
+
+on:
+  push:
+    branches:
+      - master
+      - next
+  pull_request:
+
+jobs:
+  build:
+
+    runs-on: ubuntu-20.04
+    strategy:
+      max-parallel: 4
+      matrix:
+        python-version: ["3.11.9"]
+
+    steps:
+    - uses: actions/checkout@v2
+    - name: Set up Python ${{ matrix.python-version }}
+      uses: actions/setup-python@v4
+      with:
+        python-version: ${{ matrix.python-version }}
+        cache: 'pip'
+    - name: Install Dependencies
+      run: |
+        python -m pip install --upgrade pip
+        pip install -r requirements.txt
+        pip install -r openapi/requirements.txt
+    - uses: actions/setup-node@v4
+      with:
+        node-version: 18
+    - run: npm i -g dredd
+    - run: dredd --config openapi/dredd.yml
diff --git a/openapi/dredd.yml b/openapi/dredd.yml
new file mode 100644
index 00000000..aace6d9e
--- /dev/null
+++ b/openapi/dredd.yml
@@ -0,0 +1,32 @@
+color: true
+dry-run: null
+hookfiles: ["openapi/dredd_hook.py"]
+language: python
+require: null
+server: "python3 manage.py testserver stregsystem/fixtures/openapi-fixture.json"
+server-wait: 5
+init: false
+custom: {}
+names: false
+only: []
+reporter: apiary
+output: []
+header: []
+sorted: false
+user: null
+inline-errors: false
+details: false
+method: []
+loglevel: warn
+path: []
+hooks-worker-timeout: 5000
+hooks-worker-connect-timeout: 1500
+hooks-worker-connect-retry: 500
+hooks-worker-after-connect-wait: 100
+hooks-worker-term-timeout: 5000
+hooks-worker-term-retry: 500
+hooks-worker-handler-host: 127.0.0.1
+hooks-worker-handler-port: 61321
+config: ./dredd.yml
+blueprint: openapi/stregsystem.yaml
+endpoint: 'http://127.0.0.1:8000'
diff --git a/openapi/dredd_hook.py b/openapi/dredd_hook.py
new file mode 100644
index 00000000..f294b5a5
--- /dev/null
+++ b/openapi/dredd_hook.py
@@ -0,0 +1,42 @@
+import dredd_hooks as hooks
+import json
+from utils import update_query_parameter_values, update_dictionary_values
+
+not_found_parameter_values = {
+    'room_id': 1,
+    'member_id': 1,
+    'username': "404_user",
+}
+
+skipped_endpoints = [
+    "GET (400) /api/member/payment/qr?username=kresten" # Skipped: test can't be implemented properly in OpenAPI
+]
+
+@hooks.before_each
+def skip_endpoint(transaction):
+    if transaction['id'] in skipped_endpoints:
+        print(f"Skipping endpoint: {transaction['id']}")
+        transaction['skip'] = True
+
+
+# https://dredd.org/en/latest/data-structures.html#transaction-object
+@hooks.before_each
+def replace_4xx_parameter_values(transaction):
+    """
+    It isn't possible to specify individual parameter example values for each response type in OpenAPI.
+    To properly test the return value of not-found parameters, replace all parameters.
+    """
+    if transaction['expected']['statusCode'][0] == '4':
+        new_path = update_query_parameter_values(transaction['fullPath'], not_found_parameter_values)
+        print(f"Update endpoint path, from '{transaction['fullPath']}' to '{new_path}'")
+        transaction['fullPath'] = new_path
+        transaction['request']['uri'] = new_path
+
+
+@hooks.before_each
+def replace_body_in_post_requests(transaction):
+    if transaction['expected']['statusCode'][0] == '4' and transaction['id'].startswith("POST"):
+        body = json.loads(transaction['request']['body'])
+        update_dictionary_values(body, not_found_parameter_values)
+
+        transaction['request']['body'] = json.dumps(body)
diff --git a/openapi/requirements.txt b/openapi/requirements.txt
new file mode 100644
index 00000000..2af23796
--- /dev/null
+++ b/openapi/requirements.txt
@@ -0,0 +1 @@
+dredd_hooks
\ No newline at end of file
diff --git a/openapi/stregsystem.yaml b/openapi/stregsystem.yaml
index 5f146d02..ba6a660b 100644
--- a/openapi/stregsystem.yaml
+++ b/openapi/stregsystem.yaml
@@ -190,6 +190,7 @@ components:
       required: true
       schema:
         $ref: '#/components/schemas/member_id'
+      example: 321
     room_id_param:
       name: room_id
       in: query
@@ -197,6 +198,7 @@ components:
       required: true
       schema:
         $ref: '#/components/schemas/room_id'
+      example: 10
     username_param:
       name: username
       in: query
@@ -204,6 +206,7 @@ components:
       required: true
       schema:
         $ref: '#/components/schemas/username'
+      example: kresten
     amount_param:
       name: amount
       in: query
@@ -211,6 +214,9 @@ components:
       required: false
       schema:
         $ref: '#/components/schemas/stregoere_balance'
+      examples:
+        normalBalance:
+          value: 20000
   schemas:
     memberNotFoundMessage:
       type: string
@@ -230,7 +236,7 @@ components:
     missingRoomIdMessage:
       type: string
       example: "Parameter missing: room_id"
-    missingMemberUsername:
+    missingMemberUsernameMessage:
       type: string
       example: "Parameter missing: username"
     balance:
@@ -264,14 +270,17 @@ components:
     stregoere_price:
       type: integer
       example: 600
+    stregoere_price_three_beers:
+      type: integer
+      example: 1800
     stregoere_balance:
       type: integer
       example: 20000
-    named_products_example:
-      type: object
-      properties:
-        beer:
-          $ref: '#/components/schemas/product_id'
+    stregkroner_balance:
+      description: Stregbalance in kroner, only used in API-Sale
+      type: number
+      format: float
+      example: 182.00
     sale_input:
       type: object
       properties:
@@ -288,36 +297,26 @@ components:
           $ref: '#/components/schemas/product_name'
         price:
           $ref: '#/components/schemas/stregoere_price'
-    active_products_example:
-      type: object
-      properties:
-        123:
-          $ref: '#/components/schemas/active_product'
     buystring:
       type: string
       example: "kresten beer:3"
-    category_name:
+    product_category_name:
       type: string
       example: "Alcohol"
-    category_id:
+    product_category_id:
       type: integer
       example: 11
-    category:
+    product_category:
       type: object
       properties:
         category_id:
-          $ref: '#/components/schemas/category_id'
+          $ref: '#/components/schemas/product_category_id'
         category_name:
-          $ref: '#/components/schemas/category_name'
-    category_mapping:
+          $ref: '#/components/schemas/product_category_name'
+    product_category_mapping:
       type: array
       items:
-        $ref: '#/components/schemas/category'
-    category_mappings_example:
-      type: object
-      properties:
-        123:
-          $ref: '#/components/schemas/category_mapping'
+        $ref: '#/components/schemas/product_category'
     created_on:
       type: string
       format: date
@@ -330,13 +329,15 @@ components:
       type: boolean
       example: false
     bp_minutes:
+      description: Ballmer Peak minutes
       type: integer
       nullable: true
-      example: 2
+      example: null
     bp_seconds:
+      description: Ballmer Peak seconds
       type: integer
       nullable: true
-      example: 30
+      example: null
     caffeine:
       type: integer
       example: 2
@@ -354,7 +355,7 @@ components:
       example: true
     sale_hints:
       type: string
-      example: "<span class=\"username\">kresten</span> beer:3"
+      example: "<span class=\"username\">kresten</span> 123:3"
     member_has_low_balance:
       type: boolean
       example: false
@@ -374,6 +375,10 @@ components:
               type: array
               items:
                 $ref: '#/components/schemas/product_id'
+              example:
+                - 123
+                - 123
+                - 123
         promille:
           $ref: '#/components/schemas/promille'
         is_ballmer_peaking:
@@ -391,7 +396,7 @@ components:
         is_coffee_master:
           $ref: '#/components/schemas/is_coffee_master'
         cost:
-          $ref: '#/components/schemas/stregoere_price'
+          $ref: '#/components/schemas/stregoere_price_three_beers'
         give_multibuy_hint:
           $ref: '#/components/schemas/give_multibuy_hint'
         sale_hints:
@@ -399,7 +404,7 @@ components:
         member_has_low_balance:
           $ref: '#/components/schemas/member_has_low_balance'
         member_balance:
-          $ref: '#/components/schemas/stregoere_balance'
+          $ref: '#/components/schemas/stregkroner_balance'
     sale:
       type: object
       properties:
@@ -472,19 +477,25 @@ components:
       content:
         application/json:
           example:
-            $ref: '#/components/schemas/named_products_example'
+            beer: 123
     ActiveProducts:
       description: Dictionary of all activated products, with their name and price (in stregører).
       content:
         application/json:
           example:
-            $ref: '#/components/schemas/active_products_example'
+            123:
+              name: Beer
+              price: 600
     CategoryMappings:
       description: Dictionary of all activated products, with their mapped categories (both category name and ID).
       content:
         application/json:
           example:
-            $ref: '#/components/schemas/category_mappings_example'
+            123:
+              - category_id:
+                  11
+                category_name:
+                  "Alcohol"
     SaleSuccess:
       description: An object containing various statistics and info regarding the purchase.
       content:
@@ -509,18 +520,18 @@ components:
     InvalidQRInputResponse:
       description: Invalid input has been provided.
       content:
-        text/html:
+        text/html; charset=utf-8:
           schema:
             type: string
             example: Invalid input for MobilePay QR code generation
     MemberUsernameParameter_BadResponse:
       description: Member does not exist, or missing parameter.
       content:
-        text/html:
+        text/html; charset=utf-8:
           schema:
             oneOf:
               - $ref: '#/components/schemas/memberNotFoundMessage'
-              - $ref: '#/components/schemas/missingMemberUsername'
+              - $ref: '#/components/schemas/missingMemberUsernameMessage'
           examples:
             memberNotFound:
               $ref: '#/components/examples/MemberNotFoundExample'
@@ -529,7 +540,7 @@ components:
     MemberIdParameter_BadResponse:
       description: Member does not exist, invalid member ID, or missing parameter.
       content:
-        text/html:
+        text/html; charset=utf-8:
           schema:
             oneOf:
               - $ref: '#/components/schemas/memberNotFoundMessage'
@@ -545,7 +556,7 @@ components:
     RoomIdParameter_BadResponse:
       description: Room does not exist, invalid room ID, or missing parameter.
       content:
-        text/html:
+        text/html; charset=utf-8:
           schema:
             oneOf:
               - $ref: '#/components/schemas/roomNotFoundMessage'
@@ -561,7 +572,7 @@ components:
     Member_RoomIdParameter_BadResponse:
       description: Room or member does not exist, invalid room or member ID, or missing parameter.
       content:
-        text/html:
+        text/html; charset=utf-8:
           schema:
             oneOf:
               - $ref: '#/components/schemas/memberNotFoundMessage'
diff --git a/openapi/utils.py b/openapi/utils.py
new file mode 100644
index 00000000..8f01facb
--- /dev/null
+++ b/openapi/utils.py
@@ -0,0 +1,31 @@
+from typing import Any
+from urllib.parse import parse_qs, urlencode, urlparse, urlunparse
+
+
+def update_dictionary_values(original: dict[Any, Any], replacement: dict[Any, Any]) -> None:
+    """
+    Same as dict.update(...) but doesn't add new keys.
+    Mutates 'original'
+    :param original: The dictionary to mutate.
+    :param replacement: The dictionary with values to update the original with.
+    """
+    original.update({k: v for k, v in replacement.items() if k in original})
+
+
+def update_query_parameter_values(url_string: str, new_parameter_values: dict[str, Any]) -> str:
+    """
+    Updates query parameters with new parameter values from new_parameter_values.
+    :param url_string: The URL path of which to modify query parameters.
+    :param new_parameter_values: The dictionary with new query parameter values.
+    :return: The URL with updated query parameter.
+    """
+    parsed_url = urlparse(url_string)
+
+    qs_dict = parse_qs(parsed_url.query, keep_blank_values=True)
+    qs_dict_flattened = {key: value[0] for key, value in qs_dict.items()}
+    update_dictionary_values(qs_dict_flattened, new_parameter_values)
+    updated_qs = urlencode(qs_dict_flattened, doseq=False)
+
+    parsed_url = parsed_url._replace(query=updated_qs)
+
+    return str(urlunparse(parsed_url))
diff --git a/razzia/migrations/0002_alter_razzia_options.py b/razzia/migrations/0002_alter_razzia_options.py
new file mode 100644
index 00000000..d814bbd4
--- /dev/null
+++ b/razzia/migrations/0002_alter_razzia_options.py
@@ -0,0 +1,17 @@
+# Generated by Django 4.1.13 on 2024-11-29 22:17
+
+from django.db import migrations
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("razzia", "0001_initial"),
+    ]
+
+    operations = [
+        migrations.AlterModelOptions(
+            name="razzia",
+            options={"permissions": (("browse_razzia", "Can browse razzias"),)},
+        ),
+    ]
diff --git a/razzia/models.py b/razzia/models.py
index 83edf387..cb81b18c 100644
--- a/razzia/models.py
+++ b/razzia/models.py
@@ -6,7 +6,7 @@
 
 class Razzia(models.Model):
     class Meta:
-        permissions = (("host_razzia", "Can host a foobar, fnugfald or bread razzia"),)
+        permissions = (("browse_razzia", "Can browse razzias"),)
 
     name = models.CharField(max_length=20)
     turns_per_member = models.IntegerField(default=0)
diff --git a/razzia/views.py b/razzia/views.py
index 07d11cef..80214878 100644
--- a/razzia/views.py
+++ b/razzia/views.py
@@ -1,6 +1,7 @@
 import datetime
 
-from django.contrib.auth.decorators import permission_required
+from django.contrib.auth.decorators import permission_required, login_required
+from django.core.exceptions import PermissionDenied
 from django.shortcuts import redirect, render, get_object_or_404
 from django.utils import timezone
 
@@ -9,7 +10,7 @@
 
 
 # Create your views here.
-@permission_required("stregreport.host_razzia")
+@permission_required("razzia.view_razzia")
 def razzia(request, razzia_id):
     if request.method == 'POST':
         return razzia_view_single(request, razzia_id, request.POST['username'])
@@ -17,7 +18,7 @@ def razzia(request, razzia_id):
         return razzia_view_single(request, razzia_id, None)
 
 
-@permission_required("stregreport.host_razzia")
+@permission_required("razzia.view_razzia")
 def razzia_view_single(request, razzia_id, queryname, title=None):
     razzia = get_object_or_404(Razzia, pk=razzia_id)
 
@@ -53,13 +54,21 @@ def razzia_view_single(request, razzia_id, queryname, title=None):
     return render(request, template, locals())
 
 
-@permission_required("stregreport.host_razzia")
+@login_required
 def razzia_menu(request, new_text=None, title=None):
     razzias = Razzia.objects.order_by('-pk')[:3]
+
+    if not request.user.has_perm("razzia.browse_razzia"):
+        if len(razzias) == 0:
+            # In case no razzias are available, default to no permission
+            raise PermissionDenied
+
+        return redirect('razzia_view', razzia_id=razzias[0].pk)
+
     return render(request, 'menu.html', locals())
 
 
-@permission_required("stregreport.host_razzia")
+@permission_required("razzia.add_razzia")
 def new_razzia(request):
     razzia = Razzia(name="Foobar V2", turn_interval=datetime.timedelta(minutes=30))
     razzia.save()
@@ -67,7 +76,7 @@ def new_razzia(request):
     return redirect('razzia_view', razzia_id=razzia.pk)
 
 
-@permission_required("stregreport.host_razzia")
+@permission_required("razzia.view_razziaentry")
 def razzia_members(request, razzia_id, title=None):
     razzia = get_object_or_404(Razzia, pk=razzia_id)
     unique_members = razzia.members.all().distinct().count()
diff --git a/stregreport/tests.py b/stregreport/tests.py
index 29646a46..e2d16c00 100644
--- a/stregreport/tests.py
+++ b/stregreport/tests.py
@@ -6,6 +6,8 @@
 from stregreport.models import BreadRazzia
 from freezegun import freeze_time
 
+from stregsystem.models import Category
+
 
 class ParseIdStringTests(TestCase):
     def test_parse_id_string_success(self):
@@ -26,6 +28,36 @@ def test_parse_id_string_unicode(self):
         self.assertSequenceEqual([11, 13], res)
 
 
+class CategoryRankReportTests(TestCase):
+    fixtures = ["initial_data"]
+
+    def setUp(self):
+        Category.objects.all().delete()
+
+    def test_no_categories(self):
+        self.client.login(username="tester", password="treotreo")
+        response = self.client.get(reverse("report_categoryranks"), {}, follow=True)
+
+        self.assertEqual(response.status_code, 200)
+        self.assertTemplateUsed("admin/stregsystem/report/ranks.html")
+
+        self.assertEqual(len(response.context['stat_lists']), 0)
+
+    def test_single_category_shown(self):
+        self.client.login(username="tester", password="treotreo")
+        catA = Category.objects.create(name="Category A")
+        catA.save()
+
+        response = self.client.get(reverse("report_categoryranks"), {}, follow=True)
+
+        self.assertEqual(response.status_code, 200)
+        self.assertTemplateUsed("admin/stregsystem/report/ranks.html")
+
+        stat_lists = response.context['stat_lists']
+
+        self.assertEqual(stat_lists[0][0], catA.name)
+
+
 class SalesReportTests(TestCase):
     fixtures = ["initial_data"]
 
diff --git a/stregreport/urls.py b/stregreport/urls.py
index da36a6c4..9ace114c 100644
--- a/stregreport/urls.py
+++ b/stregreport/urls.py
@@ -34,7 +34,7 @@
     re_path(r'^admin/stregsystem/razzia/wizard_guide/$', views.razzia_wizard),
     re_path(r'^admin/stregsystem/razzia/wizard/$', views.razzia_view, name="razzia_view"),
     re_path(r'^admin/stregsystem/report/sales/$', views.sales, name="salesreporting"),
-    re_path(r'^admin/stregsystem/report/ranks/$', views.ranks),
+    re_path(r'^admin/stregsystem/report/ranks/$', views.ranks, name="report_categoryranks"),
     re_path(r'^admin/stregsystem/report/daily/$', views.daily),
     re_path(r'^admin/stregsystem/report/ranks/(?P<year>\d+)$', views.ranks),
     re_path(r'^admin/stregsystem/report/$', views.reports),
diff --git a/stregreport/views.py b/stregreport/views.py
index 2766b9ee..319e0afe 100644
--- a/stregreport/views.py
+++ b/stregreport/views.py
@@ -303,61 +303,24 @@ def sales_product(request, ids, from_time, to_time, error=None):
 # both at 10 o'clock
 @permission_required("stregsystem.access_sales_reports")
 def ranks_for_year(request, year):
-    if year <= 1900 or year > 9999:
-        return render(request, 'admin/stregsystem/report/error_ranksnotfound.html', locals())
-    milk = [2, 3, 4, 5, 6, 7, 8, 9, 10, 16, 17, 18, 19, 20, 24, 25, 43, 44, 45, 1865]
-    caffeine = [11, 12, 30, 34, 37, 1787, 1790, 1791, 1795, 1799, 1800, 1803, 1804, 1837, 1864]
-    beer = [
-        13,
-        14,
-        29,
-        42,
-        47,
-        54,
-        65,
-        66,
-        1773,
-        1776,
-        1777,
-        1779,
-        1780,
-        1783,
-        1793,
-        1794,
-        1807,
-        1808,
-        1809,
-        1820,
-        1822,
-        1840,
-        1844,
-        1846,
-        1847,
-        1853,
-        1855,
-        1856,
-        1858,
-        1859,
-    ]
-    coffee = [32, 35, 36, 39]
-    vitamin = [1850, 1851, 1852, 1863, 1880]
-
     FORMAT = '%d/%m/%Y kl. %H:%M'
-    last_year = year - 1
-    next_year = year + 1
     from_time = fjule_party(year - 1)
     to_time = fjule_party(year)
+
     kr_stat_list = sale_money_rank(from_time, to_time)
-    beer_stat_list = sale_product_rank(beer, from_time, to_time)
-    caffeine_stat_list = sale_product_rank(caffeine, from_time, to_time)
-    milk_stat_list = sale_product_rank(milk, from_time, to_time)
-    coffee_stat_list = sale_product_rank(coffee, from_time, to_time)
-    vitamin_stat_list = sale_product_rank(vitamin, from_time, to_time)
+
+    stat_lists = []
+    for cat in Category.objects.all():
+        stat_lists.append((cat.name, sale_product_rank(get_product_ids_from_category(cat), from_time, to_time)))
+
     from_time_string = from_time.strftime(FORMAT)
     to_time_string = to_time.strftime(FORMAT)
     current_date = timezone.now()
     show_next_year = year < current_date.year
     is_ongoing = current_date > from_time and current_date <= to_time
+    last_year = year - 1
+    next_year = year + 1
+
     return render(request, 'admin/stregsystem/report/ranks.html', locals())
 
 
@@ -383,6 +346,10 @@ def sale_money_rank(from_time, to_time, rank_limit=10):
     return stat_list
 
 
+def get_product_ids_from_category(category):
+    return category.product_set.values_list('id', flat=True)
+
+
 # year of the last fjuleparty
 def last_fjule_party_year():
     current_date = timezone.now()
diff --git a/stregsystem/admin.py b/stregsystem/admin.py
index e87225ef..8b4620d7 100644
--- a/stregsystem/admin.py
+++ b/stregsystem/admin.py
@@ -17,6 +17,7 @@
     NamedProduct,
     PendingSignup,
     Theme,
+    ProductNote,
 )
 from stregsystem.templatetags.stregsystem_extras import money
 from stregsystem.utils import make_active_productlist_query, make_inactive_productlist_query
@@ -362,6 +363,16 @@ def force_hide(modeladmin, request, queryset):
     actions = [force_unset, force_show, force_hide]
 
 
+class ProductNoteAdmin(admin.ModelAdmin):
+    search_fields = ('active', 'text')
+    list_display = (
+        'active',
+        'text',
+    )
+
+    actions = [toggle_active_selected_products]
+
+
 admin.site.register(LogEntry, LogEntryAdmin)
 admin.site.register(Sale, SaleAdmin)
 admin.site.register(Member, MemberAdmin)
@@ -374,3 +385,4 @@ def force_hide(modeladmin, request, queryset):
 admin.site.register(MobilePayment, MobilePaymentAdmin)
 admin.site.register(PendingSignup)
 admin.site.register(Theme, ThemeAdmin)
+admin.site.register(ProductNote, ProductNoteAdmin)
diff --git a/stregsystem/fixtures/openapi-fixture.json b/stregsystem/fixtures/openapi-fixture.json
new file mode 100644
index 00000000..6f721a84
--- /dev/null
+++ b/stregsystem/fixtures/openapi-fixture.json
@@ -0,0 +1,80 @@
+[
+  {
+    "model": "stregsystem.member",
+    "pk": 321,
+    "fields": {
+      "active": true,
+      "username": "kresten",
+      "year": "2025",
+      "firstname": "Kresten",
+      "lastname": "Laust",
+      "gender": "M",
+      "email": "",
+      "want_spam": true,
+      "balance": 20000,
+      "undo_count": 0,
+      "notes": "",
+      "signup_due_paid": true
+    }
+  },
+  {
+    "model": "stregsystem.category",
+    "pk": 11,
+    "fields": {
+      "name": "Alcohol"
+    }
+  },
+  {
+    "model": "stregsystem.room",
+    "pk": 10,
+    "fields": {
+      "name": "Jægerstuen",
+      "description": "Rummet i Jægerstuen",
+      "notes": ""
+    }
+  },
+  {
+    "model": "stregsystem.product",
+    "pk": 123,
+    "fields": {
+      "name": "Beer",
+      "price": 600,
+      "active": true,
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0.2,
+      "caffeine_content_mg": 0,
+      "categories": [
+        11
+      ],
+      "rooms": []
+    }
+  },
+  {
+    "model": "stregsystem.namedproduct",
+    "pk": 1,
+    "fields": {
+      "name": "beer",
+      "product": 123
+    }
+  },
+  {
+    "model": "auth.user",
+    "pk": 1,
+    "fields": {
+      "password": "pbkdf2_sha256$390000$Q10Z7hLXnYeBvVtJTZNL79$7rDj2xcFEtmAGof2vVHgAEl6/wRlfUMBkp7P60F9Vz0=",
+      "last_login": "2025-01-09T17:57:31.949Z",
+      "is_superuser": true,
+      "username": "tester",
+      "first_name": "",
+      "last_name": "",
+      "email": "",
+      "is_staff": true,
+      "is_active": true,
+      "date_joined": "2025-01-09T17:56:49.184Z",
+      "groups": [],
+      "user_permissions": []
+    }
+  }
+]
\ No newline at end of file
diff --git a/stregsystem/fixtures/testdata.json b/stregsystem/fixtures/testdata.json
index cb19fc9c..455a8f35 100644
--- a/stregsystem/fixtures/testdata.json
+++ b/stregsystem/fixtures/testdata.json
@@ -1,94 +1,74 @@
 [
-  {
-    "model": "auth.user",
-    "pk": 1,
-    "fields": {
-      "password": "pbkdf2_sha256$30000$ivRA8qABWClG$pxi2R4uyotlGpwa66RQuDOXFaO9JElQutMFJqXmnOdI=",
-      "is_superuser": true,
-      "username": "tester",
-      "first_name": "test",
-      "last_name": "testsen",
-      "is_staff": true
-    }
-  },
-  {
-    "model": "auth.user",
-    "pk": 2,
-    "fields": {
-      "password": "pbkdf2_sha256$30000$ivRA8qABWClG$pxi2R4uyotlGpwa66RQuDOXFaO9JElQutMFJqXmnOdI=",
-      "is_superuser": true,
-      "username": "q",
-      "first_name": "q",
-      "last_name": "q",
-      "is_staff": true
-    }
-  },
-  {
-    "model": "auth.user",
-    "pk": 3,
-    "fields": {
-      "password": "pbkdf2_sha256$30000$ivRA8qABWClG$pxi2R4uyotlGpwa66RQuDOXFaO9JElQutMFJqXmnOdI=",
-      "username": "nodough",
-      "first_name": "no",
-      "last_name": "dough"
-    }
-  },
-  {
-    "model": "auth.user",
-    "pk": 4,
-    "fields": {
-      "password": "pbkdf2_sha256$30000$ivRA8qABWClG$pxi2R4uyotlGpwa66RQuDOXFaO9JElQutMFJqXmnOdI=",
-      "username": "lowdough",
-      "first_name": "low",
-      "last_name": "dough"
-    }
-  },
   {
     "model": "stregsystem.member",
     "pk": 1,
     "fields": {
+      "active": true,
       "username": "tester",
+      "year": "2025",
       "firstname": "Test",
       "lastname": "Testsen",
+      "gender": "",
       "email": "plznospam@fklub.dk",
+      "want_spam": true,
       "balance": 13366037,
-      "notes": "This is a test user."
+      "undo_count": 0,
+      "notes": "This is a test user.",
+      "signup_due_paid": true
     }
   },
   {
     "model": "stregsystem.member",
     "pk": 2,
     "fields": {
+      "active": true,
       "username": "q",
+      "year": "2025",
       "firstname": "q",
       "lastname": "q",
+      "gender": "",
       "email": "plznospam@fklub.dk",
+      "want_spam": true,
       "balance": 13366037,
-      "notes": "This is a test user with a short name for maximum testing speed."
+      "undo_count": 0,
+      "notes": "This is a test user with a short name for maximum testing speed.",
+      "signup_due_paid": true
     }
   },
   {
     "model": "stregsystem.member",
     "pk": 3,
     "fields": {
+      "active": true,
       "username": "nodough",
+      "year": "2025",
       "firstname": "No",
       "lastname": "Dough",
+      "gender": "",
       "email": "plznospam@fklub.dk",
+      "want_spam": true,
       "balance": 0,
-      "notes": "This is a test user with no stregdollars."
+      "undo_count": 0,
+      "notes": "This is a test user with no stregdollars.",
+      "signup_due_paid": true
     }
   },
   {
     "model": "stregsystem.member",
     "pk": 4,
     "fields": {
+      "active": true,
       "username": "lowdough",
+      "year": "2025",
       "firstname": "Low",
       "lastname": "Dough",
+      "gender": "",
       "email": "plznospam@fklub.dk",
+      "want_spam": true,
       "balance": 1500,
-      "notes": "This is a test user with only 15 stregdollars."
+      "undo_count": 0,
+      "notes": "This is a test user with only 15 stregdollars.",
+      "signup_due_paid": true
     }
   },
   {
@@ -217,6 +197,24 @@
       "name": "Te"
     }
   },
+  {
+    "model": "stregsystem.room",
+    "pk": 1,
+    "fields": {
+      "name": "testrummet",
+      "description": "127.0.0.1",
+      "notes": ""
+    }
+  },
+  {
+    "model": "stregsystem.room",
+    "pk": 2,
+    "fields": {
+      "name": "maymayrummet",
+      "description": "svedigt",
+      "notes": ""
+    }
+  },
   {
     "model": "stregsystem.product",
     "pk": 11,
@@ -224,8 +222,17 @@
       "name": "Stregdollar",
       "price": 100,
       "active": true,
-      "rooms": [1],
-      "categories": [14]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        14
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -235,8 +242,17 @@
       "name": "Øl(Grøn, Classic, <b>Gulddamer</b>) (excl. pant)",
       "price": 750,
       "active": true,
-      "rooms": [1],
-      "categories": [3]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        3
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -246,8 +262,17 @@
       "name": "Cocio <b>(Mellem)</b>",
       "price": 1818,
       "active": true,
-      "rooms": [1],
-      "categories": [12]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        12
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -257,7 +282,15 @@
       "name": "Pant B (plastflasker under 1 liter)",
       "price": 150,
       "active": true,
-      "rooms": [1]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -267,9 +300,17 @@
       "name": "Voksenvand (1 kop)",
       "price": 150,
       "active": true,
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
       "caffeine_content_mg": 70,
-      "rooms": [1],
-      "categories": [6]
+      "categories": [
+        6
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -279,8 +320,15 @@
       "name": "Limfjordsporter (excl. pant)",
       "price": 1000,
       "active": true,
-      "rooms": [1],
-      "categories": []
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -290,8 +338,17 @@
       "name": "Søm",
       "price": 300,
       "active": true,
-      "rooms": [1],
-      "categories": [13]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        13
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -301,8 +358,17 @@
       "name": "<h1>Futtetyr</h1>",
       "price": 33300,
       "active": true,
-      "rooms": [1],
-      "categories": [14]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        14
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -312,8 +378,17 @@
       "name": "Mambo No. 8",
       "price": 800,
       "active": true,
-      "rooms": [1],
-      "categories": [7]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        7
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -323,8 +398,17 @@
       "name": "<h1>FLAN billet</h1>",
       "price": 4269,
       "active": true,
-      "rooms": [1],
-      "categories": [5]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        5
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -334,8 +418,17 @@
       "name": "Life potion (excl. pant)",
       "price": 1316,
       "active": true,
-      "rooms": [1],
-      "categories": [11]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        11
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -345,8 +438,17 @@
       "name": "Kildevæld uden pant (excl. brus)\"",
       "price": 706,
       "active": true,
-      "rooms": [1],
-      "categories": [2]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        2
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -356,7 +458,15 @@
       "name": "Pant A (glasflasker og metaldåser under 1 liter)",
       "price": 100,
       "active": true,
-      "rooms": [1]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -366,8 +476,17 @@
       "name": "Grimbergen (excl. pant)",
       "price": 1900,
       "active": true,
-      "rooms": [1],
-      "categories": [3]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        3
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -377,8 +496,17 @@
       "name": "Somersby (incl. pant)",
       "price": 1540,
       "active": true,
-      "rooms": [1],
-      "categories": [17]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        17
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -388,8 +516,17 @@
       "name": "Apache attack helicopter",
       "price": 1280,
       "active": true,
-      "rooms": [1],
-      "categories": [10]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        10
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -399,8 +536,17 @@
       "name": "Kakao (0,46 kop)",
       "price": 69,
       "active": true,
-      "rooms": [1],
-      "categories": [12]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        12
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -410,8 +556,17 @@
       "name": "Sportycola (excl. pant)",
       "price": 600,
       "active": true,
-      "rooms": [1],
-      "categories": [2]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        2
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -421,8 +576,17 @@
       "name": "Kinley (excl. pant)",
       "price": 680,
       "active": true,
-      "rooms": [1],
-      "categories": [1]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        1
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -432,8 +596,17 @@
       "name": "Bober Øl (excl. pant x2)",
       "price": 650,
       "active": true,
-      "rooms": [1],
-      "categories": [3]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        3
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -443,8 +616,17 @@
       "name": "<h3>Månedens Øl</h3><br>September: Bonk Beer",
       "price": 1460,
       "active": true,
-      "rooms": [1],
-      "categories": [4]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        4
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -454,8 +636,17 @@
       "name": "Tebrev (Partibestemt smag)",
       "price": 90,
       "active": true,
-      "rooms": [1],
-      "categories": [18]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        18
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -465,8 +656,17 @@
       "name": "Ramløse/ vand med brus (excl. pant)",
       "price": 808,
       "active": true,
-      "rooms": [1],
-      "categories": [2]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        2
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -476,8 +676,17 @@
       "name": "Juice (Solita, Rynkeby)",
       "price": 1131,
       "active": true,
-      "rooms": [1],
-      "categories": [16]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        16
+      ],
+      "rooms": [
+        1
+      ]
     }
   },
   {
@@ -487,8 +696,51 @@
       "name": "Faxe Kondi Pro",
       "price": 1600,
       "active": true,
-      "rooms": [1],
-      "categories": [1]
+      "start_date": null,
+      "quantity": 0,
+      "deactivate_date": null,
+      "alcohol_content_ml": 0,
+      "caffeine_content_mg": 0,
+      "categories": [
+        1
+      ],
+      "rooms": [
+        1
+      ]
+    }
+  },
+  {
+    "model": "stregsystem.productnote",
+    "pk": 1,
+    "fields": {
+      "text": "<div id=\"maanedens-oel\"></div>\r\n<script>\r\n  var p = \"Ny!\";\r\n  var elem = document.getElementById(\"maanedens-oel\").parentElement;\r\n  // Set it to 7 and not 40 if you want the tests to break ;)\r\n  if (new Date().getDate() <= 40) {\r\n    elem.innerText = p;\r\n  }\r\n  else {\r\n    elem.remove();\r\n  }\r\n</script>",
+      "active": true,
+      "background_color": "Yellow",
+      "text_color": "",
+      "start_date": "2025-01-14",
+      "end_date": "2125-01-14",
+      "comment": "",
+      "products": [
+        1903
+      ],
+      "rooms": []
+    }
+  },
+  {
+    "model": "stregsystem.productnote",
+    "pk": 2,
+    "fields": {
+      "text": "Udgår!",
+      "active": true,
+      "background_color": "",
+      "text_color": "",
+      "start_date": "2025-01-14",
+      "end_date": "2125-01-14",
+      "comment": "",
+      "products": [
+        1879
+      ],
+      "rooms": []
     }
   },
   {
@@ -715,7 +967,6 @@
       "product": 1891
     }
   },
-
   {
     "model": "stregsystem.namedproduct",
     "pk": 18912,
@@ -804,22 +1055,6 @@
       "product": 1912
     }
   },
-  {
-    "model": "stregsystem.room",
-    "pk": 1,
-    "fields": {
-      "name": "testrummet",
-      "description": "127.0.0.1"
-    }
-  },
-  {
-    "model": "stregsystem.room",
-    "pk": 2,
-    "fields": {
-      "name": "maymayrummet",
-      "description": "svedigt"
-    }
-  },
   {
     "model": "stregsystem.sale",
     "pk": 1,
@@ -827,7 +1062,7 @@
       "member": 1,
       "product": 11,
       "room": 1,
-      "timestamp": "2017-03-13T12:52:52.142+00:00",
+      "timestamp": "2017-03-13T12:52:52.142Z",
       "price": 100
     }
   },
@@ -838,7 +1073,7 @@
       "member": 1,
       "product": 32,
       "room": 1,
-      "timestamp": "2017-03-13T12:54:12.423+00:00",
+      "timestamp": "2017-03-13T12:54:12.423Z",
       "price": 200
     }
   },
@@ -847,21 +1082,1231 @@
     "pk": 3,
     "fields": {
       "member": 1,
-      "product": 14,
+      "product": 42,
       "room": 1,
-      "timestamp": "2017-03-13T13:38:10.573+00:00",
+      "timestamp": "2017-03-13T13:38:10.573Z",
       "price": 300
     }
   },
   {
-    "model": "stregsystem.sale",
+    "model": "admin.logentry",
+    "pk": 1,
+    "fields": {
+      "action_time": "2025-01-13T23:27:21.879Z",
+      "user": 1,
+      "content_type": 13,
+      "object_id": "1",
+      "object_repr": "<div id=\"maanedens-oel\"></div>\r\n<script>\r\n  var p = \"Ny!\";\r\n  var elem = document.getElementById(\"maanedens-oel\").parentElement;\r\n  if (new Date().getDate() <= 7) {\r\n    elem.innerText = p;\r\n  }\r\n  el",
+      "action_flag": 1,
+      "change_message": "[{\"added\": {}}]"
+    }
+  },
+  {
+    "model": "admin.logentry",
+    "pk": 2,
+    "fields": {
+      "action_time": "2025-01-13T23:27:58.382Z",
+      "user": 1,
+      "content_type": 13,
+      "object_id": "2",
+      "object_repr": "Udgår! (Apache attack helicopter)",
+      "action_flag": 1,
+      "change_message": "[{\"added\": {}}]"
+    }
+  },
+  {
+    "model": "admin.logentry",
     "pk": 3,
     "fields": {
-      "member": 1,
-      "product": 42,
-      "room": 1,
-      "timestamp": "2017-03-13T13:38:10.573+00:00",
-      "price": 300
+      "action_time": "2025-01-13T23:32:37.012Z",
+      "user": 1,
+      "content_type": 13,
+      "object_id": "1",
+      "object_repr": "<div id=\"maanedens-oel\"></div>\r\n<script>\r\n  var p = \"Ny!\";\r\n  var elem = document.getElementById(\"maanedens-oel\").parentElement;\r\n  // Set it to 7 and not 40 if you want the tests to break ;)\r\n  if (n",
+      "action_flag": 2,
+      "change_message": "[{\"changed\": {\"fields\": [\"Text\"]}}]"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 1,
+    "fields": {
+      "name": "Can add member",
+      "content_type": 1,
+      "codename": "add_member"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 2,
+    "fields": {
+      "name": "Can change member",
+      "content_type": 1,
+      "codename": "change_member"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 3,
+    "fields": {
+      "name": "Can delete member",
+      "content_type": 1,
+      "codename": "delete_member"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 4,
+    "fields": {
+      "name": "Can view member",
+      "content_type": 1,
+      "codename": "view_member"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 5,
+    "fields": {
+      "name": "Can add news",
+      "content_type": 2,
+      "codename": "add_news"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 6,
+    "fields": {
+      "name": "Can change news",
+      "content_type": 2,
+      "codename": "change_news"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 7,
+    "fields": {
+      "name": "Can delete news",
+      "content_type": 2,
+      "codename": "delete_news"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 8,
+    "fields": {
+      "name": "Can view news",
+      "content_type": 2,
+      "codename": "view_news"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 9,
+    "fields": {
+      "name": "Can add old price",
+      "content_type": 3,
+      "codename": "add_oldprice"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 10,
+    "fields": {
+      "name": "Can change old price",
+      "content_type": 3,
+      "codename": "change_oldprice"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 11,
+    "fields": {
+      "name": "Can delete old price",
+      "content_type": 3,
+      "codename": "delete_oldprice"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 12,
+    "fields": {
+      "name": "Can view old price",
+      "content_type": 3,
+      "codename": "view_oldprice"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 13,
+    "fields": {
+      "name": "Can add payment",
+      "content_type": 4,
+      "codename": "add_payment"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 14,
+    "fields": {
+      "name": "Can change payment",
+      "content_type": 4,
+      "codename": "change_payment"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 15,
+    "fields": {
+      "name": "Can delete payment",
+      "content_type": 4,
+      "codename": "delete_payment"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 16,
+    "fields": {
+      "name": "Can view payment",
+      "content_type": 4,
+      "codename": "view_payment"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 17,
+    "fields": {
+      "name": "Import batch payments",
+      "content_type": 4,
+      "codename": "import_batch_payments"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 18,
+    "fields": {
+      "name": "Can add product",
+      "content_type": 5,
+      "codename": "add_product"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 19,
+    "fields": {
+      "name": "Can change product",
+      "content_type": 5,
+      "codename": "change_product"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 20,
+    "fields": {
+      "name": "Can delete product",
+      "content_type": 5,
+      "codename": "delete_product"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 21,
+    "fields": {
+      "name": "Can view product",
+      "content_type": 5,
+      "codename": "view_product"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 22,
+    "fields": {
+      "name": "Can add room",
+      "content_type": 6,
+      "codename": "add_room"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 23,
+    "fields": {
+      "name": "Can change room",
+      "content_type": 6,
+      "codename": "change_room"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 24,
+    "fields": {
+      "name": "Can delete room",
+      "content_type": 6,
+      "codename": "delete_room"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 25,
+    "fields": {
+      "name": "Can view room",
+      "content_type": 6,
+      "codename": "view_room"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 26,
+    "fields": {
+      "name": "Can add sale",
+      "content_type": 7,
+      "codename": "add_sale"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 27,
+    "fields": {
+      "name": "Can change sale",
+      "content_type": 7,
+      "codename": "change_sale"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 28,
+    "fields": {
+      "name": "Can delete sale",
+      "content_type": 7,
+      "codename": "delete_sale"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 29,
+    "fields": {
+      "name": "Can view sale",
+      "content_type": 7,
+      "codename": "view_sale"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 30,
+    "fields": {
+      "name": "Can access sales reports",
+      "content_type": 7,
+      "codename": "access_sales_reports"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 31,
+    "fields": {
+      "name": "Can add category",
+      "content_type": 8,
+      "codename": "add_category"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 32,
+    "fields": {
+      "name": "Can change category",
+      "content_type": 8,
+      "codename": "change_category"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 33,
+    "fields": {
+      "name": "Can delete category",
+      "content_type": 8,
+      "codename": "delete_category"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 34,
+    "fields": {
+      "name": "Can view category",
+      "content_type": 8,
+      "codename": "view_category"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 35,
+    "fields": {
+      "name": "Can add mobile payment",
+      "content_type": 9,
+      "codename": "add_mobilepayment"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 36,
+    "fields": {
+      "name": "Can change mobile payment",
+      "content_type": 9,
+      "codename": "change_mobilepayment"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 37,
+    "fields": {
+      "name": "Can delete mobile payment",
+      "content_type": 9,
+      "codename": "delete_mobilepayment"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 38,
+    "fields": {
+      "name": "Can view mobile payment",
+      "content_type": 9,
+      "codename": "view_mobilepayment"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 39,
+    "fields": {
+      "name": "MobilePaytool access",
+      "content_type": 9,
+      "codename": "mobilepaytool_access"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 40,
+    "fields": {
+      "name": "Can add named product",
+      "content_type": 10,
+      "codename": "add_namedproduct"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 41,
+    "fields": {
+      "name": "Can change named product",
+      "content_type": 10,
+      "codename": "change_namedproduct"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 42,
+    "fields": {
+      "name": "Can delete named product",
+      "content_type": 10,
+      "codename": "delete_namedproduct"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 43,
+    "fields": {
+      "name": "Can view named product",
+      "content_type": 10,
+      "codename": "view_namedproduct"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 44,
+    "fields": {
+      "name": "Can add pending signup",
+      "content_type": 11,
+      "codename": "add_pendingsignup"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 45,
+    "fields": {
+      "name": "Can change pending signup",
+      "content_type": 11,
+      "codename": "change_pendingsignup"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 46,
+    "fields": {
+      "name": "Can delete pending signup",
+      "content_type": 11,
+      "codename": "delete_pendingsignup"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 47,
+    "fields": {
+      "name": "Can view pending signup",
+      "content_type": 11,
+      "codename": "view_pendingsignup"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 48,
+    "fields": {
+      "name": "Sign-up Tool access",
+      "content_type": 11,
+      "codename": "signuptool_access"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 49,
+    "fields": {
+      "name": "Can add theme",
+      "content_type": 12,
+      "codename": "add_theme"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 50,
+    "fields": {
+      "name": "Can change theme",
+      "content_type": 12,
+      "codename": "change_theme"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 51,
+    "fields": {
+      "name": "Can delete theme",
+      "content_type": 12,
+      "codename": "delete_theme"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 52,
+    "fields": {
+      "name": "Can view theme",
+      "content_type": 12,
+      "codename": "view_theme"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 53,
+    "fields": {
+      "name": "Can add product note",
+      "content_type": 13,
+      "codename": "add_productnote"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 54,
+    "fields": {
+      "name": "Can change product note",
+      "content_type": 13,
+      "codename": "change_productnote"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 55,
+    "fields": {
+      "name": "Can delete product note",
+      "content_type": 13,
+      "codename": "delete_productnote"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 56,
+    "fields": {
+      "name": "Can view product note",
+      "content_type": 13,
+      "codename": "view_productnote"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 57,
+    "fields": {
+      "name": "Can add bread razzia",
+      "content_type": 14,
+      "codename": "add_breadrazzia"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 58,
+    "fields": {
+      "name": "Can change bread razzia",
+      "content_type": 14,
+      "codename": "change_breadrazzia"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 59,
+    "fields": {
+      "name": "Can delete bread razzia",
+      "content_type": 14,
+      "codename": "delete_breadrazzia"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 60,
+    "fields": {
+      "name": "Can view bread razzia",
+      "content_type": 14,
+      "codename": "view_breadrazzia"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 61,
+    "fields": {
+      "name": "Can host a foobar, fnugfald or bread razzia",
+      "content_type": 14,
+      "codename": "host_razzia"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 62,
+    "fields": {
+      "name": "Can add razzia entry old",
+      "content_type": 15,
+      "codename": "add_razziaentryold"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 63,
+    "fields": {
+      "name": "Can change razzia entry old",
+      "content_type": 15,
+      "codename": "change_razziaentryold"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 64,
+    "fields": {
+      "name": "Can delete razzia entry old",
+      "content_type": 15,
+      "codename": "delete_razziaentryold"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 65,
+    "fields": {
+      "name": "Can view razzia entry old",
+      "content_type": 15,
+      "codename": "view_razziaentryold"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 66,
+    "fields": {
+      "name": "Can add kiosk item",
+      "content_type": 16,
+      "codename": "add_kioskitem"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 67,
+    "fields": {
+      "name": "Can change kiosk item",
+      "content_type": 16,
+      "codename": "change_kioskitem"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 68,
+    "fields": {
+      "name": "Can delete kiosk item",
+      "content_type": 16,
+      "codename": "delete_kioskitem"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 69,
+    "fields": {
+      "name": "Can view kiosk item",
+      "content_type": 16,
+      "codename": "view_kioskitem"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 70,
+    "fields": {
+      "name": "Can add razzia",
+      "content_type": 17,
+      "codename": "add_razzia"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 71,
+    "fields": {
+      "name": "Can change razzia",
+      "content_type": 17,
+      "codename": "change_razzia"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 72,
+    "fields": {
+      "name": "Can delete razzia",
+      "content_type": 17,
+      "codename": "delete_razzia"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 73,
+    "fields": {
+      "name": "Can view razzia",
+      "content_type": 17,
+      "codename": "view_razzia"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 74,
+    "fields": {
+      "name": "Can browse razzias",
+      "content_type": 17,
+      "codename": "browse_razzia"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 75,
+    "fields": {
+      "name": "Can add razzia entry",
+      "content_type": 18,
+      "codename": "add_razziaentry"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 76,
+    "fields": {
+      "name": "Can change razzia entry",
+      "content_type": 18,
+      "codename": "change_razziaentry"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 77,
+    "fields": {
+      "name": "Can delete razzia entry",
+      "content_type": 18,
+      "codename": "delete_razziaentry"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 78,
+    "fields": {
+      "name": "Can view razzia entry",
+      "content_type": 18,
+      "codename": "view_razziaentry"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 79,
+    "fields": {
+      "name": "Can add log entry",
+      "content_type": 19,
+      "codename": "add_logentry"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 80,
+    "fields": {
+      "name": "Can change log entry",
+      "content_type": 19,
+      "codename": "change_logentry"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 81,
+    "fields": {
+      "name": "Can delete log entry",
+      "content_type": 19,
+      "codename": "delete_logentry"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 82,
+    "fields": {
+      "name": "Can view log entry",
+      "content_type": 19,
+      "codename": "view_logentry"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 83,
+    "fields": {
+      "name": "Can add permission",
+      "content_type": 20,
+      "codename": "add_permission"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 84,
+    "fields": {
+      "name": "Can change permission",
+      "content_type": 20,
+      "codename": "change_permission"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 85,
+    "fields": {
+      "name": "Can delete permission",
+      "content_type": 20,
+      "codename": "delete_permission"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 86,
+    "fields": {
+      "name": "Can view permission",
+      "content_type": 20,
+      "codename": "view_permission"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 87,
+    "fields": {
+      "name": "Can add group",
+      "content_type": 21,
+      "codename": "add_group"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 88,
+    "fields": {
+      "name": "Can change group",
+      "content_type": 21,
+      "codename": "change_group"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 89,
+    "fields": {
+      "name": "Can delete group",
+      "content_type": 21,
+      "codename": "delete_group"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 90,
+    "fields": {
+      "name": "Can view group",
+      "content_type": 21,
+      "codename": "view_group"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 91,
+    "fields": {
+      "name": "Can add user",
+      "content_type": 22,
+      "codename": "add_user"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 92,
+    "fields": {
+      "name": "Can change user",
+      "content_type": 22,
+      "codename": "change_user"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 93,
+    "fields": {
+      "name": "Can delete user",
+      "content_type": 22,
+      "codename": "delete_user"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 94,
+    "fields": {
+      "name": "Can view user",
+      "content_type": 22,
+      "codename": "view_user"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 95,
+    "fields": {
+      "name": "Can add content type",
+      "content_type": 23,
+      "codename": "add_contenttype"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 96,
+    "fields": {
+      "name": "Can change content type",
+      "content_type": 23,
+      "codename": "change_contenttype"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 97,
+    "fields": {
+      "name": "Can delete content type",
+      "content_type": 23,
+      "codename": "delete_contenttype"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 98,
+    "fields": {
+      "name": "Can view content type",
+      "content_type": 23,
+      "codename": "view_contenttype"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 99,
+    "fields": {
+      "name": "Can add session",
+      "content_type": 24,
+      "codename": "add_session"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 100,
+    "fields": {
+      "name": "Can change session",
+      "content_type": 24,
+      "codename": "change_session"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 101,
+    "fields": {
+      "name": "Can delete session",
+      "content_type": 24,
+      "codename": "delete_session"
+    }
+  },
+  {
+    "model": "auth.permission",
+    "pk": 102,
+    "fields": {
+      "name": "Can view session",
+      "content_type": 24,
+      "codename": "view_session"
+    }
+  },
+  {
+    "model": "auth.user",
+    "pk": 1,
+    "fields": {
+      "password": "pbkdf2_sha256$390000$Kt88MhSU3wsBuvk5eaezwQ$MV3CgIHzoVRz9GUh30vZTR6m0pEIJaiUtPEvN+QQye8=",
+      "last_login": "2025-01-13T23:26:16.491Z",
+      "is_superuser": true,
+      "username": "tester",
+      "first_name": "test",
+      "last_name": "testsen",
+      "email": "",
+      "is_staff": true,
+      "is_active": true,
+      "date_joined": "2025-01-13T23:25:49.245Z",
+      "groups": [],
+      "user_permissions": []
+    }
+  },
+  {
+    "model": "auth.user",
+    "pk": 2,
+    "fields": {
+      "password": "pbkdf2_sha256$30000$ivRA8qABWClG$pxi2R4uyotlGpwa66RQuDOXFaO9JElQutMFJqXmnOdI=",
+      "last_login": null,
+      "is_superuser": true,
+      "username": "q",
+      "first_name": "q",
+      "last_name": "q",
+      "email": "",
+      "is_staff": true,
+      "is_active": true,
+      "date_joined": "2025-01-13T23:25:49.247Z",
+      "groups": [],
+      "user_permissions": []
+    }
+  },
+  {
+    "model": "auth.user",
+    "pk": 3,
+    "fields": {
+      "password": "pbkdf2_sha256$30000$ivRA8qABWClG$pxi2R4uyotlGpwa66RQuDOXFaO9JElQutMFJqXmnOdI=",
+      "last_login": null,
+      "is_superuser": false,
+      "username": "nodough",
+      "first_name": "no",
+      "last_name": "dough",
+      "email": "",
+      "is_staff": false,
+      "is_active": true,
+      "date_joined": "2025-01-13T23:25:49.247Z",
+      "groups": [],
+      "user_permissions": []
+    }
+  },
+  {
+    "model": "auth.user",
+    "pk": 4,
+    "fields": {
+      "password": "pbkdf2_sha256$30000$ivRA8qABWClG$pxi2R4uyotlGpwa66RQuDOXFaO9JElQutMFJqXmnOdI=",
+      "last_login": null,
+      "is_superuser": false,
+      "username": "lowdough",
+      "first_name": "low",
+      "last_name": "dough",
+      "email": "",
+      "is_staff": false,
+      "is_active": true,
+      "date_joined": "2025-01-13T23:25:49.248Z",
+      "groups": [],
+      "user_permissions": []
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 1,
+    "fields": {
+      "app_label": "stregsystem",
+      "model": "member"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 2,
+    "fields": {
+      "app_label": "stregsystem",
+      "model": "news"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 3,
+    "fields": {
+      "app_label": "stregsystem",
+      "model": "oldprice"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 4,
+    "fields": {
+      "app_label": "stregsystem",
+      "model": "payment"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 5,
+    "fields": {
+      "app_label": "stregsystem",
+      "model": "product"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 6,
+    "fields": {
+      "app_label": "stregsystem",
+      "model": "room"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 7,
+    "fields": {
+      "app_label": "stregsystem",
+      "model": "sale"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 8,
+    "fields": {
+      "app_label": "stregsystem",
+      "model": "category"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 9,
+    "fields": {
+      "app_label": "stregsystem",
+      "model": "mobilepayment"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 10,
+    "fields": {
+      "app_label": "stregsystem",
+      "model": "namedproduct"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 11,
+    "fields": {
+      "app_label": "stregsystem",
+      "model": "pendingsignup"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 12,
+    "fields": {
+      "app_label": "stregsystem",
+      "model": "theme"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 13,
+    "fields": {
+      "app_label": "stregsystem",
+      "model": "productnote"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 14,
+    "fields": {
+      "app_label": "stregreport",
+      "model": "breadrazzia"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 15,
+    "fields": {
+      "app_label": "stregreport",
+      "model": "razziaentryold"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 16,
+    "fields": {
+      "app_label": "kiosk",
+      "model": "kioskitem"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 17,
+    "fields": {
+      "app_label": "razzia",
+      "model": "razzia"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 18,
+    "fields": {
+      "app_label": "razzia",
+      "model": "razziaentry"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 19,
+    "fields": {
+      "app_label": "admin",
+      "model": "logentry"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 20,
+    "fields": {
+      "app_label": "auth",
+      "model": "permission"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 21,
+    "fields": {
+      "app_label": "auth",
+      "model": "group"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 22,
+    "fields": {
+      "app_label": "auth",
+      "model": "user"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 23,
+    "fields": {
+      "app_label": "contenttypes",
+      "model": "contenttype"
+    }
+  },
+  {
+    "model": "contenttypes.contenttype",
+    "pk": 24,
+    "fields": {
+      "app_label": "sessions",
+      "model": "session"
     }
   }
-]
+]
\ No newline at end of file
diff --git a/stregsystem/migrations/0021_payment_notes_room_notes.py b/stregsystem/migrations/0021_payment_notes_room_notes.py
new file mode 100644
index 00000000..c2f6ca06
--- /dev/null
+++ b/stregsystem/migrations/0021_payment_notes_room_notes.py
@@ -0,0 +1,23 @@
+# Generated by Django 4.1.13 on 2024-12-09 17:17
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("stregsystem", "0020_alter_member_username"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="payment",
+            name="notes",
+            field=models.TextField(blank=True),
+        ),
+        migrations.AddField(
+            model_name="room",
+            name="notes",
+            field=models.TextField(blank=True),
+        ),
+    ]
diff --git a/stregsystem/migrations/0022_productnote.py b/stregsystem/migrations/0022_productnote.py
new file mode 100644
index 00000000..27198707
--- /dev/null
+++ b/stregsystem/migrations/0022_productnote.py
@@ -0,0 +1,50 @@
+# Generated by Django 4.1.13 on 2025-01-13 23:17
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ("stregsystem", "0021_payment_notes_room_notes"),
+    ]
+
+    operations = [
+        migrations.CreateModel(
+            name="ProductNote",
+            fields=[
+                (
+                    "id",
+                    models.AutoField(
+                        auto_created=True,
+                        primary_key=True,
+                        serialize=False,
+                        verbose_name="ID",
+                    ),
+                ),
+                ("text", models.TextField()),
+                ("active", models.BooleanField(default=True)),
+                (
+                    "background_color",
+                    models.CharField(
+                        blank="red",
+                        help_text="Write a valid html color (default: red)",
+                        max_length=20,
+                    ),
+                ),
+                (
+                    "text_color",
+                    models.CharField(
+                        blank="black",
+                        help_text="Write a valid html color (default: black)",
+                        max_length=20,
+                    ),
+                ),
+                ("start_date", models.DateField()),
+                ("end_date", models.DateField()),
+                ("comment", models.TextField(blank=True)),
+                ("products", models.ManyToManyField(to="stregsystem.product")),
+                ("rooms", models.ManyToManyField(blank=True, to="stregsystem.room")),
+            ],
+        ),
+    ]
diff --git a/stregsystem/models.py b/stregsystem/models.py
index ec72bbac..1cb7fed2 100644
--- a/stregsystem/models.py
+++ b/stregsystem/models.py
@@ -346,6 +346,7 @@ class Meta:
     member = models.ForeignKey(Member, on_delete=models.CASCADE)
     timestamp = models.DateTimeField(auto_now_add=True)
     amount = models.IntegerField()  # penge, oere...
+    notes = models.TextField(blank=True)
 
     @deprecated
     def amount_display(self):
@@ -564,6 +565,7 @@ class Meta:
 class Room(models.Model):
     name = models.CharField(max_length=64)
     description = models.CharField(max_length=64)
+    notes = models.TextField(blank=True)
 
     @deprecated
     def __unicode__(self):
@@ -626,6 +628,29 @@ def is_active(self):
         return self.active and not expired and not out_of_stock
 
 
+class ProductNote(models.Model):
+    """A tag that can be assigned to products.
+
+    Model for notes about a product, which should be visible in a certain range of time.
+    Such as a note stating that the product is new for the first couple of weeks.
+    """
+
+    products = models.ManyToManyField(Product)
+    rooms = models.ManyToManyField(Room, blank=True)
+    text = models.TextField()
+    active = models.BooleanField(default=True)
+    background_color = models.CharField(
+        max_length=20, help_text="Write a valid html color (default: red)", blank="red"
+    )  # If anyone wants to use LightGoldenRodYellow, they can
+    text_color = models.CharField(max_length=20, help_text="Write a valid html color (default: black)", blank="black")
+    start_date = models.DateField()
+    end_date = models.DateField()
+    comment = models.TextField(blank=True)
+
+    def __str__(self):
+        return self.text + " (" + " | ".join(str(x.name) for x in self.products.all()) + ")"
+
+
 class NamedProduct(models.Model):
     name = models.CharField(max_length=50, unique=True, validators=[RegexValidator(regex=r'^[^\d:\-_][\w\-]+$')])
     product = models.ForeignKey(Product, on_delete=models.CASCADE, related_name='named_id')
diff --git a/stregsystem/static/stregsystem/external_link_qrs/code.svg b/stregsystem/static/stregsystem/external_link_qrs/code.svg
new file mode 100644
index 00000000..87472928
--- /dev/null
+++ b/stregsystem/static/stregsystem/external_link_qrs/code.svg
@@ -0,0 +1,15 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	version="1.1"
+	viewBox="0 0 296 296"
+	width="296"
+	height="296"
+	style="color-scheme: light dark"
+>
+	<title>https://github.com/f-klubben/stregsystemet</title>
+	<path
+		fill="currentcolor"
+		d="M32 32h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 48h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm8-224h8v8h-8zm0 48h8v8h-8zm0 32h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 48h8v8h-8zm0 48h8v8h-8zm8-224h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm8-224h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm8-224h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm8-224h8v8h-8zm0 48h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm0 48h8v8h-8zm8-224h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm8-160h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 48h8v8h-8zm8-152h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm8-216h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 32h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 40h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm8-208h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 24h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm0 8h8v8h-8zm0 40h8v8h-8zm0 8h8v8h-8zm8-216h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 40h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm8-168h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm8-200h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm0 56h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 40h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm8-208h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 48h8v8h-8zm0 32h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm8-200h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm8-216h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 32h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 40h8v8h-8zm0 56h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm8-200h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 24h8v8h-8zm0 24h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm8-208h8v8h-8zm0 16h8v8h-8zm0 32h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 32h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm8-192h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm8-200h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 32h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm8-160h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 24h8v8h-8zm0 16h8v8h-8zm0 32h8v8h-8zm0 32h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm8-208h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 40h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 40h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm8-224h8v8h-8zm0 48h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 40h8v8h-8zm0 32h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm8-216h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm8-224h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 40h8v8h-8zm0 16h8v8h-8zm0 24h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 24h8v8h-8zm8-216h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 48h8v8h-8zm0 8h8v8h-8zm8-216h8v8h-8zm0 48h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm0 32h8v8h-8zm0 24h8v8h-8zm0 32h8v8h-8zm0 16h8v8h-8zm8-208h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 56h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8z"
+	/>
+</svg>
diff --git a/stregsystem/static/stregsystem/external_link_qrs/tos.svg b/stregsystem/static/stregsystem/external_link_qrs/tos.svg
new file mode 100644
index 00000000..497dad83
--- /dev/null
+++ b/stregsystem/static/stregsystem/external_link_qrs/tos.svg
@@ -0,0 +1,15 @@
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	version="1.1"
+	viewBox="0 0 264 264"
+	width="264"
+	height="264"
+	style="color-scheme: light dark"
+>
+	<title>https://fklub.dk/tos</title>
+	<path
+		fill="currentcolor"
+		d="M32 32h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 16h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm8-192h8v8h-8zm0 48h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 48h8v8h-8zm8-192h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm8-192h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 32h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm8-192h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 24h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm8-192h8v8h-8zm0 48h8v8h-8zm0 24h8v8h-8zm0 24h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 48h8v8h-8zm8-192h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm8-128h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm8-128h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm8-184h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm8-152h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 48h8v8h-8zm8-176h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 64h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm8-192h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm0 24h8v8h-8zm0 56h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm8-184h8v8h-8zm0 24h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 40h8v8h-8zm0 8h8v8h-8zm8-184h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 40h8v8h-8zm0 24h8v8h-8zm0 16h8v8h-8zm8-192h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 24h8v8h-8zm0 40h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm8-184h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm8-120h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 32h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm8-192h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 32h8v8h-8zm8-192h8v8h-8zm0 48h8v8h-8zm0 64h8v8h-8zm0 16h8v8h-8zm0 32h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm8-192h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 56h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm8-184h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 32h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm8-184h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 32h8v8h-8zm0 56h8v8h-8zm8-168h8v8h-8zm0 48h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm8-192h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 8h8v8h-8zm0 8h8v8h-8zm0 24h8v8h-8zm0 8h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8zm0 16h8v8h-8z"
+	/>
+</svg>
diff --git a/stregsystem/static/stregsystem/stregsystem.css b/stregsystem/static/stregsystem/stregsystem.css
index adc73782..4f484f34 100644
--- a/stregsystem/static/stregsystem/stregsystem.css
+++ b/stregsystem/static/stregsystem/stregsystem.css
@@ -69,16 +69,47 @@ ol span {
     font-weight: normal;
 }
 
-button.linkalike {
-  background: none;
-  border: none;
+button {
   cursor: pointer;
-  font: inherit;
-  text-decoration: underline;
-  color: LinkText;
 
-  &:active{
-    color: ActiveText;
+    &.linkalike {
+    background: none;
+    border: none;
+    cursor: pointer;
+    font: inherit;
+    text-decoration: underline;
+    color: LinkText;
+
+    &:active{
+      color: ActiveText;
+    }
+  }
+}
+
+.external-link-popover {
+  font-size: 1.5em;
+  padding: 1em;
+
+  & p {
+    margin: 0;
+  }
+  & button {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: .1em;
+    background: none;
+    border: none;
+
+    & svg {
+      width: 2.2em;
+      height: 2.2em;
+    }
+  }
+  & img {
+    width: 100vw;
+    max-width: 40vmin;
+    max-height: 40vmin;
   }
 }
 
diff --git a/stregsystem/static/stregsystem/themes/fireworks/fireworks.css b/stregsystem/static/stregsystem/themes/fireworks/fireworks.css
index c5003412..f3eb35b7 100644
--- a/stregsystem/static/stregsystem/themes/fireworks/fireworks.css
+++ b/stregsystem/static/stregsystem/themes/fireworks/fireworks.css
@@ -1,16 +1,14 @@
-html, body {
-  margin: 0;
-  width: 100%;
-  height: 100%;
-  color: white;
+:root {
+	color-scheme: dark;
+	background-color: black;
 }
 
-#rocket {
-  display: none;
-}
+#fireworks-container {
+	z-index: -100;
 
-canvas {
-  position: absolute;
-  top: 0;
-  left: 0;
+	& canvas,
+	& div {
+		position: absolute;
+		inset: 0;
+	}
 }
diff --git a/stregsystem/static/stregsystem/themes/fireworks/fireworks.js b/stregsystem/static/stregsystem/themes/fireworks/fireworks.js
index f2d4e7ec..ef613cc9 100644
--- a/stregsystem/static/stregsystem/themes/fireworks/fireworks.js
+++ b/stregsystem/static/stregsystem/themes/fireworks/fireworks.js
@@ -1,18 +1,12 @@
-// Make the text readable
-document.body.style.color = "white";
-
 const starsPerPixel = 0.01;
 
 const rocketConfig = {
-  timeBetweenRockets: 1.2, // Seconds between rockets
-  timeRandomness: 2,
-  speed: 200, // Pixels per second.
-  size: [ 50, 100 ] // Size in pixels
+	timeBetweenRockets: 1.2, // Seconds between rockets
+	timeRandomness: 2,
+	speed: 200, // Pixels per second.
+	size: [50, 100], // Size in pixels
 };
 
-// Crank this bitch up to make it more better (laggy)
-const numSimultaneousExplosions = 8;
-
 const minColor = 0.1;
 const maxColor = 0.8;
 
@@ -26,319 +20,349 @@ const minSpaceFromSides = 150;
 
 const maxDifferenceBetweenStartXandEndX = 250;
 
-const body = document.body;
-const canvasContainer = document.getElementById("canvas-container");
-const rocketImg = document.getElementById("rocket");
+const fireworksContainer = document.querySelector("#fireworks-container");
+const rocketImg = fireworksContainer.querySelector("#fireworks-rocket");
+const explosionsContainer = fireworksContainer.querySelector(".explosions");
+const explosionCanvasTemplate = fireworksContainer.querySelector(
+	"#fireworks-explosion",
+);
 
-
-const starCanvas = createCanvas("star", -100, updateStars);
-starCanvas.canvas.style.backgroundColor = "black";
-const rocketCanvas = createCanvas("rocket", -1);
+const starCanvas = wrapCanvas(
+	fireworksContainer.querySelector(".stars"),
+	updateStars,
+);
+const rocketCanvas = wrapCanvas(fireworksContainer.querySelector(".rockets"));
 
 const canvases = [starCanvas, rocketCanvas];
 const explosionCanvases = [];
 
-for (let i = 0; i < numSimultaneousExplosions; i++) {
-  const canvas = createCanvas("explosion" + i, -50, function(canvas) {canvas.ctx.globalCompositeOperation = "lighter"});
-  canvas.used = false;
-  canvases.push(canvas);
-  explosionCanvases.push(canvas);
-}
-
 window.addEventListener("resize", updateCanvasSizes);
-updateCanvasSizes();
-
 
 let explosionLastTime = null;
-let explosions = [];
-
+const explosions = [];
 
 function updateExplosions(now) {
-  if (explosionLastTime === null) {
-    explosionLastTime = now;
-  }
-  const deltaTime = (now - explosionLastTime) / 1000;
-  explosionLastTime = now;
-
-  const explosionsToRemove = [];
-
-  for (let j = explosions.length - 1; j >= 0; j--) {
-    const explosion = explosions[j];
-
-    const canvas = explosion.canvas.canvas;
-    const ctx = explosion.canvas.ctx;
-
-    const f = explosion.timeLeft / 5;
-    const directionFactor = deltaTime * 80 * smoothStep(f);
-    const gravityFactor = explosion.gravityFactor * deltaTime;
-
-    // Update sparkles
-    for (let i = 0; i < explosion.sparkles.length; i++) {
-      const sparkle = explosion.sparkles[i];
-
-      const oldPositionX = sparkle.position[0];
-      const oldPositionY = sparkle.position[1];
-
-      const newPositionX = sparkle.position[0] + sparkle.direction[0] * directionFactor;
-      const newPositionY = sparkle.position[1] + sparkle.direction[1] * directionFactor + gravityFactor;
-
-      sparkle.position[0] = newPositionX;
-      sparkle.position[1] = newPositionY;
-
-      const color = rgbaToString(sparkle.color[0] * f, sparkle.color[1] * f, sparkle.color[2] * f);
-      drawLine(ctx, oldPositionX, oldPositionY, newPositionX, newPositionY, color, f * 3);
-
-
-
-      // Draw flashes
-      const flashTime2 = flashTime + sparkle.flashSpeedOffset;
-      const fadeFactor = explosion.timeLeft <= 1 ? explosion.timeLeft : 1;
-
-      let flashFactor = ((now + sparkle.flashOffset) % flashTime2) / flashTime2;
-      if (flashFactor < 0.5) {
-        flashFactor = 1 - flashFactor;
-      }
-      
-      flashFactor *= fadeFactor;
-
-
-      const flashesColor = rgbaToString(sparkle.flashColor[0] * flashFactor, sparkle.flashColor[1] * flashFactor, sparkle.flashColor[2] * flashFactor);
-      //const flashesColor = sparkle.flashColor;
-
-      const rCtx = rocketCanvas.ctx;
-
-      rCtx.fillStyle = flashesColor;
-      rCtx.fillRect(newPositionX - 1, newPositionY - 1, 2, 2);
-    }
-
-    explosion.gravityFactor += 9.82 * deltaTime * 1;
-    explosion.timeLeft -= deltaTime;
-
-    if (explosion.timeLeft <= 0) {
-      explosionsToRemove.push(explosion);
-    }
-    else if (explosion.timeLeft <= 2) {
-      const fadeOut = explosion.timeLeft / 2;
-      canvas.style.opacity = fadeOut;
-      canvas.style.filter = "blur(" + ((1 / fadeOut) - 1) + "px)";
-    }
-
-  }
-
-  for (let explosionToDelete of explosionsToRemove) {
-    const index = explosions.indexOf(explosionToDelete);
-    explosions.splice(index,1);
-    explosionToDelete.canvas.ctx.clearRect(0, 0, explosionToDelete.canvas.canvas.width, explosionToDelete.canvas.canvas.height);
-    explosionToDelete.canvas.used = false;
-    explosionToDelete.canvas.canvas.style.opacity = 1;
-    //explosionToDelete.canvas.canvas.style.blur = 0;
-    explosionToDelete.canvas.canvas.style.filter = "blur(0)";
-  }
+	const deltaTime = (now - (explosionLastTime || now)) / 1000;
+	explosionLastTime = now;
+
+	const explosionsToRemove = [];
+
+	for (const explosion of explosions) {
+		const f = explosion.timeLeft / 5;
+		const directionFactor = deltaTime * 80 * smoothStep(f);
+		const gravityFactor = explosion.gravityFactor * deltaTime;
+
+		// Update sparkles
+		for (const sparkle of explosion.sparkles) {
+			const oldPositionX = sparkle.position[0];
+			const oldPositionY = sparkle.position[1];
+
+			const newPositionX =
+				sparkle.position[0] + sparkle.direction[0] * directionFactor;
+			const newPositionY =
+				sparkle.position[1] +
+				sparkle.direction[1] * directionFactor +
+				gravityFactor;
+
+			sparkle.position[0] = newPositionX;
+			sparkle.position[1] = newPositionY;
+
+			const color = rgbaToString(
+				sparkle.color[0] * f,
+				sparkle.color[1] * f,
+				sparkle.color[2] * f,
+			);
+			drawLine(
+				explosion.canvas.ctx,
+				oldPositionX,
+				oldPositionY,
+				newPositionX,
+				newPositionY,
+				color,
+				f * 3,
+			);
+
+			// Draw flashes
+			const flashTime2 = flashTime + sparkle.flashSpeedOffset;
+			const fadeFactor = explosion.timeLeft <= 1 ? explosion.timeLeft : 1;
+
+			let flashFactor = ((now + sparkle.flashOffset) % flashTime2) / flashTime2;
+			if (flashFactor < 0.5) {
+				flashFactor = 1 - flashFactor;
+			}
+
+			flashFactor *= fadeFactor;
+
+			const flashesColor = rgbaToString(
+				sparkle.flashColor[0] * flashFactor,
+				sparkle.flashColor[1] * flashFactor,
+				sparkle.flashColor[2] * flashFactor,
+			);
+
+			const rCtx = rocketCanvas.ctx;
+
+			rCtx.fillStyle = flashesColor;
+			rCtx.fillRect(newPositionX - 1, newPositionY - 1, 2, 2);
+		}
+
+		explosion.gravityFactor += 9.82 * deltaTime * 1;
+		explosion.timeLeft -= deltaTime;
+
+		if (explosion.timeLeft <= 0) {
+			explosionsToRemove.push(explosion);
+		} else if (explosion.timeLeft <= 2) {
+			const fadeOut = explosion.timeLeft / 2;
+			const style = explosion.canvas.element.style;
+			style.opacity = fadeOut;
+			style.filter = "blur(" + (1 / fadeOut - 1) + "px)";
+		}
+	}
+
+	for (const explosionToRemove of explosionsToRemove) {
+		const index = explosions.indexOf(explosionToRemove);
+		explosions.splice(index, 1);
+		explosionToRemove.canvas.ctx.clearRect(
+			0,
+			0,
+			explosionToRemove.canvas.element.width,
+			explosionToRemove.canvas.element.height,
+		);
+		explosionToRemove.canvas.used = false;
+		const style = explosionToRemove.canvas.element.style;
+		style.opacity = 1;
+		style.filter = "blur(0)";
+	}
 }
 
 let nextRocketTime = 0;
-let rockets = [];
+const rockets = [];
 
 function updateRocket(now) {
-  const canvas = rocketCanvas.canvas;
-  const ctx = rocketCanvas.ctx;
-
-  const width = canvas.width;
-  const height = canvas.height;
-
-  ctx.clearRect(0, 0, width, height);
-
-  if (rocketCanvas.lastTime == null) {
-    rocketCanvas.lastTime = now;
-  }
-
-  const deltaTime = (now - rocketCanvas.lastTime) / 1000;
-  rocketCanvas.lastTime = now;
-
-  if (now >= nextRocketTime) {
-    nextRocketTime = now + rocketConfig.timeBetweenRockets * 1000 + Math.random() * rocketConfig.timeRandomness * 1000;
-
-
-    const endX = Math.random() * (width - (minSpaceFromSides*2)) + minSpaceFromSides;
-    const endY = Math.random() * (height - (minSpaceFromSides*2)) + minSpaceFromSides;
-
-    const startX = (Math.random() * (maxDifferenceBetweenStartXandEndX * 2)- maxDifferenceBetweenStartXandEndX) + endX;
-    const startY = height;
-
-    const xDist = endX - startX;
-    const yDist = endY - startY;
-
-    const angle = Math.atan2(yDist, xDist);
-
-    const direction = [Math.cos(angle), Math.sin(angle)];
-
-    rockets.push({ position: [startX, startY], targetY: endY, angle: angle, direction: direction, speed: rocketConfig.speed});
-  }
-
-  // Update position and remove
-  for (let i = rockets.length - 1; i >= 0; i--) {
-    const rocket = rockets[i];
-    rocket.position[0] += rocket.direction[0] * deltaTime * rocket.speed;
-    rocket.position[1] += rocket.direction[1] * deltaTime * rocket.speed;
-
-
-    if (rocket.position[1] < rocket.targetY) {
-      spawnExplosion(rocket.position);
-      rockets.splice(i,1);
-    }
-  }
-
-  for (let rocket of rockets) {
-    drawImage(ctx, rocketImg, rocket.position[0] - (rocketConfig.size[0] / 2), rocket.position[1] - (rocketConfig.size[1] / 2), rocketConfig.size[0], rocketConfig.size[1], rocket.angle + Math.PI / 2);
-  }
+	const element = rocketCanvas.element;
+	const ctx = rocketCanvas.ctx;
+
+	const width = element.width;
+	const height = element.height;
+
+	ctx.clearRect(0, 0, width, height);
+
+	const deltaTime = (now - (rocketCanvas.lastTime || now)) / 1000;
+	rocketCanvas.lastTime = now;
+
+	if (now >= nextRocketTime) {
+		nextRocketTime =
+			now +
+			rocketConfig.timeBetweenRockets * 1000 +
+			Math.random() * rocketConfig.timeRandomness * 1000;
+
+		const endX =
+			Math.random() * (width - minSpaceFromSides * 2) + minSpaceFromSides;
+		const endY =
+			Math.random() * (height - minSpaceFromSides * 2) + minSpaceFromSides;
+
+		const startX =
+			Math.random() * (maxDifferenceBetweenStartXandEndX * 2) -
+			maxDifferenceBetweenStartXandEndX +
+			endX;
+		const startY = height;
+
+		const xDist = endX - startX;
+		const yDist = endY - startY;
+
+		const angle = Math.atan2(yDist, xDist);
+
+		const direction = [Math.cos(angle), Math.sin(angle)];
+
+		rockets.push({
+			position: [startX, startY],
+			targetY: endY,
+			angle: angle,
+			direction,
+			speed: rocketConfig.speed,
+		});
+	}
+
+	// Update position and remove
+	for (let index = rockets.length - 1; index >= 0; index--) {
+		const rocket = rockets[index];
+		rocket.position[0] += rocket.direction[0] * deltaTime * rocket.speed;
+		rocket.position[1] += rocket.direction[1] * deltaTime * rocket.speed;
+
+		if (rocket.position[1] < rocket.targetY) {
+			spawnExplosion(rocket.position);
+			rockets.splice(index, 1);
+		}
+	}
+
+	for (const rocket of rockets) {
+		drawImage(
+			ctx,
+			rocketImg,
+			rocket.position[0] - rocketConfig.size[0] / 2,
+			rocket.position[1] - rocketConfig.size[1] / 2,
+			rocketConfig.size[0],
+			rocketConfig.size[1],
+			rocket.angle + Math.PI / 2,
+		);
+	}
 }
 
 function runAnimations(now) {
-  updateRocket(now);
-  updateExplosions(now);
+	updateRocket(now);
+	updateExplosions(now);
 
-  window.requestAnimationFrame(runAnimations);
+	window.requestAnimationFrame(runAnimations);
 }
-
 window.requestAnimationFrame(runAnimations);
 
 function spawnExplosion(position) {
-  for (let canvas of explosionCanvases) {
-    if (canvas.used === false) {
-      const explosion = {
-        canvas: canvas,
-        timeLeft: 5,
-        sparkles: [],
-        gravityFactor: 0
-      };
-
-
-      const sparkleColor = generateColor();
-      const sparkleColor2 = generateColor();
-
-      const useSparkleColorForFlash = Math.random() > 0.5;
-
-      for (let i = 0; i < numSparkles; i++) {
-        const angle = Math.random()*Math.PI*2;
-        const radius = Math.random();
-        const x = Math.cos(angle)*radius;
-        const y = Math.sin(angle)*radius;
-        const color = i % 2 == 0 ? sparkleColor : sparkleColor2;
-        const flashColor = useSparkleColorForFlash ? color : [1, 0.5, 0];
-        explosion.sparkles.push({ color: color, position: [position[0], position[1]], direction: [x, y], flashColor: flashColor, flashOffset: Math.random() * flashTime, flashSpeedOffset: Math.random() * 50});
-      }
-
-      canvas.used = true;
-      explosions.push(explosion);
-
-      return;
-    }
-  }
-
-  // Explosion gets skipped when it cant find the canvas.
-  // However, it should be considered an error.
-  console.error("COULD NOT FIND UNUSED CANVAS Increase numSimultaneousExplosions or increase rocketConfig.timeBetweenRockets");
+	const canvas =
+		explosionCanvases.find((candidate) => !candidate.used) ||
+		spawnExplosionCanvas();
+
+	const explosion = {
+		canvas,
+		timeLeft: 5,
+		sparkles: [],
+		gravityFactor: 0,
+	};
+
+	const sparkleColor = generateColor();
+	const sparkleColor2 = generateColor();
+
+	const useSparkleColorForFlash = Math.random() > 0.5;
+
+	for (let i = 0; i < numSparkles; i++) {
+		const angle = Math.random() * Math.PI * 2;
+		const radius = Math.random();
+		const x = Math.cos(angle) * radius;
+		const y = Math.sin(angle) * radius;
+		const color = i % 2 == 0 ? sparkleColor : sparkleColor2;
+		const flashColor = useSparkleColorForFlash ? color : [1, 0.5, 0];
+		explosion.sparkles.push({
+			color: color,
+			position: [...position],
+			direction: [x, y],
+			flashColor: flashColor,
+			flashOffset: Math.random() * flashTime,
+			flashSpeedOffset: Math.random() * 50,
+		});
+	}
+
+	canvas.used = true;
+	explosions.push(explosion);
+
+	function spawnExplosionCanvas() {
+		const elementFragment = explosionCanvasTemplate.content.cloneNode(true);
+		const element = elementFragment.querySelector("canvas");
+		explosionsContainer.appendChild(elementFragment);
+		const canvas = wrapCanvas(element, (canvas) => {
+			canvas.ctx.globalCompositeOperation = "lighter";
+		});
+		canvases.push(canvas);
+		explosionCanvases.push(canvas);
+		return canvas;
+	}
 }
 
-function updateStars() {
-  const canvas = starCanvas.canvas;
-  const ctx = starCanvas.ctx;
+function updateStars(starCanvas) {
+	const element = starCanvas.element;
+	const ctx = starCanvas.ctx;
 
-  const width = canvas.width;
-  const height = canvas.height;
+	const width = element.width;
+	const height = element.height;
 
-  ctx.clearRect(0, 0, width, height);
-  ctx.fillStyle = "white";
+	ctx.clearRect(0, 0, width, height);
+	ctx.fillStyle = "white";
 
-  const stars = width * height * starsPerPixel;
+	const stars = width * height * starsPerPixel;
 
-  for (let i = 0; i < stars; i++) {
-    const x = Math.random() * width;
-    const y = Math.random() * height;
-    const size = Math.random();
-    ctx.fillRect(x, y, size, size);
-  }
+	for (let i = 0; i < stars; i++) {
+		const x = Math.random() * width;
+		const y = Math.random() * height;
+		const size = Math.random();
+		ctx.fillRect(x, y, size, size);
+	}
 }
 
+function wrapCanvas(element, resizeFunc) {
+	const canvas = {
+		element,
+		ctx: element.getContext("2d"),
+		resizeFunc,
+		used: false,
+	};
+	updateCanvasSize(canvas);
 
-function createCanvas(name, zIndex, resizeFunc) {
-  const canvas = document.createElement("canvas");
-  canvas.id = name + "-canvas";
-  canvas.style.zIndex = zIndex;
-  const ctx = canvas.getContext("2d");
-
-  canvasContainer.appendChild(canvas);
-
-  return { canvas: canvas, ctx: ctx, resizeFunc: resizeFunc };
+	return canvas;
 }
 
 function updateCanvasSizes() {
-  for (let canvas of canvases) {
-    const c = canvas.canvas;
-    c.width = body.clientWidth;
-    c.height = body.clientHeight;
-
-    if (canvas.resizeFunc !== undefined) {
-      canvas.resizeFunc(canvas);
-    }
-  }
+	for (const canvas of canvases) {
+		updateCanvasSize(canvas);
+	}
+}
+function updateCanvasSize(canvas) {
+	const element = canvas.element;
+	element.width = document.body.clientWidth;
+	element.height = document.body.clientHeight;
+
+	canvas.resizeFunc?.(canvas);
 }
 
 function drawLine(ctx, x0, y0, x1, y1, color, thickness) {
-  const halfThickness = thickness / 2;
-  const angle = Math.atan2(y1 - y0, x1 - x0);
-  
-  const angle0 = angle + Math.PI / 2;
-  const angle1 = angle - Math.PI / 2;
-  
-  const halfwayX = (x1 + x0) / 2;
-  const halfwayY = (y1 + y0) / 2;
-  
-  const gX0 = Math.cos(angle0) * halfThickness + halfwayX;
-  const gY0 = Math.sin(angle0) * halfThickness + halfwayY;
-  
-  const gX1 = Math.cos(angle1) * halfThickness + halfwayX;
-  const gY1 = Math.sin(angle1) * halfThickness + halfwayY;
-  
-  
-  const gradient = ctx.createLinearGradient(gX0, gY0, gX1, gY1);
-  gradient.addColorStop(0, "black");
-  gradient.addColorStop(0.5, color);
-  gradient.addColorStop(1, "black");
-
-  ctx.strokeStyle = gradient;
-  ctx.lineWidth = thickness;
-  ctx.beginPath();
-  ctx.moveTo(x0, y0);
-  ctx.lineTo(x1, y1);
-  ctx.stroke();
+	const halfThickness = thickness / 2;
+	const angle = Math.atan2(y1 - y0, x1 - x0);
+
+	const angle0 = angle + Math.PI / 2;
+	const angle1 = angle - Math.PI / 2;
+
+	const halfwayX = (x1 + x0) / 2;
+	const halfwayY = (y1 + y0) / 2;
+
+	const gX0 = Math.cos(angle0) * halfThickness + halfwayX;
+	const gY0 = Math.sin(angle0) * halfThickness + halfwayY;
+
+	const gX1 = Math.cos(angle1) * halfThickness + halfwayX;
+	const gY1 = Math.sin(angle1) * halfThickness + halfwayY;
+
+	const gradient = ctx.createLinearGradient(gX0, gY0, gX1, gY1);
+	gradient.addColorStop(0, "black");
+	gradient.addColorStop(0.5, color);
+	gradient.addColorStop(1, "black");
+
+	ctx.strokeStyle = gradient;
+	ctx.lineWidth = thickness;
+	ctx.beginPath();
+	ctx.moveTo(x0, y0);
+	ctx.lineTo(x1, y1);
+	ctx.stroke();
 }
 
 function smoothStep(x) {
-  return x * x * (3 - 2 * x);
+	return x * x * (3 - 2 * x);
 }
 
 function rgbaToString(r, g, b, a) {
-
-  return`rgba(${r * 255}, ${g * 255}, ${b * 255}, ${(a === undefined ? 1.0 : a) * 255})`;
+	return `rgba(${r * 255}, ${g * 255}, ${b * 255}, ${(a === undefined ? 1 : a) * 255})`;
 }
 
 function hslaToString(h, s, l, a) {
-  return `hsla(${h * 359}, ${s * 100}%, ${l * 100}%, ${a})`;
+	return `hsla(${h * 359}, ${s * 100}%, ${l * 100}%, ${a})`;
 }
 
 function generateColor() {
-  function g() {
-    return Math.random() * (maxColor - minColor) + minColor;
-  }
-  return [g(), g(), g()];
+	function g() {
+		return Math.random() * (maxColor - minColor) + minColor;
+	}
+	return [g(), g(), g()];
 }
 
-function drawImage(ctx, image, x, y, w, h, degrees){
-  ctx.save();
-  ctx.translate(x+w/2, y+h/2);
-  ctx.rotate(degrees);
-  ctx.translate(-x-w/2, -y-h/2);
-  ctx.drawImage(image, x, y, w, h);
-  ctx.restore();
+function drawImage(ctx, image, x, y, w, h, degrees) {
+	ctx.save();
+	ctx.translate(x + w / 2, y + h / 2);
+	ctx.rotate(degrees);
+	ctx.translate(-x - w / 2, -y - h / 2);
+	ctx.drawImage(image, x, y, w, h);
+	ctx.restore();
 }
diff --git a/stregsystem/static/stregsystem/themes/fireworks/rocket.png b/stregsystem/static/stregsystem/themes/fireworks/rocket.png
deleted file mode 100644
index d178931a..00000000
Binary files a/stregsystem/static/stregsystem/themes/fireworks/rocket.png and /dev/null differ
diff --git a/stregsystem/static/stregsystem/themes/fireworks/rocket.svg b/stregsystem/static/stregsystem/themes/fireworks/rocket.svg
index bc194478..ca0c36c5 100644
--- a/stregsystem/static/stregsystem/themes/fireworks/rocket.svg
+++ b/stregsystem/static/stregsystem/themes/fireworks/rocket.svg
@@ -1,178 +1,66 @@
-<?xml version="1.0" encoding="UTF-8" standalone="no"?>
-<!-- Created with Inkscape (http://www.inkscape.org/) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
 <svg
-    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
-    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
-    xmlns="http://www.w3.org/2000/svg"
-    xmlns:cc="http://creativecommons.org/ns#"
-    xmlns:dc="http://purl.org/dc/elements/1.1/"
-    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
-    xmlns:svg="http://www.w3.org/2000/svg"
-    xmlns:ns1="http://sozi.baierouge.fr"
-    xmlns:xlink="http://www.w3.org/1999/xlink"
-    id="svg5861"
-    sodipodi:docname="New document 5.2010_12_29_11_18_28.0.svg"
-    viewBox="0 0 93.707 353.01"
-    version="1.1"
-    inkscape:version="0.47 r22583"
-  >
-  <sodipodi:namedview
-      id="base"
-      bordercolor="#666666"
-      inkscape:pageshadow="2"
-      inkscape:window-y="-8"
-      pagecolor="#ffffff"
-      inkscape:window-height="1002"
-      inkscape:window-maximized="1"
-      inkscape:zoom="0.98994949"
-      inkscape:window-x="-8"
-      showgrid="false"
-      borderopacity="1.0"
-      inkscape:current-layer="layer1"
-      inkscape:cx="49.140199"
-      inkscape:cy="72.996525"
-      inkscape:window-width="1280"
-      inkscape:pageopacity="0.0"
-      inkscape:document-units="px"
-  />
-  <g
-      id="layer1"
-      inkscape:label="Layer 1"
-      inkscape:groupmode="layer"
-      transform="translate(-233.15 -72.856)"
-    >
-    <rect
-        id="rect3614"
-        style="fill:#ffffff"
-        inkscape:export-ydpi="118"
-        inkscape:export-filename="C:\Users\SogM\Desktop\path5933.png"
-        height="159.1"
-        width="48.992"
-        inkscape:export-xdpi="118"
-        y="137.16"
-        x="258.09"
-    />
-    <rect
-        id="rect3612"
-        style="stroke:#000000;fill:#ccd100"
-        inkscape:export-ydpi="118.04"
-        inkscape:export-filename="C:\Users\SogM\Desktop\path5933.png"
-        height="270"
-        width="2.8571"
-        inkscape:export-xdpi="118.04"
-        y="155.36"
-        x="307.29"
-    />
-    <path
-        id="rect5920"
-        style="fill:#d90000"
-        d="m281.17 76.586-44.354 67.263 20.578 0.25198c-0.003 1.1915-0.0206 9.349-0.0256 10.955 3.5472 3.5125 22.06 20.417 48.099 18.277l-0.0603-19.381c-5.2307 1.2872-20.257 3.3614-37.07-9.1664-0.20457-0.2222-0.39439-0.40484-0.59963-0.59029l55.524 0.66603-42.092-68.275zm-23.868 90.898c-0.0183 5.8374-0.021 12.197-0.0502 21.293 5.5302 4.1356 25.372 17.729 48.32 18.655l-0.02-15.74c-6.2498 0.53492-25.154-0.2776-48.242-24.206zm-0.0832 32.977c-0.0291 8.8586-0.0536 10.155-0.0856 19.503 4.4901 3.5281 23.355 17.286 48.541 20.699l-0.0583-16.412c-5.5717 0.0543-25.723-1.4578-48.397-23.79zm-0.10925 32.376c-0.0307 8.6939-0.0385 17.028-0.0677 24.6 0.0863-1.1714 0.12531-2.0724 0.0808-2.1484 0 0 22.909 17.759 48.649 18.969l-0.0463-17.071c-1.9181-0.39634-30.574-6.5608-48.616-24.35zm-0.1054 35.163c-0.0575 14.042-0.12351 23.702-0.15142 24.395 8.1933 11.463 33.885 15.54 48.973 3.4561l-0.03-5.4885c-4.6895-0.22173-33.565-2.3859-48.792-22.363z"
-        inkscape:export-ydpi="118.04"
-        inkscape:export-filename="C:\Users\SogM\Desktop\path5933.png"
-        inkscape:export-xdpi="118.04"
-    />
-    <path
-        id="path2831"
-        style="fill:#ff1818"
-        d="m284.14 82.001 8.7014 61.819 29.579 0.23868-39.089-66.966 0.80766 4.9084z"
-        inkscape:export-ydpi="118.04"
-        sodipodi:nodetypes="ccccc"
-        inkscape:export-filename="C:\Users\SogM\Desktop\path5933.png"
-        inkscape:export-xdpi="118.04"
-    />
-    <path
-        id="path5933"
-        style="block-progression:tb;text-indent:0;color:#000000;text-transform:none;fill:#000000"
-        d="m281.23 72.856-1.7151 2.6356-44.354 67.263-2.0088 3.0614 3.6442 0.037 19.625 0.23157c-0.003 1.0232-0.11364 36.046-0.23768 72.443-0.0629 18.462-0.11862 37.001-0.17631 51.107-0.0288 7.0534-0.0721 12.997-0.095 17.262-0.0229 4.2651-0.0555 7.1112-0.0564 7.1331l-0.0232 0.70187 0.40163 0.56148c4.6068 6.4454 13.575 10.4 23.338 11.385 9.7627 0.98481 20.469-1.1051 28.531-7.5619l0.74554-0.58198 0.005-0.98076-0.45545-150.86 14.844 0.17228 3.6172 0.0528-1.8873-3.0956-42.092-68.275-1.6502-2.6912zm-0.10287 7.4863 38.512 62.477-15.148-0.32008-36.76 0.93957-1.9615-0.009 1.4605 1.3172c0.19421 0.17546 0.38134 0.3336 0.56803 0.53637l0.0316 0.0539 0.0585 0.0381c16.222 12.088 30.658 10.783 36.644 9.489l0.0342 17.73c-21.337 1.4188-37.373-9.9702-43.914-15.587l0.0989-14.475-20.21-0.61269 40.587-61.577zm-11.124 64.626 34.485 0.43081 0.0422 7.9809c-5.4945 1.2009-19.114 2.4844-34.527-8.4117zm-9.3766 13.974c7.2904 6.0227 23.149 16.552 43.944 15.207l0.0165 16.835c-6.5232 0.34433-23.305-1.1305-44.043-21.307l0.0823-10.734zm-0.10729 12.669c20.654 19.63 37.383 21.188 44.08 20.814l0.0489 14.171c-19.605-1.1021-36.754-11.314-44.269-16.502l0.13959-18.484zm-0.13114 20.29c8.1076 5.4802 24.956 15.17 44.25 16.223l0.0583 15.361c-6.2164-0.12604-24.026-2.2675-44.394-21.102l0.0851-10.483zm-0.099 12.374c20.504 18.504 38.236 20.587 44.393 20.668l0.048 14.788c-21.231-3.1474-37.745-13.531-44.581-18.456 0.003-0.98711 0.0244-1.7457 0.0278-2.7331l0.1128-14.266zm-0.12748 18.875c7.5139 5.2854 23.824 15.121 44.574 18.134l0.0146 14.916c-4.9629-1.1279-28.165-7.0113-44.635-21.576 0.0133-4.0555 0.0331-7.3345 0.0469-11.474zm-0.0385 13.281c17.468 14.951 41.133 20.524 44.644 21.281l0.023 15.672c-20.467-1.3184-38.727-12.786-44.747-16.946 0.0224-6.3013 0.0569-12.975 0.08-20.007zm-0.0827 21.856c6.4401 4.4302 24.275 15.382 44.755 16.652l0.0499 14.605c-6.0292-0.3857-30.124-2.951-44.837-19.139 0.001-0.30414-0.01-0.44744-0.008-0.75579 0.0128-3.1365 0.0277-7.8372 0.0404-11.362zm-0.0412 14.079c15.428 15.999 39.231 18.338 44.847 18.662l0.0234 4.5505c-7.302 5.6008-17.051 7.5445-26.029 6.6387-2.8018-0.28265-5.5142-0.82686-8.0497-1.62-0.0355-0.0129-0.0659-0.0363-0.10131-0.0492-0.0915-0.0289-0.18143-0.0644-0.27239-0.0939-4.5395-1.7079-8.3018-4.205-10.561-7.1391 0.0202-0.94601 0.0446-2.6203 0.0648-6.3773 0.0193-3.5976 0.0545-8.9273 0.0784-14.572z"
-        inkscape:export-ydpi="118.04"
-        sodipodi:nodetypes="ccccccssscccscccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccccsccccsssccsc"
-        inkscape:export-filename="C:\Users\SogM\Desktop\path5933.png"
-        inkscape:export-xdpi="118.04"
-    />
-  </g
-  >
-  <metadata
-    >
-    <rdf:RDF
-      >
-      <cc:Work
-        >
-        <dc:format
-          >image/svg+xml</dc:format
-        >
-        <dc:type
-            rdf:resource="http://purl.org/dc/dcmitype/StillImage"
-        />
-        <cc:license
-            rdf:resource="http://creativecommons.org/licenses/publicdomain/"
-        />
-        <dc:publisher
-          >
-          <cc:Agent
-              rdf:about="http://openclipart.org/"
-            >
-            <dc:title
-              >Openclipart</dc:title
-            >
-          </cc:Agent
-          >
-        </dc:publisher
-        >
-        <dc:title
-          >Rocket (fireworks)</dc:title
-        >
-        <dc:date
-          >2010-12-29T10:31:14</dc:date
-        >
-        <dc:description
-        />
-        <dc:source
-          >https://openclipart.org/detail/102433/rocket-fireworks-by-loproc</dc:source
-        >
-        <dc:creator
-          >
-          <cc:Agent
-            >
-            <dc:title
-              >loproc</dc:title
-            >
-          </cc:Agent
-          >
-        </dc:creator
-        >
-        <dc:subject
-          >
-          <rdf:Bag
-            >
-            <rdf:li
-              >fireworks</rdf:li
-            >
-            <rdf:li
-              >rocket</rdf:li
-            >
-          </rdf:Bag
-          >
-        </dc:subject
-        >
-      </cc:Work
-      >
-      <cc:License
-          rdf:about="http://creativecommons.org/licenses/publicdomain/"
-        >
-        <cc:permits
-            rdf:resource="http://creativecommons.org/ns#Reproduction"
-        />
-        <cc:permits
-            rdf:resource="http://creativecommons.org/ns#Distribution"
-        />
-        <cc:permits
-            rdf:resource="http://creativecommons.org/ns#DerivativeWorks"
-        />
-      </cc:License
-      >
-    </rdf:RDF
-    >
-  </metadata
-  >
-</svg
+	xmlns="http://www.w3.org/2000/svg"
+	xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
+	xmlns:cc="http://creativecommons.org/ns#"
+	xmlns:dc="http://purl.org/dc/elements/1.1/"
+	version="1.1"
+	viewBox="0 0 93.7 353"
+	width="93.7"
+	height="353"
 >
+	<rect class="body" fill="#fff" x="24.9" y="64.3" width="49" height="159.1" />
+	<rect
+		class="stem"
+		fill="#ccd100"
+		stroke="#000"
+		x="74.1"
+		y="82.5"
+		width="2.9"
+		height="270"
+	/>
+	<path
+		class="stripes"
+		fill="#d90000"
+		d="M48 3.7 3.6 70.9l20.6.3v11c3.5 3.5 22 20.4 48 18.2V81.1a44.3 44.3 0 0 1-37.7-9.8l55.6.7L48 3.7zM24.1 94.6v21.3a93.8 93.8 0 0 0 48.3 18.6v-15.7c-6.3.5-25.2-.3-48.3-24.2zm0 33-.3 19.5c4.5 3.5 23.4 17.3 48.6 20.7v-16.4c-5.7 0-25.8-1.5-48.5-23.8zm-.2 32.3v24.6-2.1s23 17.7 48.7 19v-17.1c-2-.4-30.6-6.6-48.7-24.4zm-.1 35.2-.1 24.4c8.1 11.5 33.8 15.5 49 3.5l-.1-5.5c-4.7-.3-33.6-2.4-48.8-22.4z"
+	/>
+	<path
+		class="top-reflection"
+		fill="#ff1818"
+		d="m50.9 9.1 8.7 61.8 29.6.3-39-67 .7 4.9z"
+	/>
+	<path
+		class="outline"
+		color="#000"
+		d="m48 0-1.7 2.6L2 69.9l-2 3h3.6l19.6.3-.2 72.4-.2 51.1v17.4l-.1 7.1v.7l.3.6c4.6 6.4 13.6 10.4 23.4 11.4 9.7 1 20.4-1.1 28.5-7.6l.7-.6v-1l-.4-150.8 14.8.2h3.7l-2-3-42-68.4L48 .1zm0 7.4 38.4 62.5-15.1-.3-36.8 1h-2l1.5 1.2.6.6A45 45 0 0 0 71.3 82v17.7a62.7 62.7 0 0 1-43.8-15.6V69.6L7.3 69 47.9 7.4zM36.8 72.1l34.5.4v8a43.7 43.7 0 0 1-34.5-8.4zm-9.4 14c7.3 6 23.2 16.5 44 15.1v16.9c-6.5.3-23.3-1.1-44-21.3V86zm0 12.6c20.6 19.6 37.3 21.2 44 20.8v14.2a91.7 91.7 0 0 1-44.2-16.5l.1-18.5zm-.2 20.3c8.1 5.5 25 15.2 44.2 16.2l.1 15.4c-6.2-.1-24-2.3-44.4-21.1V119zm-.1 12.4C47.6 149.9 65.3 152 71.5 152v14.8a105.8 105.8 0 0 1-44.6-18.4v-2.8l.2-14.2zm-.1 18.9c7.5 5.2 23.8 15 44.5 18v15c-5-1.1-28.1-7-44.6-21.6v-11.4zm0 13.2c17.4 15 41 20.6 44.6 21.3v15.7a96 96 0 0 1-44.8-17l.1-20zm-.2 21.9A94.8 94.8 0 0 0 71.6 202v14.6c-6-.3-30-3-44.8-19v-12.3zm0 14c15.4 16 39.2 18.4 44.8 18.7v4.6a37 37 0 0 1-26 6.6c-2.8-.3-5.5-.8-8-1.6h-.1l-.3-.1a24 24 0 0 1-10.5-7.2v-6.3l.1-14.5z"
+	/>
+	<metadata>
+		<rdf:RDF>
+			<cc:Work>
+				<cc:license
+					rdf:resource="http://creativecommons.org/licenses/publicdomain/"
+				/>
+				<dc:publisher>
+					<cc:Agent rdf:about="http://openclipart.org/">
+						<dc:title>Openclipart</dc:title>
+					</cc:Agent>
+				</dc:publisher>
+				<dc:source>
+					https://openclipart.org/detail/102433/rocket-fireworks-by-loproc
+				</dc:source>
+				<dc:creator>
+					<cc:Agent>
+						<dc:title>loproc</dc:title>
+					</cc:Agent>
+				</dc:creator>
+			</cc:Work>
+			<cc:License rdf:about="http://creativecommons.org/licenses/publicdomain/">
+				<cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction" />
+				<cc:permits rdf:resource="http://creativecommons.org/ns#Distribution" />
+				<cc:permits
+					rdf:resource="http://creativecommons.org/ns#DerivativeWorks"
+				/>
+			</cc:License>
+		</rdf:RDF>
+	</metadata>
+</svg>
diff --git a/stregsystem/templates/admin/stregsystem/report/ranks.html b/stregsystem/templates/admin/stregsystem/report/ranks.html
index 610ba10e..e05eaa8d 100644
--- a/stregsystem/templates/admin/stregsystem/report/ranks.html
+++ b/stregsystem/templates/admin/stregsystem/report/ranks.html
@@ -15,17 +15,18 @@ <h1>Rangeringer for {{year}}</h1>
 	{% endif %}
 <center>
 	<div id="statscontainer" style="margin-top: 12px; width: 1200px; float: left;">
-		<div id="stats" style="width: 200px; float: left;">
+		{% for stat_list in stat_lists %}
+		<div class="stats" style="width: 200px; float: left;">
 			<table border="1" cellspacing="2" cellpadding="2">
 			<tr>
-				<th valign="top" colspan="3">Øl</th>
+				<th valign="top" colspan="3">{{stat_list.0}}</th>
 			</tr>
 	  		<tr>
 		  	  <th>#</th>
 	  	  	<th>Bruger</th>
   			  <th>Antal</th>
 		  	</tr>
-		  	{% for stat in beer_stat_list %}
+		  	{% for stat in stat_list.1 %}
 			  <tr>
 		      <td>{{forloop.counter}}</td>
   			  <td>{{stat.username}}</td>
@@ -34,82 +35,7 @@ <h1>Rangeringer for {{year}}</h1>
 		  {% endfor %}
 			</table>
 		</div>
-		<div id="stats2" style="width: 200px; float: left;">
-			<table border="1" cellspacing="2" cellpadding="2">
-			<tr>
-				<th valign="top" colspan="3">Koffein</th>
-			</tr>
-	  		<tr>
-		  	  <th>#</th>
-	  	  	<th>Bruger</th>
-  			  <th>Antal</th>
-		  	</tr>
-		  	{% for stat in caffeine_stat_list %}
-			  <tr>
-		      <td>{{forloop.counter}}</td>
-  			  <td>{{stat.username}}</td>
-	  		  <td>{{stat.sale__count}}</td>
-		  	</tr>
-		  {% endfor %}
-			</table>
-		</div>
-		<div id="stats3" style="width: 200px; float: left;">
-			<table border="1" cellspacing="2" cellpadding="2">
-			<tr>
-				<th valign="top" colspan="3">Mælkeprodukter</th>
-			</tr>
-	  		<tr>
-		  	  <th>#</th>
-	  	  	<th>Bruger</th>
-  			  <th>Antal</th>
-		  	</tr>
-		  	{% for stat in milk_stat_list %}
-			  <tr>
-		      <td>{{forloop.counter}}</td>
-  			  <td>{{stat.username}}</td>
-	  		  <td>{{stat.sale__count}}</td>
-		  	</tr>
-		  {% endfor %}
-			</table>
-		</div>
-		<div id="stats4" style="width: 200px; float: left;">
-			<table border="1" cellspacing="2" cellpadding="2">
-			<tr>
-				<th valign="top" colspan="3">Kaffe</th>
-			</tr>
-	  		<tr>
-		  	  <th>#</th>
-	  	  	<th>Bruger</th>
-  			  <th>Antal</th>
-		  	</tr>
-		  	{% for stat in coffee_stat_list %}
-			  <tr>
-		    	<td>{{forloop.counter}}</td>
-  			  <td>{{stat.username}}</td>
-	  		  <td>{{stat.sale__count}}</td>
-		  	</tr>
-		  {% endfor %}
-			</table>
-		</div>
-		<div id="stats5" style="width: 200px; float: left;">
-			<table border="1" cellspacing="2" cellpadding="2">
-			<tr>
-				<th valign="top" colspan="3">Vitaminvand</th>
-			</tr>
-	  		<tr>
-		  	  <th>#</th>
-	  	  	<th>Bruger</th>
-  			  <th>Antal</th>
-		  	</tr>
-		  	{% for stat in vitamin_stat_list %}
-			  <tr>
-		    	<td>{{forloop.counter}}</td>
-  			  <td>{{stat.username}}</td>
-	  		  <td>{{stat.sale__count}}</td>
-		  	</tr>
-		  {% endfor %}
-			</table>
-		</div>
+		{% endfor %}
 		<div id="stats6" style="width: 200px; float: left;">
 			<table border="1" cellspacing="2" cellpadding="2">
 			<tr>
diff --git a/stregsystem/templates/shared_report_lists.html b/stregsystem/templates/shared_report_lists.html
index 660ba6f2..c2dad27b 100644
--- a/stregsystem/templates/shared_report_lists.html
+++ b/stregsystem/templates/shared_report_lists.html
@@ -6,22 +6,22 @@
     <table>
         <caption><a href="/admin/stregsystem/report/" class="section">{% blocktrans with app.name as name %}Rapporter{% endblocktrans %}</a></caption>
         <tr>
-            <th scope="row"><a href = "/admin/stregsystem/report/ranks/">Købs- og forbrugsrangeringer</a></th>
+            <th scope="row"><a href = "/admin/stregsystem/report/daily/">Daglig omsætning</a></th>
             <td>&nbsp;</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <th scope="row"><a href = "/admin/stregsystem/report/sales/">Salgsrapporteringer</a></th>
+            <th scope="row"><a href = "/admin/stregsystem/report/ranks/">Kategorirangeringer</a></th>
             <td>&nbsp;</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <th scope="row"><a href = "/admin/stregsystem/report/daily/">Daglig rapportering</a></th>
+            <th scope="row"><a href = "/admin/stregsystem/report/categories/">Bruger køb i udvalgte kategorier</a></th>
             <td>&nbsp;</td>
             <td>&nbsp;</td>
         </tr>
         <tr>
-            <th scope="row"><a href = "/admin/stregsystem/report/categories/">Bruger køb i kategorier</a></th>
+            <th scope="row"><a href = "/admin/stregsystem/report/sales/">Salgsrapporteringer for udvalgte produkter</a></th>
             <td>&nbsp;</td>
             <td>&nbsp;</td>
         </tr>
diff --git a/stregsystem/templates/stregsystem/base.html b/stregsystem/templates/stregsystem/base.html
index 4995a244..2a977cb4 100644
--- a/stregsystem/templates/stregsystem/base.html
+++ b/stregsystem/templates/stregsystem/base.html
@@ -53,8 +53,8 @@ <h1>
   </div>
   <ul id="footer-notes">
     <li>Skabt med ☕ og 🖤 af Fklubben</li>
-    <li><a target="_blank" href="https://fklub.dk/tos">Terms of Service</a></li>
-    <li><a target="_blank" href="https://github.com/f-klubben/stregsystemet">Se koden</a></li>
+    <li>{% include "./external_link.html" with id="tos" href="https://fklub.dk/tos" text="Terms of Service" %}</li>
+    <li>{% include "./external_link.html" with id="code" href="https://github.com/f-klubben/stregsystemet" text="Se koden" %}</li>
   </ul>
 </footer>
 {% theme_content %}
diff --git a/stregsystem/templates/stregsystem/cross.html b/stregsystem/templates/stregsystem/cross.html
new file mode 100644
index 00000000..156ae2f2
--- /dev/null
+++ b/stregsystem/templates/stregsystem/cross.html
@@ -0,0 +1,13 @@
+<svg
+	xmlns="http://www.w3.org/2000/svg"
+	version="1.1"
+	viewBox="0 -960 960 960"
+	width="24"
+	height="24"
+>
+	<title>{{ title }}</title>
+	<path
+		fill="currentcolor"
+		d="m256-200-56-56 224-224-224-224 56-56 224 224 224-224 56 56-224 224 224 224-56 56-224-224-224 224Z"
+	/>
+</svg>
diff --git a/stregsystem/templates/stregsystem/external_link.html b/stregsystem/templates/stregsystem/external_link.html
new file mode 100644
index 00000000..62794620
--- /dev/null
+++ b/stregsystem/templates/stregsystem/external_link.html
@@ -0,0 +1,11 @@
+{% load static %}
+
+<button class="external-link" popovertarget="external-link-popover-{{ id }}">
+	{{ text }}
+</button>
+<div popover id="external-link-popover-{{ id }}" class="external-link-popover">
+	<p>{{ text }}</p>
+	<button autofocus popovertarget="external-link-popover-{{ id }}">{% include "./cross.html" with title="Luk" %}</button>
+	<img alt="" src="{% static "/stregsystem/external_link_qrs/" %}{{ id }}.svg"/>
+	<p>{{ href }}</p>
+</div>
diff --git a/stregsystem/templates/stregsystem/index.html b/stregsystem/templates/stregsystem/index.html
index 0266e9e3..81b92ec4 100644
--- a/stregsystem/templates/stregsystem/index.html
+++ b/stregsystem/templates/stregsystem/index.html
@@ -26,6 +26,13 @@
     margin-top: 1.5em;
     margin-bottom: 1.5em;
   }
+  .note-box {
+    display: inline;
+    padding: 2px 4px 2px 4px;
+    border-radius: 8px;
+    color: black;
+    background-color: red;
+  }
 </style>
 {% endblock %}
 
@@ -61,7 +68,7 @@
 
   <div class="horizontal-table">
     {% block products %}
-      {% if product_list %}
+      {% if product_note_pair_list %}
         {% autoescape off %}
         <table class="default">
           <tr>
@@ -69,28 +76,38 @@
             <th>Produkt</th>
             <th>Pris</th>
           </tr>
-          {% for product in product_list|partition:"2"|first %}
+          {% for pair in product_note_pair_list|partition:"2"|first %}
             <tr>
               <td>
-                {{product.id|product_id_and_alias_string}}
+                {{pair.product.id|product_id_and_alias_string}}
+              </td>
+              <td>
+                {% for note in pair.note %}
+                  <div class="note-box" style="background-color: {{note.background_color}}; color: {{note.text_color}}">{{note.text}}</div>
+                {% endfor %}
+                <span style="display: inline-block">{{pair.product.name}}</span>    
               </td>
-              <td>{{product.name}}</td>
-              <td class="price">{{product.price|money}} kr</td>
+              <td class="price">{{pair.product.price|money}} kr</td>
             </tr>
           {% endfor %}
         </table>
-        {% if product_list|partition:"2"|last %}
+        {% if product_note_pair_list|partition:"2"|last %}
           <table class="default">
             <tr>
               <th>ID</th>
               <th>Produkt</th>
               <th>Pris</th>
             </tr>
-            {% for product in product_list|partition:"2"|last %}
+            {% for pair in product_note_pair_list|partition:"2"|last %}
               <tr>
-                <td>{{product.id|product_id_and_alias_string}}</td>
-                <td>{{product.name}}</td>
-                <td class="price">{{product.price|money}} kr</td>
+                <td>{{pair.product.id|product_id_and_alias_string}}</td>
+                <td>
+                  {% for note in pair.note %}
+                    <div class="note-box" style="background-color: {{note.background_color}}; color: {{note.text_color}}">{{note.text}}</div>
+                  {% endfor %}
+                  <span style="display: inline-block">{{pair.product.name}}</span>   
+                </td>
+                <td class="price">{{pair.product.price|money}} kr</td>
               </tr>
             {% endfor %}
           </table>
diff --git a/stregsystem/templates/stregsystem/themes/fireworks/fireworks.html b/stregsystem/templates/stregsystem/themes/fireworks/fireworks.html
index a319556b..119abe94 100644
--- a/stregsystem/templates/stregsystem/themes/fireworks/fireworks.html
+++ b/stregsystem/templates/stregsystem/themes/fireworks/fireworks.html
@@ -1,4 +1,12 @@
 {% load themes %}
 
-<div id="canvas-container"></div>
-<img id="rocket" src="{% themes_static 'fireworks/rocket.png' %}">
+<div id="fireworks-container">
+    <canvas class="stars"></canvas>
+	<div class="explosions">
+		<template id="fireworks-explosion">
+			<canvas class="explosion"></canvas>
+		</template>
+	</div>
+    <canvas class="rockets"></canvas>
+	<img id="fireworks-rocket" hidden src="{% themes_static 'fireworks/rocket.svg' %}">
+</div>
diff --git a/stregsystem/tests.py b/stregsystem/tests.py
index 768ad286..bf953762 100644
--- a/stregsystem/tests.py
+++ b/stregsystem/tests.py
@@ -42,6 +42,7 @@
     PendingSignup,
     NamedProduct,
     ApprovalModel,
+    ProductNote,
 )
 from stregsystem.purchase_heatmap import prepare_heatmap_template_context
 from stregsystem.templatetags.stregsystem_extras import caffeine_emoji_render
@@ -273,7 +274,8 @@ def test_menu_index(self):
         # Assert that the index screen at least contains one of the products in
         # the database. Technically this doesn't check everything exhaustively,
         # but it's better than nothing -Jesper 18/09-2017
-        self.assertContains(response, "<td>Limfjordsporter</td>", html=True)
+        self.assertContains(response, "Limfjordsporter")
+        self.assertNotContains(response, "NonExistentProduct")
 
     def test_quickbuy_no_known_member(self):
         response = self.client.post(reverse('quickbuy', args=(1,)), {"quickbuy": "notinthere"})
@@ -759,6 +761,103 @@ def test_is_active_deactive_in_stock(self):
         self.assertFalse(product.is_active())
 
 
+class ProductNoteTest(TestCase):
+    fixtures = ["initial_data"]
+
+    def test_appearing(self):
+        # Make working product note
+        test_product = Product.objects.all().first()
+        self.test_product_note = ProductNote(
+            text="TEST-NOTE",
+            start_date=datetime.date.today(),
+            end_date=datetime.date.today(),
+        )
+        self.test_product_note.save()
+        self.test_product_note.products.add(test_product)
+        # Make secondary product note, for same product
+        self.secondary_test_product_note = ProductNote(
+            text="SECONDARY-TEST-NOTE",
+            start_date=datetime.date.today(),
+            end_date=datetime.date.today(),
+        )
+        self.secondary_test_product_note.save()
+        self.secondary_test_product_note.products.add(test_product)
+
+        # Get the menu
+        response = self.client.post(reverse('menu_index', args=(1,)))
+
+        # Test that the note is in the menu
+        self.assertContains(response, "TEST-NOTE")
+        self.assertContains(response, "SECONDARY-TEST-NOTE")
+
+    def test_chosen_color(self):
+        # Make working product note
+        test_product = Product.objects.all().first()
+        test_product.active = False
+
+        self.test_product_note = ProductNote(
+            text="COLORED-NOTE",
+            start_date=datetime.date.today(),
+            end_date=datetime.date.today(),
+            background_color="Yellow",
+        )
+        self.test_product_note.save()
+        self.test_product_note.products.add(test_product)
+
+        # Get the menu
+        response = self.client.post(reverse('menu_index', args=(1,)))
+
+        self.assertContains(
+            response,
+            "<div class=\"note-box\" style=\"background-color: Yellow; color: \">COLORED-NOTE</div>",
+            html=True,
+        )
+
+    def test_incorrect_dates(self):
+        # Make expired product note
+        test_product = Product.objects.all().first()
+        self.test_product_note = ProductNote(
+            text="EXPIRED-NOTE",
+            start_date=datetime.date.today() - datetime.timedelta(days=1),
+            end_date=datetime.date.today() - datetime.timedelta(days=1),
+        )
+        self.test_product_note.save()
+        self.test_product_note.products.add(test_product)
+        # Make product note that is not yet active
+        self.test_product_note = ProductNote(
+            text="FUTURE-NOTE",
+            start_date=datetime.date.today() + datetime.timedelta(days=1),
+            end_date=datetime.date.today() + datetime.timedelta(days=1),
+        )
+        self.test_product_note.save()
+        self.test_product_note.products.add(test_product)
+
+        # Get the menu
+        response = self.client.post(reverse('menu_index', args=(1,)))
+
+        # Test that the note is in the menu
+        self.assertNotContains(response, "EXPIRED-NOTE")
+        self.assertNotContains(response, "FUTURE-NOTE")
+
+    def test_inactive(self):
+        # Make inactive product note
+        test_product = Product.objects.all().first()
+        self.test_product_note = ProductNote(
+            text="INACTIVE-NOTE",
+            active=False,
+            start_date=datetime.date.today(),
+            end_date=datetime.date.today(),
+        )
+        self.test_product_note.save()
+        self.test_product_note.products.add(test_product)
+
+        # Get the menu
+        response = self.client.post(reverse('menu_index', args=(1,)))
+
+        # Test that the inactive note doesn't show up
+        self.assertNotContains(response, "INACTIVE-NOTE")
+
+
 class SaleTests(TestCase):
     def setUp(self):
         self.member = Member.objects.create(username="jon", balance=100)
@@ -1142,19 +1241,19 @@ class ProductRoomFilterTests(TestCase):
     def test_general_room_dont_get_special_items(self):
         numberOfSpecialItems = 2
         response = self.client.get(reverse('menu_index', args=(1,)))
-        products = response.context['product_list']
+        product_pairs = response.context['product_note_pair_list']
         specialProduct = Product.objects.get(pk=3)
 
-        self.assertFalse(specialProduct in products)
-        self.assertEqual(len(products), len(Product.objects.all()) - numberOfSpecialItems)
+        any(self.assertFalse(specialProduct == pair.product) for pair in product_pairs)
+        self.assertEqual(len(product_pairs), len(Product.objects.all()) - numberOfSpecialItems)
 
     def test_special_room_get_special_items(self):
         response = self.client.get(reverse('menu_index', args=(2,)))
-        products = response.context['product_list']
+        product_pairs = response.context['product_note_pair_list']
         specialProduct = Product.objects.get(pk=3)
 
-        self.assertTrue(specialProduct in products)
-        self.assertEqual(len(products), len(Product.objects.all()))
+        self.assertTrue(any(specialProduct == pair.product) for pair in product_pairs)
+        self.assertEqual(len(product_pairs), len(Product.objects.all()))
 
 
 class CategoryAdminTests(TestCase):
diff --git a/stregsystem/views.py b/stregsystem/views.py
index 90700ee3..dcc14c13 100644
--- a/stregsystem/views.py
+++ b/stregsystem/views.py
@@ -8,7 +8,10 @@
 import qrcode.image.svg
 from django import forms
 from django.conf import settings
-from collections import Counter
+from collections import (
+    Counter,
+    namedtuple,
+)
 
 from django.contrib.admin.views.decorators import staff_member_required
 from django.contrib.auth.decorators import permission_required
@@ -39,6 +42,7 @@
     Category,
     NamedProduct,
     ApprovalModel,
+    ProductNote,
 )
 from stregsystem.templatetags.stregsystem_extras import money
 from stregsystem.utils import (
@@ -73,6 +77,15 @@ def __get_productlist(room_id):
     return make_active_productlist_query(Product.objects).filter(make_room_specific_query(room_id))
 
 
+def __get_active_notes_for_product(product):
+    return ProductNote.objects.filter(
+        (Q(products=product))
+        & (Q(active=True))
+        & (Q(start_date__isnull=True) | Q(start_date__lte=timezone.now()))
+        & (Q(end_date__isnull=True) | Q(end_date__gte=timezone.now()))
+    )
+
+
 def roomindex(request):
     return HttpResponsePermanentRedirect('/1/')
 
@@ -83,7 +96,10 @@ def roomindex(request):
 
 def index(request, room_id):
     room = get_object_or_404(Room, pk=int(room_id))
-    product_list = __get_productlist(room_id)
+    ProductNotePair = namedtuple('ProductNotePair', 'product note')
+    product_note_pair_list = [
+        ProductNotePair(product, __get_active_notes_for_product(product)) for product in __get_productlist(room_id)
+    ]
     news = __get_news()
     return render(request, 'stregsystem/index.html', locals())
 
@@ -593,7 +609,7 @@ def signup(request):
             lastname=form.cleaned_data.get('lastname'),
             email=form.cleaned_data.get('email'),
             notes=form.cleaned_data.get('notes'),
-            gender='U',
+            gender=form.cleaned_data.get('gender'),
             signup_due_paid=False,
         )
         signup_request = PendingSignup(member=member, due=200 * 100)
@@ -623,10 +639,17 @@ def signup_status(request, signup_id):
 
 def get_active_items(request):
     room_id = request.GET.get('room_id') or None
+
     if room_id is None:
         return HttpResponseBadRequest("Parameter missing: room_id")
     elif not room_id.isdigit():
         return HttpResponseBadRequest("Parameter invalid: room_id")
+
+    try:
+        room = Room.objects.get(pk=room_id)
+    except Room.DoesNotExist:
+        return HttpResponseBadRequest("Room not found")
+
     # TODO: Check whether room exists
     items = __get_productlist(room_id)
     items_dict = {item.id: {'name': item.name, 'price': item.price} for item in items}
@@ -639,10 +662,12 @@ def get_member_active(request):
         return HttpResponseBadRequest("Parameter missing: member_id")
     elif not member_id.isdigit():
         return HttpResponseBadRequest("Parameter invalid: member_id")
+
     try:
         member = Member.objects.get(pk=member_id)
     except Member.DoesNotExist:
         return HttpResponseBadRequest("Member not found")
+
     return JsonResponse({'active': member.active})
 
 
@@ -674,8 +699,14 @@ def get_member_sales(request):
         return HttpResponseBadRequest("Parameter missing: member_id")
     elif not member_id.isdigit():
         return HttpResponseBadRequest("Parameter invalid: member_id")
+
+    try:
+        member = Member.objects.get(pk=member_id)
+    except Member.DoesNotExist:
+        return HttpResponseBadRequest("Member not found")
+
     count = 10 if request.GET.get('count') is None else int(request.GET.get('count') or 10)
-    sales = Sale.objects.filter(member=member_id).order_by('-timestamp')[:count]
+    sales = Sale.objects.filter(member=member).order_by('-timestamp')[:count]
     return JsonResponse(
         {'sales': [{'timestamp': s.timestamp, 'product': s.product.name, 'price': s.product.price} for s in sales]}
     )
@@ -687,10 +718,12 @@ def get_member_balance(request):
         return HttpResponseBadRequest("Parameter missing: member_id")
     elif not member_id.isdigit():
         return HttpResponseBadRequest("Parameter invalid: member_id")
+
     try:
         member = Member.objects.get(pk=member_id)
     except Member.DoesNotExist:
         return HttpResponseBadRequest("Member not found")
+
     return JsonResponse({'balance': member.balance})
 
 
@@ -701,9 +734,11 @@ def get_member_info(request):
     elif not member_id.isdigit():
         return HttpResponseBadRequest("Parameter invalid: member_id")
 
-    member = find_user_from_id(int(member_id))
-    if member is None:
+    try:
+        member = Member.objects.get(pk=member_id)
+    except Member.DoesNotExist:
         return HttpResponseBadRequest("Member not found")
+
     return JsonResponse(
         {
             'balance': member.balance,
@@ -754,9 +789,10 @@ def api_sale(request):
         except parser.ParseError as e:
             return HttpResponseBadRequest("Parse error: {}".format(e))
 
-        member = find_user_from_id(int(member_id))
-        if member is None:
-            return HttpResponseBadRequest("Parameter invalid: member_id")
+        try:
+            member = Member.objects.get(pk=member_id)
+        except Member.DoesNotExist:
+            return HttpResponseBadRequest("Member not found")
 
         if not member.signup_due_paid:
             return HttpResponseBadRequest("Signup due not paid")