Stadtwerke Bamberg
Design System
Verwendung
Das StyleSheet muss im <head> Bereich der Seite eingebunden werden, die Script Datei vorzugsweise vor dem schließenden <body> Tag
<link rel="stylesheet" type="text/css" href="https://assets.stadtwerke-bamberg.de/v/2.5/css/styles.css" media="all">
<script src="https://assets.stadtwerke-bamberg.de/v/2.5/js/scripts.js" type="text/javascript"></script>Verfügbare Resourcen
<img src="https://assets.stadtwerke-bamberg.de/img/logo-stwb.svg?v=2.5" title="Logo der Stadtwerke Bamberg" alt="Stadtwerke Bamberg" class="img-fluid" width="512" height="277" />
<img src="https://assets.stadtwerke-bamberg.de/img/logo-stwb.png?v=2.5" title="Logo der Stadtwerke Bamberg" alt="Stadtwerke Bamberg" class="img-fluid" width="512" height="277" />
<img src="https://assets.stadtwerke-bamberg.de/img/logo-stwb-white.svg?v=2.5" title="Logo der Stadtwerke Bamberg" alt="Stadtwerke Bamberg" class="img-fluid" width="512" height="277" />
<img src="https://assets.stadtwerke-bamberg.de/img/logo-stwb-white.png?v=2.5" title="Logo der Stadtwerke Bamberg" alt="Stadtwerke Bamberg" class="img-fluid" width="512" height="277" />
Favicon
<link rel="icon" type="image/png" href="https://assets.stadtwerke-bamberg.de/favicon/favicon-96x96.png" sizes="96x96" />
<link rel="icon" type="image/svg+xml" href="https://assets.stadtwerke-bamberg.de/favicon/favicon.svg" />
<link rel="shortcut icon" href="https://assets.stadtwerke-bamberg.de/favicon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="https://assets.stadtwerke-bamberg.de/favicon/apple-touch-icon.png" />
<meta name="apple-mobile-web-app-title" content="STWB" />
<link rel="manifest" href="https://assets.stadtwerke-bamberg.de/favicon/site.webmanifest" />Versionierung
Alle Assets (CSS, JS, Fonts) werden unter /v/{version}/ bereitgestellt. Verwende immer einen konkreten Versions-Pfad, um sicherzustellen, dass deine Seite auch bei Updates stabil bleibt.
<!-- Aktuelle Version (2.5) -->
<link rel="stylesheet" href="https://assets.stadtwerke-bamberg.de/v/2.5/css/styles.css">
<script src="https://assets.stadtwerke-bamberg.de/v/2.5/js/scripts.js"></script>
<!-- Immer die neueste Version (kann sich jederzeit ändern) -->
<link rel="stylesheet" href="https://assets.stadtwerke-bamberg.de/v/latest/css/styles.css">
<script src="https://assets.stadtwerke-bamberg.de/v/latest/js/scripts.js"></script>
Der Pfad /v/latest/ verweist immer auf den aktuellen Build und kann sich bei jedem Release ändern. Für Produktionsumgebungen sollte stets eine feste Version verwendet werden.