aron/124-webapp
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix colors

Browse source
This commit is contained in:
Aron Petau 2025-09-17 20:26:44 +02:00
parent 242d3bd915
commit da5e765d49
13 changed files with 455 additions and 656 deletions
Download patch file Download diff file Expand all files Collapse all files

131
templates/landing.html
View file

@ -1,122 +1,15 @@
<!-- templates/landing.html -->
<!DOCTYPE html>
<html lang="en">
{% extends "base.html" %}
<head>
<meta charset="UTF-8">
<title>Studio Einszwovier</title>
<link rel="stylesheet" href="/static/css/style.css">
<style>
/* Body & layout */
body {
font-family: 'BauPro', sans-serif;
background-color: #f0f4f8;
margin: 0;
padding: 0;
display: flex;
flex-direction: column;
align-items: center;
color: #001f3f;
/* navy text */
}
{% block title %}Studio EinsZwoVier{% endblock %}
/* Header with logo */
header {
width: 100%;
background-color: #001f3f;
/* navy */
color: #fff;
padding: 1.5em 0;
display: flex;
flex-direction: column;
align-items: center;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
header h1 {
margin: 0.5em 0 0;
font-family: 'SISTEMAS', sans-serif;
font-size: 2em;
}
header p {
margin: 0;
font-size: 1em;
color: #ff00ff;
/* magenta accent for subtitle */
}
.logo-link img {
height: 80px;
margin-bottom: 0.5em;
cursor: pointer;
}
/* Main container with links */
.container {
max-width: 700px;
width: 90%;
margin: 3em auto;
display: flex;
flex-direction: column;
gap: 1.5em;
}
/* Link cards */
a.link-card {
display: block;
padding: 1.2em 1em;
background-color: #fff;
color: #001f3f;
/* navy text */
text-decoration: none;
border-left: 6px solid #ff00ff;
/* magenta accent */
border-radius: 10px;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
font-size: 1.2em;
text-align: center;
transition: all 0.3s ease;
}
a.link-card:hover {
background-color: #ff0;
/* yellow hover */
color: #001f3f;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
transform: translateY(-2px);
}
footer {
margin-top: 4em;
color: #555;
text-align: center;
font-size: 0.9em;
padding-bottom: 2em;
}
</style>
</head>
<body>
<header>
<a href="/" class="logo-link">
<img src="/static/images/logo.png" alt="Studio Einszwovier Logo">
</a>
<h1>Studio Einszwovier</h1>
<p>Welcome to the school makerspace portal at the GvB</p>
</header>
<div class="container">
<a class="link-card" href="/about">About us</a>
<a class="link-card" href="/cost">Print Cost Calculator</a>
<a class="link-card" href="mailto:einszwovier@gvb-gymnasium.de">Contact: einszwovier@gvb-gymnasium.de</a>
<a class="link-card" href="https://gvb-gymnasium.de">Log in to iServ</a>
<a class="link-card" href="https://www.gvb-berlin.de">School website</a>
</div>
<footer>
&copy; Studio Einszwovier @ GvB Berlin
</footer>
</body>
</html>
{% block content %}
<div class="container">
<a class="link-card" href="/about">Über uns</a>
<a class="link-card" href="/cost">Kostenrechner</a>
<a class="link-card" href="mailto:einszwovier@gvb-gymnasium.de">Kontakt: einszwovier@gvb-gymnasium.de</a>
<a class="link-card" href="https://gvb-gymnasium.de">iServ Login</a>
<a class="link-card" href="https://www.gvb-berlin.de">Schulseite</a>
<a class="link-card" href="https://outline.example.com">Wissenssammlung</a>
</div>
{% endblock %}