Commander1024/lostplaces-frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Ja...

Browse Source
This commit is contained in:
reverend
2020-07-17 17:55:46 +02:00
commit 875cf06dd1
61 changed files with 6431 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
components/04_Templates/placeOverview/_placeOverview.scss Normal file
View File

@@ -0,0 +1,33 @@
.LP-PlaceOverview{
.LP-PlaceOverview__Info{
display: flex;
margin-bottom: 40px;
.LP-PlaceOveriew__Image{
width: 600px;
height: 400px;
box-shadow: 0 0 10px $-secondary-color;
object-fit: cover;
}
.LP-PlaceOverView__Description{
padding: 0 25px;
}
}
.LP-PlaceOverView__ImageList{
list-style-type: none;
display: flex;
flex-wrap: wrap;
.LP-PlaceOverView__ImageItem{
padding: 15px;
img {
box-shadow: 0 0 5px $-secondary-color;
height: 200px;
width: 300px;
object-fit: cover;
}
}
}
}

1
components/04_Templates/placeOverview/placeOverview.config.json Normal file
View File

@@ -0,0 +1 @@
{}

36
components/04_Templates/placeOverview/placeOverview.hbs Normal file
View File

@@ -0,0 +1,36 @@
<article class="LP-PlaceOverview">
<div class="LP-PlaceOverview__Info">
<img class="LP-PlaceOveriew__Image" src="/images/Bildschirmfoto_von_2020-07-13_20-15-00.png">
<article class="LP-PlaceOverView__Description">
{{> @textsection headline='Kokerei Wiescherhöfen' 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.'}}
</article>
</div>
<article>
{{> @headline headline='Sicherheitsmaßnahmen'}}
{{> @securitymeasurelist}}
</article>
<ul class="LP-PlaceOverView__ImageList">
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="/images/Bildschirmfoto_von_2020-07-13_11-03-07.png"></a>
</li>
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="/images/photo_2020-05-02_18-11-21.jpg"></a>
</li>
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="/images/Bildschirmfoto_von_2020-07-13_11-03-07.png"></a>
</li>
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="/images/Bildschirmfoto_von_2020-07-13_20-15-00.png"></a>
</li>
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="/images/Bildschirmfoto_von_2020-07-13_11-03-07.png"></a>
</li>
<li class="LP-PlaceOverView__ImageItem">
<a href="#"><img src="/images/photo_2020-05-02_18-11-21.jpg"></a>
</li>
</ul>
{{> @headline headline='Lade deine Bilder hoch'}}
<form>
<input type="file"/>
</form>
</article>