Mayor restrukturing

This commit is contained in:
reverend 2020-08-09 23:44:23 +02:00
parent 9c85c44d2b
commit 448358531c
3 changed files with 80 additions and 0 deletions

View 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;
}
}
}
}

View 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"
]
}
}

View 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>