diff --git a/css/style.css b/css/style.css index f1c7d51..f728c53 100644 --- a/css/style.css +++ b/css/style.css @@ -1,27 +1,34 @@ @import url('https://fonts.googleapis.com/css?family=Quicksand'); body, html { + margin: 0; height: 100%; } body { color: #fff; font-family: 'Quicksand', sans-serif; -} -.bg { - /* The image used */ - - background-image: url("../img/background.jpg"); - /* Full height */ - - height: 100%; - /* Center and scale the image nicely */ - - background-position: center; - background-repeat: no-repeat; + background: url("../img/background.jpg") no-repeat center center fixed; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; background-size: cover; } @media (min-width: 992px) { - .bg { + body { background-image: url("../img/background@2x.jpg"); } } +.container.filled { + color: rgba(0, 0, 0, 0.7); + background-color: rgba(255, 255, 255, 0.75); +} +.container .intro { + height: 100vh; + text-align: center; +} +.container .intro .btn { + margin: auto; +} +.container img { + margin-bottom: 20px; +} diff --git a/css/style.less b/css/style.less index d77d5fb..a97fb3b 100644 --- a/css/style.less +++ b/css/style.less @@ -2,27 +2,40 @@ body, html { + margin: 0; height: 100%; } body { color: #fff; font-family: 'Quicksand', sans-serif; -} - -.bg { - /* The image used */ - background-image: url("../img/background.jpg"); + background: url("../img/background.jpg") no-repeat center center fixed; @media (min-width: 992px) { background-image: url("../img/background@2x.jpg"); } - - /* Full height */ - height: 100%; - - /* Center and scale the image nicely */ - background-position: center; - background-repeat: no-repeat; + -webkit-background-size: cover; + -moz-background-size: cover; + -o-background-size: cover; background-size: cover; } + +.container { + &.filled { + color: rgba(0, 0, 0, 0.7); + background-color: rgba(255, 255, 255, 0.75); + } + + .intro { + height: 100vh; + text-align: center; + + .btn { + margin: auto; + } + } + + img { + margin-bottom: 20px; + } +} \ No newline at end of file diff --git a/index.html b/index.html index 5149236..74a1756 100644 --- a/index.html +++ b/index.html @@ -14,10 +14,16 @@
Da ist er. Unser Neuer.
Anfang des Jahres 2018 haben wir uns als Zweitwagen und Hundeauto einen 93er Wrangler gekauft.
@@ -45,11 +51,11 @@
Wir wollen den Jeep als Hundeauto nutzen, aber auch ein- u. mehrtägige Ausflüge damit unternehmen.
Solche Ausflüge machen besonderen Spaß, wenn man sie durch kleinere Luxus-Elemente wie Strom und kühle Getränke aufwertet. ;-)
- Und genau das haben wir getan und stellen unsere Umbauten hier vor. Da der Umbau wohl nie vollends abgeschlossen sein wird, wird sich auch diese Seite immer wieder ändern. Wir sind selbst sehr gespannt.
+ Da der Umbau wohl nie vollends abgeschlossen sein wird, wird sich auch diese Seite immer wieder ändern. Wir sind selbst sehr gespannt.
Bereits nach kurzer Zeit machte das Einkuppeln Probleme. Wir haben dann die Kupplung tauschen lassen.
- Da es sich schließlich um einen Jeep handelt, lassen wir uns nicht lumpen und tauschen das Fahrwerk.
- Wir sitzen dann 6,5cm höher.
+ Da es sich schließlich um einen Jeep handelt, lassen wir uns nicht lumpen und tauschen das Fahrwerk - jetzt sitzen wir 6,5cm höher.
+
+ Die Abschleppwagen-Leuchten haben wir vorerst abgebaut. Wahrscheinlich werden wir irgendwann andere LED-Leuchten am Dach montieren.
Unser Außenthermostat.
Übertreibt maßlos. :-)