gerrit/dein_equipment-web
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Wo sind wir zu finden?

Browse Source
This commit is contained in:
Gerrit Linnemann 2019-09-17 09:27:23 +02:00
parent be8ee27b2a
commit d3539d9f36
3 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
html/Dein.Equipment/public/stylesheets/style.css
View File

@ -471,4 +471,4 @@ template {
border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0;
border-right: 1px solid #A33; border-right: 1px solid #A33;
} }
html,body{height:100%}body{font:1em "Lucida Grande",Helvetica,Arial,sans-serif}@media (min-width:768px){body>*{width:600px;margin:auto}}a{color:#f49a34;text-decoration:none}a:hover{text-decoration:none;color:#cecdd2;background-color:rgba(255,255,255,0.5)}a#back{display:block;position:absolute;left:5px;top:5px;line-height:1.2em;font-size:1.8em;font-weight:bold;text-align:center;background-color:rgba(255,255,255,0.1);border:1px solid #cecdd2;border-radius:3px;width:1.5em;height:1.5em;z-index:2}.btn{border-radius:3px}.btn:hover{background-color:#cecdd2;border-color:#cecdd2}.btn.btn-primary{background-color:#f49a34;border-color:#f49a34}.btn.btn-primary:active{background-color:#f49a34;border-color:#f49a34}.btn.btn-primary:active:hover{background-color:#cecdd2;border-color:#cecdd2}#stage{position:relative;width:100%;height:100%;background-image:url('/images/stage-camping-001.jpg');background-position:center center;background-repeat:no-repeat;background-size:cover}#stage .welcome{position:relative;width:100%;top:30%;color:rgba(206,205,210,0.85);font-size:3em;font-weight:bold;text-align:center;background-color:rgba(255,255,255,0.4);border-top:1px solid #f49a34;border-bottom:1px solid #f49a34;padding:10px 0}#stage .welcome span.sub{display:block;font-size:.8em}#stage .welcome span:nth-child(2){margin-top:20px}#stage .welcome span.colored{color:#f49a34}#stage .startLink{display:block;width:70%;margin:auto;position:relative;top:40%;border:1px solid #cecdd2;color:#cecdd2;font-size:1.3em;text-align:center;padding:.6em}#stage .startLink:hover{background-color:rgba(255,255,255,0.5);text-decoration:none;color:#fff}#items{background-color:#cecdd2}#items .item{display:block;position:relative;border-bottom:10px solid #fff}#items .item:last-child{border-bottom:0 none}#items .item:hover{text-decoration:none}#items .item:hover title{background-color:rgba(255,255,255,0.5);color:#cecdd2}#items .item:hover intro{background-color:rgba(255,255,255,0.5)}#items .item .preview{height:auto;width:100%}#items .item title{display:block;position:relative;top:0;width:100%;background-color:rgba(206,205,210,0.5);border-bottom:1px solid #fff;padding:.2em 0;color:#fff;text-align:center;font-weight:bold;font-size:1.1em}#items .item intro{display:none;position:absolute;bottom:0;width:100%;text-align:center;font-size:1em;font-weight:normal;color:#fff;background-color:rgba(206,205,210,0.5);border-top:1px solid #fff}#itemPage #stage{height:auto;border-bottom:1px solid #f49a34;margin-bottom:10px}#itemPage #details{text-align:justify;padding:0 5px}#itemPage #details p{margin-left:25px;margin-right:25px}#itemPage #details .price{text-align:center}#itemPage #details .price .value{color:#f49a34;font-size:2em}#itemPage #details .price .deposit{font-size:1em;color:#cecdd2}footer{margin-top:10px;border-top:1px solid #f49a34;background-color:rgba(206,205,210,0.5);text-align:center}footer a:hover{background-color:inherit}section.cookie{padding:0 3px;overflow:hidden;height:0;margin-top:0;-webkit-animation:slide .5s forwards;-webkit-animation-delay:2s;animation:slide .5s forwards;animation-delay:2s}@-webkit-keyframes slide{100%{height:auto;margin-top:5px}}@keyframes slide{100%{height:auto;margin-top:5px}}section.cookie .infotext{font-size:14px;font-weight:bold;line-height:14px}.lawthings h2{text-align:center;margin-bottom:30px}.input-daterange{flex-direction:column}.input-daterange.input-group .form-control,.input-daterange.input-group .input-group-addon{width:100%;display:block;border:1px solid #cecdd2}.input-daterange.input-group .input-group-addon{text-align:center}.input-daterange.input-group .form-control{border-radius:3px}.request{margin-top:20px}.request h5{font-size:1.2em;font-weight:bold;margin-bottom:10px}.request .datepicker table tr td.today,.request .datepicker table tr td.highlighted{background-image:none;background-color:rgba(244,154,52,0.5)} html,body{height:100%}body{font:1em "Lucida Grande",Helvetica,Arial,sans-serif}@media (min-width:768px){body>*{width:600px;margin:auto}}a{color:#f49a34;text-decoration:none}a:hover{text-decoration:none;color:#cecdd2;background-color:rgba(255,255,255,0.5)}a#back{display:block;position:absolute;left:5px;top:5px;line-height:1.2em;font-size:1.8em;font-weight:bold;text-align:center;background-color:rgba(255,255,255,0.1);border:1px solid #cecdd2;border-radius:3px;width:1.5em;height:1.5em;z-index:2}.btn{border-radius:3px}.btn:hover{background-color:#cecdd2;border-color:#cecdd2}.btn.btn-primary{background-color:#f49a34;border-color:#f49a34}.btn.btn-primary:active{background-color:#f49a34;border-color:#f49a34}.btn.btn-primary:active:hover{background-color:#cecdd2;border-color:#cecdd2}#stage{position:relative;width:100%;height:100%;background-image:url('/images/stage-camping-001.jpg');background-position:center center;background-repeat:no-repeat;background-size:cover}#stage .welcome,#stage .location{position:relative;width:100%;top:15%;color:rgba(206,205,210,0.85);font-size:2em;font-weight:bold;text-align:center;background-color:rgba(255,255,255,0.2);border-top:1px solid #f49a34;border-bottom:1px solid #f49a34;padding:10px 0}#stage .welcome span.sub,#stage .location span.sub{display:block;font-size:.8em}#stage .welcome span:nth-child(2),#stage .location span:nth-child(2){margin-top:20px}#stage .welcome span.colored,#stage .location span.colored{color:#f49a34}#stage .location{font-size:1.8em;border-top:0 none}#stage .startLink{display:block;width:70%;margin:auto;position:relative;top:40%;border:1px solid #cecdd2;color:#cecdd2;font-size:1.3em;text-align:center;padding:.6em}#stage .startLink:hover{background-color:rgba(255,255,255,0.5);text-decoration:none;color:#fff}#items{background-color:#cecdd2}#items .item{display:block;position:relative;border-bottom:10px solid #fff}#items .item:last-child{border-bottom:0 none}#items .item:hover{text-decoration:none}#items .item:hover title{background-color:rgba(255,255,255,0.5);color:#cecdd2}#items .item:hover intro{background-color:rgba(255,255,255,0.5)}#items .item .preview{height:auto;width:100%}#items .item title{display:block;position:relative;top:0;width:100%;background-color:rgba(206,205,210,0.5);border-bottom:1px solid #fff;padding:.2em 0;color:#fff;text-align:center;font-weight:bold;font-size:1.1em}#items .item intro{display:none;position:absolute;bottom:0;width:100%;text-align:center;font-size:1em;font-weight:normal;color:#fff;background-color:rgba(206,205,210,0.5);border-top:1px solid #fff}#itemPage #stage{height:auto;border-bottom:1px solid #f49a34;margin-bottom:10px}#itemPage #details{text-align:justify;padding:0 5px}#itemPage #details p{margin-left:25px;margin-right:25px}#itemPage #details .price{text-align:center}#itemPage #details .price .value{color:#f49a34;font-size:2em}#itemPage #details .price .deposit{font-size:1em;color:#cecdd2}footer{margin-top:10px;border-top:1px solid #f49a34;background-color:rgba(206,205,210,0.5);text-align:center}footer a:hover{background-color:inherit}section.cookie{padding:0 3px;overflow:hidden;height:0;margin-top:0;-webkit-animation:slide .5s forwards;-webkit-animation-delay:2s;animation:slide .5s forwards;animation-delay:2s}@-webkit-keyframes slide{100%{height:auto;margin-top:5px}}@keyframes slide{100%{height:auto;margin-top:5px}}section.cookie .infotext{font-size:14px;font-weight:bold;line-height:14px}.lawthings h2{text-align:center;margin-bottom:30px}.input-daterange{flex-direction:column}.input-daterange.input-group .form-control,.input-daterange.input-group .input-group-addon{width:100%;display:block;border:1px solid #cecdd2}.input-daterange.input-group .input-group-addon{text-align:center}.input-daterange.input-group .form-control{border-radius:3px}.request{margin-top:20px}.request h5{font-size:1.2em;font-weight:bold;margin-bottom:10px}.request .datepicker table tr td.today,.request .datepicker table tr td.highlighted{background-image:none;background-color:rgba(244,154,52,0.5)}

14
html/Dein.Equipment/public/stylesheets/style.less
View File

@ -90,15 +90,16 @@ a {
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: cover; background-size: cover;
.welcome { .welcome,
.location {
position: relative; position: relative;
width: 100%; width: 100%;
top: 30%; top: 15%;
color: fade(@color_grey, 85%); color: fade(@color_grey, 85%);
font-size: 3em; font-size: 2em;
font-weight: bold; font-weight: bold;
text-align: center; text-align: center;
background-color: fade(@color_white, 40%); background-color: fade(@color_white, 20%);
border-top: 1px solid @color_orange; border-top: 1px solid @color_orange;
border-bottom: 1px solid @color_orange; border-bottom: 1px solid @color_orange;
padding: 10px 0; padding: 10px 0;
@ -119,6 +120,11 @@ a {
} }
} }
.location {
font-size: 1.8em;
border-top: 0 none;
}
.startLink { .startLink {
display: block; display: block;
width: 70%; width: 70%;

4
html/Dein.Equipment/views/index.pug
View File

@ -7,6 +7,10 @@ block content
span Willkommen auf Dein.Equipment span Willkommen auf Dein.Equipment
span.sub.colored Clever Leihen. span.sub.colored Clever Leihen.
span.sub.neutral Nicht kaufen. span.sub.neutral Nicht kaufen.
div.location
span Hier findet ihr uns und unsere Leihartikel
span.sub.colored 52.197141, 8.801717
span.sub.neutral Bad Oeynhausen (bei Bielefeld)
a.startLink(href="#", onclick="document.getElementById('items').scrollIntoView(); return false;") Jetzt stöbern a.startLink(href="#", onclick="document.getElementById('items').scrollIntoView(); return false;") Jetzt stöbern
section#items section#items