From 7d551f0fbfa69e1198b13bd9a40f56cffe443342 Mon Sep 17 00:00:00 2001 From: Elton Mesquita Date: Tue, 9 Jun 2020 15:40:29 +0100 Subject: [PATCH] Fix broken links and update docs topics structure (#1069) * Fixes #1067 docs compiler regex * Fix bronken links #1068 * Update docs topics structure --- docs/index.html | 28 +++++++++++-------- docsSource/compileMD.js | 11 +++++++- docsSource/sections/08-accessibility.md | 3 ++ docsSource/sections/08-contributing.md | 15 ---------- .../sections/09-license-contributing.md | 11 ++++++++ docsSource/template.html | 2 +- 6 files changed, 42 insertions(+), 28 deletions(-) create mode 100644 docsSource/sections/08-accessibility.md delete mode 100644 docsSource/sections/08-contributing.md create mode 100644 docsSource/sections/09-license-contributing.md diff --git a/docs/index.html b/docs/index.html index 6eb0a57..118e932 100644 --- a/docs/index.html +++ b/docs/index.html @@ -798,7 +798,7 @@ @@ -1030,7 +1030,7 @@ document.documentElement.style.setProperty('--animate-duration', '.5s'); -
+

Best practices

Animations can greatly improve an interface's UX, but it's important to follow some guidelines to not overdo it and deteriorate the user experience on your web-things. Following the following rules should provide a good start.

Meaningful animations

@@ -1158,7 +1158,7 @@ animateCSS('.my-element', 'animate__bounce').then((message) => {
-
+

Custom Builds

Animate.css is powered by npm, postcss + postcss-preset-env, which means you can create custom builds pretty easily, using future CSS today.

First of all, you’ll need Node and all other dependencies:

@@ -1201,17 +1201,11 @@ $ npm install
-
+

Accessibility

Animate.css supports the prefers-reduced-motion media query so that users with motion sensitivity can opt-out of animations. On supported platforms (currently all the major browsers and OS, including mobile), users can select "reduce motion" on their operating system preferences and it will turn off CSS transitions for them without any further work required.

-

License

-

Animate.css is licensed under the MIT license. (https://opensource.org/licenses/MIT)

-

Code of Conduct

-

This project and everyone participating in it are governed by the Contributor Covenant Code of Conduct. By participating, you are expected to uphold this code. Please report unacceptable behavior to callmeelton@gmail.com.

-

Contributing

-

Pull requests are the way to go here. We only have two rules for submitting a pull request: match the naming convention (camelCase, categorized [fades, bounces, etc]) and let us see a demo of submitted animations in a pen. That last one is important.

-

Edit this on Github

+

Edit this on Github

@@ -1242,6 +1236,18 @@ $ npm install

Edit this on Github

+ +
+

License and Contributing

+

Animate.css is licensed under the MIT license. (https://opensource.org/licenses/MIT)

+

Contributing

+

Pull requests are the way to go here. We only have two rules for submitting a pull request: match the naming convention (camelCase, categorized [fades, bounces, etc]) and let us see a demo of submitted animations in a pen. That last one is important.

+

Code of Conduct

+

This project and everyone participating in it are governed by the Contributor Covenant Code of Conduct. By participating, you are expected to uphold this code. Please report unacceptable behavior to callmeelton@gmail.com.

+ +

Edit this on Github

+
+