You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
4.3 KiB
81 lines
4.3 KiB
{% 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' %}">
|
|
<link rel="stylesheet" href="{% static 'app/css/custom.css' %}">
|
|
|
|
{% progressive_web_app_meta %}
|
|
|
|
<title>PioMint</title>
|
|
</head>
|
|
<body id="body" style="overflow: hidden;" class="bg-white-color">
|
|
<!-- HEADER -->
|
|
<div class="container-fluid header-bg-block bg-white-color HeaderDefaultHeightbg" id="header-bg-block">
|
|
<div class="container-fluid header-color-block text-center bg-white-color HeaderDefaultHeightcolor" id="header-color-block" style="color: white; width: 100vw;">
|
|
|
|
<div class="row headerline justify-content-around">
|
|
<span class="col-3 d-none" id="refresh_icon"><img onclick="window.location.reload();" src="{% static 'app/images/refresh.png' %}" alt="Settings" class="img-fluid" id="image" style="width: 40%; opacity: 0.75; padding-top: 0.65rem;"></span>
|
|
|
|
<h3 id="HeaderText" class="pt-2" style="display: none;"><b>PIO</b><b style="color: rgb(120,170,86);">MINT</b></h3>
|
|
|
|
<span class="col-3 d-none" id="settings_icon"><img src="{% static 'app/images/settings.png' %}" alt="Settings" class="img-fluid" id="image" style="width: 40%; opacity: 0.75; padding-top: 0.65rem;"></span>
|
|
<span class="col-3 d-none" id="settings_close_icon"><img src="{% static 'app/images/close.png' %}" alt="SettingsClose" class="img-fluid" id="image" style="width: 40%; opacity: 0.75; padding-top: 0.65rem;"></span>
|
|
</div>
|
|
|
|
<div class="settings text-left">
|
|
<div class="settings-card container">
|
|
<h5 class="pt-3">Allgemein</h5>
|
|
<ul class="list-group" style="color: black;">
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
LDC-Tätigkeiten
|
|
<button class="badge btn btn-success">On</button>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
Dauer-Hippi
|
|
<button class="badge btn btn-secondary">Off</button>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
Stunden-Schnitt berechnung
|
|
<button class="badge btn btn-success">On</button>
|
|
</li>
|
|
</ul>
|
|
<h5 class="pt-4">Account</h5>
|
|
<ul class="list-group" style="color: black;">
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
Username: <b>maxmüller</b>
|
|
<button class="badge btn btn-primary">ändern</button>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
Passwort
|
|
<button class="badge btn btn-primary">ändern</button>
|
|
</li>
|
|
</ul>
|
|
<h5 class="pt-4">Bericht</h5>
|
|
<ul class="list-group" style="color: black;">
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
Bibelstudien:
|
|
<button class="badge btn btn-disabled" style="min-width: 50px;">1</button>
|
|
</li>
|
|
<li class="list-group-item d-flex justify-content-between align-items-center">
|
|
Erinnerung:
|
|
<button class="badge btn btn-success">On</button>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<!-- CONTENT AREA -->
|
|
<div id="maincontainer" class="maincontainer container-fluid row justify-content-center align-items-center" style="background-color: white; width: 100vw; margin: 0;">
|
|
{% block content %}
|
|
{% endblock %}
|
|
</div>
|
|
</body>
|
|
</html> |