edi/buzzer_2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

base structure

Browse Source
This commit is contained in:
Eduard Iten
2026-03-09 10:02:43 +01:00
parent 5bf74368c3
commit 96aed70fc6
11 changed files with 195 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

29
webpage/src/layouts/MainLayout.astro Normal file
View File

@@ -0,0 +1,29 @@
---
import "../styles/global.css";
const year = new Date().getFullYear();
---
<html lang="de">
<head>
<meta charset="utf-8" />
<title>Edis Buzzer</title>
</head>
<body class="antialiased bg-slate-50 text-primary pt-16 pb-12">
<nav class="fixed top-0 left-0 w-full z-50 bg-white shadow-bottom px-4 py-3 h-16 flex items-center">
<span class="uppercase font-bold text-xl tracking-narrow font-mono italic">EDIS_BUZZER</span>
</nav>
<main class="mx-auto max-w-screen-lg px-4 py-8 w-full">
<slot />
</main>
<footer class="fixed bottom-0 left-0 w-full z-50 bg-white text-xs text-slate-500 h-12 flex items-center shadow-top">
<div class="mx-auto px-4 w-full text-center">
&copy; 2026-{year} iten engineering. Alle Rechte vorbehalten.
</div>
</footer>
</body>
</html>

64
webpage/src/pages/index.astro
View File

@@ -1,17 +1,53 @@
---
import MainLayout from "../layouts/MainLayout.astro";
---
---
<MainLayout>
<div class="grid grid-cols-1 lg:grid-cols-2 gap-6">
<div class="bg-white shadow shadow-slate-300 rounded-lg p-6">
<h1>Titel</h1>
<p>
Li Europan lingues es membres del sam familie. Lor separat
existentie es un myth. Por scientie, musica, sport etc, litot
Europa usa li sam vocabular. Li lingues differe solmen in li
grammatica, li pronunciation e li plu commun vocabules. Omnicos
directe al desirabilite de un nov lingua franca: On refusa
continuar payar custosi traductores. At solmen va esser necessi
far uniform grammatica, pronunciation e plu sommun paroles. Ma
quande lingues coalesce, li grammatica del resultant lingue es
plu simplic e regulari quam ti del coalescent lingues. Li nov
lingua franca va esser plu simplic e regulari quam li existent
Europan lingues.
</p>
</div>
<div class="bg-white shadow shadow-slate-300 rounded-lg p-6">
<h1>Titel</h1>
<p>
Li Europan lingues es membres del sam familie. Lor separat
existentie es un myth. Por scientie, musica, sport etc, litot
Europa usa li sam vocabular. Li lingues differe solmen in li
grammatica, li pronunciation e li plu commun vocabules. Omnicos
directe al desirabilite de un nov lingua franca: On refusa
continuar payar custosi traductores. At solmen va esser necessi
far uniform grammatica, pronunciation e plu sommun paroles. Ma
quande lingues coalesce, li grammatica del resultant lingue es
plu simplic e regulari quam ti del coalescent lingues. Li nov
lingua franca va esser plu simplic e regulari quam li existent
Europan lingues.
</p>
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<link rel="icon" href="/favicon.ico" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>Astro</title>
</head>
<body>
<h1>Astro</h1>
</body>
</html>
<p>
It va esser tam simplic quam Occidental in fact, it va esser
Occidental. A un Angleso it va semblar un simplificat Angles,
quam un skeptic Cambridge amico dit me que Occidental es. Li
Europan lingues es membres del sam familie. Lor separat
existentie es un myth. Por scientie, musica, sport etc, litot
Europa usa li sam vocabular. Li lingues differe solmen in li
grammatica, li pronunciation e li plu commun vocabules. Omnicos
directe al desirabilite de un nov lingua franca: On refusa
continuar payar custosi traductores. At solmen va esser necessi
far uniform grammatica, pronunciation e plu sommun paroles.
</p>
</div>
</div>
</MainLayout>

9
webpage/src/styles/global.css
View File

@@ -1 +1,8 @@
@import "tailwindcss";
@import "tailwindcss";
@theme {
--color-primary: var(--color-slate-700);
--color-surface: var(--color-slate-50);
--shadow-top: 0 -2px 3px -1px color-mix(in srgb, var(--color-slate-500), transparent 70%);
--shadow-bottom: 0 2px 3px -1px color-mix(in srgb, var(--color-slate-500), transparent 70%);
}