Initial commit: add styleguide project

2026-05-18 16:00:56 +02:00
commit 5abea83034
20 changed files with 6537 additions and 0 deletions
@@ -0,0 +1,61 @@
+<!doctype html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Portal Styleguide</title>
+  <link rel="stylesheet" href="./styleguide.css">
+</head>
+<body>
+
+  <main class="sg-index">
+
+    <h1 class="sg-main-heading">Portal Styleguide</h1>
+
+    <section class="sg-index-section">
+      <h2 class="sg-sub-heading">Foundations</h2>
+
+      <ul class="sg-index-list">
+        <li><a href="./foundations.html">Foundations</a></li>
+        <li><a href="./semantic-tokens-components.html">Semantic Tokens Components</a></li>
+      </ul>
+    </section>
+
+    <section class="sg-index-section">
+      <h2 class="sg-sub-heading">Components</h2>
+
+      <ul class="sg-index-list">
+        <li><a href="./components/cards.html">Cards</a></li>
+        <li><a href="./components/interactive-elements.html">Interactive Elements</a></li>
+        <li><a href="./components/charts.html">Charts</a></li>
+        <li><a href="./components/data-display.html">Data Display</a></li>
+        <li><a href="./components/typography.html">Typography</a></li>
+      </ul>
+    </section>
+
+    <section class="sg-index-section">
+      <h2 class="sg-sub-heading">Patterns</h2>
+
+      <ul class="sg-index-list">
+        <li><a href="./patterns/portal-header.html">Portal Header</a></li>
+        <li><a href="./patterns/options-row.html">Options Row</a></li>
+        <li><a href="./patterns/object-card.html">Object Card</a></li>
+        <li><a href="./patterns/object-group-card.html">Object Group Card</a></li>
+        <li><a href="./patterns/navigation-card.html">Navigation Card</a></li>
+        <li><a href="./patterns/card-gruppe-mit-tastennavigation.html">Card Gruppe mit Tastennavigation</a></li>
+        <li><a href="./patterns/formular-mit-abschnitten.html">Formular mit Abschnitten</a></li>
+      </ul>
+    </section>
+
+    <section class="sg-index-section">
+      <h2 class="sg-sub-heading">Layouts</h2>
+
+      <ul class="sg-index-list">
+        <li><a href="./patterns/card-listen-seite.html">Card Listen Seite</a></li>
+      </ul>
+    </section>
+
+  </main>
+
+</body>
+</html>