Create Path for Login && Design Start Page

1 year ago · f566b56c2a
parent 7bce37647c
commit f566b56c2a
7 changed files with 9011 additions and 9 deletions
--- a/app/static/app/css/bootstrap.css
+++ b/app/static/app/css/bootstrap.css
--- a/app/static/app/images/watch_transparent.png
+++ b/app/static/app/images/watch_transparent.png
--- a/app/templates/app/base.html
+++ b/app/templates/app/base.html
@ -1,17 +1,27 @@
 {% load pwa %}
+{% load static %}

 <!DOCTYPE html>
 <html lang="de">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    
+    <link rel="stylesheet" href="{% static 'app/css/bootstrap.css' %}">
+
    {% progressive_web_app_meta %}
    
-    <title>PioMint - Install</title>
+    <title>PioMint</title>
 </head>
-<body style="background-color: #9FEDD7;">
-    {% block content %}
-    {% endblock %}
+<body style="overflow: hidden; background-color: #026670;">
+    <!-- HEADER -->
+    <div class="container-fluid" style="background-color: white; height: 6vh; padding: 0;">
+        <div class="container-fluid" style="background-color: #026670; border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; height: 5vh;"></div>
+    </div>
+
+    <!-- CONTENT AREA -->
+    <div class="container-fluid d-flex justify-content-center align-items-center" style="height: 94vh; background-color: white;">
+        {% block content %}
+        {% endblock %}
+    </div>
 </body>
 </html>
--- a/app/templates/app/login.html
+++ b/app/templates/app/login.html
@ -0,0 +1,13 @@
+{% extends 'app/base.html' %} 
+{% load static %}
+
+{% block content %}
+<div class="text-center">
+    <img src="{% static 'app/images/watch_transparent.png' %}" alt="Bildbeschreibung" class="img-fluid w-50">
+    <br>
+    <h1><b>PIOMINT</b></h1>
+    <br>
+    <br>
+    <button type="button" class="btn btn-primary mt-5" style="border-radius: 2rem; font-size: 2.5rem; padding: 0rem 0.75rem;">→</button>
+</div>
+{% endblock %}
--- a/app/urls.py
+++ b/app/urls.py
@ -3,7 +3,8 @@ from django.views.generic import TemplateView
 from . import views

 urlpatterns = [
-    path("", views.home),
+    path("", views.login),
+    path("login", views.login),
    path("home/", views.home),
    path('offline/', TemplateView.as_view(template_name="offline.html")),
    path("install/", views.install)
--- a/app/views.py
+++ b/app/views.py
@ -8,4 +8,7 @@ def install(request):
    return render(request, "app/install.html")

 def home(request):
-    return render(request, "app/home.html")
+    return render(request, "app/home.html")
+
+def login(request):
+    return render(request, "app/login.html")
--- a/piomint/pwa_settings.py
+++ b/piomint/pwa_settings.py
@ -5,10 +5,10 @@ BASE_DIR = os.path.dirname(os.path.dirname(os.path.abspath(__file__)))
 PWA_APP_NAME = 'PIOMINT'
 PWA_APP_DESCRIPTION = "PioneerMinistryTime"
 PWA_APP_THEME_COLOR = '#9FEDD7'
-PWA_APP_BACKGROUND_COLOR = '#EDEAE5'
+PWA_APP_BACKGROUND_COLOR = '#9FEDD7'
 PWA_APP_DISPLAY = 'standalone'
 PWA_APP_SCOPE = '/'
-PWA_APP_ORIENTATION = 'any'
+PWA_APP_ORIENTATION = 'portrait'
 PWA_APP_START_URL = '/app/'
 PWA_APP_STATUS_BAR_COLOR = 'black-translucent'
 PWA_SERVICE_WORKER_PATH = os.path.join(BASE_DIR, 'app/static/app/js', 'serviceworker.js')