diff options
Diffstat (limited to 'layouts/index.html')
-rw-r--r-- | layouts/index.html | 171 |
1 files changed, 89 insertions, 82 deletions
diff --git a/layouts/index.html b/layouts/index.html index ede33af..ddbbb04 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -1,5 +1,6 @@ <!DOCTYPE html> <html lang="{{ .Site.LanguageCode }}"> + <head> {{ partial "head/metadata.html" . }} {{ partial "head/openGraph.html" . }} @@ -7,103 +8,108 @@ {{ 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" }}"> - <!-- Super sweet Hero body title --> - <div class="hero-body"> - <div class="container has-text-centered"> - <!-- Title and tagline --> - <h1 class="bold-title {{ if or (.Site.Params.fadeIn | default true) .Site.Params.fadeInIndex }}fade-in one{{ end }}"> - {{ .Title }} - </h1> - <div class="subtitle is-3 {{ if or (.Site.Params.fadeIn | default true) .Site.Params.fadeInIndex }}fade-in two{{ end }}"> - {{ .Content }} - </div> - <!-- End title and tagline --> - <!-- Some social icons --> - <div class="{{ if or (.Site.Params.fadeIn | default true) .Site.Params.fadeInIndex }}fade-in three{{ end }}"> - {{ partial "home/social.html" . }} - </div> - <!-- End top social icons --> + {{ with .Site.GetPage "/home" }} + <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"> + <!-- Title and tagline --> + <h1 class="bold-title {{ if or (.Site.Params.fadeIn | default true) .Site.Params.fadeInIndex }}fade-in one{{ end }}"> + {{ .Title }} + </h1> + <div class="subtitle is-3 {{ if or (.Site.Params.fadeIn | default true) .Site.Params.fadeInIndex }}fade-in two{{ end }}"> + {{ .Content }} </div> + <!-- End title and tagline --> + <!-- Some social icons --> + <div class="{{ if or (.Site.Params.fadeIn | default true) .Site.Params.fadeInIndex }}fade-in three{{ end }}"> + {{ partial "home/social.html" . }} + </div> + <!-- End top social icons --> </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 := . }} - {{ range sort (.Resources.ByType "page") "Params.weight" }} - {{ if ne .Name "contact.md" }} - <!-- Range through all sections in /home execept contact.md --> - <div class="section" id="{{ .File.TranslationBaseName }}"> - <div class="container"> - <h2 class="title is-2 has-text-centered">{{ .Title }}</h2> - {{ if .Params.Image }} - <div class="columns"> - <div class="column is-one-third has-text-centered"> - {{ with $home.Resources.GetMatch .Params.Image }} - {{ with .Resize "320x" }} - <img class="img-responsive avatar" src="{{ .Permalink }}" alt="{{ .Name }}"> - {{ end }} - {{ end }} - </div> - <div class="markdown column"> - {{ .Content }} - </div> - </div> - {{ else }} - <div class="markdown has-text-centered"> - {{ .Content }} - </div> + {{ with .Site.GetPage "/home" }} + {{ $home := . }} + {{ range sort (.Resources.ByType "page") "Params.weight" }} + {{ if ne .Name "contact.md" }} + <!-- Range through all sections in /home execept contact.md --> + <div class="section" id="{{ .File.TranslationBaseName }}"> + <div class="container"> + <h2 class="title is-2 has-text-centered">{{ .Title }}</h2> + {{ if .Params.Image }} + <div class="columns"> + <div class="column is-one-third has-text-centered"> + {{ with $home.Resources.GetMatch .Params.Image }} + {{ with .Resize "320x" }} + <img class="img-responsive avatar" src="{{ .Permalink }}" alt="{{ .Name }}"> + {{ end }} {{ end }} </div> - <!-- End About container--> - {{ partial "top-icon.html" . }} + <div class="markdown column"> + {{ .Content }} + </div> + </div> + {{ else }} + <div class="markdown has-text-centered"> + {{ .Content }} </div> - <div class="container"><hr></div> - {{ end }} {{ end }} - <!-- Now for some cool projects --> - {{ partial "home/projects.html" . }} - <!-- Let`s show some blog posts --> - {{ partial "home/blog.html" . }} - <!-- Let`s chat, shall we? --> - {{ with .Resources.GetMatch "contact.md" }} - <div class="section" id="{{ .File.TranslationBaseName }}"> - <div class="container has-text-centered"> - <h2 class="title is-2">{{ .Title }}</h2> - <div class="markdown"> - {{ .Content }} - </div> - {{ if .Site.Params.home.localTime }} - <p>{{ i18n "index_currentTime" . }} <span id="time"></span>.</p> - {{ end }} - {{ with .Site.Params.email }} - <h3 class="subtitle is-3 has-text-centered top-pad"> - <a href="mailto:{{ . }}">{{ . }}</a> - </h3> - {{ end }} - {{ partial "home/social.html" . }} - </div> - <!-- End Contact container --> - {{ partial "top-icon.html" . }} + </div> + <!-- End About container--> + {{ partial "top-icon.html" . }} + </div> + <div class="container"> + <hr> + </div> + {{ end }} + {{ end }} + <!-- Now for some cool projects --> + {{ partial "home/projects.html" . }} + <!-- Let`s show some blog posts --> + {{ partial "home/blog.html" . }} + <!-- Let`s chat, shall we? --> + {{ with .Resources.GetMatch "contact.md" }} + <div class="section" id="{{ .File.TranslationBaseName }}"> + <div class="container has-text-centered"> + <h2 class="title is-2">{{ .Title }}</h2> + <div class="markdown"> + {{ .Content }} </div> - <div class="container"><hr></div> + {{ if .Site.Params.home.localTime }} + <p>{{ i18n "index_currentTime" . }} <span id="time"></span>.</p> {{ end }} - <!-- End Contact section --> + {{ with .Site.Params.email }} + <h3 class="subtitle is-3 has-text-centered top-pad"> + <a href="mailto:{{ . }}">{{ . }}</a> + </h3> {{ end }} - - {{ partial "footer/text.html" . }} + {{ partial "home/social.html" . }} </div> - </section> + <!-- End Contact container --> + {{ partial "top-icon.html" . }} + </div> + <div class="container"> + <hr> + </div> + {{ end }} + <!-- End Contact section --> + {{ end }} + + {{ partial "footer/text.html" . }} + <!-- 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> + +</html>
\ No newline at end of file |