Initial commit: WindPlaner application

This commit is contained in:
Johannes Baumeister 2026-04-01 10:40:00 +02:00
parent cde6609044
commit cdbb6d5658
4 changed files with 26 additions and 24 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 349 KiB

Binary file not shown.

View File

@ -22,8 +22,9 @@
<body> <body>
<aside class="sidebar"> <aside class="sidebar">
<div class="sidebar-header"> <div class="sidebar-header" style="display: flex; flex-direction: column; align-items: center; gap: 15px;">
<h1>WindPlaner</h1> <img src="Logos/20201202-ENWELO-Logo-4c_ohne_Claim.png" alt="ENWELO Logo" style="max-width: 85%; height: auto; display: block;">
<h1 style="margin: 0; text-align: center;">WindPlaner</h1>
</div> </div>
<div class="sidebar-content"> <div class="sidebar-content">

View File

@ -1,12 +1,13 @@
:root { :root {
--primary-color: #00c8ff; --primary-color: rgb(115, 176, 118);
--primary-hover: #0099cc; --primary-hover: rgb(48, 119, 37);
--bg-dark: #121212; --bg-dark: #001e2e;
--panel-bg: rgba(30, 30, 30, 0.85); --panel-bg: rgba(0, 30, 46, 0.95);
--text-main: #f0f0f0; --text-main: rgb(215, 234, 216);
--text-dim: #b0b0b0; --text-dim: rgb(151, 197, 212);
--border-color: rgba(255, 255, 255, 0.1); --border-color: rgba(151, 197, 212, 0.4);
--accent-glow: 0 0 15px rgba(0, 200, 255, 0.3); --accent-glow: 0 0 15px rgba(115, 176, 118, 0.4);
--danger-color: rgb(238, 2, 45);
--font-family: 'Inter', system-ui, -apple-system, sans-serif; --font-family: 'Inter', system-ui, -apple-system, sans-serif;
} }
@ -152,7 +153,7 @@ body {
} }
.btn-secondary:hover { .btn-secondary:hover {
background: rgba(0, 200, 255, 0.1); background: rgba(115, 176, 118, 0.1);
} }
/* Variant Switcher */ /* Variant Switcher */
@ -199,7 +200,7 @@ body {
/* WEA Labels */ /* WEA Labels */
.wea-label { .wea-label {
background: rgba(18, 18, 18, 0.8) !important; background: var(--panel-bg) !important;
backdrop-filter: blur(4px); backdrop-filter: blur(4px);
border: 1px solid var(--primary-color) !important; border: 1px solid var(--primary-color) !important;
color: white !important; color: white !important;
@ -356,9 +357,9 @@ body {
} }
.btn-danger-mini { .btn-danger-mini {
background: rgba(255, 68, 68, 0.1); background: rgba(238, 2, 45, 0.1);
border: 1px solid #ff4444; border: 1px solid var(--danger-color);
color: #ff4444; color: var(--danger-color);
padding: 8px; padding: 8px;
border-radius: 6px; border-radius: 6px;
font-size: 0.8rem; font-size: 0.8rem;
@ -593,33 +594,33 @@ body {
/* Status Indicators (UI & Legend) */ /* Status Indicators (UI & Legend) */
.status-gbr { .status-gbr {
color: #2ecc71; color: rgb(115, 176, 118);
} }
/* Green */ /* Green */
.status-external { .status-external {
color: #e74c3c; color: rgb(238, 2, 45);
} }
/* Red */ /* Red */
.status-declined { .status-declined {
color: #f1c40f; color: rgb(238, 2, 45);
} }
/* Yellow */ /* Yellow -> Red */
.status-positive { .status-positive {
color: #5efd9c; color: rgb(48, 119, 37);
} }
/* Light Green */ /* Light Green -> Dark Green */
.status-undecided { .status-undecided {
color: #95a5a6; color: rgb(151, 197, 212);
} }
/* Grey */ /* Grey -> Light Blue */
/* Selection specific styles */ /* Selection specific styles */
select.status-select option { select.status-select option {
background: #1e1e1e; background: var(--bg-dark);
color: white; color: white;
} }