apieper/webpage
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

some style changes

Browse Source
This commit is contained in:
Andreas Pieper
2026-02-28 17:20:21 +00:00
parent c2f8d537dc
commit 295605829c
2 changed files with 8 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
html/index.html
View File

@@ -137,8 +137,8 @@
Austausch, Zusammenarbeit und gemeinsame Entdeckungen erwarten dich. Austausch, Zusammenarbeit und gemeinsame Entdeckungen erwarten dich.
</p> </p>
<div class="demo-buttons"> <div class="demo-buttons">
<a href="#" class="demo-button">Forum / Nextcloud</a> <a href="https://cloud.gzl.lan64.de" class="demo-button">Forum / Nextcloud</a>
<a href="#" class="demo-button">Archiv / Gitea</a> <a href="https://git.gzl.lan64.de" class="demo-button">Archiv / Gitea</a>
<!-- <a href="#" class="demo-button">Events</a> --> <!-- <a href="#" class="demo-button">Events</a> -->
</div> </div>
</div> </div>

15
html/style.css
View File

@@ -12,11 +12,11 @@ html {
} }
body { body {
/* Wir entfernen den Gradienten vom Body, damit er nicht durchblitzt */
background: #667eea;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
line-height: 1.6; line-height: 1.6;
color: #333; color: #333;
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
overflow-x: hidden;
} }
.container { .container {
@@ -68,6 +68,7 @@ nav {
color: #667eea; color: #667eea;
} }
/* Hamburger Icon (Standard versteckt) */
.hamburger { .hamburger {
display: none; display: none;
flex-direction: column; flex-direction: column;
@@ -89,16 +90,13 @@ nav {
3. HERO SECTION 3. HERO SECTION
========================================== */ ========================================== */
.hero { .hero {
/* Der lila Verlauf gehört nur in den ersten Sichtbereich */
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
min-height: 100vh; min-height: 100vh;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
text-align: center; text-align: center;
color: white; color: rgb(38, 38, 38);
padding-top: 80px; padding-top: 80px;
padding-bottom: 80px; /* Innenabstand unten */
} }
.hero-content { .hero-content {
@@ -108,17 +106,16 @@ nav {
.hero h1 { .hero h1 {
font-size: 3.5rem; font-size: 3.5rem;
margin-bottom: 1rem; margin-bottom: 1rem;
background: linear-gradient(45deg, #010c3c, #0f216e); background: linear-gradient(45deg, #091e7a, #667eea);
-webkit-background-clip: text; -webkit-background-clip: text;
-webkit-text-fill-color: transparent; -webkit-text-fill-color: transparent;
background-clip: text; background-clip: text;
line-height: 1.2; line-height: 1.2;
} }
.hero p { .hero p {
font-size: 1.5rem; font-size: 1.5rem;
margin-bottom: 2rem; margin-bottom: 1.5rem;
opacity: 0.9; opacity: 0.9;
} }