Fix hero sizes (#137)

* Fix hero sizes

- Use proper sections in index.html to comply with bulma styles
- Update default value of header height to "fullheight" (shows navbar)

* Revert unrelated changes
This commit is contained in:
Victoria 2019-03-15 11:27:09 -04:00 committed by GitHub
parent 29bca079b0
commit 632bcd4579
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 7447 additions and 92 deletions

View file

@ -16,7 +16,7 @@ DefaultContentLanguage = "en" # Default language fo
# Configure the home page
[params.home]
introHeight = "large" # Input either "medium" or "large" or "fullheight"
introHeight = "fullheight" # Input either "medium" or "large" or "fullheight"
showLatest = true # Show latest blog post summary
showAllPosts = false # Set true to list all posts on home page, or set false to link to separate blog list page
numberOfProjectsToShow = 3 # Maximum number of projects to show on home page. Unset or comment out to show all projects

File diff suppressed because it is too large Load diff

View file

@ -0,0 +1 @@
{"Target":"css/main.css","MediaType":"text/css","Data":{}}

View file

@ -1,5 +1,6 @@
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<head>
{{ partial "head/metadata.html" . }}
{{ partial "head/openGraph.html" . }}
@ -7,10 +8,13 @@
{{ partial "head/css.html" . }}
{{ partial "css/owlCarousel.html" . }}
</head>
<body>
<section id="top" class="section">
{{ with .Site.GetPage "/home" }}
<div class="hero is-{{ .Site.Params.home.introHeight | default "large" }}">
<section id="top" class="hero is-{{ .Site.Params.home.introHeight | default "fullheight" }}">
<!-- Hero head section to play nice with Bulma -->
<div class="hero-head"></div>
<!-- Super sweet Hero body title -->
<div class="hero-body">
<div class="container has-text-centered">
@ -28,15 +32,14 @@
</div>
<!-- End top social icons -->
</div>
</div>
<!-- Hero body title end -->
</div>
</div> <!-- End of Hero body -->
{{ end }}
<!-- Done with Hero -->
<div class="{{ if or (.Site.Params.fadeIn | default true) .Site.Params.fadeInIndex }}fade-in three{{ end }}">
<div class="hero-foot {{ if or (.Site.Params.fadeIn | default true) .Site.Params.fadeInIndex }}fade-in three{{ end }}">
<!-- Tell them all about it! -->
{{ partial "nav.html" . }}
</div>
</section> <!-- Done with Hero -->
{{ with .Site.GetPage "/home" }}
{{ $home := . }}
@ -68,7 +71,9 @@
<!-- End About container-->
{{ partial "top-icon.html" . }}
</div>
<div class="container"><hr></div>
<div class="container">
<hr>
</div>
{{ end }}
{{ end }}
<!-- Now for some cool projects -->
@ -96,14 +101,15 @@
<!-- End Contact container -->
{{ partial "top-icon.html" . }}
</div>
<div class="container"><hr></div>
<div class="container">
<hr>
</div>
{{ end }}
<!-- End Contact section -->
{{ end }}
{{ partial "footer/text.html" . }}
</div>
</section>
<!-- End of fade in three section -->
{{ partial "footer/scripts.html" . }}
{{ partial "js/owlCarousel.html" . }}
@ -117,4 +123,5 @@
<script src="{{ $bundleMoment.Permalink }}" integrity="{{ $bundleMoment.Data.Integrity }}"></script>
{{ end }}
</body>
</html>