From 69f03170a661e834c1712f5ff11948c507379eba Mon Sep 17 00:00:00 2001
From: Pascal Syma <p.syma@appfarms.com>
Date: Sun, 7 Sep 2025 02:45:10 +0200
Subject: [PATCH] Add car details and meta pages

---
 public/Avenio-rot.gif           | Bin 0 -> 1467 bytes
 public/Avenio-schw.gif          | Bin 0 -> 1472 bytes
 public/GT8N1.jpg                | Bin 0 -> 6791 bytes
 src/App.vue                     |  14 +++-
 src/components/CarDetail.vue    |  34 +++++++++
 src/data/trams.csv              | 122 ++++++++++++++++++++++++++++++++
 src/data/trams.ts               |  12 ++++
 src/pages/AbbreviationsView.vue |  66 +++++++++++++++++
 src/pages/AboutView.vue         |  18 +++++
 src/pages/HomeView.vue          |   4 +-
 src/pages/ImprintView.vue       |  78 ++++++++++++++++++++
 src/router/index.ts             |  12 ++++
 12 files changed, 357 insertions(+), 3 deletions(-)
 create mode 100644 public/Avenio-rot.gif
 create mode 100644 public/Avenio-schw.gif
 create mode 100644 public/GT8N1.jpg
 create mode 100644 src/components/CarDetail.vue
 create mode 100644 src/data/trams.csv
 create mode 100644 src/data/trams.ts
 create mode 100644 src/pages/AbbreviationsView.vue
 create mode 100644 src/pages/AboutView.vue
 create mode 100644 src/pages/ImprintView.vue

