diff --git a/components/04_Templates/placeDetail/_placeDetail.scss b/components/04_Templates/placeDetail/_placeDetail.scss new file mode 100644 index 0000000..e34f985 --- /dev/null +++ b/components/04_Templates/placeDetail/_placeDetail.scss @@ -0,0 +1,33 @@ +.LP-PlaceDetail{ + + .LP-PlaceDetail__Image{ + width: 700px; + max-height: 500px; + box-shadow: 0 0 10px $-grey; + object-fit: cover; + object-position: 0 0; + + margin: 0; + padding: 0; + + float: right; + margin-left: 35px; + margin-bottom: 35px; + margin-right: 35px; + overflow: hidden; + } +} + +@media (max-width: $-viewport-normal){ + .LP-PlaceDetail{ + .LP-PlaceDetail__Header{ + .LP-PlaceDetail__Image{ + float: none; + width: 100%; + height: auto; + margin: 0; + padding: 0; + } + } + } +} \ No newline at end of file diff --git a/components/04_Templates/placeDetail/placeDetail.config.json b/components/04_Templates/placeDetail/placeDetail.config.json new file mode 100644 index 0000000..665d07f --- /dev/null +++ b/components/04_Templates/placeDetail/placeDetail.config.json @@ -0,0 +1,21 @@ +{ + "context": { + "tags": [ + "Kamera", + "Wachhund", + "Zaun", + "Security" + ], + "images": [ + "/images/Bildschirmfoto_von_2020-07-13_11-03-07.png", + "/images/photo_2020-05-02_18-11-21.jpg", + "/images/Bildschirmfoto_von_2020-07-13_20-15-00.png", + "/images/photo_2020-05-02_18-11-21.jpg", + "/images/Bildschirmfoto_von_2020-07-13_11-03-07.png" + ], + "additionalItems": [ + "Edit Place", + "Delete Place" + ] + } +} \ No newline at end of file diff --git a/components/04_Templates/placeDetail/placeDetail.hbs b/components/04_Templates/placeDetail/placeDetail.hbs new file mode 100644 index 0000000..5015837 --- /dev/null +++ b/components/04_Templates/placeDetail/placeDetail.hbs @@ -0,0 +1,26 @@ +
+ +
+ {{> @headline--main headline='Kokerei Wiescherhöfen'}} +
+ {{> @image source='/images/Bildschirmfoto_von_2020-07-13_20-15-00.png'}} +
+
+ +
+ {{> @paragraph text='Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.'}} +
+ +
+ {{> @headline headline='Sicherheitsmaßnahmen'}} + {{> @taglist}} +
+
+ {{> @headline headline='Links'}} + {{> @linklist}} +
+
+ {{> @headline headline='Bilder'}} + {{> @imagegrid images=images}} +
+
\ No newline at end of file