Add car details and meta pages

This commit is contained in:
2025-09-07 02:45:10 +02:00
parent ed89ce1b31
commit 69f03170a6
12 changed files with 357 additions and 3 deletions
+66
View File
@@ -0,0 +1,66 @@
<script setup lang="ts">
import { VaCard, VaCardContent, VaCardTitle, VaChip } from 'vuestic-ui';
</script>
<template>
<article>
<h1 class="m-4 mb-6 text-3xl">Abkürzungen</h1>
<div class="grid grid-cols-1 gap-4 p-4 md:grid-cols-2">
<VaCard>
<VaCardTitle>Werbetypen</VaCardTitle>
<VaCardContent>
<div class="flex flex-col">
<h2><VaChip>TG</VaChip> Teilgestaltung</h2>
<p>Rumpffläche</p>
<h2><VaChip>TP</VaChip> Teilgestaltung Plus</h2>
<p>Rumpffläche</p>
<p>inklusive 20% Fensterausnutzung oder 1 TrafficBoard</p>
<h2>
<VaChip>TL</VaChip> Teilgestaltung halbe Strassenbahn - linke Fahrzeugseite
(Fahrbahnseite)
</h2>
<p>Rumpffläche</p>
<p>Werbung nur auf der Fahrbahnseite</p>
<p>nur auf GT8N und GT8N-1 möglich</p>
<h2>
<VaChip>TR</VaChip> Teilgestaltung halbe Strassenbahn - rechte Fahrzeugseite
(Einstiegsseite)
</h2>
<p>Rumpffläche</p>
<p>Werbung nur auf der Einstiegsseite</p>
<p>nur auf GT8N und GT8N-1 möglich</p>
<h2><VaChip>GG</VaChip> Ganzgestaltung</h2>
<p>inklusive 25% Fensterausnutzung</p>
<h2><VaChip>GL</VaChip> Ganzgestaltung - linke Fahrzeugseite (Fahrbahnseite)</h2>
<p>inklusive 25% Fensterausnutzung</p>
<p>Werbung nur auf der Fahrbahnseite</p>
<h2><VaChip>GR</VaChip> Ganzgestaltung - rechte Fahrzeugseite (Einstiegsseite)</h2>
<p>inklusive 25% Fensterausnutzung</p>
<p>Werbung nur auf der Einstiegsseite</p>
<h2><VaChip>SG</VaChip> Segmentgestaltung</h2>
<p>nur ein Fahrzeugteil</p>
<p>nur bei GT8N möglich</p>
<h2><VaChip>BK</VaChip> Traffic Board klein (4/1)</h2>
<p>nur bei Bussen möglich</p>
<h2><VaChip>BG</VaChip> Traffic Board gross (18/1)</h2>
<p>nur bei Bussen möglich</p>
<h2><VaChip>HK</VaChip> Heckflächenplakat</h2>
<p>Plakat unterhalb der Fenster</p>
<p>nur bei Bussen</p>
<h2><VaChip>HG</VaChip> Heckfläche XL</h2>
<p>Plakat über komplette Heckfläche</p>
<p>nur bei Bussen</p>
</div>
</VaCardContent>
</VaCard>
</div>
</article>
</template>
<style scoped>
@reference "tailwindcss";
h2 {
@apply mt-4 text-2xl;
}
</style>
+18
View File
@@ -0,0 +1,18 @@
<script setup lang="ts"></script>
<template>
<article class="p-4">
<h1 class="pb-4 text-2xl">About</h1>
<p>
Alle Informationen, Bilder und Fahrzeugtypen stammen aus dem
<a
class="underline"
href="https://wiki.bre-forum.de/index.php?title=Bremer_Nahverkehrs-Net(z)_-_Fahrzeugliste"
target="_blank"
>Bremer Verkehrsforum Wiki</a
>, vielen Dank für die Arbeit!
</p>
</article>
</template>
<style scoped></style>
+3 -1
View File
@@ -1,4 +1,5 @@
<script setup lang="ts">
import CarDetail from '@/components/CarDetail.vue';
import StatsBlock from '@/components/StatsBlock.vue';
import { getType, useTramStore } from '@/stores/tram.ts';
import { computed, ref } from 'vue';
@@ -58,7 +59,7 @@ function add() {
<VaCard class="md:col-2">
<VaCardTitle>Neues Fahrzeug gefunden?</VaCardTitle>
<VaCardContent>
<VaForm ref="form" class="grid grid-cols-1 gap-2 sm:grid-cols-2">
<VaForm ref="form" class="mb-4 grid grid-cols-1 gap-2 sm:grid-cols-2">
<VaInput
v-model="number"
class="text-xl"
@@ -87,6 +88,7 @@ function add() {
>Gesehen</VaButton
>
</VaForm>
<CarDetail :car="enteredType" />
</VaCardContent>
</VaCard>
+78
View File
@@ -0,0 +1,78 @@
<script setup lang="ts"></script>
<template>
<article class="p-4">
<h1 class="mb-4 text-3xl">Impressum</h1>
<h2>Angaben gemäß § 5 TMG:</h2>
<p>Pascal Syma</p>
<p>Duckwitzstraße 50</p>
<p>28199 Bremen</p>
<p>Email: tramtrack@syma.dev</p>
<h2>Verantwortlich für redaktionellen Inhalt:</h2>
<p>Pascal Syma</p>
<p>Duckwitzstraße 50</p>
<p>28199 Bremen</p>
<p>Email: tramtrack@syma.dev</p>
<h2>Haftung für Inhalte</h2>
<p>
Als Diensteanbieter sind wir gemäß § 7 Abs.1 TMG für eigene Inhalte auf diesen Seiten nach den
allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch
nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder
nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.
</p>
<p>
Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den
allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab
dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von
entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.
</p>
<h2>Haftung für Links</h2>
<p>
Unser Angebot enthält Links zu externen Webseiten Dritter, auf deren Inhalte wir keinen
Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für
die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten
verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche
Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht
erkennbar.
</p>
<p>
Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete
Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen
werden wir derartige Links umgehend entfernen.
</p>
<h2>Urheberrecht</h2>
<p>
Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem
deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der
Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des
jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den
privaten, nicht kommerziellen Gebrauch gestattet.
</p>
<p>
Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die
Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet.
Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen
entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte
umgehend entfernen.
</p>
<p class="mt-4">
Quelle:
<a href="https://www.erecht24.de" class="underline" target="_blank" rel="noopener noreferrer"
>https://www.e-recht24.de</a
>
</p>
</article>
</template>
<style scoped>
@reference "tailwindcss";
h2 {
@apply mt-8 mb-4 text-2xl;
}
</style>