added logo

2026-07-18 22:32:56 +02:00
parent 2d48e1dace
commit 1e87b5f385
7 changed files with 12 additions and 7 deletions
@@ -3,3 +3,4 @@ __pycache__/
 .pytest_cache/
 *.py[cod]
 config.yaml
+.DS_Store
@@ -52,16 +52,11 @@ button { -webkit-tap-highlight-color: transparent; }
 }

 .brand-mark {
-  display: grid;
  width: 52px;
  height: 52px;
  margin-bottom: 24px;
-  place-items: center;
  border-radius: 16px;
-  background: var(--accent);
-  color: white;
-  font-size: 20px;
-  font-weight: 850;
+  object-fit: cover;
 }

 .login-card h1 { margin: 0; font-size: 32px; letter-spacing: -.04em; }
@@ -5,6 +5,7 @@
    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
    <meta name="theme-color" content="#f6f4ef">
    <title>{% block title %}Fatimas Calendar{% endblock %}</title>
+    <link rel="icon" type="image/png" href="{{ url_for('static', filename='wwwsuynl.png') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='styles.css') }}">
  </head>
  <body class="{% block body_class %}{% endblock %}">
@@ -4,7 +4,7 @@
 {% block content %}
  <main class="login-shell">
    <form class="login-card" method="post">
-      <div class="brand-mark" aria-hidden="true">31</div>
+      <img class="brand-mark" src="{{ url_for('static', filename='wwwsuynl.png') }}" alt="www.suy.nl">
      <p class="eyebrow">Fatimas calendar</p>
      <h1>Welcome back</h1>
      <p class="login-copy">Sign in to open your calendar.</p>
@@ -103,6 +103,14 @@ def test_bad_login_shows_error():
    assert b"not correct" in response.data


+def test_login_uses_wwwsuynl_logo():
+    response = client().get(url("/login"))
+
+    assert b'src="/fatima/static/wwwsuynl.png"' in response.data
+    assert b'href="/fatima/static/wwwsuynl.png"' in response.data
+    assert b'alt="www.suy.nl"' in response.data
+
+
 def test_choice_is_saved_and_rendered():
    test_client = client()
    test_client.post(url("/login"), data={"username": "user", "password": "pass"})