Mayor restrukturing
This commit is contained in:
parent
9c85c44d2b
commit
448358531c
33
components/04_Templates/placeDetail/_placeDetail.scss
Normal file
33
components/04_Templates/placeDetail/_placeDetail.scss
Normal file
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
21
components/04_Templates/placeDetail/placeDetail.config.json
Normal file
21
components/04_Templates/placeDetail/placeDetail.config.json
Normal file
@ -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"
|
||||
]
|
||||
}
|
||||
}
|
26
components/04_Templates/placeDetail/placeDetail.hbs
Normal file
26
components/04_Templates/placeDetail/placeDetail.hbs
Normal file
@ -0,0 +1,26 @@
|
||||
<article class="LP-PlaceDetail">
|
||||
|
||||
<header class="LP-PlaceDetail__Header">
|
||||
{{> @headline--main headline='Kokerei Wiescherhöfen'}}
|
||||
<figure class="LP-PlaceDetail__Image">
|
||||
{{> @image source='/images/Bildschirmfoto_von_2020-07-13_20-15-00.png'}}
|
||||
</figure>
|
||||
</header>
|
||||
|
||||
<div class="LP-PlaceDetail__Description">
|
||||
{{> @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.'}}
|
||||
</div>
|
||||
|
||||
<section class="LP-Section">
|
||||
{{> @headline headline='Sicherheitsmaßnahmen'}}
|
||||
{{> @taglist}}
|
||||
</section>
|
||||
<section class="LP-Section">
|
||||
{{> @headline headline='Links'}}
|
||||
{{> @linklist}}
|
||||
</section>
|
||||
<section class="LP-Section">
|
||||
{{> @headline headline='Bilder'}}
|
||||
{{> @imagegrid images=images}}
|
||||
</section>
|
||||
</article>
|
Loading…
Reference in New Issue
Block a user