diff --git a/README.md b/README.md index e86c3c7..e95cf10 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ A plugin for [Reveal.js](https://revealjs.com) 4 that adds appearance effects to elements. -[](https://martinomagnifico.github.io/reveal.js-appearance/demo.html) +[](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. @@ -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) \ No newline at end of file diff --git a/css/demo.css b/css/demo.css index 3cf2912..ab7f3c1 100644 --- a/css/demo.css +++ b/css/demo.css @@ -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; } diff --git a/demo.html b/demo.html index 6ecb4e6..97b1a2d 100644 --- a/demo.html +++ b/demo.html @@ -17,7 +17,10 @@
-