Skip to content

Commit

Permalink
Version 1.1.0
Browse files Browse the repository at this point in the history
• Changed Readme
• Added Github badge
  • Loading branch information
Martino committed Sep 3, 2021
1 parent 1fedc03 commit 381fa72
Show file tree
Hide file tree
Showing 6 changed files with 19 additions and 6 deletions.
4 changes: 2 additions & 2 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

A plugin for [Reveal.js](https://revealjs.com) 4 that adds appearance effects to elements.

[![Screenshot](screenshot.png)](https://martinomagnifico.github.io/reveal.js-appearance/demo.html)
[![Screenshot](https://martinomagnifico.github.io/reveal.js-appearance/screenshot.png)](https://martinomagnifico.github.io/reveal.js-appearance/demo.html)

In Powerpoint you can make slides with items that appear automatically with effects. This plugin for Reveal.js tries to achieve the same result. It's easy to set up. It uses Animate.css by Daniel Eden for the animations, with some changes in a separate CSS file to allow for a non-animated state.

Expand Down Expand Up @@ -162,4 +162,4 @@ And if you want to show off what you made with it, please do :-)
## License
MIT licensed

Copyright (C) 2021 Martijn De Jongh (Martino)
Copyright (C) 2021 Martijn De Jongh (Martino)
10 changes: 10 additions & 0 deletions css/demo.css
Original file line number Diff line number Diff line change
Expand Up @@ -9,3 +9,13 @@

.backgrounds {
background: #1a1626; }

a.github-corner {
position: absolute;
z-index: 1;
width: clamp(50px, 8vmax, 80px);
line-height: 0;
color: rgba(255, 255, 255, 0.5); }

a.github-corner:hover {
color: white; }
5 changes: 4 additions & 1 deletion demo.html
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,10 @@
</head>

<body>
<div class="reveal">
<div class="reveal"><a class="github-corner" href="https://github.com/Martinomagnifico/reveal.js-appearance" target="blank" title="View source on GitHub">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 55">
<path fill="currentColor" d="M27.5 11.2a16.3 16.3 0 0 0-5.1 31.7c.8.2 1.1-.3 1.1-.7v-2.8c-4.5 1-5.5-2.2-5.5-2.2-.7-1.9-1.8-2.4-1.8-2.4-1.5-1 .1-1 .1-1 1.6.1 2.5 1.7 2.5 1.7 1.5 2.5 3.8 1.8 4.7 1.4.2-1 .6-1.8 1-2.2-3.5-.4-7.3-1.8-7.3-8 0-1.8.6-3.3 1.6-4.4-.1-.5-.7-2.1.2-4.4 0 0 1.4-.4 4.5 1.7a15.6 15.6 0 0 1 8.1 0c3.1-2 4.5-1.7 4.5-1.7.9 2.3.3 4 .2 4.4 1 1 1.6 2.6 1.6 4.3 0 6.3-3.8 7.7-7.4 8 .6.6 1.1 1.6 1.1 3v4.6c0 .4.3.9 1.1.7a16.3 16.3 0 0 0-5.2-31.7"></path>
</svg></a>
<div class="slides">
<section class="center">
<h1 class="animated flipInX slow">Appearance</h1>
Expand Down
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "reveal.js-appearance",
"version": "1.0.9",
"version": "1.1.0",
"description": "A plugin for Reveal.js 4 that adds appearance effects to elements",
"keywords": "reveal, reveal.js, reveal-plugin, plugin, text effects",
"homepage": "https://github.com/Martinomagnifico/reveal.js-appearance",
Expand Down
2 changes: 1 addition & 1 deletion plugin/appearance/appearance.esm.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
* https://github.com/Martinomagnifico
*
* Appearance.js for Reveal.js
* Version 1.0.9
* Version 1.1.0
*
* @license
* MIT licensed
Expand Down
2 changes: 1 addition & 1 deletion plugin/appearance/appearance.js
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@
* https://github.com/Martinomagnifico
*
* Appearance.js for Reveal.js
* Version 1.0.9
* Version 1.1.0
*
* @license
* MIT licensed
Expand Down

0 comments on commit 381fa72

Please sign in to comment.