81 lines
3.6 KiB
HTML
81 lines
3.6 KiB
HTML
<!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>
|
|
<li><a href="./semantic-tokens-patterns.html">Semantic Tokens Patterns</a></li>
|
|
<li><a href="./semantic-tokens-layouts.html">Semantic Tokens Layouts</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/content-cards-group.html">Content Cards Group</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>
|
|
<li><a href="./patterns/multiselektions-pulldown.html">Multiselektions-Pulldown</a></li>
|
|
<li><a href="./patterns/text-layouts.html">Text Layouts</a></li>
|
|
<li><a href="./patterns/delete-confirmation-overlay.html">Overlay Card</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section class="sg-index-section">
|
|
<h2 class="sg-sub-heading">Layouts</h2>
|
|
|
|
<h3 class="sg-sub-heading sg-section-h3">Generische Layouts</h3>
|
|
<ul class="sg-index-list">
|
|
<li><a href="./patterns/card-listen-seite.html">Card Listen Seite</a></li>
|
|
<li><a href="./patterns/card-listen-fundamentalanalyse-mobile.html">Card Listen Fundamentalanalyse Mobile</a></li>
|
|
</ul>
|
|
|
|
<h3 class="sg-sub-heading sg-section-h3">Valuestockfinder Layouts</h3>
|
|
<ul class="sg-index-list">
|
|
<li><a href="./patterns/company-card.html">Company Card</a></li>
|
|
<li><a href="./patterns/vsf-list-card.html">VSF List Card</a></li>
|
|
<li><a href="./patterns/vsf-card-listen-seite.html">VSF Card Listen Seite</a></li>
|
|
<li><a href="./patterns/vsf-list-detailseite.html">VSF List Detailseite</a></li>
|
|
<li><a href="./patterns/vsf-listen-uebersicht-seite-v2.html">VSF Listen Übersicht Seite V2</a></li>
|
|
<li><a href="./patterns/vsf-card-listen-fundamentalanalyse-mobile.html">VSF Card Listen Fundamentalanalyse Mobile</a></li>
|
|
<li><a href="./patterns/vsf-card-listen-fundamentalanalyse-drawer.html">VSF Card Listen Fundamentalanalyse Drawer</a></li>
|
|
</ul>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
</body>
|
|
</html>
|