diff options
author | Victoria <hello@victoria.dev> | 2019-03-18 21:03:40 +0300 |
---|---|---|
committer | Victoria <hello@victoria.dev> | 2019-03-18 21:46:00 +0300 |
commit | 31520b6f78dae94199a3f1151d23bda2428111e2 (patch) | |
tree | fb81e816adc08a3e5e9d4586e0a9e3e19565e728 /layouts | |
parent | fabdd8764e9dafd4a91ee7a13b41acdace1ec180 (diff) |
Try netlify.toml and rel css links
Diffstat (limited to 'layouts')
-rw-r--r-- | layouts/index.html | 171 | ||||
-rw-r--r-- | layouts/partials/head/css.html | 6 |
2 files changed, 92 insertions, 85 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 diff --git a/layouts/partials/head/css.html b/layouts/partials/head/css.html index 0b3f461..28d8d91 100644 --- a/layouts/partials/head/css.html +++ b/layouts/partials/head/css.html @@ -3,16 +3,16 @@ {{ if .Site.IsServer }} {{ $cssOpts := (dict "targetPath" "/css/main.css" "enableSourceMap" true ) }} {{ $bundle := $bundleRaw | toCSS $cssOpts }} -<link rel="stylesheet" href="{{ $bundle.Permalink }}" media="screen"> +<link rel="stylesheet" href="{{ $bundle.RelPermalink }}" media="screen"> {{ else }} {{ $cssOpts := (dict "targetPath" "/css/main.css" ) }} {{ $postCSSOpts := (dict "use" "autoprefixer" ) }} {{ $bundle := $bundleRaw | toCSS $cssOpts | postCSS $postCSSOpts | minify | fingerprint }} -<link rel="stylesheet" href="{{ $bundle.Permalink }}" integrity="{{ $bundle.Data.Integrity }}" media="screen"> +<link rel="stylesheet" href="{{ $bundle.RelPermalink }}" integrity="{{ $bundle.Data.Integrity }}" media="screen"> {{ end }} <!-- Custom css --> {{ range .Site.Params.customCSS -}} {{ $style := resources.Get . }} - <link rel="stylesheet" href="{{ $style.Permalink }}" integrity="{{ $style.Data.Integrity }}" media="screen"> + <link rel="stylesheet" href="{{ $style.RelPermalink }}" integrity="{{ $style.Data.Integrity }}" media="screen"> {{- end }} |