diff --git a/public/Avenio-rot.gif b/public/Avenio-rot.gif
new file mode 100644
index 0000000000000000000000000000000000000000..472df5b1dbff298ba20b753088183cce7a99a75d
GIT binary patch
literal 1467
zcmb8rXIImA6u|KxNgxS(FO?F(B7rKYS`n}XK^sMx(rS?kYEeKfRy<WJ<qsh#G71D)
zF@WHRjDkp5$_TQ;3ISv<Wh!AQh**@{_!9a(pL6a#_u>8i-~r1$KGw(v1tLWGK#)Pw
z#T-fdd}B!`NJGfh*7k-F{t&{AM!=c@Yl2XzW(aQuW($P30J9Yst#DHWH`^dWN(3?O
z5F>`@c8C@Oy944oA-)6HVu%+*QWqq4K~g6qJ_k-WaGpbIH{9-q^d89Qf%INT>xHa7
zxGU8US^dBpfCo~8z?15Syg|s78iKqb$Qgo1BTyhU43CC^KMMR8P&5ifFQ9l7%3ea*
z3n&|d(lMwQhstrNn1IR&5KMw#0%|6qW&-M`pne+aq^6)@8k$~1(<^9x4Q(^fCIQh5
zh$PS|fsR?|l$wK{dFYvg-g)SqgTVzDScHKE7+i#rH!$)RM&H2bTc|^5d<n*vVQdM;
zmLUWo48s%^6+b`r|3m~VFpLq-Wc?L!GcqbV=I_|Jcy_|A#H28k%DK%=OO8&<l*vrb
z!0~wZa&m7!<gxR!^NP5IxJM-%{L_lcs%lP2Y5cP%)s2lcC1r&T!uF@lg=Nhmv9LR}
zAifyKAAQVW50CO+rm_h$5}t%0D@%}@pLw&eyue$Lu!$rhQsG*~p*vw1iTp2qbpc^`
zBGKUdRzDertga5XIij!zM^rHICX@?|7;;LwNO(0e6i?LAqlc-6`nI|6+HyF>dq-G1
z$=c5;ZczgrAz6m5-*O1u$CP(+-gVzQ)AV`vu_8BQ;o<KguS2Cji?d_&EAcGOxwQB&
z`W5}5t=TJA8;=zIol|3S?c9he23DkR-@UIT3c}Rz%G?whCiudMCPz8uMpC2fizZ#7
zF8$J;LSq<g!eP@Q3jMq?B|AJoBi}g<3w~BC=`T5%VHuiLM@CN_xy@dlZt_}<9(k6D
zo3AZtnsai!Lv8k4(Kbg9`~LJ_3z}sA#1FKqs?XLLYpM>EvH!TLO*<h-RxwIgbALVT
z$fhw^A%Od6;;pnxEY84o_Sxc*!n%%O*iQOycx6qu6b7<7YDr=4eidi0ti>YPDx;%Y
zF{ahk2!^rsqIk2)-dRH|%4QXvj<KFyw2#_8MZ#jYi&BhKw#^%oRq1k}#-NHbG!0j^
zH#fbX;E2QSCGN9G-J<G=qmb3S)m<Ib97yPa+5zl1f#a}I%{K*c_0Dp9bMzh<(~aZ9
z)#-+X;V4)xr|wShTfc|ujtC=UM6Q^kj6e0MWQ`*(GXxE1l8fp6BSD8uHJofZ{CFsc
zN<}U~Iext4Na{gNHvx5j9?pRhkXJN94bVga`G5j<Iz^CIC!&(IJY0PCYc<JZvsyoF
z4cO0bIusy_x_-8k)$aS+Oz^nFDS&Bw{7hzj`Lz5UX8BZBZoT$oQm!nTO;<oqaCL+E
z+U&rW3)Nnv#Rb9ob(#gjhtL8Apg&t+>>aLlN%vF)#TInc8LqSj-B{XzdgP$kAXInX
z$U>*C+OV3~ajq;q-&=MpJzU+1h8BzDOAR7lu8cs>0)IhH&!%f5UwkIImaKnxkj>Kf
zyH_Z;0Xb|c{_5~uS9#+!ZWs$)AQ_dI`Gm|VnH(zJEa>%77;hLnl^m>WH561^Vj)9{
z`+cND7`*bOpV{TzBiENUMU8rX*ZFSX^uj;y`+QC2g=4<47s`7t<5kPPiQaIrWkbx4
z^-{|#xn3V8<IYxH>*3wqrYJd=EGqBK>%F)(mtUuR&@!JtZ$;&q)wW8iPL3@1)t;_g
znQIO4vY|G;Utg05HSG6JRsXntW4X_{pu%D(YCc%ke9#j<t#&egB`>~8Q2AuC*ti`&
J1`=?{`afX6>Hh!#

literal 0
HcmV?d00001

diff --git a/public/Avenio-schw.gif b/public/Avenio-schw.gif
new file mode 100644
index 0000000000000000000000000000000000000000..ac8382347f3dbc98b2f5e819494ab42e72bd6229
GIT binary patch
literal 1472
zcmb8r`9IWo9Ki998O)IT9?6<$F?q;z3cC-YmXtI5sO_R{3AIt$wY$le8MA1tG49FT
zF*(W^3K=(pG47jkmT^W_Tibi5KVe^w=i~8yKi)sSzjHWde%Q+rS)l-g$R8vnka#gc
z;=bG%;tApqvbMIq-3ouS!tEBo_<*%Rm>3`E9T3qD^md5o09pq`2_UKyBE<v{(*-d?
zV0Hmh2<&c%>w&m#U<)Bm2uZz=*b7NLkk|*De&F;$YCqiThl~Np9Ds~LNFRipA-FF#
z3^~KV9f3z;qrep#hJsPZ7aN0uF~}Q(q6sJz8;7ECD4T?`S5P_$rLW-GBvihJ%2!Z1
z1r<|JJq<O}P(1@RGr*e#-VD^uLfs5B%|X*VG>XkZ^E|Y@g|;`qe+!)p&?y4J0tiIV
zA%gBj=n-3jfn^w2g281NT!PUR7+Hmp6&PKGi8Yvb2a{_s`3@QpnqG(L4VYSosSOB4
zh(sdE$;o|r?Ei@XSU@<99>MrCGAjBmGv=>YRvbG%Au%Z&rE>12r6)7fvn8@KGI3n)
zgS`BEkGbrpxdo+Z#kit!4!)|o=4CCXydtjtMQuw<U3q13b8A->zqpbw5VrQG7REip
zl}(m#*yEFBuT$BQ3nH#aQc6lvdU;`OWn+cADPj|d1f-Z|!9rQ#7*XaQ{MHJ>@C1VH
zRU=;snv|Ai8b7kQ4oBFg>nZu1r%#iX*Fvqq(P4OkCdocrDa^am{lKmhDW3bnyNH&)
zPOMc`bdqQu_Bp{W>_~*Hlk<Uxp4rBIxu;9rkeP>{hpZ;WzMf@68<yvqU2$pmq7BRW
zK_~xwz6Ku2`8lV?<lDFr6m>0#-@gC5fxrt_#w(<yP%++DPE={~X*Z%W`3RF3NLl}>
zD}_qa-GRgA1!ViH3gle6zv@%xbS$L)nP|BDVy1amPNNK}a!li&KkFu|-r`YUp1AY3
zbu|-CzGs-#;aeIe=<(1UzmGw)>>tVkY+g3yYEHG)21wX`+R~t&<0UKV$A5HxJMPG)
z(iowD`()@Te?TbA#P$za<I%RyntI{;?Qh@})Z9{N$l{baIpWY8maT$1gJ`XQP8nel
z7QvA;1Itz6PQ`B)^{~5ETj<9a%f(gOyL;w{SnM7_ioT-hvYw2Ry>yrXDB<*s=}NXH
z#t-8iaoB^zBW9_)l+NPFGRmGRu6D|HMD$4c7<NXIW2d9+or2OxJ{<2n(jx<VgE+d1
zy<RaLg-GW$W`(@-eXQb$Fv-m5O=FaKN1Gy}deUV<Qq`I0V*K!A&~al`C#!B>E()Sh
zkV{aWFE=@w;-KcnqZ}>3*^&JVN+&4(YKSN6U+8X6<`pywC^G6EE?!5~+hnmt_3w@R
zkCwF^_m@Jw7i^?7hW75}m2^A#M;M&BoZa+%UN$S@`CLwZlg4aPz7$%_*oI!<8b_aM
zumfJN)Sf4<uJAtpPBlaLP-*}Vv=<8vJn71TT9+cp)}W<AbEP(G#Zr$oAv?L|Ruy+0
z2D%h%#b{%*Tp1+q1RDkk*LbeE-7Gn<S>T-}!6TXBuSt`vdUeW#mzfPR+E?gohPLm6
zV(IP3ZpSU76UjIS!;&&r!Pgh?0SXplEWGtldS&)OW3O0wtmjGa&2l5e+<V;cT6>Mm
z*l<>7)cCJA*%bq^0Z$H%|57-0aB@UPm%p7=S`s`Q=%Zq8$f~vBkH=rXR!&KET;3W@
z@Tm{#y%>MP!jM_T{vax9QK;HopnAVTR5EXBxfHWcpSjGlHI<{h91Ulnx)xL3T7x3q
zVZGzfo{)|9p`WcNeU7zOn+=*>HJc+o&ec2K7e^}I`7j>868&L5^kT@a<%-aM4`%jV
Lhkv&SIAr-BY2oFJ

literal 0
HcmV?d00001

diff --git a/public/GT8N1.jpg b/public/GT8N1.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..15e5d8a43f862d8a5ef4775f3b27f8256cad2c7d
GIT binary patch
literal 6791
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
AwEzGB

literal 0
HcmV?d00001

diff --git a/src/App.vue b/src/App.vue
index 2173c3a..4f71541 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import { VaButton, VaLayout, VaNavbar } from 'vuestic-ui';
+import { VaButton, VaDivider, VaLayout, VaNavbar } from 'vuestic-ui';
 </script>
 
 <template>
-  <VaLayout :top="{ fixed: true, order: 2 }">
+  <VaLayout :top="{ fixed: true, order: 2 }" :bottom="{ fixed: true, order: 4 }">
     <template #top>
       <VaNavbar shadowed>
         <template #center>
@@ -15,6 +15,16 @@ import { VaButton, VaLayout, VaNavbar } from 'vuestic-ui';
       </VaNavbar>
     </template>
 
+    <template #bottom
+      ><VaDivider style="margin: 0" /><VaNavbar>
+        <template #center>
+          <VaButton preset="secondary" to="/abbreviations">Abkürzungen</VaButton>
+          <VaButton preset="secondary" to="/about">Über</VaButton>
+          <VaButton preset="secondary" to="/imprint">Impressum</VaButton>
+        </template>
+      </VaNavbar></template
+    >
+
     <template #content>
       <main>
         <RouterView />
diff --git a/src/components/CarDetail.vue b/src/components/CarDetail.vue
new file mode 100644
index 0000000..0fe8a36
--- /dev/null
+++ b/src/components/CarDetail.vue
@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import { trams } from '@/data/trams.ts';
+import { getType } from '@/stores/tram.ts';
+import { computed } from 'vue';
+import { VaChip } from 'vuestic-ui';
+
+const props = defineProps<{ car: ReturnType<typeof getType> }>();
+
+const details = computed(() => (props.car ? trams.find((t) => t.id === props.car!.id) : undefined));
+</script>
+
+<template>
+  <div class="grid grid-cols-2 gap-2">
+    <p>Lackierung</p>
+    <img v-if="details?.img" class="h-[30px]" :src="`/${details?.img}`" :alt="car?.type" />
+    <span v-else class="h-[30px]"></span>
+    <p>Fahrzeug-Nr.</p>
+    <p>{{ car?.id }}</p>
+    <p>Werbung</p>
+    <div v-if="details">
+      <p v-for="(ad, i) in details.ads" :key="i">
+        {{ ad }}
+        <VaChip v-if="details.types && details.types[i]" size="small" to="/abbreviations">{{
+          details.types[i]
+        }}</VaChip>
+      </p>
+    </div>
+    <p v-else>-</p>
+    <p>Baujahr</p>
+    <p>{{ details?.year ?? '-' }}</p>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/src/data/trams.csv b/src/data/trams.csv
new file mode 100644
index 0000000..42f9be0
--- /dev/null
+++ b/src/data/trams.csv
@@ -0,0 +1,122 @@
+3101;GT8N1.jpg;keine;;2005
+3102;GT8N1.jpg;Traffic Marketing ;GG;2005
+3103;GT8N1.jpg;Freiraum Möbel;TL;2005
+3104;GT8N1.jpg;Opti Wohnwelt;TP;2006
+3105;GT8N1.jpg;BoConcept;TL;2006
+3106;GT8N1.jpg;Freie Kliniken Bremen;GG;2006
+3107;GT8N1.jpg;keine;;2006
+3108;GT8N1.jpg;Mammographie Screening Bremen;GG;2006
+3109;GT8N1.jpg;Fachhochschule für Ökonomie und Management (FOM);TG;2006
+3110;GT8N1.jpg;keine;;2006
+3111;GT8N1.jpg;125 Jahre Jacobs;GG;2006
+3112;GT8N1.jpg;Universität Bremen;GG;2006
+3114;GT8N1.jpg;ESF - Europäischer Sozialfonds;TP;2006
+3115;GT8N1.jpg;Made in Bremen Kaufhaus;TG;2006
+3116;GT8N1.jpg;Radio Bremen 1;GG;2006
+3117;GT8N1.jpg;Elektro Siemer;TG;2007
+3118;GT8N1.jpg;Bremen Next;GG;2007
+3119;GT8N1.jpg;Verlängerung Linie 1+8 Huchting;TG;2007
+3120;GT8N1.jpg;Aleco Süpermärkte,Hofmolkerei Dehlwes;TL,TR;2007
+3121;GT8N1.jpg;Freiraum Möbel;TR;2008
+3122;GT8N1.jpg;keine;;2008
+3123;GT8N1.jpg;DLRG;TP;2008
+3124;GT8N1.jpg;keine;;2008
+3125;GT8N1.jpg;keine;;2008
+3126;GT8N1.jpg;Universität Bremen;GG;2008
+3127;GT8N1.jpg;100 Jahre Gewoba;GG;2008
+3128;GT8N1.jpg;Smarteye Augen OP;TP;2008
+3129;GT8N1.jpg;Weru Fenster Schwarmann;TL;2008
+3130;GT8N1.jpg;Musikfest Bremen;GG;2008
+3131;GT8N1.jpg;wohnen im Kaffeequartier,Hofmolkerei Dehlwes;TL,TR;2009
+3132;GT8N1.jpg;Bremer Fensterdiscount,Aleco Supermärkte;TL,TR;2009
+3133;GT8N1.jpg;keine;;2009
+3134;GT8N1.jpg;Benergie;TP;2009
+3135;GT8N1.jpg;Bremer Krebsgesellschaft;TP;2010
+3136;GT8N1.jpg;Schweizer Viertel;TP;2012
+3137;GT8N1.jpg;Plasmaspenden;GG;2012
+3138;GT8N1.jpg;Gewoba;GG;2012
+3139;GT8N1.jpg;100 Jahre Gewoba;GG;2012
+3140;GT8N1.jpg;Möbel Zurbrüggen;TP;2012
+3141;GT8N1.jpg;KCS Medical GmbH;GG;2012
+3142;GT8N1.jpg;Ochtum Park;GG;2012
+3143;GT8N1.jpg;Dodenhof;GG;2012
+3201;Avenio-schw.gif;BSAG Nordlicht;TP;2020 
+3202;Avenio-schw.gif;keine;;2020 
+3203;Avenio-schw.gif;ArcelorMittal;TG;2020
+3204;Avenio-rot.gif;Ausbildung bei der BSAG;GG;2020
+3205;Avenio-schw.gif;keine;;2020
+3206;Avenio-rot.gif;keine;;2020
+3207;Avenio-rot.gif;keine;;2020
+3208;Avenio-schw.gif;Florian Wellmann Immobilien;GG;2020
+3209;Avenio-schw.gif;swb;TP;2021
+3210;Avenio-schw.gif;Klimabahn;GG;2020
+3211;Avenio-schw.gif;Oezgoeren Aesthetik;SG;2021
+3212;Avenio-schw.gif;keine;;2021
+3213;Avenio-schw.gif;keine;;2021
+3214;Avenio-schw.gif;Jacobs Kaffee;GG;2021
+3215;Avenio-schw.gif;NBI Sicherheit;TP;2021
+3216;Avenio-schw.gif;Bremer City;GG;2021
+3217;Avenio-schw.gif;Filmfest Bremen,Sparkasse Bremen;GL,GR;2021
+3218;Avenio-schw.gif;BERGFELD GMBH Umschulungen;SG;2021
+3219;Avenio-rot.gif;keine;;2021 
+3220;Avenio-schw.gif;Citipost;TG;2021
+3221;Avenio-rot.gif;CVS Alphaplan;GG;2021
+3222;Avenio-schw.gif;Klimabauzentrum Bremen;TP;2021
+3223;Avenio-schw.gif;keine;;2021
+3224;Avenio-rotu.gif;Karriere Bremen;SGL;2021
+3225;Avenio-schw.gif;Bremerhaven Tourismus;GG;2021
+3226;Avenio-rot.gif;Bremen hebt ab - City of aerospace;GG;2021
+3227;Avenio-rot.gif;keine;;2021
+3229;Avenio-schw.gif;Sparkasse Bremen;GG;2021
+3230;Avenio-schw.gif;GraftTherme;GG;2020
+3231;Avenio-schw.gif;keine;;2021
+3232;Avenio-roto.gif;keine;;2021
+3233;Avenio-schw.gif;Bremer Fensterdiscount;SG;2021
+3234;Avenio-schw.gif;keine;;2021
+3235;Avenio-schw.gif;Werder - offizielle Partner;GG;2021
+3236;Avenio-schw.gif;Binnenstadt;TP;2021
+3237;Avenio-schw.gif;keine;;2021
+3238;Avenio-schw.gif;Polizei Bremen;TG;2021
+3239;Avenio-schw.gif;keine;;2021
+3240;Avenio-schw.gif;Bremer Fensterdiscount;SG;2021
+3241;Avenio-schw.gif;Jaffa kauft dein Auto;TP;2021
+3242;Avenio-schw.gif;keine;;2021
+3243;Avenio-schw.gif;keine;;2023
+3244;Avenio-schw.gif;TurnUp BRMN - Das Deutschrap Festival;TP;2024
+3245;Avenio-schw.gif;keine;;2024
+3246;Avenio-schw.gif;keine;;2025
+3247;Avenio-schw.gif;keine;;2025
+3401;Avenio-schw.gif;keine;;2020 
+3402;Avenio-rot.gif;keine;;2021
+3403;Avenio-rot.gif;keine;;2021
+3404;Avenio-schw.gif;Benergie;SG;2021
+3405;Avenio-schw.gif;keine;;2021
+3406;Avenio-schw.gif;KUNK Optik;GG;2021
+3407;Avenio-schw.gif;keine;;2022
+3408;Avenio-schw.gif;keine;;2022
+3409;Avenio-rot.gif;keine;;2022
+3410;Avenio-schw.gif;keine;;2022
+3411;Avenio-schw.gif;Universum - Ausstellung Liebe;GG;2022
+3412;Avenio-schw.gif;Radio Bremen Buten & Binnen;GG;2022
+3413;Avenio-schw.gif;TNT Gerüstbau;SGL;2022
+3414;Avenio-schw.gif;keine;;2022
+3415;Avenio-schw.gif;keine;;2022
+3416;Avenio-schw.gif;keine;;2022
+3417;Avenio-schw.gif;GOP Varieté Theater;SGL;2022
+3418;Avenio-schw.gif;keine;;2022
+3419;Avenio-rot.gif;keine;;2022
+3420;Avenio-schw.gif;Cube Bike;SGL;2022
+3421;Avenio-rot.gif;DeutschlandTicket;GG;2022
+3422;Avenio-schw.gif;Smarteye Augen OP;SG;2022
+3423;Avenio-schw.gif;Jaffa kauft dein Auto;TP;2022
+3424;Avenio-rotu.gif;Clubdisco La Viva;TG;2022
+3425;Avenio-schw.gif;PSD Nord Bank;TP;2022
+3426;Avenio-schw.gif;keine;;2022
+3427;Avenio-rot.gif;Brebau;GG;2023
+3428;Avenio-schw.gif;Brebau;GG;2023
+3429;Avenio-schw.gif;Adler Solar;SG;2023
+3430;Avenio-schw.gif;keine;;2023
+3431;Avenio-schw.gif;Toyota Weller;SG;2023
+3432;Avenio-schw.gif;keine;;2023
+3434;Avenio-schw.gif;keine;;2023 
+3435;Avenio-rot.gif;Airport Bremen;GG;2023
\ No newline at end of file
diff --git a/src/data/trams.ts b/src/data/trams.ts
new file mode 100644
index 0000000..c0e27be
--- /dev/null
+++ b/src/data/trams.ts
@@ -0,0 +1,12 @@
+import trams_data from './trams.csv?raw';
+
+export const trams = trams_data.split('\n').map((line) => {
+  const [id, img, ads, types, year] = line.split(';');
+  return {
+    id: Number(id),
+    img,
+    year,
+    ads: ads.split(','),
+    types: types.length > 0 ? types.split(',') : null
+  };
+});
diff --git a/src/pages/AbbreviationsView.vue b/src/pages/AbbreviationsView.vue
new file mode 100644
index 0000000..3417f1f
--- /dev/null
+++ b/src/pages/AbbreviationsView.vue
@@ -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>
diff --git a/src/pages/AboutView.vue b/src/pages/AboutView.vue
new file mode 100644
index 0000000..2b63bf9
--- /dev/null
+++ b/src/pages/AboutView.vue
@@ -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>
diff --git a/src/pages/HomeView.vue b/src/pages/HomeView.vue
index e99dd8a..43c20ae 100644
--- a/src/pages/HomeView.vue
+++ b/src/pages/HomeView.vue
@@ -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>
 
diff --git a/src/pages/ImprintView.vue b/src/pages/ImprintView.vue
new file mode 100644
index 0000000..1d262d0
--- /dev/null
+++ b/src/pages/ImprintView.vue
@@ -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>
diff --git a/src/router/index.ts b/src/router/index.ts
index ef8592e..cd19a68 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -15,6 +15,18 @@ const router = createRouter({
     {
       path: '/stats',
       component: () => import('../pages/StatsView.vue')
+    },
+    {
+      path: '/abbreviations',
+      component: () => import('../pages/AbbreviationsView.vue')
+    },
+    {
+      path: '/about',
+      component: () => import('../pages/AboutView.vue')
+    },
+    {
+      path: '/imprint',
+      component: () => import('../pages/ImprintView.vue')
     }
   ]
 });