Selaa lähdekoodia

Improve the layout of the homepage:

* Apply a background
* Move the title
tags/0.3.6^2^2
Bèr Kessels 1 vuosi sitten
vanhempi
commit
32ce7ec331

+ 24
- 0
app/assets/stylesheets/application.scss Näytä tiedosto

@@ -8,6 +8,24 @@ html,
body {
height: 100%;
}
.bg-image {
position: fixed;
left: 0;
right: 0;
z-index: -1;
display: block;
background: url('/images/home/selective-focus-photography-of-open-signage-1036857.jpg') no-repeat 50% fixed;
background-size: auto;
background-size: cover;
width: 100%;
height: 100%;
-webkit-filter: blur(5px)opacity(90%);
-moz-filter: blur(5px)opacity(90%);
-o-filter: blur(5px)opacity(90%);
-ms-filter: blur(5px)opacity(90%);
filter: blur(5px)opacity(90%);

}
#page-content {
flex: 1 0 auto;
}
@@ -26,6 +44,12 @@ body {
#home > div {
height: 5em;
}
#home h1 {
margin-bottom: 2em;
text-align: center;
color: white;
}

#home::before {
content: '';
flex: 1;

+ 2
- 1
app/views/home.erb Näytä tiedosto

@@ -14,9 +14,10 @@ js = "horsey(document.getElementById('search-input'), {
});"
set_content_for(:closing_js, js)
%>
<div class="bg-image"></div>
<section class="container" id="home">
<div class="col justify-content-center">
<h1 class="mb-4">Openingstijden</h1>
<form action="/search" method="get">
<input autocomplete="off"
id="search-input"

+ 5
- 1
app/views/layout.erb Näytä tiedosto

@@ -12,7 +12,11 @@
</head>
<body class="d-flex flex-column">
<div class="container-fluid" id="page-content">
<h1 class="title">Openingstijden</h1>
<%- if content_for?(:title) %>
<h1 class="title">
<%= content_for(:title) %>
</h1>
<% end %>
<%== erb :breadcrumb_partial %>
<%== yield %>
</div>

+ 2
- 0
app/views/place.erb Näytä tiedosto

@@ -10,6 +10,8 @@
<% set_content_for(:region_slug, @place.region_slug) %>
<% set_content_for(:place_name, @place.name) %>

<% set_content_for(:title, 'Openingstijden') %>

<section class="row">
<div class="col">
<div id="map"></div>

+ 2
- 0
app/views/region.erb Näytä tiedosto

@@ -11,6 +11,8 @@
<% set_content_for(:region_slug, @region.slug) %>
<% set_content_for(:region_name, @region.name) %>

<% set_content_for(:title, 'Openingstijden') %>

<h2>Openingstijden in <%= @region.name %></h2>

<section class="row">

+ 1
- 0
app/views/search.erb Näytä tiedosto

@@ -1,3 +1,4 @@
<% set_content_for(:title, 'Openingstijden') %>
<h2>Zoekresultaat voor <%= @search_result.query %></h2>

<%- set_content_for(

BIN
public/images/home/selective-focus-photography-of-open-signage-1036857.jpg Näytä tiedosto


Loading…
Peruuta
Tallenna