diff options
| author | amzrk2 | 2020-04-14 15:46:26 +0800 |
|---|---|---|
| committer | amzrk2 | 2020-04-14 15:46:26 +0800 |
| commit | 971f9bd9155eccdeefe563a3608dc46d2132abab (patch) | |
| tree | 91fdc409de78f76fc79287ec67412fa1cff12968 /layouts | |
| parent | 4d07aeee876efb805739ee90120bc903a02e342b (diff) | |
| download | hugo-theme-fuji-971f9bd9155eccdeefe563a3608dc46d2132abab.tar.gz hugo-theme-fuji-971f9bd9155eccdeefe563a3608dc46d2132abab.tar.bz2 hugo-theme-fuji-971f9bd9155eccdeefe563a3608dc46d2132abab.zip | |
Add progess bar
Diffstat (limited to 'layouts')
| -rw-r--r-- | layouts/_default/single.html | 3 | ||||
| -rw-r--r-- | layouts/index.html | 3 | ||||
| -rw-r--r-- | layouts/partials/head.html | 3 | ||||
| -rw-r--r-- | layouts/partials/scripts.html | 33 | ||||
| -rw-r--r-- | layouts/tags/list.html | 3 |
5 files changed, 44 insertions, 1 deletions
diff --git a/layouts/_default/single.html b/layouts/_default/single.html index 0d564b0..506127b 100644 --- a/layouts/_default/single.html +++ b/layouts/_default/single.html @@ -29,6 +29,9 @@ <div class="col-md-3 col-12 float-left" id="sidebar"> {{ partial "sidebar.html" . }} </div> + <div id="container-progress"> + <div id="progress"></div> + </div> </div> </main> {{ end }}
\ No newline at end of file diff --git a/layouts/index.html b/layouts/index.html index d20006b..158c982 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -31,6 +31,9 @@ <div class="col-md-3 col-12 float-left" id="sidebar"> {{ partial "sidebar.html" . }} </div> + <div id="container-progress"> + <div id="progress"></div> + </div> </div> </main> {{ end }}
\ No newline at end of file diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 8d035ce..749c213 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -17,7 +17,8 @@ {{ $style := $sass | resources.ToCSS }} <link rel="stylesheet" href="{{ $style.Permalink }}"> <script src="{{ .Site.Params.cdnVanillaLazyloadJS }}"></script> - +<script src="{{ .Site.Params.cdnJQueryJS }}"></script> +<script src="{{ .Site.Params.cdnProgessJS }}"></script> {{ if or .Params.math .Site.Params.math }} {{ partial "math.html" . }} {{ end }}
\ No newline at end of file diff --git a/layouts/partials/scripts.html b/layouts/partials/scripts.html index 4caf7ba..c5efc63 100644 --- a/layouts/partials/scripts.html +++ b/layouts/partials/scripts.html @@ -1,4 +1,37 @@ <script> + $(function () { + var bar = new ProgressBar.Circle('#progress', { + color: '#8AA2D3', + strokeWidth: 15, + trailColor: '#E5E2E4', + trailWidth: 15, + text: { + autoStyleContainer: false + }, + fill: '#E5E2E4', + step: function (state, circle) { + var value = Math.round(circle.value() * 100); + if (value == 0 || value == 100) { + circle.setText(''); + } else { + circle.setText(value); + } + } + }); + var scrolled = ($(window).scrollTop() / ($(document).height() - $(window).height() - 1)); + bar.animate(scrolled); + $(window).scroll(function () { + scrolled = ($(window).scrollTop() / ($(document).height() - $(window).height() - 1)); + if (scrolled < 0.0005) { + scrolled = 0; + } else if (scrolled > 1) { + scrolled = 1; + } + bar.set(scrolled); + }); + }); +</script> +<script> var lazyLoadInstance = new LazyLoad({ elements_selector: ".lazy" }); diff --git a/layouts/tags/list.html b/layouts/tags/list.html index 9fa241d..30cca51 100644 --- a/layouts/tags/list.html +++ b/layouts/tags/list.html @@ -37,6 +37,9 @@ <div class="col-md-3 col-12 float-left" id="sidebar"> {{ partial "sidebar.html" . }} </div> + <div id="container-progress"> + <div id="progress"></div> + </div> </div> </main> {{ end }}
\ No newline at end of file |