beenull/animate.css
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Update docs to reference main branch instead of master (fixes #1070)

Browse source
This commit is contained in:
Daniel Eden 2020-08-12 09:25:43 +01:00
parent 733ed8958b
commit 68c87c9470
No known key found for this signature in database
GPG key ID: 7386F748D64198C9
4 changed files with 15 additions and 15 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

24
docs/index.html
View file

@ -836,7 +836,7 @@
</blockquote>
<p><strong>Animate.css</strong> is a library of ready-to-use, cross-browser animations for use in your web projects. Great for emphasis, home pages, sliders, and attention-guiding hints.</p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/master/docsSource/sections/00-intro.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/main/docsSource/sections/00-intro.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
</section>
@ -900,7 +900,7 @@ document.documentElement.style.setProperty('--animate-duration', '.5s');
</code></pre>
<p>Even though custom properties are not supported by some aging browsers, Animate.css provides a proper fallback, widening its support for any browser that supports CSS animations.</p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/master/docsSource/sections/01-usage.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/main/docsSource/sections/01-usage.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
</section>
@ -1031,7 +1031,7 @@ document.documentElement.style.setProperty('--animate-duration', '.5s');
</code></pre>
<p>Notice that <code>animate__infinite</code> doesn't use any custom property and changes to <code>--animate-repeat</code> will have no effect on it. Don't forget to read the <a href="#best-practices">best practices</a> section to make the best use of repeating animations.</p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/master/docsSource/sections/02-utilities.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/main/docsSource/sections/02-utilities.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
</section>
@ -1072,7 +1072,7 @@ document.documentElement.style.setProperty('--animate-duration', '.5s');
<h3>Intervals between repeats</h3>
<p>Unfortunately, this isn't possible with pure CSS right now. You have to use Javascript to achieve this result.</p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/master/docsSource/sections/03-best-practices.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/main/docsSource/sections/03-best-practices.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
</section>
@ -1124,7 +1124,7 @@ animateCSS('.my-element', 'bounce').then((message) =&gt; {
</code></pre>
<p>If you had a hard time understanding the previous function, have a look at <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/const">const</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/API/Element/classList">classList</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions/Arrow_functions">arrow functions</a>, and <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise">Promises</a>.</p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/master/docsSource/sections/04-javascript.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/main/docsSource/sections/04-javascript.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
</section>
@ -1159,7 +1159,7 @@ animateCSS('.my-element', 'bounce').then((message) =&gt; {
</code></pre>
<p>In the case of a new project, it's highly recommended to use the default prefixed version as it'll make sure that you'll hardly have classes conflicting with your project. Besides, in later versions, we might decide to discontinue the <code>animate.compat.css</code> file.</p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/master/docsSource/sections/06-migration.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/main/docsSource/sections/06-migration.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
</section>
@ -1202,7 +1202,7 @@ $ npm install
</code></pre>
<p>Easy peasy!</p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/master/docsSource/sections/07-custom-builds.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/main/docsSource/sections/07-custom-builds.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
</section>
@ -1210,7 +1210,7 @@ $ npm install
<h2>Accessibility</h2>
<p>Animate.css supports the <a href="https://webkit.org/blog/7551/responsive-design-for-motion/"><code>prefers-reduced-motion</code> media query</a> 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 &quot;reduce motion&quot; on their operating system preferences and it will turn off CSS transitions for them without any further work required.</p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/master/docsSource/sections/08-accessibility.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/main/docsSource/sections/08-accessibility.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
</section>
@ -1238,7 +1238,7 @@ $ npm install
</tbody>
</table>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/master/docsSource/sections/09-contributors.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/main/docsSource/sections/09-contributors.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
</section>
@ -1248,9 +1248,9 @@ $ npm install
<h3>Contributing</h3>
<p>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 <a href="https://codepen.io">pen</a>. That <strong>last one is important</strong>.</p>
<h3>Code of Conduct</h3>
<p>This project and everyone participating in it are governed by the <a href="https://github.com/animate-css/animate.css/blob/master/CODE_OF_CONDUCT.md">Contributor Covenant Code of Conduct</a>. By participating, you are expected to uphold this code. Please report unacceptable behavior to <a href="mailto:callmeelton@gmail.com">callmeelton@gmail.com</a>.</p>
<p>This project and everyone participating in it are governed by the <a href="https://github.com/animate-css/animate.css/blob/main/CODE_OF_CONDUCT.md">Contributor Covenant Code of Conduct</a>. By participating, you are expected to uphold this code. Please report unacceptable behavior to <a href="mailto:callmeelton@gmail.com">callmeelton@gmail.com</a>.</p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/master/docsSource/sections/09-license-contributing.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
<p class="edit-github"><a href="https://github.com/animate-css/animate.css/blob/main/docsSource/sections/09-license-contributing.md" title="Edit this on GitHub">Edit this on GitHub</a></p>
</section>
</div>
@ -1280,7 +1280,7 @@ $ npm install
<footer class="main-footer">
<p>
Animate.css is a MIT licensed library.
You can use it freely, respecting the terms included in the <a href="https://github.com/daneden/animate.css/blob/master/LICENSE" title="license">license file.
You can use it freely, respecting the terms included in the <a href="https://github.com/daneden/animate.css/blob/main/LICENSE" title="license">license file.
</p>
</footer>

2
docsSource/compileMD.js
View file

@ -26,7 +26,7 @@ function compileMD(dir = 'sections') {
const sectionTemplate = (file, content) => {
const message = 'Edit this on GitHub';
const fileName = convertFileNameToId(file);
const editURL = `https://github.com/animate-css/animate.css/blob/master/docsSource/sections/${file}`;
const editURL = `https://github.com/animate-css/animate.css/blob/main/docsSource/sections/${file}`;
const parsedContent = md.render(content);
return `

2
docsSource/sections/09-license-contributing.md
View file

@ -8,4 +8,4 @@ Pull requests are the way to go here. We only have two rules for submitting a pu
### Code of Conduct
This project and everyone participating in it are governed by the [Contributor Covenant Code of Conduct](https://github.com/animate-css/animate.css/blob/master/CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code. Please report unacceptable behavior to [callmeelton@gmail.com](mailto:callmeelton@gmail.com).
This project and everyone participating in it are governed by the [Contributor Covenant Code of Conduct](https://github.com/animate-css/animate.css/blob/main/CODE_OF_CONDUCT.md). By participating, you are expected to uphold this code. Please report unacceptable behavior to [callmeelton@gmail.com](mailto:callmeelton@gmail.com).

2
docsSource/template.html
View file

@ -99,7 +99,7 @@
<footer class="main-footer">
<p>
Animate.css is a MIT licensed library.
You can use it freely, respecting the terms included in the <a href="https://github.com/daneden/animate.css/blob/master/LICENSE" title="license">license file.
You can use it freely, respecting the terms included in the <a href="https://github.com/daneden/animate.css/blob/main/LICENSE" title="license">license file.
</p>
</footer>