aditya/hugo-theme-introduction
1
0
Fork 0
mirror of https://git.adityakumar.xyz/hugo-theme-introduction.git synced 2024-11-12 16:29:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Ability to turn off the fadein effect (#4)

Browse source 
* Ability to turn off the fadein effect

* Ability to disable fadein effect on blog posts

* Disable fadein on 404 and list pages
This commit is contained in:
Derik Evangelista 2017-05-05 12:03:05 +01:00 committed by Vicky
parent b1b90a10eb
commit 8bf5b9e365
5 changed files with 28 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
exampleSite/config.toml
View file

@ -33,6 +33,8 @@ highlightjs = true # Syntax highlighting
lang = "en"
footertext = "" # Text to show in footer (overrides default text)
fadein = true # Turn on/off the fade-in effect
showblog = true # Show Blog section on home page
showallposts = false # Set 'true' to list all posts on home page, or set 'false' to link to separate blog list page
showlatest = true # Show latest blog post summary

8
layouts/404.html
View file

@ -2,21 +2,21 @@
<div class="section" id="top"><!-- Parent section -->
<div class="container hero is-medium has-text-centered fade-in one"><!-- Begin Title -->
<div class="container hero is-medium has-text-centered {{ if .Site.Params.fadein }} fade-in one {{ end }}"><!-- Begin Title -->
<h1 class="bold-title is-1">404</h1>
</div><!-- End Title -->
<!-- Everything below fades in two! -->
<div class="section fade-in two">
<div class="section {{ if .Site.Params.fadein }} fade-in two {{ end }}">
<div class="container"><!-- Begin Nav bar -->
{{ partial "nav-single.html" . }}
</div><!-- End Nav bar -->
<div class="container fade-in two top-pad"><!-- Begin blurb -->
<div class="container {{ if .Site.Params.fadein }} fade-in two {{ end }} top-pad"><!-- Begin blurb -->
Oops! Either you've found a bug (in which case, <a href="mailto:{{ .Site.Params.email }}">please tell me</a>) or you're just making things up. This page doesn't exist!
</div><!-- End blurb -->
<div class="top-pad"><hr></div>
{{ partial "footer.html" . }}
</div><!-- End parent section -->
</div><!-- End parent section -->

6
layouts/_default/list.html
View file

@ -2,12 +2,12 @@
<div class="section" id="top"><!-- Parent section -->
<div class="container hero fade-in one"><!-- Begin Title -->
<div class="container hero {{ if .Site.Params.fadein }} fade-in one {{ end }}"><!-- Begin Title -->
<h1 class="bold-title is-1">{{ .Site.Params.firstname }}'s Blog</h1>
</div><!-- End Title -->
<!-- Everything below fades in two! -->
<div class="section no-padding fade-in two">
<div class="section no-padding {{ if .Site.Params.fadein }} fade-in two {{ end }}">
<div class="container"><!-- Begin Nav bar -->
{{ partial "nav-list.html" . }}
@ -61,4 +61,4 @@ $('a[href^="{{ .Permalink }}#"]').click(function(e) {
}, 500);
return false;
})
</script>
</script>

16
layouts/blog/single.html
View file

@ -2,24 +2,24 @@
<div class="section" id="top"><!-- Parent section -->
<div class="container hero fade-in one"><!-- Begin Title -->
<div class="container hero {{ if .Site.Params.fadein }} fade-in one {{ end }}"><!-- Begin Title -->
<h1 class="bold-title is-1">{{ .Site.Params.firstname }}'s Blog</h1>
</div><!-- End Title -->
<!-- Everything below fades in two! -->
<div class="section fade-in two">
<div class="section {{ if .Site.Params.fadein }} fade-in two {{ end }}">
<div class="container"><!-- Begin Nav bar -->
{{ partial "nav-single.html" . }}
</div><!-- End Nav bar -->
<div class="container fade-in two"><!-- Begin blog title container -->
<div class="container {{ if .Site.Params.fadein }} fade-in two {{ end }}"><!-- Begin blog title container -->
<h2 class="title is-1 top-pad strong-post-title"><a href="{{ .Permalink }}">{{ .Title }}</a></h2>
<div class="post-data">
{{ .Date.Format .Site.Params.dateform }} |
{{ if eq 1 .ReadingTime }}{{ .ReadingTime }} minute read{{ else }}{{ .ReadingTime }} minutes read{{ end }}
</div>
{{ if .Site.Params.sharebuttons }}
<div class="blog-share">
Share this:
@ -45,13 +45,13 @@
</a>
</div>
{{ end }}
</div><!-- End blog title container -->
<div class="container markdown fade-in two top-pad"><!-- Begin blog post content -->
<div class="container markdown {{ if .Site.Params.fadein }} fade-in two {{ end }} top-pad"><!-- Begin blog post content -->
{{ .Content }}
</div><!-- End blog post content -->
<div class="disqus">
{{ template "_internal/disqus.html" . }}
</div>
@ -76,4 +76,4 @@ $('a[href^="{{ .Permalink }}#"]').click(function(e) {
}, 500);
return false;
})
</script>
</script>

16
layouts/index.html
View file

@ -16,16 +16,22 @@
<div class="hero-body">
<div class="container has-text-centered">
<!-- Title and tagline -->
<h1 class="bold-title fade-in one">Hi, I'm {{ .Site.Params.firstname }}.</h1>
<h3 class="subtitle is-3 fade-in two">{{ .Site.Params.tagline }}</h3>
<h1 class="bold-title {{ if .Site.Params.fadein }}fade-in one{{ end }}">
Hi, I'm {{ .Site.Params.firstname }}.
</h1>
<h3 class="subtitle is-3 {{ if.Site.Params.fadein }} fade-in two{{ end }}">
{{ .Site.Params.tagline }}
</h3>
<!-- End title and tagline -->
<!-- Some social icons -->
<div class="fade-in three">{{ partial "social.html" . }}</div>
<div class="{{ if .Site.Params.fadein }}fade-in three{{ end }}">
{{ partial "social.html" . }}
</div>
<!-- End top social icons -->
</div>
</div> <!-- Hero body title end -->
<!-- Hero foot has nav bar -->
<div class="hero-foot fade-in three">
<div class="hero-foot {{ if .Site.Params.fadein }}fade-in three{{ end }}">
<hr>
<nav class="nav-center">
<a class="nav-item" href="#about">About</a>
@ -43,7 +49,7 @@
</div><!-- End of top section -->
<!-- Everything below fades in three! -->
<div class="section no-padding fade-in three">
<div class="section no-padding {{ if .Site.Params.fadein }}fade-in three{{ end }}">
<!-- Tell them all about it! -->
<div class="section" id="about">