Database-ready

html/RentForCamp/views/detail.pug

@@ -3,10 +3,10 @@ extends layout
 block content
   #itemPage
     a#back(href="/") «
-    #stage(style="background-image: url('https://i.ebayimg.com/00/s/NzY1WDEwMjQ=/z/mMEAAOSwB9dama23/$_72.JPG')")
+    img#stage(src=item.previewfile)
 
     section#details
-      p Familienurlaub, Camping oder Wochenendausflug - erweitere deinen Stauraum um weitere 147 x 107cm.
+      p #{item.intro}
       ul
         li Gesamtgewicht: 750kg
         li Nutzlast: 580kg
@@ -14,4 +14,4 @@ block content
         li Radgröße: 10"
         li Ungebremst
       p.price
-        span.value nur 20€ / Tag
+        span.value #{item.price}

html/RentForCamp/views/index.pug

@@ -6,12 +6,8 @@ block content
     a.startLink(href="#", onclick="document.getElementById('items').scrollIntoView(); return false;") Jetzt stöbern
   
   section#items
-    a.item(href="#", style="background-image: url('https://i.ebayimg.com/00/s/NzY1WDEwMjQ=/z/mMEAAOSwB9dama23/$_72.JPG')")
-      title Anhänger
-      intro Ich bin eine Beschreibung.
-    a.item(href="#", style="background-image: url('https://i.pinimg.com/originals/40/e7/7f/40e77f882031dc270a1010fd373a19d5.jpg')")
-      title Diesel-Heizung
-      intro Ich bin eine Beschreibung.
-    a.item(href="#", style="background-image: url('https://tenturi.com/91/reifentritt.jpg')")
-      title Reifen-Tritthilfe
-      intro Ich bin eine Beschreibung.
+    each val, index in items
+      a.item(href='/article/show/' + val.identifier)
+        img.preview(src=val.previewfile)
+        title #{val.title}
+        intro #{val.intro}