Linker Block je nach Login Status
This commit is contained in:
@ -18,10 +18,11 @@
|
||||
}
|
||||
body {
|
||||
color: #ffffff;
|
||||
background-color: var(--background-color);
|
||||
}
|
||||
.light {
|
||||
color: #888888;
|
||||
font-weight: 100;
|
||||
color: #cdcdcd;
|
||||
font-weight: 400;
|
||||
font-size: small;
|
||||
}
|
||||
.sidebar {
|
||||
@ -72,7 +73,7 @@
|
||||
background-color: var(--nav-background-color);
|
||||
padding: 0;
|
||||
}
|
||||
.navbar-nav .nav-link {
|
||||
.navbar-nav .nav-link {
|
||||
color: var(--link-default-color)
|
||||
}
|
||||
|
||||
@ -83,6 +84,14 @@
|
||||
.navbar-nav .nav-link.active {
|
||||
color: var(--link-active-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: #ffcc00;
|
||||
}
|
||||
a:hover {
|
||||
color: #c07427;
|
||||
}
|
||||
|
||||
.logo {
|
||||
display:inline;
|
||||
width: 50px;
|
||||
@ -95,10 +104,6 @@
|
||||
padding: 0;
|
||||
box-shadow: 0 -4px 8px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--background-color);
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
@ -110,6 +115,34 @@
|
||||
<!-- Sidebar -->
|
||||
<div class="col-12 col-md-3 sidebar mb-3">
|
||||
<div class="profile-card text-center p-3">
|
||||
|
||||
<!-- wenn logged out -->
|
||||
{% if not session['logged_in'] %}
|
||||
<h5>{{ user_name }}</h5>
|
||||
<p>Login oder <a href="#">Registrieren</a></p>
|
||||
<p class="light">Warum registrieren? Zum Schutz der Daten und dem Speichern deines Lernfortschrittes.</p>
|
||||
|
||||
<form>
|
||||
<div class="row mb-3">
|
||||
<label for="inputEmail3" class="col-sm-3 col-form-label">Benutzer</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="email" class="form-control" id="inputEmail3">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<label for="inputPassword3" class="col-sm-3 col-form-label">Password</label>
|
||||
<div class="col-sm-8">
|
||||
<input type="password" class="form-control" id="inputPassword3">
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn btn-primary">Einloggen</button>
|
||||
</form>
|
||||
{% endif %}
|
||||
<!-- wenn logged out -->
|
||||
|
||||
<!-- wenn logged in -->
|
||||
{% if session['logged_in'] %}
|
||||
<!--<img src="https://via.placeholder.com/100" alt="Profile Picture" />-->
|
||||
<h5>{{ user_name }}</h5>
|
||||
<p>Web Developer at Webestica</p>
|
||||
@ -119,6 +152,9 @@
|
||||
<span>2.5K Followers</span>
|
||||
<span>365 Following</span>
|
||||
</div>
|
||||
{% endif %}
|
||||
<!-- wenn logged in -->
|
||||
|
||||
</div>
|
||||
<!--
|
||||
<div class="list-group">
|
||||
@ -162,11 +198,18 @@
|
||||
<img
|
||||
src="../static/images/logo.png"
|
||||
class="rounded-circle me-3"
|
||||
style="width: 300px;"
|
||||
style="width: 300px; height: 300px;"
|
||||
alt="Profile Picture" />
|
||||
<div>
|
||||
<div class="my-3">
|
||||
<h6>Lernplattform für <br>Rettungs- und Notfallsanitäter</h6>
|
||||
<small class="light">Hier kann man lernen und üben, Wiessen festigen und sich aktiv an der Datenbank beteiligen.</small>
|
||||
<p class="light" style="text-align: justify;">
|
||||
Willkommen auf unserer Lernplattform für Rettungssanitäter und Notfallsanitäter,
|
||||
basierend auf dem bewährten Kartensystem nach Leitner.
|
||||
Unsere Plattform bietet Dir die Möglichkeit,
|
||||
Deine Kenntnisse und Fähigkeiten effektiv zu vertiefen und zu erweitern. <br><br>
|
||||
Bei Interesse bist Du herzlich eingeladen, an der Entwicklung von Fragen und Aufgaben mitzuwirken.
|
||||
Unsere Plattform ist und bleibt kostenlos, um alle Mitarbeiter im Rettungsdienst bestmöglich zu unterstützen.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
Reference in New Issue
Block a user