diff --git a/.gitignore b/.gitignore index 996e516..196009d 100644 --- a/.gitignore +++ b/.gitignore @@ -12,4 +12,4 @@ source/lib/* # Track internal libraries & Ignore unused verdors files !source/lib/font-awesome/ !source/lib/anime.min.js -!source/lib/velocity/ +!source/lib/animate-css/ diff --git a/_config.yml b/_config.yml index 0c30cf3..d806551 100644 --- a/_config.yml +++ b/_config.yml @@ -814,25 +814,19 @@ mermaid: # Animation Settings # --------------------------------------------------------------- -# Use velocity to animate everything. -# For more information: http://velocityjs.org +# Use Animate.css to animate everything. +# For more information: https://animate.style motion: enable: true async: false transition: - # Transition variants: - # fadeIn | flipXIn | flipYIn | flipBounceXIn | flipBounceYIn - # swoopIn | whirlIn | shrinkIn | expandIn - # bounceIn | bounceUpIn | bounceDownIn | bounceLeftIn | bounceRightIn - # slideUpIn | slideDownIn | slideLeftIn | slideRightIn - # slideUpBigIn | slideDownBigIn | slideLeftBigIn | slideRightBigIn - # perspectiveUpIn | perspectiveDownIn | perspectiveLeftIn | perspectiveRightIn + # All available Transition variants: https://theme-next.js.org/animate/ post_block: fadeIn - post_header: slideDownIn - post_body: slideDownIn - coll_header: slideLeftIn + post_header: fadeInDown + post_body: fadeInDown + coll_header: fadeInLeft # Only for Pisces | Gemini. - sidebar: slideUpIn + sidebar: fadeInUp # Progress bar in the top during page loading. # For more information: https://github.com/HubSpot/pace @@ -876,11 +870,13 @@ vendors: internal: local # Internal version: 3.1.0 + # anime: //cdn.jsdelivr.net/npm/animejs@3.1.0/lib/anime.min.js # anime: //unpkg.com/animejs@3.1.0/lib/anime.min.js # anime: //cdnjs.cloudflare.com/ajax/libs/animejs/3.1.0/anime.min.js anime: # Internal version: 5.13.0 + # fontawesome: //cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css # fontawesome: //unpkg.com/@fortawesome/fontawesome-free@5/css/all.min.css # fontawesome: //cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css fontawesome: @@ -967,13 +963,11 @@ vendors: # mermaid: //cdnjs.cloudflare.com/ajax/libs/mermaid/8.5.2/mermaid.min.js mermaid: - # Internal version: 1.2.1 - # velocity: //unpkg.com/velocity-animate@1/velocity.min.js - # velocity: //cdnjs.cloudflare.com/ajax/libs/velocity/1.2.1/velocity.min.js - # velocity_ui: //unpkg.com/velocity-animate@1/velocity.ui.min.js - # velocity_ui: //cdnjs.cloudflare.com/ajax/libs/velocity/1.2.1/velocity.ui.min.js - velocity: - velocity_ui: + # Internal version: 3.1.1 + # animate_css: //cdn.jsdelivr.net/npm/animate.css@3.1.1/animate.min.css + # animate_css: //unpkg.com/animate.css@3.1.1/animate.min.css + # animate_css: //cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.1/animate.min.css + animate_css: # Internal version: 1.0.2 # pace: //unpkg.com/pace-js@1/pace.min.js diff --git a/layout/_macro/sidebar.njk b/layout/_macro/sidebar.njk index 8cfa81f..fe02291 100644 --- a/layout/_macro/sidebar.njk +++ b/layout/_macro/sidebar.njk @@ -25,7 +25,7 @@
{%- if display_toc %} -
{{ toc }}
+
{{ toc }}
{%- endif %}
@@ -37,7 +37,7 @@ {%- if theme.back2top.enable and theme.back2top.sidebar %} -
+
0%
diff --git a/layout/_partials/head/head.njk b/layout/_partials/head/head.njk index f84d003..7c0bc9c 100644 --- a/layout/_partials/head/head.njk +++ b/layout/_partials/head/head.njk @@ -46,6 +46,11 @@ {%- set font_awesome_uri = theme.vendors.fontawesome or url_for('lib/font-awesome/css/all.min.css') %} +{%-if theme.motion.enable %} + {% set animate_css_uri = theme.vendors.animate_css or url_for('lib/animate-css/animate.min.css') %} + +{%- endif %} + {%- if theme.fancybox %} {%- set fancybox_css_uri = theme.vendors.fancybox_css or '//cdn.jsdelivr.net/npm/@fancyapps/fancybox@3/dist/jquery.fancybox.min.css' %} diff --git a/layout/_partials/sidebar/site-overview.njk b/layout/_partials/sidebar/site-overview.njk index 099fc8b..e5ae9b7 100644 --- a/layout/_partials/sidebar/site-overview.njk +++ b/layout/_partials/sidebar/site-overview.njk @@ -1,4 +1,4 @@ -