hugo-theme-introduction/layouts/index.html

121 lines
5.7 KiB
HTML
Raw Normal View History

2018-07-01 08:09:29 +00:00
<!DOCTYPE html>
<html lang="{{ .Site.LanguageCode }}">
<head>
{{ partial "head/metadata.html" . }}
2018-07-01 08:22:28 +00:00
{{ partial "head/openGraph.html" . }}
2018-07-01 08:09:29 +00:00
{{ partial "head/favicons.html" . }}
{{ partial "head/css.html" . }}
2018-07-19 13:33:29 +00:00
{{ partial "css/owlCarousel.html" . }}
2018-07-01 08:09:29 +00:00
</head>
<body>
2018-08-01 08:09:14 +00:00
<section id="top" class="section">
{{ with .Site.GetPage "/home" }}
2018-07-20 12:45:36 +00:00
<div class="hero is-{{ .Site.Params.home.introHeight | default "large" }}">
2018-07-01 08:09:29 +00:00
<!-- Super sweet Hero body title -->
<div class="hero-body">
<div class="container has-text-centered">
<!-- Title and tagline -->
<h1 class="bold-title {{ if .Site.Params.fadeIn | default true }}fade-in one{{ end }}">
2018-07-18 14:58:51 +00:00
{{ .Title }}
2018-07-01 08:09:29 +00:00
</h1>
2018-07-18 14:58:51 +00:00
<div class="subtitle is-3 {{ if .Site.Params.fadeIn | default true }}fade-in two{{ end }}">
{{ .Content }}
</div>
2018-07-01 08:09:29 +00:00
<!-- End title and tagline -->
<!-- Some social icons -->
<div class=" {{ if .Site.Params.fadeIn | default true }}fade-in three{{ end }}">
{{ partial "home/social.html" . }}
</div>
<!-- End top social icons -->
</div>
</div>
<!-- Hero body title end -->
</div>
2018-07-18 14:58:51 +00:00
{{ end }}
2018-07-01 08:09:29 +00:00
<!-- Done with Hero -->
2018-07-19 15:47:51 +00:00
<div class="{{ if .Site.Params.fadeIn | default true }}fade-in three{{ end }}">
2018-07-01 08:09:29 +00:00
<!-- Tell them all about it! -->
{{ partial "nav.html" . }}
2018-07-18 14:58:51 +00:00
{{ with .Site.GetPage "/home" }}
2018-07-18 14:58:51 +00:00
{{ $home := . }}
{{ range sort (.Resources.ByType "page") "Params.weight" }}
{{ if ne .Name "contact.md" }}
<!-- Range through all sections in /home execept contact.md -->
2018-07-01 08:09:29 +00:00
<div class="section" id="{{ .File.TranslationBaseName }}">
<div class="container">
<h2 class="title is-2 has-text-centered">{{ .Title }}</h2>
2018-07-18 14:58:51 +00:00
{{ if .Params.Image }}
<div class="columns">
2018-07-01 08:09:29 +00:00
<div class="column is-one-third has-text-centered">
2018-07-18 14:58:51 +00:00
{{ with $home.Resources.GetMatch .Params.Image }}
{{ with .Resize "320x" }}
2018-07-20 15:27:32 +00:00
<img class="img-responsive avatar" src="{{ .Permalink }}" alt="{{ .Name }}">
2018-07-18 14:58:51 +00:00
{{ end }}
{{ end }}
2018-07-01 08:09:29 +00:00
</div>
2018-07-18 14:58:51 +00:00
<div class="markdown column">
{{ .Content }}
2018-07-01 08:09:29 +00:00
</div>
</div>
2018-07-18 14:58:51 +00:00
{{ else }}
<div class="markdown has-text-centered">
{{ .Content }}
</div>
{{ end }}
2018-07-01 08:09:29 +00:00
</div>
<!-- End About container-->
{{ partial "top-icon.html" . }}
</div>
<div class="container"><hr></div>
2018-07-18 14:58:51 +00:00
{{ end }}
2018-07-01 08:09:29 +00:00
{{ end }}
<!-- Now for some cool projects -->
{{ partial "home/projects.html" . }}
2018-07-29 07:21:19 +00:00
<!-- Let`s show some blog posts -->
2018-07-01 08:09:29 +00:00
{{ partial "home/blog.html" . }}
2018-07-29 07:21:19 +00:00
<!-- Let`s chat, shall we? -->
2018-07-18 14:58:51 +00:00
{{ with .Resources.GetMatch "contact.md" }}
2018-07-01 08:09:29 +00:00
<div class="section" id="{{ .File.TranslationBaseName }}">
<div class="container has-text-centered">
<h2 class="title is-2">{{ .Title }}</h2>
<div class="markdown">
2018-07-18 14:58:51 +00:00
{{ .Content }}
2018-07-01 08:09:29 +00:00
</div>
2018-07-20 12:45:36 +00:00
{{ if .Site.Params.home.localTime }}
2018-07-29 07:21:19 +00:00
<p>{{ i18n "index_currentTime" . }} <span id="time"></span>.</p>
2018-07-01 08:09:29 +00:00
{{ end }}
2018-07-20 15:49:28 +00:00
{{ with .Site.Params.email }}
2018-07-01 08:09:29 +00:00
<h3 class="subtitle is-3 has-text-centered top-pad">
2018-07-20 12:45:36 +00:00
<a href="mailto:{{ . }}">{{ . }}</a>
2018-07-01 08:09:29 +00:00
</h3>
{{ end }}
{{ partial "home/social.html" . }}
</div>
<!-- End Contact container -->
{{ partial "top-icon.html" . }}
</div>
<div class="container"><hr></div>
{{ end }}
<!-- End Contact section -->
2018-07-18 14:58:51 +00:00
{{ end }}
2018-07-01 08:09:29 +00:00
{{ partial "footer/text.html" . }}
</div>
2018-08-01 08:09:14 +00:00
</section>
2018-07-01 08:09:29 +00:00
<!-- End of fade in three section -->
{{ partial "footer/scripts.html" . }}
2018-07-19 13:33:29 +00:00
{{ partial "js/owlCarousel.html" . }}
2018-07-20 12:45:36 +00:00
{{ if .Site.Params.home.localTime }}
2018-07-26 23:29:33 +00:00
{{ $momentjs := resources.Get "/vendor/momentjs/moment.min.js" }}
{{ $momentTimezone := resources.Get "/vendor/momentjs/moment-timezone.min.js" }}
{{ $momentTimezoneWithData := resources.Get "/vendor/momentjs/moment-timezone-with-data-2012-2022.min.js" }}
{{ $initMomentjs := resources.Get "/js/initMoment.js" | resources.ExecuteAsTemplate "js/initMoment.tmp.js" . }}
2018-07-20 12:45:36 +00:00
{{ $bundleMoment := slice $momentjs $momentTimezone $momentTimezoneWithData $initMomentjs | resources.Concat "/js/bundleMoment.js" | fingerprint }}
<script src="{{ $bundleMoment.Permalink }}" integrity="{{ $bundleMoment.Data.Integrity }}"></script>
{{ end }}
2018-07-01 08:09:29 +00:00
</body>
</html>