Started modification of home page
This commit is contained in:
parent
3007d4b631
commit
8b346cdb4d
|
@ -1,36 +0,0 @@
|
||||||
{{ partial "header.html" . }}
|
|
||||||
|
|
||||||
<section class="hero is-primary homepage-hero">
|
|
||||||
<!-- Hero head: will stick at the top -->
|
|
||||||
<div class="hero-head">
|
|
||||||
{{ partial "navbar.html" . }}
|
|
||||||
</div>
|
|
||||||
<!-- Hero content: will be in the middle -->
|
|
||||||
<div class="hero-body">
|
|
||||||
<div class="container has-text-centered">
|
|
||||||
{{ .Content }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="hero-foot">
|
|
||||||
<img src="{{ .Site.BaseURL }}/images/screenshot.jpg"/>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="hero is-link feature-shoutout">
|
|
||||||
<div class="hero-body">
|
|
||||||
<div class="container">
|
|
||||||
<div class="columns">
|
|
||||||
{{ range $index, $element := .Data.Pages }}
|
|
||||||
{{ if eq .Section "features" }}
|
|
||||||
<div class="column">
|
|
||||||
{{ .Content }}
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
{{ partial "footer.html" . }}
|
|
|
@ -1,6 +1,6 @@
|
||||||
{{ partial "header.html" . }}
|
{{ partial "header.html" . }}
|
||||||
|
|
||||||
<section class="hero is-primary homepage-hero">
|
<section class="homepage-hero">
|
||||||
<!-- Hero head: will stick at the top -->
|
<!-- Hero head: will stick at the top -->
|
||||||
<div class="hero-head">
|
<div class="hero-head">
|
||||||
{{ partial "navbar.html" . }}
|
{{ partial "navbar.html" . }}
|
||||||
|
@ -11,26 +11,6 @@
|
||||||
{{ .Content }}
|
{{ .Content }}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="hero-foot">
|
|
||||||
<img src="{{ .Site.BaseURL }}/images/screenshot.jpg"/>
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
<section class="hero is-link feature-shoutout">
|
|
||||||
<div class="hero-body">
|
|
||||||
<div class="container">
|
|
||||||
<div class="columns">
|
|
||||||
{{ range $index, $element := .Data.Pages }}
|
|
||||||
{{ if eq .Section "features" }}
|
|
||||||
<div class="column">
|
|
||||||
{{ .Content }}
|
|
||||||
</div>
|
|
||||||
{{ end }}
|
|
||||||
{{ end }}
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</section>
|
</section>
|
||||||
|
|
||||||
{{ partial "footer.html" . }}
|
{{ partial "footer.html" . }}
|
||||||
|
|
|
@ -6,12 +6,15 @@
|
||||||
@import "../node_modules/bulma/bulma";
|
@import "../node_modules/bulma/bulma";
|
||||||
@import '../node_modules/bulmaswatch/materia/overrides';
|
@import '../node_modules/bulmaswatch/materia/overrides';
|
||||||
|
|
||||||
|
|
||||||
.homepage-hero{
|
.homepage-hero{
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
min-height: 700px;
|
min-height: 700px;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
|
|
||||||
|
background: url('../images/bg.jpg') no-repeat center;
|
||||||
|
-webkit-background-size: cover;
|
||||||
|
background-size: cover;
|
||||||
|
|
||||||
.hero-body .container{
|
.hero-body .container{
|
||||||
padding: 3em 0 1em;
|
padding: 3em 0 1em;
|
||||||
|
|
||||||
|
@ -63,6 +66,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.footer {
|
||||||
|
padding: 1.5rem 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
// Mobile Styles
|
// Mobile Styles
|
||||||
|
|
||||||
.navbar-background{
|
.navbar-background{
|
||||||
|
|
Binary file not shown.
After Width: | Height: | Size: 645 KiB |
Loading…
Reference in New Issue