From 4e23e8719b4b07b8a87474ddbc067ecf223901bc Mon Sep 17 00:00:00 2001 From: madmurphy Date: Tue, 24 Aug 2021 13:45:12 +0100 Subject: [PATCH] Commit #53 --- ChangeLog.md | 8 ++++ dev/takefive-dev.css | 7 ++-- .../counters/takefive-counters.min.css | 2 +- dist/plugins/glyphs/takefive-glyphs.min.css | 2 +- dist/plugins/i18n/takefive-i18n-de.min.css | 2 +- dist/plugins/i18n/takefive-i18n-es.min.css | 2 +- dist/plugins/i18n/takefive-i18n-it.min.css | 2 +- dist/plugins/i18n/takefive-i18n-la.min.css | 2 +- dist/plugins/maxsize/takefive-maxsize.min.css | 2 +- .../polaroid/takefive-polaroid.min.css | 2 +- dist/plugins/slides/takefive-slides.min.css | 2 +- dist/plugins/toolbar/takefive-toolbar.min.css | 2 +- dist/takefive.css | 2 +- dist/takefive.min.css | 2 +- docs/css/takefive-counters.min.css | 2 +- docs/css/takefive-glyphs.min.css | 2 +- docs/css/takefive-i18n-la.min.css | 2 +- docs/css/takefive-maxsize.min.css | 2 +- docs/css/takefive-polaroid.min.css | 2 +- docs/css/takefive-slides.min.css | 2 +- docs/css/takefive-toolbar.min.css | 2 +- docs/css/takefive.min.css | 2 +- docs/index.html | 2 +- docs/man.html | 38 +++++++++---------- docs/nesting-tutorial.html | 4 +- docs/plugins/counters.html | 2 +- docs/plugins/i18n.html | 2 +- docs/plugins/slides.html | 2 +- package.json | 2 +- 29 files changed, 58 insertions(+), 49 deletions(-) diff --git a/ChangeLog.md b/ChangeLog.md index 567016e..a62ce1f 100644 --- a/ChangeLog.md +++ b/ChangeLog.md @@ -1,6 +1,14 @@ # Change Log +## 3.1.2 (2021-08-24) + +Changes: + +* Documentation +* Examples + + ## 3.1.1 (2021-04-28) Changes: diff --git a/dev/takefive-dev.css b/dev/takefive-dev.css index 66a9435..048a84b 100644 --- a/dev/takefive-dev.css +++ b/dev/takefive-dev.css @@ -7,7 +7,7 @@ |*| |*| https://github.com/madmurphy/takefive.css/ |*| -|*| Version 3.1.1 +|*| Version 3.1.2 |*| |*| (c) madmurphy333@gmail.com |*| @@ -37,8 +37,9 @@ * "GNUTypewriter" --> @import url("fonts/gnutypewriter/gnutypewriter.css"); * "My Underwood" --> @import url("fonts/my-underwood/my-underwood.css"); - Although beautiful, unfortunately these fonts do not support accented - characters. + Although beautiful, unfortunately these fonts do not support + accented characters. If you make successful experiments with + other custom fonts, please consider to share them. */ /*@@@@@@@@@@@@@@@@@@@@@@@@@@ !END_DEV_ONLY! @@@@@@@@@@@@@@@@@@@@@@@@@*/ diff --git a/dist/plugins/counters/takefive-counters.min.css b/dist/plugins/counters/takefive-counters.min.css index dabfca5..b2e8646 100644 --- a/dist/plugins/counters/takefive-counters.min.css +++ b/dist/plugins/counters/takefive-counters.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media all{section.slides>:first-child{counter-reset:slide}section.slides article.slide{counter-increment:slide}}@media only screen{article.slide.numbered:not(.no-hashtag)::after,article.slide.tracked:not(.no-hashtag)::after{content:"single slide // hashtag: #" attr(id);font-size:.9em}section.slides article.slide.tracked:not(.no-hashtag)::after{content:"slide " counters(slide,".") " // hashtag: #" attr(id);font-size:.9em}section.slides article.slide.numbered:not(.no-hashtag)::after{content:"slide " counter(slide) " // hashtag: #" attr(id);font-size:.9em}article.slide.numbered::after,article.slide.tracked::after{content:"single slide"}section.slides article.slide.tracked::after{content:"slide " counters(slide,".")}section.slides article.slide.numbered::after{content:"slide " counter(slide)}}@media only print{article.slide.numbered,article.slide.tracked{padding-top:.8em}article.slide.numbered::before,article.slide.tracked::before{border-bottom:0}article.slide.numbered::after,article.slide.tracked::after{content:"Single slide"}section.slides article.slide.tracked::after{content:"Slide " counters(slide,".")}section.slides article.slide.numbered::after{content:"Slide " counter(slide)}article.slide[data-context].numbered:not(.unseen):not(.alone)::before,section.slides.catalogue article.slide[data-context]:not(.unseen):not(.alone)::before{text-align:left}}/**/ diff --git a/dist/plugins/glyphs/takefive-glyphs.min.css b/dist/plugins/glyphs/takefive-glyphs.min.css index 464362f..ee78452 100644 --- a/dist/plugins/glyphs/takefive-glyphs.min.css +++ b/dist/plugins/glyphs/takefive-glyphs.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media only screen{article.slide>nav:first-of-type a[href][data-glyph]:not(.no-glyph)::after{content:attr(data-glyph)}/**/article.slide>nav:first-of-type a[href].small-glyph:not(.no-glyph)::after{font-size:24px}article.slide>nav:first-of-type a[href].medium-glyph:not(.no-glyph)::after{font-size:32px}article.slide>nav:first-of-type a[href].big-glyph:not(.no-glyph)::after{font-size:40px}article.slide>nav:first-of-type a[href].huge-glyph:not(.no-glyph)::after{line-height:72px;font-size:72px}article.slide>nav:first-of-type a[href][data-slot="lctrl-b1"]:not(.no-glyph)::after{top:unset;bottom:9.5vh;left:18%}article.slide>nav:first-of-type a[href][data-slot="lctrl-b2"]:not(.no-glyph)::after{top:unset;bottom:calc(9.5vh + 40px);left:18%}article.slide>nav:first-of-type a[href][data-slot="lctrl-b3"]:not(.no-glyph)::after{top:unset;bottom:calc(9.5vh + 80px);left:18%}article.slide>nav:first-of-type a[href][data-slot="rctrl-b1"]:not(.no-glyph)::after{top:unset;bottom:9.5vh;left:calc(82% - 40px)}article.slide>nav:first-of-type a[href][data-slot="rctrl-b2"]:not(.no-glyph)::after{top:unset;bottom:calc(9.5vh + 40px);left:calc(82% - 40px)}article.slide>nav:first-of-type a[href][data-slot="rctrl-b3"]:not(.no-glyph)::after{top:unset;bottom:calc(9.5vh + 80px);left:calc(82% - 40px)}article.slide>nav:first-of-type a[href][data-slot="lctrl-t1"]:not(.no-glyph)::after{top:9.5vh;bottom:unset;left:18%}article.slide>nav:first-of-type a[href][data-slot="lctrl-t2"]:not(.no-glyph)::after{top:calc(9.5vh + 40px);bottom:unset;left:18%}article.slide>nav:first-of-type a[href][data-slot="lctrl-t3"]:not(.no-glyph)::after{top:calc(9.5vh + 80px);bottom:unset;left:18%}article.slide>nav:first-of-type a[href][data-slot="rctrl-t1"]:not(.no-glyph)::after{top:9.5vh;bottom:unset;left:calc(82% - 40px)}article.slide>nav:first-of-type a[href][data-slot="rctrl-t2"]:not(.no-glyph)::after{top:calc(9.5vh + 40px);bottom:unset;left:calc(82% - 40px)}article.slide>nav:first-of-type a[href][data-slot="rctrl-t3"]:not(.no-glyph)::after{top:calc(9.5vh + 80px);bottom:unset;left:calc(82% - 40px)}article.slide>nav:first-of-type a[href][data-slot="bctrl-c1"]:not(.no-glyph)::after{top:unset;bottom:calc(9.03vh - 40px);left:calc(50% - .78vmin - 60px)}article.slide>nav:first-of-type a[href][data-slot="bctrl-c2"]:not(.no-glyph)::after{top:unset;bottom:calc(9.03vh - 40px);left:calc(50% - 20px)}article.slide>nav:first-of-type a[href][data-slot="bctrl-c3"]:not(.no-glyph)::after{top:unset;bottom:calc(9.03vh - 40px);left:calc(.78vmin + 50% + 20px)}article.slide>nav:first-of-type a[href][data-slot="lctrl-c1"]:not(.no-glyph)::after{top:0;bottom:0;left:18%}article.slide>nav:first-of-type a[href][data-slot="rctrl-c1"]:not(.no-glyph)::after{top:0;bottom:0;left:calc(82% - 40px)}article.slide>nav:first-of-type a[href][data-slot="ctrl-exit"]:not(.no-glyph)::after{top:0;bottom:unset;left:calc(100% - 40px)}}@media only screen and (max-width:768px){article.slide:not(.nonadaptive)>nav:first-of-type a[href].small-glyph:not(.no-glyph)::after{font-size:4.2vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href].medium-glyph:not(.no-glyph)::after{font-size:5.6vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href].big-glyph:not(.no-glyph)::after{font-size:7vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href].huge-glyph:not(.no-glyph)::after{line-height:12.6vmin;font-size:12.6vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="lctrl-b1"]:not(.no-glyph)::after{top:15.8vmin;bottom:unset;left:1.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="lctrl-b2"]:not(.no-glyph)::after{top:22.8vmin;bottom:unset;left:1.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="lctrl-b3"]:not(.no-glyph)::after{top:22.8vmin;bottom:unset;left:15.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="rctrl-b1"]:not(.no-glyph)::after{top:15.8vmin;bottom:unset;left:calc(100% - 10.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="rctrl-b2"]:not(.no-glyph)::after{top:22.8vmin;bottom:unset;left:calc(100% - 10.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="rctrl-b3"]:not(.no-glyph)::after{top:22.8vmin;bottom:unset;left:calc(100% - 24.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="lctrl-t1"]:not(.no-glyph)::after{top:8.8vmin;bottom:unset;left:1.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="lctrl-t2"]:not(.no-glyph)::after{top:15.8vmin;bottom:unset;left:8.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="lctrl-t3"]:not(.no-glyph)::after{top:22.8vmin;bottom:unset;left:8.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="rctrl-t1"]:not(.no-glyph)::after{top:8.8vmin;bottom:unset;left:calc(100% - 10.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="rctrl-t2"]:not(.no-glyph)::after{top:15.8vmin;bottom:unset;left:calc(100% - 17.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="rctrl-t3"]:not(.no-glyph)::after{top:22.8vmin;bottom:unset;left:calc(100% - 17.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="bctrl-c1"]:not(.no-glyph)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(50% - 27.5vmin - 5.28vw)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="bctrl-c2"]:not(.no-glyph)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(50% - 5.5vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="bctrl-c3"]:not(.no-glyph)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(16.5vmin + 50% + 5.28vw)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="lctrl-c1"]:not(.no-glyph)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(50% - 16.5vmin - 2.64vw)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="rctrl-c1"]:not(.no-glyph)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(5.5vmin + 50% + 2.64vw)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="ctrl-exit"]:not(.no-glyph)::after{width:11vmin;height:8.8vmin;line-height:8.8vmin;font-size:7.04vmin}} diff --git a/dist/plugins/i18n/takefive-i18n-de.min.css b/dist/plugins/i18n/takefive-i18n-de.min.css index 594ea1d..5332ebe 100644 --- a/dist/plugins/i18n/takefive-i18n-de.min.css +++ b/dist/plugins/i18n/takefive-i18n-de.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media only screen{/**/article.slide:lang(de)>nav:first-of-type a[href]:not([rel])::before{content:"Siehe auch"}article.slide:lang(de)>nav:first-of-type a[href][rel~="tag"]::before{content:"Verwandte Inhalte"}article.slide:lang(de)>nav:first-of-type a[href][rel~="discussion"]::before{content:"Kommentare"}article.slide:lang(de)>nav:first-of-type a[href][rel~="author"]::before{content:"Autor"}article.slide:lang(de)>nav:first-of-type a[href][rel~="attachment"]::before{content:"Herunterladen"}article.slide:lang(de)>nav:first-of-type a[href][rel~="bookmark"]::before{content:"Verbreite"}article.slide:lang(de)>nav:first-of-type a[href][rel~="index"]::before{content:"Index"}article.slide:lang(de)>nav:first-of-type a[href][rel~="first"]::before{content:"Erste Folie"}article.slide:lang(de)>nav:first-of-type a[href][rel~="last"]::before{content:"Letzte Folie "}article.slide:lang(de)>nav:first-of-type a[href][rel~="prev"]::before{content:"Vorherige Folie"}article.slide:lang(de)>nav:first-of-type a[href][rel~="next"]::before{content:"N\0000E4chste Folie"}article.slide:lang(de)>nav:first-of-type a[href][rel~="child"]::before{content:"Mehr"}article.slide:lang(de)>nav:first-of-type a[href][rel~="parent"]::before{content:"Zur\0000FCck zu"}article.slide:lang(de)>nav:first-of-type a[href][rel~="parent"]:empty::before{content:"Ausgang"}article.slide:lang(de)>nav:first-of-type a[href][rel~="parent"]:not(.tab):not(.plate):not(.no-rel):empty::before{content:"Klick zum Verlassen"}} diff --git a/dist/plugins/i18n/takefive-i18n-es.min.css b/dist/plugins/i18n/takefive-i18n-es.min.css index 4578adf..4035eaf 100644 --- a/dist/plugins/i18n/takefive-i18n-es.min.css +++ b/dist/plugins/i18n/takefive-i18n-es.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media only screen{/**/article.slide:lang(es)>nav:first-of-type a[href]:not([rel])::before{content:"Ver también"}article.slide:lang(es)>nav:first-of-type a[href][rel~="tag"]::before{content:"Contenido relacionado"}article.slide:lang(es)>nav:first-of-type a[href][rel~="discussion"]::before{content:"Comentarios"}article.slide:lang(es)>nav:first-of-type a[href][rel~="author"]::before{content:"Autor"}article.slide:lang(es)>nav:first-of-type a[href][rel~="attachment"]::before{content:"Descargar"}article.slide:lang(es)>nav:first-of-type a[href][rel~="bookmark"]::before{content:"Difundir"}article.slide:lang(es)>nav:first-of-type a[href][rel~="index"]::before{content:"\0000CDndice"}article.slide:lang(es)>nav:first-of-type a[href][rel~="first"]::before{content:"Primera diapositiva"}article.slide:lang(es)>nav:first-of-type a[href][rel~="last"]::before{content:"\0000DAltima diapositiva"}article.slide:lang(es)>nav:first-of-type a[href][rel~="prev"]::before{content:"Diapositiva anterior"}article.slide:lang(es)>nav:first-of-type a[href][rel~="next"]::before{content:"Diapositiva siguiente"}article.slide:lang(es)>nav:first-of-type a[href][rel~="child"]::before{content:"M\0000E1s"}article.slide:lang(es)>nav:first-of-type a[href][rel~="parent"]::before{content:"Regresar a"}article.slide:lang(es)>nav:first-of-type a[href][rel~="parent"]:empty::before{content:"Salida"}article.slide:lang(es)>nav:first-of-type a[href][rel~="parent"]:not(.tab):not(.plate):not(.no-rel):empty::before{content:"Haga clic para salir"}} diff --git a/dist/plugins/i18n/takefive-i18n-it.min.css b/dist/plugins/i18n/takefive-i18n-it.min.css index 18485d6..efbfb55 100644 --- a/dist/plugins/i18n/takefive-i18n-it.min.css +++ b/dist/plugins/i18n/takefive-i18n-it.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media only screen{/**/article.slide:lang(it)>nav:first-of-type a[href]:not([rel])::before{content:"Vedi anche"}article.slide:lang(it)>nav:first-of-type a[href][rel~="tag"]::before{content:"Contenuto correlato"}article.slide:lang(it)>nav:first-of-type a[href][rel~="discussion"]::before{content:"Commenti"}article.slide:lang(it)>nav:first-of-type a[href][rel~="author"]::before{content:"Autore"}article.slide:lang(it)>nav:first-of-type a[href][rel~="attachment"]::before{content:"Download"}article.slide:lang(it)>nav:first-of-type a[href][rel~="bookmark"]::before{content:"Condividi!"}article.slide:lang(it)>nav:first-of-type a[href][rel~="index"]::before{content:"Indice"}article.slide:lang(it)>nav:first-of-type a[href][rel~="first"]::before{content:"Prima slide"}article.slide:lang(it)>nav:first-of-type a[href][rel~="last"]::before{content:"Ultima slide"}article.slide:lang(it)>nav:first-of-type a[href][rel~="prev"]::before{content:"Slide precedente"}article.slide:lang(it)>nav:first-of-type a[href][rel~="next"]::before{content:"Slide successiva"}article.slide:lang(it)>nav:first-of-type a[href][rel~="child"]::before{content:"Di pi\F9"}article.slide:lang(it)>nav:first-of-type a[href][rel~="parent"]::before{content:"Torna a"}article.slide:lang(it)>nav:first-of-type a[href][rel~="parent"]:empty::before{content:"Esci"}article.slide:lang(it)>nav:first-of-type a[href][rel~="parent"]:not(.tab):not(.plate):not(.no-rel):empty::before{content:"Clicca per uscire"}} diff --git a/dist/plugins/i18n/takefive-i18n-la.min.css b/dist/plugins/i18n/takefive-i18n-la.min.css index 4d88939..cdb8061 100644 --- a/dist/plugins/i18n/takefive-i18n-la.min.css +++ b/dist/plugins/i18n/takefive-i18n-la.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media only screen{/**/article.slide:lang(la)>nav:first-of-type a[href]:not([rel])::before{content:"Videre quoque"}article.slide:lang(la)>nav:first-of-type a[href][rel~="tag"]::before{content:"Argumentum relatum"}article.slide:lang(la)>nav:first-of-type a[href][rel~="discussion"]::before{content:"Commentarium"}article.slide:lang(la)>nav:first-of-type a[href][rel~="author"]::before{content:"Auctor"}article.slide:lang(la)>nav:first-of-type a[href][rel~="attachment"]::before{content:"Extrahere"}article.slide:lang(la)>nav:first-of-type a[href][rel~="bookmark"]::before{content:"Diffundere"}article.slide:lang(la)>nav:first-of-type a[href][rel~="index"]::before{content:"Index"}article.slide:lang(la)>nav:first-of-type a[href][rel~="first"]::before{content:"Primum quadrum"}article.slide:lang(la)>nav:first-of-type a[href][rel~="last"]::before{content:"Ultimum quadrum"}article.slide:lang(la)>nav:first-of-type a[href][rel~="prev"]::before{content:"Quadrum praecedens"}article.slide:lang(la)>nav:first-of-type a[href][rel~="next"]::before{content:"Quadrum sequens"}article.slide:lang(la)>nav:first-of-type a[href][rel~="child"]::before{content:"Excavare"}article.slide:lang(la)>nav:first-of-type a[href][rel~="parent"]::before{content:"Revertere ad"}article.slide:lang(la)>nav:first-of-type a[href][rel~="parent"]:empty::before{content:"Exire"}article.slide:lang(la)>nav:first-of-type a[href][rel~="parent"]:not(.tab):not(.plate):not(.no-rel):empty::before{content:"Premere ad exeundum"}article.slide:lang(la):not(.no-hashtag)::after{content:"cancellulus: #" attr(id)}} diff --git a/dist/plugins/maxsize/takefive-maxsize.min.css b/dist/plugins/maxsize/takefive-maxsize.min.css index 1a86051..bba2e6f 100644 --- a/dist/plugins/maxsize/takefive-maxsize.min.css +++ b/dist/plugins/maxsize/takefive-maxsize.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media only screen and not (max-width:768px){article.slide.maxsize>:not(nav):not(header):not(footer):not(aside){max-width:calc(100% - 3.76vmin - 1.76vw - 80px);max-height:90%}article.slide.maxsize>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside){/**/max-height:100%;max-width:100%}article.slide.maxsize img,article.slide.maxsize svg,article.slide.maxsize audio,article.slide.maxsize video,article.slide.maxsize iframe{max-height:89vh}article.slide.maxsize>nav:first-of-type a[href][rel~="discussion"]:not(.no-rel)::after{top:unset;bottom:9.5vh;left:1.88vmin}article.slide.maxsize>nav:first-of-type a[href][rel~="attachment"]:not(.no-rel)::after{top:unset;bottom:calc(100% - 9.5vh - 80px);left:1.88vmin}article.slide.maxsize>nav:first-of-type a[href][rel~="bookmark"]:not(.no-rel)::after{top:9.5vh;bottom:unset;left:1.88vmin}article.slide.maxsize>nav:first-of-type a[href][rel~="author"]:not(.no-rel)::after{top:9.5vh;bottom:unset;left:calc(100% - 1.88vmin - 40px)}article.slide.maxsize>nav:first-of-type a[href][rel~="index"]:not(.no-rel)::after{top:unset;bottom:9.5vh;left:calc(100% - 1.88vmin - 40px)}article.slide.maxsize>nav:first-of-type a[href][rel~="last"]:not(.no-rel)::after{top:unset;bottom:calc(9.5vh + 40px);left:calc(100% - 1.88vmin - 40px)}article.slide.maxsize>nav:first-of-type a[href][rel~="first"]:not(.no-rel)::after{top:unset;bottom:calc(9.5vh + 80px);left:calc(100% - 1.88vmin - 40px)}article.slide.maxsize>nav:first-of-type a[href][rel~="prev"]:not(.no-rel)::after{top:0;bottom:0;left:1.88vmin}article.slide.maxsize>nav:first-of-type a[href][rel~="next"]:not(.no-rel)::after{top:0;bottom:0;left:calc(100% - 1.88vmin - 40px)}} diff --git a/dist/plugins/polaroid/takefive-polaroid.min.css b/dist/plugins/polaroid/takefive-polaroid.min.css index 3660052..c3d27d0 100644 --- a/dist/plugins/polaroid/takefive-polaroid.min.css +++ b/dist/plugins/polaroid/takefive-polaroid.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media only screen{article.slide .polaroid{background-color:#fff;color:#000;border:3px #fff solid;box-shadow:0 0 20px #000;box-sizing:border-box;text-align:center}article.slide .polaroid *{border:0;box-shadow:none}}/**/ diff --git a/dist/plugins/slides/takefive-slides.min.css b/dist/plugins/slides/takefive-slides.min.css index 579b622..65bd89c 100644 --- a/dist/plugins/slides/takefive-slides.min.css +++ b/dist/plugins/slides/takefive-slides.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media all{section.slides{margin:0;padding:0}}@media only screen{section.slides{position:fixed;top:0;left:0;visibility:hidden;z-index:10000}section.slides>:not(article),section.slides>:not(.slide){display:none}section.slides section.slides{position:revert;top:revert;left:revert;visibility:revert;z-index:revert}}@media only print{section.slides{position:relative;box-sizing:border-box;margin:0;padding:0;break-before:always;break-after:always;/**/page-break-before:always;page-break-after:always}section.slides:last-child{break-after:auto;page-break-after:auto}section.slides>header{position:relative;top:40vh;left:0;font-size:1.5em;break-before:always;break-after:always;page-break-before:always;page-break-after:always}section.slides>header>*{text-align:center}} diff --git a/dist/plugins/toolbar/takefive-toolbar.min.css b/dist/plugins/toolbar/takefive-toolbar.min.css index 5d5a7c8..afa543d 100644 --- a/dist/plugins/toolbar/takefive-toolbar.min.css +++ b/dist/plugins/toolbar/takefive-toolbar.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media only screen{article.slide .toolbar{position:absolute;width:0;height:0;margin:0;padding:0;top:0;left:0;z-index:auto;visibility:hidden}article.slide .toolbar>details{position:fixed;top:0;left:calc(.78vmin - 18% - 80px);height:calc(100% - 6.2vh);width:calc(18% - .78vmin);background-color:rgba(25,25,25,.9);border-radius:0 0 8px 0;padding:.133em .5em .133em .5em;border-bottom:2px #fff solid;border-right:2px #fff solid;box-shadow:0 0 20px #000;box-sizing:border-box;line-height:1.2em;font-size:1.1em;z-index:10014;overflow:hidden;visibility:hidden;transition:left .3s 0s ease,visibility 0s .3s}article.slide:target .toolbar>details[open]{left:0;visibility:visible;transition:left 2s 0s ease;z-index:10017}article.slide .toolbar>:not(details),article.slide .toolbar>details>summary:first-of-type{position:fixed;left:0;bottom:-80px;cursor:default;display:block;margin:1.88vmin;font-size:1.05em;max-width:29%;visibility:hidden;transition:bottom 1s ease,visibility 0s 1s;padding:0;box-sizing:border-box;background-color:transparent;color:inherit;border:0;outline:0}article.slide .toolbar>:not(details):not([data-glyph]),article.slide .toolbar>details>summary:not([data-glyph]){display:none}article.slide .toolbar>details>summary:first-of-type{z-index:-2;/**/list-style:none}article.slide .toolbar>:not(details){z-index:10014}article.slide:target .toolbar>details[open]::before,article.slide:target .toolbar>details[open]>summary:first-of-type::before{content:"";display:block;top:0;left:0;height:100%;width:100%;cursor:default}article.slide:target .toolbar>details[open]::before{position:absolute;z-index:-1}article.slide:target .toolbar>details[open]>summary:first-of-type::before{position:fixed;z-index:-3}article.slide:target .toolbar>:not(details):hover,article.slide:target .toolbar>details[open]>summary:first-of-type,article.slide:target .toolbar>details>summary:first-of-type:hover{bottom:0;visibility:visible;transition:bottom 1s ease}article.slide .toolbar>:not(details)[data-glyph]::after,article.slide .toolbar>details>summary:first-of-type::after{content:attr(data-glyph);display:block;position:fixed;left:calc(50% + 280px);bottom:calc(9.03vh - 40px);opacity:1;padding:0;width:40px;text-align:center;cursor:pointer;height:40px;line-height:40px;font-size:24px;transition:bottom .7s .1s ease,left .7s .1s ease}article.slide:target .toolbar>:not(details)::after,article.slide:target .toolbar>details>summary:first-of-type::after{visibility:visible}article.slide:target .toolbar>details[open]>summary:first-of-type::after{bottom:calc(100% - 40px);left:calc(18% - .78vmin);transition:bottom 1s 1s ease,left 1s 1s ease}article.slide .toolbar>.medium-glyph:not(details)::after,article.slide .toolbar>details>summary.medium-glyph:first-of-type::after{font-size:32px}article.slide .toolbar>.big-glyph:not(details)::after,article.slide .toolbar>details>summary.big-glyph:first-of-type::after{font-size:40px}article.slide .toolbar>:not(details)[data-slot="bctrl-l1"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-l1"]:first-of-type::after{left:calc(50% - 320px)}article.slide .toolbar>:not(details)[data-slot="bctrl-l2"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-l2"]:first-of-type::after{left:calc(50% - 280px)}article.slide .toolbar>:not(details)[data-slot="bctrl-l3"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-l3"]:first-of-type::after{left:calc(50% - 240px)}article.slide .toolbar>:not(details)[data-slot="bctrl-l4"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-l4"]:first-of-type::after{left:calc(50% - 200px)}article.slide .toolbar>:not(details)[data-slot="bctrl-l5"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-l5"]:first-of-type::after{left:calc(50% - 160px)}article.slide .toolbar>:not(details)[data-slot="bctrl-r2"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-r2"]:first-of-type::after{left:calc(50% + 240px)}article.slide .toolbar>:not(details)[data-slot="bctrl-r3"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-r3"]:first-of-type::after{left:calc(50% + 200px)}article.slide .toolbar>:not(details)[data-slot="bctrl-r4"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-r4"]:first-of-type::after{left:calc(50% + 160px)}article.slide .toolbar>:not(details)[data-slot="bctrl-r5"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-r5"]:first-of-type::after{left:calc(50% + 120px)}article.slide .toolbar>details>summary:first-of-type::-webkit-details-marker{display:none}}@media only screen and (max-width:768px){article.slide:not(.nonadaptive) .toolbar>details{left:calc(-50% - 80px);height:calc(100% - 8.88vmin - 1.5em);width:50%}article.slide:not(.nonadaptive):target .toolbar>details[open]{left:0}article.slide:not(.nonadaptive) .toolbar>:not(details),article.slide:not(.nonadaptive) .toolbar>details>summary:first-of-type{max-width:none}article.slide:not(.nonadaptive):target .toolbar>:not(details):hover,article.slide:not(.nonadaptive):target .toolbar>details[open]>summary:first-of-type,article.slide:not(.nonadaptive):target .toolbar>details>summary:first-of-type:hover{bottom:6.2vh}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-glyph]::after,article.slide:not(.nonadaptive) .toolbar>details>summary:first-of-type::after{left:calc(100% - 10.76vmin);bottom:1.88vmin;width:7vmin;height:7vmin;line-height:7vmin;font-size:4.2vmin}article.slide:not(.nonadaptive):target .toolbar>details[open]>summary:first-of-type::after{left:50%}article.slide:not(.nonadaptive) .toolbar>.medium-glyph:not(details)::after,article.slide:not(.nonadaptive) .toolbar>details>summary.medium-glyph:first-of-type::after{font-size:5.6vmin}article.slide:not(.nonadaptive) .toolbar>.big-glyph:not(details)::after,article.slide:not(.nonadaptive) .toolbar>details>summary.big-glyph:first-of-type::after{font-size:7vmin}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-l1"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-l1"]:first-of-type::after{left:1.88vmin}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-l2"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-l2"]:first-of-type::after{left:8.88vmin}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-l3"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-l3"]:first-of-type::after{left:15.88vmin}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-l4"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-l4"]:first-of-type::after{left:22.88vmin}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-l5"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-l5"]:first-of-type::after{left:29.88vmin}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-r2"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-r2"]:first-of-type::after{left:calc(100% - 17.76vmin)}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-r3"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-r3"]:first-of-type::after{left:calc(100% - 24.76vmin)}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-r4"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-r4"]:first-of-type::after{left:calc(100% - 31.76vmin)}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-r5"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-r5"]:first-of-type::after{left:calc(100% - 38.76vmin)}}@media only print{article.slide .toolbar{display:none}} diff --git a/dist/takefive.css b/dist/takefive.css index dc1e624..cd6cf92 100644 --- a/dist/takefive.css +++ b/dist/takefive.css @@ -7,7 +7,7 @@ |*| |*| https://github.com/madmurphy/takefive.css/ |*| -|*| Version 3.1.1 +|*| Version 3.1.2 |*| |*| (c) madmurphy333@gmail.com |*| diff --git a/dist/takefive.min.css b/dist/takefive.min.css index 8d4f46b..8e03208 100644 --- a/dist/takefive.min.css +++ b/dist/takefive.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*//**/@import url("fonts/victoria-typewriter/victoria-typewriter.css");/*\*/@media only screen{/**/article.slide{position:fixed;top:0;left:0;visibility:hidden;box-sizing:border-box;width:100%;height:100%;background-color:rgba(0,0,0,.9);opacity:0;padding:9.5vh 1.88vmin 9.5vh calc(82% + .88vw);overflow:hidden;color:#fff;font-family:"Victoria Typewriter",courier,monospace;font-size:.8em;line-height:normal;z-index:10000;transition:visibility 0s .5s,opacity .5s linear}article.slide:target{visibility:visible;opacity:1;transition:opacity 1s linear}/*\*/article.slide::before{content:attr(data-context);display:block;position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;padding:1.88vmin 71% 1.88vmin 1.88vmin;font-size:.85em;overflow:hidden;z-index:10007}article.slide[data-context]::before{transition:color 1s 2.5s linear}article.slide[data-context]:not(:target)::before{color:transparent;transition:color .5s 0s linear}article.slide::after{display:block;position:absolute;bottom:0;right:0;margin:1.88vmin;box-sizing:border-box;font-size:.95em;transition:bottom 1.5s ease;text-align:right;max-width:50%;z-index:10001}article.slide:not(:target)::after{bottom:-80px}article.slide:not(.no-hashtag)::after{content:"hashtag: #" attr(id)}/**/article.slide a[href],article.slide a[href]:link,article.slide a[href]:hover,article.slide a[href]:active,article.slide a[href]:visited{color:inherit;text-decoration:none;font-weight:bold;background-color:transparent;border:0}article.slide a[href][rel~="tag"]::before{content:"\2605";font-size:inherit}article.slide a[href][data-label]:not(.no-label)::before{content:attr(data-label)}article.slide a[href]:not(.no-label)::before{margin-right:.3em}/*\*//**/@keyframes slidein{from{transform:translate(-50%,-50%) scale(0.001)}to{transform:translate(-50%,-50%)}}@keyframes slideout{from{transform:translate(-50%,-50%)}to{transform:translate(-50%,-50%) scale(0.001)}}article.slide>:not(nav):not(header):not(footer):not(aside){position:absolute;box-sizing:border-box;left:50%;top:50%;width:auto;height:auto;max-height:calc(100% - 19vh);max-width:calc(64% - 1.76vw - 80px);margin:auto -50% auto auto;transform:translate(-50%,-50%);animation:1s ease 0s 1 slidein;z-index:10012}article.slide:not(:target)>:not(nav):not(header):not(footer):not(aside){transform:translate(-50%,-50%) scale(0.001);animation:.5s ease 0s 1 slideout}article.slide>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside){width:auto;height:auto;animation:none;transform:none}article.slide:not(:target)>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside){animation:none;transform:none}article.slide>:not(nav):not(header):not(footer):not(aside):not(section):not(article){overflow:visible}article.slide>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside):not(section):not(article){overflow:revert}article.slide>article,article.slide>section{overflow:auto;padding:.5em}article.slide>:not(nav):not(header):not(footer):not(aside) ~ article,article.slide>:not(nav):not(header):not(footer):not(aside) ~ section{padding:0;overflow:visible;all:revert}/*\*/article.slide>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside),article.slide *{/**/max-height:100%;max-width:100%;box-sizing:border-box}/*\*//**/article.slide>nav:not(:first-of-type),article.slide>header:not(:first-of-type),article.slide>footer:not(:first-of-type),article.slide>aside:not(:first-of-type),article.slide>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside){position:relative;left:0;top:0;margin:0;z-index:10011}article.slide>nav:first-of-type{display:block;position:absolute;left:1.88vmin;top:13.3vh;box-sizing:border-box;width:calc(18% - 1.88vmin - .88vw);height:auto;margin:0;overflow:visible;padding:0;text-align:left}article.slide>header:first-of-type{position:absolute;left:0;right:0;bottom:calc(.78vmin + 100% - 9.5vh);box-sizing:border-box;width:calc(100% - 3.76vmin);height:auto;margin:0 auto;padding:0 calc(18% - 1.88vmin + .88vw + 40px);text-align:center;overflow:visible;font-size:larger;z-index:10002}article.slide>footer:first-of-type,article.slide>aside:first-of-type{position:absolute;bottom:6.2vh;box-sizing:border-box;width:calc(18% - 1.88vmin - .88vw);height:auto;margin:0;max-height:calc(100% - 12.4vh);font-size:min(2.475vh,1em);padding:0;overflow:hidden}article.slide>footer:first-of-type{right:1.88vmin;z-index:10010;text-align:right}article.slide>aside:first-of-type{left:1.88vmin;z-index:10009;text-align:left}article.slide.wrap>footer:first-of-type{z-index:10004}article.slide.wrap>aside:first-of-type{z-index:10003}article.slide.wrap>:not(nav):not(header):not(footer):not(aside){z-index:10006}article.slide.wrap>nav:not(:first-of-type),article.slide.wrap>header:not(:first-of-type),article.slide.wrap>footer:not(:first-of-type),article.slide.wrap>aside:not(:first-of-type),article.slide.wrap>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside){z-index:10005}/*\*//**/article.slide>header:first-of-type *{text-align:center}article.slide>header:first-of-type *{margin:.78vmin 0 0 0}article.slide>header:first-of-type>:only-child{margin:.78vmin 0 .78vmin 0}article.slide>footer:first-of-type>:last-child,article.slide>aside:first-of-type>:last-child{margin-bottom:0}article.slide>nav:first-of-type a[href].vision,article.slide>nav:first-of-type a[href][rel~="first"],article.slide>nav:first-of-type a[href][rel~="index"],article.slide>nav:first-of-type a[href][rel~="last"],article.slide>nav:first-of-type a[href][rel~="prev"],article.slide>nav:first-of-type a[href][rel~="next"],article.slide>nav:first-of-type a[href][rel~="attachment"],article.slide>nav:first-of-type a[href][rel~="bookmark"],article.slide>nav:first-of-type a[href][rel~="author"],article.slide>nav:first-of-type a[href][rel~="discussion"],article.slide>nav:first-of-type a[href][rel~="parent"],article.slide.foyer>nav:first-of-type a[href][rel~="parent"],article.slide>nav:first-of-type a[href][rel~="child"][rel~="parent"]{display:block;position:fixed;top:0;right:0;cursor:default;background-color:transparent;font-style:italic;box-sizing:border-box;text-align:right;border:0;box-shadow:none;color:transparent;width:auto;height:auto;border-radius:0;margin:1.88vmin calc(.78vmin + 50px) 1.88vmin 1.88vmin;padding:0;visibility:hidden;transition:visibility 0s 1s,color 1s 0s linear}article.slide>nav:first-of-type a[href].vision:hover,article.slide>nav:first-of-type a[href][rel~="first"]:hover,article.slide>nav:first-of-type a[href][rel~="index"]:hover,article.slide>nav:first-of-type a[href][rel~="last"]:hover,article.slide>nav:first-of-type a[href][rel~="prev"]:hover,article.slide>nav:first-of-type a[href][rel~="next"]:hover,article.slide>nav:first-of-type a[href][rel~="attachment"]:hover,article.slide>nav:first-of-type a[href][rel~="bookmark"]:hover,article.slide>nav:first-of-type a[href][rel~="author"]:hover,article.slide>nav:first-of-type a[href][rel~="discussion"]:hover,article.slide>nav:first-of-type a[href][rel~="parent"]:hover,article.slide.foyer>nav:first-of-type a[href][rel~="parent"]:hover,article.slide>nav:first-of-type a[href][rel~="child"][rel~="parent"]:hover{right:0;visibility:inherit;color:#fff;transition:color 1s 0s linear;background-color:transparent}article.slide>nav:first-of-type a[href][rel~="parent"]:hover{transition:color 1s .5s linear}article.slide:not(.pinned)>nav:first-of-type a[href][rel~="parent"]{width:100%;height:100%;margin:0;padding:1.88vmin calc(.78vmin + 50px) 1.88vmin 1.88vmin;visibility:inherit;z-index:10008}article.slide>nav:first-of-type a[href],article.slide>nav:first-of-type a[href][rel].tab,article.slide>nav:first-of-type a[href][rel].no-rel,article.slide.foyer>nav:first-of-type a[href]{display:block;position:relative;width:142%;visibility:inherit;color:inherit;cursor:pointer;max-width:none;top:0;right:132%;margin:0;padding:.133em .4em .133em 40%;border-top:2px #fff solid;border-right:2px #fff solid;border-radius:0 8px 8px 0;box-shadow:0 0 20px #000;box-sizing:border-box;text-align:right;transition:right .5s ease;background-color:rgba(25,25,25,.9);font-size:1.1em;line-height:1.2em;font-weight:normal;overflow:hidden;font-style:normal;z-index:10014}article.slide>nav:first-of-type a[href]:hover,article.slide>nav:first-of-type a[href][rel].tab:hover,article.slide>nav:first-of-type a[href][rel].no-rel:hover,article.slide.foyer>nav:first-of-type a[href]:hover{right:40%;background-color:rgba(25,25,25,.9);color:inherit;transition:right .5s ease}article.slide>nav:first-of-type a[href].plate,article.slide>nav:first-of-type a[href][rel].plate,article.slide>nav:first-of-type a[href][rel~="child"]{position:relative;display:block;width:auto;height:auto;top:0;right:0;margin:3.8vh 0 3.8vh 2.37vw;max-width:calc(100% - 4.74vw);padding:.5em;visibility:inherit;font-style:normal;cursor:pointer;color:inherit;border-radius:8px;box-sizing:border-box;box-shadow:0 0 20px #000;text-align:center;background-color:rgba(25,25,25,.9);border:2px #fff solid;transition:background-color .5s linear,color .5s linear;z-index:10013}article.slide>nav:first-of-type a[href].plate:hover,article.slide>nav:first-of-type a[href][rel].plate:hover,article.slide>nav:first-of-type a[href][rel~="child"]:hover{background-color:#fff;color:#000;right:0;transition:background-color .5s linear,color .5s linear}article.slide>nav:first-of-type a[href]:not(:empty)::before{display:block;font-size:.70em;font-style:normal;margin:0}article.slide>nav:first-of-type a[href]:not([rel])::before{content:"See also"}article.slide>nav:first-of-type a[href][rel]::before{content:attr(rel);text-transform:capitalize}article.slide>nav:first-of-type a[href][rel~="tag"]::before{content:"Tagged content";text-transform:none}article.slide>nav:first-of-type a[href][rel~="discussion"]::before{content:"Comments";text-transform:none}article.slide>nav:first-of-type a[href][rel~="author"]::before{content:"Author";text-transform:none}article.slide>nav:first-of-type a[href][rel~="attachment"]::before{content:"Download";text-transform:none}article.slide>nav:first-of-type a[href][rel~="bookmark"]::before{content:"Share it!";text-transform:none}article.slide>nav:first-of-type a[href][rel~="index"]::before{content:"Index";text-transform:none}article.slide>nav:first-of-type a[href][rel~="first"]::before{content:"First slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~="last"]::before{content:"Last slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~="prev"]::before{content:"Previous slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~="next"]::before{content:"Next slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~="child"]::before{content:"More";text-transform:none}article.slide>nav:first-of-type a[href][rel~="parent"]::before{content:"Back to";text-transform:none}article.slide>nav:first-of-type a[href][rel~="parent"]:empty::before{content:"Exit";text-transform:none}article.slide>nav:first-of-type a[href][rel~="parent"]:not(.tab):not(.plate):not(.no-rel):empty::before{content:"Click to exit";text-transform:none}article.slide:not(.flr):not(.flc)>nav:first-of-type a[href].no-label::before,article.slide:not(.flr):not(.flc)>nav:first-of-type a[href].no-label:not(.tab):not(.plate):not(.no-rel):empty::before,article.slide:not(.verbose)>nav:first-of-type a[href]:not([rel~="parent"]):not(.with-label):not(:empty)::before,article.slide:not(.verbose)>nav:first-of-type a[href].tab:not(.with-label):not(:empty)::before,article.slide:not(.verbose)>nav:first-of-type a[href].plate:not(.with-label):not(:empty)::before,article.slide:not(.verbose)>nav:first-of-type a[href].no-rel:not(.with-label):not(:empty)::before,article.slide.pinned:not(.verbose)>nav:first-of-type a[href][rel~="parent"]:not(.plate):not(.tab):not(.no-rel):not(.with-label):empty::before{content:none}article.slide:not(.flc)>nav:first-of-type a[href][data-label]:not([data-label=""]):not(.no-label)::before,article.slide:not(.flc)>nav:first-of-type a[href][data-label]:not([data-label=""]):not(.plate):not(.tab):not(.no-rel):not(.no-label):empty::before{content:attr(data-label);text-transform:none}article.slide>nav:first-of-type a[href]::after{content:none;position:fixed;display:block;margin:auto;width:40px;height:40px;text-align:center;z-index:10014;transition:none;color:#fff;font-style:normal;cursor:pointer;line-height:40px;font-size:32px;transition:visibility 0s .5s}article.slide:target>nav:first-of-type a[href]::after{visibility:visible;transition:none}article.slide>nav:first-of-type a[href][rel~="discussion"]:not(.no-rel)::after{content:"\1F5E8";left:18%;bottom:9.5vh}article.slide>nav:first-of-type a[href][rel~="attachment"]:not(.no-rel)::after{content:"\1F4CE";left:calc(82% - 40px);bottom:9.5vh}article.slide>nav:first-of-type a[href][rel~="bookmark"]:not(.no-rel)::after{content:"\1F517";left:18%;top:9.5vh}article.slide>nav:first-of-type a[href][rel~="author"]:not(.no-rel)::after{content:"\2709\FE0F";left:calc(82% - 40px);top:9.5vh}article.slide>nav:first-of-type a[href][rel~="index"]:not(.no-rel)::after{content:"\2302";bottom:calc(9.03vh - 40px);left:calc(50% - 20px);font-size:40px}article.slide>nav:first-of-type a[href][rel~="last"]:not(.no-rel)::after{content:"\23ED";bottom:calc(9.03vh - 40px);left:calc(.78vmin + 50% + 20px);font-size:24px}article.slide>nav:first-of-type a[href][rel~="first"]:not(.no-rel)::after{content:"\23EE";bottom:calc(9.03vh - 40px);left:calc(50% - .78vmin - 60px);font-size:24px}article.slide>nav:first-of-type a[href][rel~="prev"]:not(.no-rel)::after{content:"\276E";left:18%;top:0;bottom:0;height:72px;line-height:72px;font-size:72px}article.slide>nav:first-of-type a[href][rel~="next"]:not(.no-rel)::after{content:"\276F";left:calc(82% - 40px);top:0;bottom:0;height:72px;line-height:72px;font-size:72px}article.slide>nav:first-of-type a[href][rel~="parent"]:not(.no-rel)::after{content:"\00D7";width:50px;height:40px;line-height:40px;font-size:32px;top:0;right:0;left:unset;bottom:unset;font-family:serif;z-index:10030;transition:top 1.5s ease}article.slide:not(:target)>nav:first-of-type a[href][rel~="parent"]:not(.no-rel)::after{top:-80px}/*\*//**/article.slide figure{text-align:center;margin:1em 2em}article.slide figure figcaption{margin:.6em 0;font-style:normal;font-size:1em}article.slide img,article.slide svg,article.slide audio,article.slide video,article.slide iframe{border:3px #fff solid;box-shadow:0 0 20px #000;box-sizing:border-box;max-height:75vh}article.slide p,article.slide h1,article.slide h2,article.slide h3,article.slide h4,article.slide h5,article.slide h6,article.slide ol,article.slide ul,article.slide dl,article.slide pre{font-family:inherit;color:inherit;margin:1em 0}article.slide h1{font-size:1.5em;font-weight:bold}article.slide h2{font-size:1.3em;font-weight:bold}article.slide h3{font-size:1.18em;font-weight:bold}article.slide h4{font-size:1.05em;font-weight:bold}article.slide h5{font-size:1em;font-weight:bold}article.slide h6{font-size:1em;font-style:italic}article.slide hr{border:0;color:inherit;height:auto;width:auto;margin:2em auto}article.slide hr::before{content:"\2747\2747\2747";display:block;text-align:center;letter-spacing:2em}article.slide ul,article.slide ol,article.slide menu{padding:0 0 0 2.5em}article.slide blockquote{position:relative;color:#d0d0d0;font-style:italic;padding:0 1.75em}article.slide blockquote em{font-style:normal}article.slide>blockquote{font-size:1.4em}article.slide>:not(nav):not(header):not(footer):not(aside) ~ blockquote{font-size:inherit}article.slide blockquote::before,article.slide blockquote::after{position:absolute;display:block;line-height:1em;font-size:2.2em;color:#ccc;width:.75em;height:1em}article.slide blockquote::before{content:"\201C";left:0;top:0;text-align:left}article.slide blockquote::after{content:"\201E";right:0;bottom:0;text-align:right}article.slide blockquote footer em{font-style:italic}article.slide dl{overflow:hidden;padding:0}article.slide dl>dt{box-sizing:border-box;margin:0;padding:0 .5em 0 2em;float:left;width:25%;clear:left}article.slide dl>dd{box-sizing:border-box;margin:0 0 0 25%;padding:0 2em 0 .5em;float:left;width:75%;clear:right}article.slide dl>dt+dd{margin:0}article.slide fieldset{color:inherit;border:1px #fff solid;border-radius:8px}article.slide fieldset>legend{font-size:1.5em;font-weight:bold;padding:.133em .5em;border:0}article.slide code,article.slide pre{font-family:Menlo,Consolas,"DejaVu Sans Mono",monospace;font-size:1.1em}article.slide pre{border-left:3px #bbb solid;padding:.5em .5em .5em 1.4em;line-height:1.5em}article.slide input,article.slide textarea,article.slide select,article.slide button,article.slide output{background-color:transparent;border:1px #fff solid;box-sizing:border-box;color:inherit;font-family:inherit;font-size:1.2em;border-radius:8px}article.slide mark{background-color:rgba(255,255,20,.7)}/*\*/article.slide :not(.z-auto).z-low{z-index:10005}article.slide :not(.z-auto).z-mid{z-index:10011}article.slide :not(.z-auto).z-high{z-index:10031}article.slide :not(.z-auto).z-none{z-index:unset}article.slide .clean{border:0;box-shadow:none}article.slide .roomy{max-height:100%;overflow:auto;padding:0 .5em 0 0}}/**/@media only screen and not (pointer:fine),only screen and not (hover:hover){article.slide>nav:first-of-type a[href],article.slide>nav:first-of-type a[href][rel].tab,article.slide>nav:first-of-type a[href][rel].no-rel,article.slide.foyer>nav:first-of-type a[href]{right:40%}}@media only screen and (max-height:500px){article.slide:not(.nonadaptive){font-size:.7em}article.slide:not(.nonadaptive).foyer>nav:first-of-type a[href]:not(.vision):not(:empty)::before,article.slide:not(.nonadaptive)>nav:first-of-type a[href]:not([rel~="parent"]):not([rel~="first"]):not([rel~="index"]):not([rel~="last"]):not([rel~="prev"]):not([rel~="next"]):not([rel~="attachment"]):not([rel~="bookmark"]):not([rel~="author"]):not([rel~="discussion"]):not(.vision):not(:empty)::before,article.slide:not(.nonadaptive)>nav:first-of-type a[href].tab:not(:empty)::before,article.slide:not(.nonadaptive)>nav:first-of-type a[href].no-rel:not(:empty)::before{content:none}}@media only screen and (max-width:768px){@keyframes slidein{from{transform:scale(0.001)}to{transform:none}}@keyframes slideout{from{transform:none}to{transform:scale(0.001)}}article.slide:not(.nonadaptive){padding:calc(22.8vmin + .47vh) 1.88vmin 1.88vmin 1.88vmin;overflow:auto;font-size:1em}article.slide:not(.nonadaptive)::before{padding:calc(12.88vmin + .235vh) 0 0 0;font-size:1.8vmin;line-height:2vmin;text-align:center}article.slide:not(.nonadaptive)::after{position:static;margin:auto 0 1.88vmin auto;max-width:100%}article.slide:not(.nonadaptive)>:not(nav):not(header):not(footer):not(aside){position:relative;top:0;left:0;max-width:100%;max-height:100vh;margin:1em auto;transform:none}article.slide:not(.nonadaptive):not(:target)>:not(nav):not(header):not(footer):not(aside){transform:scale(0.001)}article.slide:not(.nonadaptive)>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside){max-width:none;max-height:none}article.slide:not(.nonadaptive):not(:target)>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside){transform:none}article.slide:not(.nonadaptive)>header:first-of-type{bottom:calc(100% - 22.8vmin);padding:0 8.88vmin;font-size:1em}article.slide:not(.nonadaptive)>nav:first-of-type{display:block;position:static;width:auto;margin:1em auto;text-align:center}article.slide:not(.nonadaptive)>aside:first-of-type,article.slide:not(.nonadaptive)>footer:first-of-type{position:relative;bottom:0;left:0;width:auto;max-height:auto;margin:1em auto}article.slide:not(.nonadaptive)>nav:first-of-type a[href].vision,article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="index"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="last"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="prev"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="next"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="attachment"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="bookmark"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="author"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="discussion"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="parent"],article.slide:not(.nonadaptive).foyer>nav:first-of-type a[href][rel~="parent"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="child"][rel~="parent"]{display:block;position:fixed;top:0;right:unset;left:0;padding:0;margin:.5vmin 12.88vmin .5vmin 1vmin;text-align:left;font-size:.7em;border:0;border-radius:0}article.slide:not(.nonadaptive):not(.pinned)>nav:first-of-type a[href][rel~="parent"]{margin:0;padding:.5vmin 12.88vmin .5vmin 1vmin;width:100%}article.slide:not(.nonadaptive)>nav:first-of-type a[href],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel].tab,article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel].no-rel,article.slide:not(.nonadaptive).foyer>nav:first-of-type a[href]{display:inline-block;position:relative;top:0;right:unset;left:0;width:auto;margin:.133em;padding:.133em .4em .133em .4em;font-size:1em;max-width:auto;border:2px #fff solid;border-radius:8px;text-align:center}article.slide:not(.nonadaptive)>nav:first-of-type a[href]::before{content:none}article.slide:not(.nonadaptive)>nav:first-of-type a[href].plate,article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel].plate,article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="child"]{display:block;position:relative;width:auto;max-width:15em;margin:auto;padding:.5em;border:2px #fff solid;border-radius:8px;font-size:1em;text-align:center}article.slide:not(.nonadaptive)>nav:first-of-type a[href]::after{width:7vmin;height:7vmin;line-height:7vmin;font-size:5.6vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="discussion"]:not(.no-rel)::after{top:15.8vmin;bottom:unset;left:1.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="attachment"]:not(.no-rel)::after{top:15.8vmin;bottom:unset;left:calc(100% - 10.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="bookmark"]:not(.no-rel)::after{top:8.8vmin;bottom:unset;left:1.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="author"]:not(.no-rel)::after{top:8.8vmin;bottom:unset;left:calc(100% - 10.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="index"]:not(.no-rel)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(50% - 5.5vmin);font-size:11vmin;height:11vmin;width:11vmin;line-height:11vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="last"]:not(.no-rel)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(16.5vmin + 50% + 5.28vw);font-size:11vmin;height:11vmin;width:11vmin;line-height:11vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="first"]:not(.no-rel)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(50% - 27.5vmin - 5.28vw);font-size:11vmin;height:11vmin;width:11vmin;line-height:11vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="prev"]:not(.no-rel)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(50% - 16.5vmin - 2.64vw);width:11vmin;height:11vmin;line-height:11vmin;font-size:11vmin;text-align:center}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="next"]:not(.no-rel)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(5.5vmin + 50% + 2.64vw);text-align:center;width:11vmin;height:11vmin;line-height:11vmin;font-size:11vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="parent"]:not(.no-rel)::after{top:0;bottom:unset;left:unset;right:0;width:11vmin;height:8.8vmin;line-height:8.8vmin;font-size:7.04vmin}article.slide .roomy{max-height:none;overflow:visible;padding:0}}/*\*/@media only print{article.slide{position:relative;box-sizing:border-box;margin:0;padding:0;break-before:always;break-inside:avoid;break-after:always;/**/page-break-before:always;page-break-inside:avoid;page-break-after:always}article.slide:last-child{break-after:auto;page-break-after:auto}article.slide[data-context]{padding-top:.8em}article.slide::before,article.slide::after{display:block;position:absolute;top:0;left:0;width:100%;height:1.5em;padding:0;margin:0;border-bottom:1px #000 solid;font-size:.8em;font-style:italic}article.slide[data-context]::before{content:attr(data-context);text-align:center}article.slide::after{text-align:right}article.slide nav{display:none}article.slide header{margin-bottom:2em}article.slide footer{margin-top:2em}article.slide img,article.slide svg,article.slide audio,article.slide video,article.slide iframe{max-height:87vh}}/*\*/@media all{article.slide blockquote footer{display:block;margin:1em 0 1em 1.5em;font-style:normal}article.slide blockquote footer::before{content:"\2014";display:inline-block;margin-right:.5em}}/**/ diff --git a/docs/css/takefive-counters.min.css b/docs/css/takefive-counters.min.css index dabfca5..b2e8646 100644 --- a/docs/css/takefive-counters.min.css +++ b/docs/css/takefive-counters.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media all{section.slides>:first-child{counter-reset:slide}section.slides article.slide{counter-increment:slide}}@media only screen{article.slide.numbered:not(.no-hashtag)::after,article.slide.tracked:not(.no-hashtag)::after{content:"single slide // hashtag: #" attr(id);font-size:.9em}section.slides article.slide.tracked:not(.no-hashtag)::after{content:"slide " counters(slide,".") " // hashtag: #" attr(id);font-size:.9em}section.slides article.slide.numbered:not(.no-hashtag)::after{content:"slide " counter(slide) " // hashtag: #" attr(id);font-size:.9em}article.slide.numbered::after,article.slide.tracked::after{content:"single slide"}section.slides article.slide.tracked::after{content:"slide " counters(slide,".")}section.slides article.slide.numbered::after{content:"slide " counter(slide)}}@media only print{article.slide.numbered,article.slide.tracked{padding-top:.8em}article.slide.numbered::before,article.slide.tracked::before{border-bottom:0}article.slide.numbered::after,article.slide.tracked::after{content:"Single slide"}section.slides article.slide.tracked::after{content:"Slide " counters(slide,".")}section.slides article.slide.numbered::after{content:"Slide " counter(slide)}article.slide[data-context].numbered:not(.unseen):not(.alone)::before,section.slides.catalogue article.slide[data-context]:not(.unseen):not(.alone)::before{text-align:left}}/**/ diff --git a/docs/css/takefive-glyphs.min.css b/docs/css/takefive-glyphs.min.css index 464362f..ee78452 100644 --- a/docs/css/takefive-glyphs.min.css +++ b/docs/css/takefive-glyphs.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media only screen{article.slide>nav:first-of-type a[href][data-glyph]:not(.no-glyph)::after{content:attr(data-glyph)}/**/article.slide>nav:first-of-type a[href].small-glyph:not(.no-glyph)::after{font-size:24px}article.slide>nav:first-of-type a[href].medium-glyph:not(.no-glyph)::after{font-size:32px}article.slide>nav:first-of-type a[href].big-glyph:not(.no-glyph)::after{font-size:40px}article.slide>nav:first-of-type a[href].huge-glyph:not(.no-glyph)::after{line-height:72px;font-size:72px}article.slide>nav:first-of-type a[href][data-slot="lctrl-b1"]:not(.no-glyph)::after{top:unset;bottom:9.5vh;left:18%}article.slide>nav:first-of-type a[href][data-slot="lctrl-b2"]:not(.no-glyph)::after{top:unset;bottom:calc(9.5vh + 40px);left:18%}article.slide>nav:first-of-type a[href][data-slot="lctrl-b3"]:not(.no-glyph)::after{top:unset;bottom:calc(9.5vh + 80px);left:18%}article.slide>nav:first-of-type a[href][data-slot="rctrl-b1"]:not(.no-glyph)::after{top:unset;bottom:9.5vh;left:calc(82% - 40px)}article.slide>nav:first-of-type a[href][data-slot="rctrl-b2"]:not(.no-glyph)::after{top:unset;bottom:calc(9.5vh + 40px);left:calc(82% - 40px)}article.slide>nav:first-of-type a[href][data-slot="rctrl-b3"]:not(.no-glyph)::after{top:unset;bottom:calc(9.5vh + 80px);left:calc(82% - 40px)}article.slide>nav:first-of-type a[href][data-slot="lctrl-t1"]:not(.no-glyph)::after{top:9.5vh;bottom:unset;left:18%}article.slide>nav:first-of-type a[href][data-slot="lctrl-t2"]:not(.no-glyph)::after{top:calc(9.5vh + 40px);bottom:unset;left:18%}article.slide>nav:first-of-type a[href][data-slot="lctrl-t3"]:not(.no-glyph)::after{top:calc(9.5vh + 80px);bottom:unset;left:18%}article.slide>nav:first-of-type a[href][data-slot="rctrl-t1"]:not(.no-glyph)::after{top:9.5vh;bottom:unset;left:calc(82% - 40px)}article.slide>nav:first-of-type a[href][data-slot="rctrl-t2"]:not(.no-glyph)::after{top:calc(9.5vh + 40px);bottom:unset;left:calc(82% - 40px)}article.slide>nav:first-of-type a[href][data-slot="rctrl-t3"]:not(.no-glyph)::after{top:calc(9.5vh + 80px);bottom:unset;left:calc(82% - 40px)}article.slide>nav:first-of-type a[href][data-slot="bctrl-c1"]:not(.no-glyph)::after{top:unset;bottom:calc(9.03vh - 40px);left:calc(50% - .78vmin - 60px)}article.slide>nav:first-of-type a[href][data-slot="bctrl-c2"]:not(.no-glyph)::after{top:unset;bottom:calc(9.03vh - 40px);left:calc(50% - 20px)}article.slide>nav:first-of-type a[href][data-slot="bctrl-c3"]:not(.no-glyph)::after{top:unset;bottom:calc(9.03vh - 40px);left:calc(.78vmin + 50% + 20px)}article.slide>nav:first-of-type a[href][data-slot="lctrl-c1"]:not(.no-glyph)::after{top:0;bottom:0;left:18%}article.slide>nav:first-of-type a[href][data-slot="rctrl-c1"]:not(.no-glyph)::after{top:0;bottom:0;left:calc(82% - 40px)}article.slide>nav:first-of-type a[href][data-slot="ctrl-exit"]:not(.no-glyph)::after{top:0;bottom:unset;left:calc(100% - 40px)}}@media only screen and (max-width:768px){article.slide:not(.nonadaptive)>nav:first-of-type a[href].small-glyph:not(.no-glyph)::after{font-size:4.2vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href].medium-glyph:not(.no-glyph)::after{font-size:5.6vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href].big-glyph:not(.no-glyph)::after{font-size:7vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href].huge-glyph:not(.no-glyph)::after{line-height:12.6vmin;font-size:12.6vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="lctrl-b1"]:not(.no-glyph)::after{top:15.8vmin;bottom:unset;left:1.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="lctrl-b2"]:not(.no-glyph)::after{top:22.8vmin;bottom:unset;left:1.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="lctrl-b3"]:not(.no-glyph)::after{top:22.8vmin;bottom:unset;left:15.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="rctrl-b1"]:not(.no-glyph)::after{top:15.8vmin;bottom:unset;left:calc(100% - 10.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="rctrl-b2"]:not(.no-glyph)::after{top:22.8vmin;bottom:unset;left:calc(100% - 10.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="rctrl-b3"]:not(.no-glyph)::after{top:22.8vmin;bottom:unset;left:calc(100% - 24.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="lctrl-t1"]:not(.no-glyph)::after{top:8.8vmin;bottom:unset;left:1.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="lctrl-t2"]:not(.no-glyph)::after{top:15.8vmin;bottom:unset;left:8.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="lctrl-t3"]:not(.no-glyph)::after{top:22.8vmin;bottom:unset;left:8.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="rctrl-t1"]:not(.no-glyph)::after{top:8.8vmin;bottom:unset;left:calc(100% - 10.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="rctrl-t2"]:not(.no-glyph)::after{top:15.8vmin;bottom:unset;left:calc(100% - 17.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="rctrl-t3"]:not(.no-glyph)::after{top:22.8vmin;bottom:unset;left:calc(100% - 17.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="bctrl-c1"]:not(.no-glyph)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(50% - 27.5vmin - 5.28vw)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="bctrl-c2"]:not(.no-glyph)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(50% - 5.5vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="bctrl-c3"]:not(.no-glyph)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(16.5vmin + 50% + 5.28vw)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="lctrl-c1"]:not(.no-glyph)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(50% - 16.5vmin - 2.64vw)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="rctrl-c1"]:not(.no-glyph)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(5.5vmin + 50% + 2.64vw)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][data-slot="ctrl-exit"]:not(.no-glyph)::after{width:11vmin;height:8.8vmin;line-height:8.8vmin;font-size:7.04vmin}} diff --git a/docs/css/takefive-i18n-la.min.css b/docs/css/takefive-i18n-la.min.css index 4d88939..cdb8061 100644 --- a/docs/css/takefive-i18n-la.min.css +++ b/docs/css/takefive-i18n-la.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media only screen{/**/article.slide:lang(la)>nav:first-of-type a[href]:not([rel])::before{content:"Videre quoque"}article.slide:lang(la)>nav:first-of-type a[href][rel~="tag"]::before{content:"Argumentum relatum"}article.slide:lang(la)>nav:first-of-type a[href][rel~="discussion"]::before{content:"Commentarium"}article.slide:lang(la)>nav:first-of-type a[href][rel~="author"]::before{content:"Auctor"}article.slide:lang(la)>nav:first-of-type a[href][rel~="attachment"]::before{content:"Extrahere"}article.slide:lang(la)>nav:first-of-type a[href][rel~="bookmark"]::before{content:"Diffundere"}article.slide:lang(la)>nav:first-of-type a[href][rel~="index"]::before{content:"Index"}article.slide:lang(la)>nav:first-of-type a[href][rel~="first"]::before{content:"Primum quadrum"}article.slide:lang(la)>nav:first-of-type a[href][rel~="last"]::before{content:"Ultimum quadrum"}article.slide:lang(la)>nav:first-of-type a[href][rel~="prev"]::before{content:"Quadrum praecedens"}article.slide:lang(la)>nav:first-of-type a[href][rel~="next"]::before{content:"Quadrum sequens"}article.slide:lang(la)>nav:first-of-type a[href][rel~="child"]::before{content:"Excavare"}article.slide:lang(la)>nav:first-of-type a[href][rel~="parent"]::before{content:"Revertere ad"}article.slide:lang(la)>nav:first-of-type a[href][rel~="parent"]:empty::before{content:"Exire"}article.slide:lang(la)>nav:first-of-type a[href][rel~="parent"]:not(.tab):not(.plate):not(.no-rel):empty::before{content:"Premere ad exeundum"}article.slide:lang(la):not(.no-hashtag)::after{content:"cancellulus: #" attr(id)}} diff --git a/docs/css/takefive-maxsize.min.css b/docs/css/takefive-maxsize.min.css index 1a86051..bba2e6f 100644 --- a/docs/css/takefive-maxsize.min.css +++ b/docs/css/takefive-maxsize.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media only screen and not (max-width:768px){article.slide.maxsize>:not(nav):not(header):not(footer):not(aside){max-width:calc(100% - 3.76vmin - 1.76vw - 80px);max-height:90%}article.slide.maxsize>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside){/**/max-height:100%;max-width:100%}article.slide.maxsize img,article.slide.maxsize svg,article.slide.maxsize audio,article.slide.maxsize video,article.slide.maxsize iframe{max-height:89vh}article.slide.maxsize>nav:first-of-type a[href][rel~="discussion"]:not(.no-rel)::after{top:unset;bottom:9.5vh;left:1.88vmin}article.slide.maxsize>nav:first-of-type a[href][rel~="attachment"]:not(.no-rel)::after{top:unset;bottom:calc(100% - 9.5vh - 80px);left:1.88vmin}article.slide.maxsize>nav:first-of-type a[href][rel~="bookmark"]:not(.no-rel)::after{top:9.5vh;bottom:unset;left:1.88vmin}article.slide.maxsize>nav:first-of-type a[href][rel~="author"]:not(.no-rel)::after{top:9.5vh;bottom:unset;left:calc(100% - 1.88vmin - 40px)}article.slide.maxsize>nav:first-of-type a[href][rel~="index"]:not(.no-rel)::after{top:unset;bottom:9.5vh;left:calc(100% - 1.88vmin - 40px)}article.slide.maxsize>nav:first-of-type a[href][rel~="last"]:not(.no-rel)::after{top:unset;bottom:calc(9.5vh + 40px);left:calc(100% - 1.88vmin - 40px)}article.slide.maxsize>nav:first-of-type a[href][rel~="first"]:not(.no-rel)::after{top:unset;bottom:calc(9.5vh + 80px);left:calc(100% - 1.88vmin - 40px)}article.slide.maxsize>nav:first-of-type a[href][rel~="prev"]:not(.no-rel)::after{top:0;bottom:0;left:1.88vmin}article.slide.maxsize>nav:first-of-type a[href][rel~="next"]:not(.no-rel)::after{top:0;bottom:0;left:calc(100% - 1.88vmin - 40px)}} diff --git a/docs/css/takefive-polaroid.min.css b/docs/css/takefive-polaroid.min.css index 3660052..c3d27d0 100644 --- a/docs/css/takefive-polaroid.min.css +++ b/docs/css/takefive-polaroid.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media only screen{article.slide .polaroid{background-color:#fff;color:#000;border:3px #fff solid;box-shadow:0 0 20px #000;box-sizing:border-box;text-align:center}article.slide .polaroid *{border:0;box-shadow:none}}/**/ diff --git a/docs/css/takefive-slides.min.css b/docs/css/takefive-slides.min.css index 579b622..65bd89c 100644 --- a/docs/css/takefive-slides.min.css +++ b/docs/css/takefive-slides.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media all{section.slides{margin:0;padding:0}}@media only screen{section.slides{position:fixed;top:0;left:0;visibility:hidden;z-index:10000}section.slides>:not(article),section.slides>:not(.slide){display:none}section.slides section.slides{position:revert;top:revert;left:revert;visibility:revert;z-index:revert}}@media only print{section.slides{position:relative;box-sizing:border-box;margin:0;padding:0;break-before:always;break-after:always;/**/page-break-before:always;page-break-after:always}section.slides:last-child{break-after:auto;page-break-after:auto}section.slides>header{position:relative;top:40vh;left:0;font-size:1.5em;break-before:always;break-after:always;page-break-before:always;page-break-after:always}section.slides>header>*{text-align:center}} diff --git a/docs/css/takefive-toolbar.min.css b/docs/css/takefive-toolbar.min.css index 5d5a7c8..afa543d 100644 --- a/docs/css/takefive-toolbar.min.css +++ b/docs/css/takefive-toolbar.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*/@media only screen{article.slide .toolbar{position:absolute;width:0;height:0;margin:0;padding:0;top:0;left:0;z-index:auto;visibility:hidden}article.slide .toolbar>details{position:fixed;top:0;left:calc(.78vmin - 18% - 80px);height:calc(100% - 6.2vh);width:calc(18% - .78vmin);background-color:rgba(25,25,25,.9);border-radius:0 0 8px 0;padding:.133em .5em .133em .5em;border-bottom:2px #fff solid;border-right:2px #fff solid;box-shadow:0 0 20px #000;box-sizing:border-box;line-height:1.2em;font-size:1.1em;z-index:10014;overflow:hidden;visibility:hidden;transition:left .3s 0s ease,visibility 0s .3s}article.slide:target .toolbar>details[open]{left:0;visibility:visible;transition:left 2s 0s ease;z-index:10017}article.slide .toolbar>:not(details),article.slide .toolbar>details>summary:first-of-type{position:fixed;left:0;bottom:-80px;cursor:default;display:block;margin:1.88vmin;font-size:1.05em;max-width:29%;visibility:hidden;transition:bottom 1s ease,visibility 0s 1s;padding:0;box-sizing:border-box;background-color:transparent;color:inherit;border:0;outline:0}article.slide .toolbar>:not(details):not([data-glyph]),article.slide .toolbar>details>summary:not([data-glyph]){display:none}article.slide .toolbar>details>summary:first-of-type{z-index:-2;/**/list-style:none}article.slide .toolbar>:not(details){z-index:10014}article.slide:target .toolbar>details[open]::before,article.slide:target .toolbar>details[open]>summary:first-of-type::before{content:"";display:block;top:0;left:0;height:100%;width:100%;cursor:default}article.slide:target .toolbar>details[open]::before{position:absolute;z-index:-1}article.slide:target .toolbar>details[open]>summary:first-of-type::before{position:fixed;z-index:-3}article.slide:target .toolbar>:not(details):hover,article.slide:target .toolbar>details[open]>summary:first-of-type,article.slide:target .toolbar>details>summary:first-of-type:hover{bottom:0;visibility:visible;transition:bottom 1s ease}article.slide .toolbar>:not(details)[data-glyph]::after,article.slide .toolbar>details>summary:first-of-type::after{content:attr(data-glyph);display:block;position:fixed;left:calc(50% + 280px);bottom:calc(9.03vh - 40px);opacity:1;padding:0;width:40px;text-align:center;cursor:pointer;height:40px;line-height:40px;font-size:24px;transition:bottom .7s .1s ease,left .7s .1s ease}article.slide:target .toolbar>:not(details)::after,article.slide:target .toolbar>details>summary:first-of-type::after{visibility:visible}article.slide:target .toolbar>details[open]>summary:first-of-type::after{bottom:calc(100% - 40px);left:calc(18% - .78vmin);transition:bottom 1s 1s ease,left 1s 1s ease}article.slide .toolbar>.medium-glyph:not(details)::after,article.slide .toolbar>details>summary.medium-glyph:first-of-type::after{font-size:32px}article.slide .toolbar>.big-glyph:not(details)::after,article.slide .toolbar>details>summary.big-glyph:first-of-type::after{font-size:40px}article.slide .toolbar>:not(details)[data-slot="bctrl-l1"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-l1"]:first-of-type::after{left:calc(50% - 320px)}article.slide .toolbar>:not(details)[data-slot="bctrl-l2"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-l2"]:first-of-type::after{left:calc(50% - 280px)}article.slide .toolbar>:not(details)[data-slot="bctrl-l3"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-l3"]:first-of-type::after{left:calc(50% - 240px)}article.slide .toolbar>:not(details)[data-slot="bctrl-l4"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-l4"]:first-of-type::after{left:calc(50% - 200px)}article.slide .toolbar>:not(details)[data-slot="bctrl-l5"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-l5"]:first-of-type::after{left:calc(50% - 160px)}article.slide .toolbar>:not(details)[data-slot="bctrl-r2"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-r2"]:first-of-type::after{left:calc(50% + 240px)}article.slide .toolbar>:not(details)[data-slot="bctrl-r3"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-r3"]:first-of-type::after{left:calc(50% + 200px)}article.slide .toolbar>:not(details)[data-slot="bctrl-r4"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-r4"]:first-of-type::after{left:calc(50% + 160px)}article.slide .toolbar>:not(details)[data-slot="bctrl-r5"]::after,article.slide .toolbar>details>summary[data-slot="bctrl-r5"]:first-of-type::after{left:calc(50% + 120px)}article.slide .toolbar>details>summary:first-of-type::-webkit-details-marker{display:none}}@media only screen and (max-width:768px){article.slide:not(.nonadaptive) .toolbar>details{left:calc(-50% - 80px);height:calc(100% - 8.88vmin - 1.5em);width:50%}article.slide:not(.nonadaptive):target .toolbar>details[open]{left:0}article.slide:not(.nonadaptive) .toolbar>:not(details),article.slide:not(.nonadaptive) .toolbar>details>summary:first-of-type{max-width:none}article.slide:not(.nonadaptive):target .toolbar>:not(details):hover,article.slide:not(.nonadaptive):target .toolbar>details[open]>summary:first-of-type,article.slide:not(.nonadaptive):target .toolbar>details>summary:first-of-type:hover{bottom:6.2vh}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-glyph]::after,article.slide:not(.nonadaptive) .toolbar>details>summary:first-of-type::after{left:calc(100% - 10.76vmin);bottom:1.88vmin;width:7vmin;height:7vmin;line-height:7vmin;font-size:4.2vmin}article.slide:not(.nonadaptive):target .toolbar>details[open]>summary:first-of-type::after{left:50%}article.slide:not(.nonadaptive) .toolbar>.medium-glyph:not(details)::after,article.slide:not(.nonadaptive) .toolbar>details>summary.medium-glyph:first-of-type::after{font-size:5.6vmin}article.slide:not(.nonadaptive) .toolbar>.big-glyph:not(details)::after,article.slide:not(.nonadaptive) .toolbar>details>summary.big-glyph:first-of-type::after{font-size:7vmin}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-l1"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-l1"]:first-of-type::after{left:1.88vmin}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-l2"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-l2"]:first-of-type::after{left:8.88vmin}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-l3"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-l3"]:first-of-type::after{left:15.88vmin}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-l4"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-l4"]:first-of-type::after{left:22.88vmin}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-l5"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-l5"]:first-of-type::after{left:29.88vmin}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-r2"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-r2"]:first-of-type::after{left:calc(100% - 17.76vmin)}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-r3"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-r3"]:first-of-type::after{left:calc(100% - 24.76vmin)}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-r4"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-r4"]:first-of-type::after{left:calc(100% - 31.76vmin)}article.slide:not(.nonadaptive) .toolbar>:not(details)[data-slot="bctrl-r5"]::after,article.slide:not(.nonadaptive) .toolbar>details>summary[data-slot="bctrl-r5"]:first-of-type::after{left:calc(100% - 38.76vmin)}}@media only print{article.slide .toolbar{display:none}} diff --git a/docs/css/takefive.min.css b/docs/css/takefive.min.css index 8d4f46b..8e03208 100644 --- a/docs/css/takefive.min.css +++ b/docs/css/takefive.min.css @@ -1,2 +1,2 @@ -/* https://github.com/madmurphy/takefive.css (v3.1.1) */ +/* https://github.com/madmurphy/takefive.css (v3.1.2) */ /*\*//**/@import url("fonts/victoria-typewriter/victoria-typewriter.css");/*\*/@media only screen{/**/article.slide{position:fixed;top:0;left:0;visibility:hidden;box-sizing:border-box;width:100%;height:100%;background-color:rgba(0,0,0,.9);opacity:0;padding:9.5vh 1.88vmin 9.5vh calc(82% + .88vw);overflow:hidden;color:#fff;font-family:"Victoria Typewriter",courier,monospace;font-size:.8em;line-height:normal;z-index:10000;transition:visibility 0s .5s,opacity .5s linear}article.slide:target{visibility:visible;opacity:1;transition:opacity 1s linear}/*\*/article.slide::before{content:attr(data-context);display:block;position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;padding:1.88vmin 71% 1.88vmin 1.88vmin;font-size:.85em;overflow:hidden;z-index:10007}article.slide[data-context]::before{transition:color 1s 2.5s linear}article.slide[data-context]:not(:target)::before{color:transparent;transition:color .5s 0s linear}article.slide::after{display:block;position:absolute;bottom:0;right:0;margin:1.88vmin;box-sizing:border-box;font-size:.95em;transition:bottom 1.5s ease;text-align:right;max-width:50%;z-index:10001}article.slide:not(:target)::after{bottom:-80px}article.slide:not(.no-hashtag)::after{content:"hashtag: #" attr(id)}/**/article.slide a[href],article.slide a[href]:link,article.slide a[href]:hover,article.slide a[href]:active,article.slide a[href]:visited{color:inherit;text-decoration:none;font-weight:bold;background-color:transparent;border:0}article.slide a[href][rel~="tag"]::before{content:"\2605";font-size:inherit}article.slide a[href][data-label]:not(.no-label)::before{content:attr(data-label)}article.slide a[href]:not(.no-label)::before{margin-right:.3em}/*\*//**/@keyframes slidein{from{transform:translate(-50%,-50%) scale(0.001)}to{transform:translate(-50%,-50%)}}@keyframes slideout{from{transform:translate(-50%,-50%)}to{transform:translate(-50%,-50%) scale(0.001)}}article.slide>:not(nav):not(header):not(footer):not(aside){position:absolute;box-sizing:border-box;left:50%;top:50%;width:auto;height:auto;max-height:calc(100% - 19vh);max-width:calc(64% - 1.76vw - 80px);margin:auto -50% auto auto;transform:translate(-50%,-50%);animation:1s ease 0s 1 slidein;z-index:10012}article.slide:not(:target)>:not(nav):not(header):not(footer):not(aside){transform:translate(-50%,-50%) scale(0.001);animation:.5s ease 0s 1 slideout}article.slide>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside){width:auto;height:auto;animation:none;transform:none}article.slide:not(:target)>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside){animation:none;transform:none}article.slide>:not(nav):not(header):not(footer):not(aside):not(section):not(article){overflow:visible}article.slide>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside):not(section):not(article){overflow:revert}article.slide>article,article.slide>section{overflow:auto;padding:.5em}article.slide>:not(nav):not(header):not(footer):not(aside) ~ article,article.slide>:not(nav):not(header):not(footer):not(aside) ~ section{padding:0;overflow:visible;all:revert}/*\*/article.slide>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside),article.slide *{/**/max-height:100%;max-width:100%;box-sizing:border-box}/*\*//**/article.slide>nav:not(:first-of-type),article.slide>header:not(:first-of-type),article.slide>footer:not(:first-of-type),article.slide>aside:not(:first-of-type),article.slide>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside){position:relative;left:0;top:0;margin:0;z-index:10011}article.slide>nav:first-of-type{display:block;position:absolute;left:1.88vmin;top:13.3vh;box-sizing:border-box;width:calc(18% - 1.88vmin - .88vw);height:auto;margin:0;overflow:visible;padding:0;text-align:left}article.slide>header:first-of-type{position:absolute;left:0;right:0;bottom:calc(.78vmin + 100% - 9.5vh);box-sizing:border-box;width:calc(100% - 3.76vmin);height:auto;margin:0 auto;padding:0 calc(18% - 1.88vmin + .88vw + 40px);text-align:center;overflow:visible;font-size:larger;z-index:10002}article.slide>footer:first-of-type,article.slide>aside:first-of-type{position:absolute;bottom:6.2vh;box-sizing:border-box;width:calc(18% - 1.88vmin - .88vw);height:auto;margin:0;max-height:calc(100% - 12.4vh);font-size:min(2.475vh,1em);padding:0;overflow:hidden}article.slide>footer:first-of-type{right:1.88vmin;z-index:10010;text-align:right}article.slide>aside:first-of-type{left:1.88vmin;z-index:10009;text-align:left}article.slide.wrap>footer:first-of-type{z-index:10004}article.slide.wrap>aside:first-of-type{z-index:10003}article.slide.wrap>:not(nav):not(header):not(footer):not(aside){z-index:10006}article.slide.wrap>nav:not(:first-of-type),article.slide.wrap>header:not(:first-of-type),article.slide.wrap>footer:not(:first-of-type),article.slide.wrap>aside:not(:first-of-type),article.slide.wrap>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside){z-index:10005}/*\*//**/article.slide>header:first-of-type *{text-align:center}article.slide>header:first-of-type *{margin:.78vmin 0 0 0}article.slide>header:first-of-type>:only-child{margin:.78vmin 0 .78vmin 0}article.slide>footer:first-of-type>:last-child,article.slide>aside:first-of-type>:last-child{margin-bottom:0}article.slide>nav:first-of-type a[href].vision,article.slide>nav:first-of-type a[href][rel~="first"],article.slide>nav:first-of-type a[href][rel~="index"],article.slide>nav:first-of-type a[href][rel~="last"],article.slide>nav:first-of-type a[href][rel~="prev"],article.slide>nav:first-of-type a[href][rel~="next"],article.slide>nav:first-of-type a[href][rel~="attachment"],article.slide>nav:first-of-type a[href][rel~="bookmark"],article.slide>nav:first-of-type a[href][rel~="author"],article.slide>nav:first-of-type a[href][rel~="discussion"],article.slide>nav:first-of-type a[href][rel~="parent"],article.slide.foyer>nav:first-of-type a[href][rel~="parent"],article.slide>nav:first-of-type a[href][rel~="child"][rel~="parent"]{display:block;position:fixed;top:0;right:0;cursor:default;background-color:transparent;font-style:italic;box-sizing:border-box;text-align:right;border:0;box-shadow:none;color:transparent;width:auto;height:auto;border-radius:0;margin:1.88vmin calc(.78vmin + 50px) 1.88vmin 1.88vmin;padding:0;visibility:hidden;transition:visibility 0s 1s,color 1s 0s linear}article.slide>nav:first-of-type a[href].vision:hover,article.slide>nav:first-of-type a[href][rel~="first"]:hover,article.slide>nav:first-of-type a[href][rel~="index"]:hover,article.slide>nav:first-of-type a[href][rel~="last"]:hover,article.slide>nav:first-of-type a[href][rel~="prev"]:hover,article.slide>nav:first-of-type a[href][rel~="next"]:hover,article.slide>nav:first-of-type a[href][rel~="attachment"]:hover,article.slide>nav:first-of-type a[href][rel~="bookmark"]:hover,article.slide>nav:first-of-type a[href][rel~="author"]:hover,article.slide>nav:first-of-type a[href][rel~="discussion"]:hover,article.slide>nav:first-of-type a[href][rel~="parent"]:hover,article.slide.foyer>nav:first-of-type a[href][rel~="parent"]:hover,article.slide>nav:first-of-type a[href][rel~="child"][rel~="parent"]:hover{right:0;visibility:inherit;color:#fff;transition:color 1s 0s linear;background-color:transparent}article.slide>nav:first-of-type a[href][rel~="parent"]:hover{transition:color 1s .5s linear}article.slide:not(.pinned)>nav:first-of-type a[href][rel~="parent"]{width:100%;height:100%;margin:0;padding:1.88vmin calc(.78vmin + 50px) 1.88vmin 1.88vmin;visibility:inherit;z-index:10008}article.slide>nav:first-of-type a[href],article.slide>nav:first-of-type a[href][rel].tab,article.slide>nav:first-of-type a[href][rel].no-rel,article.slide.foyer>nav:first-of-type a[href]{display:block;position:relative;width:142%;visibility:inherit;color:inherit;cursor:pointer;max-width:none;top:0;right:132%;margin:0;padding:.133em .4em .133em 40%;border-top:2px #fff solid;border-right:2px #fff solid;border-radius:0 8px 8px 0;box-shadow:0 0 20px #000;box-sizing:border-box;text-align:right;transition:right .5s ease;background-color:rgba(25,25,25,.9);font-size:1.1em;line-height:1.2em;font-weight:normal;overflow:hidden;font-style:normal;z-index:10014}article.slide>nav:first-of-type a[href]:hover,article.slide>nav:first-of-type a[href][rel].tab:hover,article.slide>nav:first-of-type a[href][rel].no-rel:hover,article.slide.foyer>nav:first-of-type a[href]:hover{right:40%;background-color:rgba(25,25,25,.9);color:inherit;transition:right .5s ease}article.slide>nav:first-of-type a[href].plate,article.slide>nav:first-of-type a[href][rel].plate,article.slide>nav:first-of-type a[href][rel~="child"]{position:relative;display:block;width:auto;height:auto;top:0;right:0;margin:3.8vh 0 3.8vh 2.37vw;max-width:calc(100% - 4.74vw);padding:.5em;visibility:inherit;font-style:normal;cursor:pointer;color:inherit;border-radius:8px;box-sizing:border-box;box-shadow:0 0 20px #000;text-align:center;background-color:rgba(25,25,25,.9);border:2px #fff solid;transition:background-color .5s linear,color .5s linear;z-index:10013}article.slide>nav:first-of-type a[href].plate:hover,article.slide>nav:first-of-type a[href][rel].plate:hover,article.slide>nav:first-of-type a[href][rel~="child"]:hover{background-color:#fff;color:#000;right:0;transition:background-color .5s linear,color .5s linear}article.slide>nav:first-of-type a[href]:not(:empty)::before{display:block;font-size:.70em;font-style:normal;margin:0}article.slide>nav:first-of-type a[href]:not([rel])::before{content:"See also"}article.slide>nav:first-of-type a[href][rel]::before{content:attr(rel);text-transform:capitalize}article.slide>nav:first-of-type a[href][rel~="tag"]::before{content:"Tagged content";text-transform:none}article.slide>nav:first-of-type a[href][rel~="discussion"]::before{content:"Comments";text-transform:none}article.slide>nav:first-of-type a[href][rel~="author"]::before{content:"Author";text-transform:none}article.slide>nav:first-of-type a[href][rel~="attachment"]::before{content:"Download";text-transform:none}article.slide>nav:first-of-type a[href][rel~="bookmark"]::before{content:"Share it!";text-transform:none}article.slide>nav:first-of-type a[href][rel~="index"]::before{content:"Index";text-transform:none}article.slide>nav:first-of-type a[href][rel~="first"]::before{content:"First slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~="last"]::before{content:"Last slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~="prev"]::before{content:"Previous slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~="next"]::before{content:"Next slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~="child"]::before{content:"More";text-transform:none}article.slide>nav:first-of-type a[href][rel~="parent"]::before{content:"Back to";text-transform:none}article.slide>nav:first-of-type a[href][rel~="parent"]:empty::before{content:"Exit";text-transform:none}article.slide>nav:first-of-type a[href][rel~="parent"]:not(.tab):not(.plate):not(.no-rel):empty::before{content:"Click to exit";text-transform:none}article.slide:not(.flr):not(.flc)>nav:first-of-type a[href].no-label::before,article.slide:not(.flr):not(.flc)>nav:first-of-type a[href].no-label:not(.tab):not(.plate):not(.no-rel):empty::before,article.slide:not(.verbose)>nav:first-of-type a[href]:not([rel~="parent"]):not(.with-label):not(:empty)::before,article.slide:not(.verbose)>nav:first-of-type a[href].tab:not(.with-label):not(:empty)::before,article.slide:not(.verbose)>nav:first-of-type a[href].plate:not(.with-label):not(:empty)::before,article.slide:not(.verbose)>nav:first-of-type a[href].no-rel:not(.with-label):not(:empty)::before,article.slide.pinned:not(.verbose)>nav:first-of-type a[href][rel~="parent"]:not(.plate):not(.tab):not(.no-rel):not(.with-label):empty::before{content:none}article.slide:not(.flc)>nav:first-of-type a[href][data-label]:not([data-label=""]):not(.no-label)::before,article.slide:not(.flc)>nav:first-of-type a[href][data-label]:not([data-label=""]):not(.plate):not(.tab):not(.no-rel):not(.no-label):empty::before{content:attr(data-label);text-transform:none}article.slide>nav:first-of-type a[href]::after{content:none;position:fixed;display:block;margin:auto;width:40px;height:40px;text-align:center;z-index:10014;transition:none;color:#fff;font-style:normal;cursor:pointer;line-height:40px;font-size:32px;transition:visibility 0s .5s}article.slide:target>nav:first-of-type a[href]::after{visibility:visible;transition:none}article.slide>nav:first-of-type a[href][rel~="discussion"]:not(.no-rel)::after{content:"\1F5E8";left:18%;bottom:9.5vh}article.slide>nav:first-of-type a[href][rel~="attachment"]:not(.no-rel)::after{content:"\1F4CE";left:calc(82% - 40px);bottom:9.5vh}article.slide>nav:first-of-type a[href][rel~="bookmark"]:not(.no-rel)::after{content:"\1F517";left:18%;top:9.5vh}article.slide>nav:first-of-type a[href][rel~="author"]:not(.no-rel)::after{content:"\2709\FE0F";left:calc(82% - 40px);top:9.5vh}article.slide>nav:first-of-type a[href][rel~="index"]:not(.no-rel)::after{content:"\2302";bottom:calc(9.03vh - 40px);left:calc(50% - 20px);font-size:40px}article.slide>nav:first-of-type a[href][rel~="last"]:not(.no-rel)::after{content:"\23ED";bottom:calc(9.03vh - 40px);left:calc(.78vmin + 50% + 20px);font-size:24px}article.slide>nav:first-of-type a[href][rel~="first"]:not(.no-rel)::after{content:"\23EE";bottom:calc(9.03vh - 40px);left:calc(50% - .78vmin - 60px);font-size:24px}article.slide>nav:first-of-type a[href][rel~="prev"]:not(.no-rel)::after{content:"\276E";left:18%;top:0;bottom:0;height:72px;line-height:72px;font-size:72px}article.slide>nav:first-of-type a[href][rel~="next"]:not(.no-rel)::after{content:"\276F";left:calc(82% - 40px);top:0;bottom:0;height:72px;line-height:72px;font-size:72px}article.slide>nav:first-of-type a[href][rel~="parent"]:not(.no-rel)::after{content:"\00D7";width:50px;height:40px;line-height:40px;font-size:32px;top:0;right:0;left:unset;bottom:unset;font-family:serif;z-index:10030;transition:top 1.5s ease}article.slide:not(:target)>nav:first-of-type a[href][rel~="parent"]:not(.no-rel)::after{top:-80px}/*\*//**/article.slide figure{text-align:center;margin:1em 2em}article.slide figure figcaption{margin:.6em 0;font-style:normal;font-size:1em}article.slide img,article.slide svg,article.slide audio,article.slide video,article.slide iframe{border:3px #fff solid;box-shadow:0 0 20px #000;box-sizing:border-box;max-height:75vh}article.slide p,article.slide h1,article.slide h2,article.slide h3,article.slide h4,article.slide h5,article.slide h6,article.slide ol,article.slide ul,article.slide dl,article.slide pre{font-family:inherit;color:inherit;margin:1em 0}article.slide h1{font-size:1.5em;font-weight:bold}article.slide h2{font-size:1.3em;font-weight:bold}article.slide h3{font-size:1.18em;font-weight:bold}article.slide h4{font-size:1.05em;font-weight:bold}article.slide h5{font-size:1em;font-weight:bold}article.slide h6{font-size:1em;font-style:italic}article.slide hr{border:0;color:inherit;height:auto;width:auto;margin:2em auto}article.slide hr::before{content:"\2747\2747\2747";display:block;text-align:center;letter-spacing:2em}article.slide ul,article.slide ol,article.slide menu{padding:0 0 0 2.5em}article.slide blockquote{position:relative;color:#d0d0d0;font-style:italic;padding:0 1.75em}article.slide blockquote em{font-style:normal}article.slide>blockquote{font-size:1.4em}article.slide>:not(nav):not(header):not(footer):not(aside) ~ blockquote{font-size:inherit}article.slide blockquote::before,article.slide blockquote::after{position:absolute;display:block;line-height:1em;font-size:2.2em;color:#ccc;width:.75em;height:1em}article.slide blockquote::before{content:"\201C";left:0;top:0;text-align:left}article.slide blockquote::after{content:"\201E";right:0;bottom:0;text-align:right}article.slide blockquote footer em{font-style:italic}article.slide dl{overflow:hidden;padding:0}article.slide dl>dt{box-sizing:border-box;margin:0;padding:0 .5em 0 2em;float:left;width:25%;clear:left}article.slide dl>dd{box-sizing:border-box;margin:0 0 0 25%;padding:0 2em 0 .5em;float:left;width:75%;clear:right}article.slide dl>dt+dd{margin:0}article.slide fieldset{color:inherit;border:1px #fff solid;border-radius:8px}article.slide fieldset>legend{font-size:1.5em;font-weight:bold;padding:.133em .5em;border:0}article.slide code,article.slide pre{font-family:Menlo,Consolas,"DejaVu Sans Mono",monospace;font-size:1.1em}article.slide pre{border-left:3px #bbb solid;padding:.5em .5em .5em 1.4em;line-height:1.5em}article.slide input,article.slide textarea,article.slide select,article.slide button,article.slide output{background-color:transparent;border:1px #fff solid;box-sizing:border-box;color:inherit;font-family:inherit;font-size:1.2em;border-radius:8px}article.slide mark{background-color:rgba(255,255,20,.7)}/*\*/article.slide :not(.z-auto).z-low{z-index:10005}article.slide :not(.z-auto).z-mid{z-index:10011}article.slide :not(.z-auto).z-high{z-index:10031}article.slide :not(.z-auto).z-none{z-index:unset}article.slide .clean{border:0;box-shadow:none}article.slide .roomy{max-height:100%;overflow:auto;padding:0 .5em 0 0}}/**/@media only screen and not (pointer:fine),only screen and not (hover:hover){article.slide>nav:first-of-type a[href],article.slide>nav:first-of-type a[href][rel].tab,article.slide>nav:first-of-type a[href][rel].no-rel,article.slide.foyer>nav:first-of-type a[href]{right:40%}}@media only screen and (max-height:500px){article.slide:not(.nonadaptive){font-size:.7em}article.slide:not(.nonadaptive).foyer>nav:first-of-type a[href]:not(.vision):not(:empty)::before,article.slide:not(.nonadaptive)>nav:first-of-type a[href]:not([rel~="parent"]):not([rel~="first"]):not([rel~="index"]):not([rel~="last"]):not([rel~="prev"]):not([rel~="next"]):not([rel~="attachment"]):not([rel~="bookmark"]):not([rel~="author"]):not([rel~="discussion"]):not(.vision):not(:empty)::before,article.slide:not(.nonadaptive)>nav:first-of-type a[href].tab:not(:empty)::before,article.slide:not(.nonadaptive)>nav:first-of-type a[href].no-rel:not(:empty)::before{content:none}}@media only screen and (max-width:768px){@keyframes slidein{from{transform:scale(0.001)}to{transform:none}}@keyframes slideout{from{transform:none}to{transform:scale(0.001)}}article.slide:not(.nonadaptive){padding:calc(22.8vmin + .47vh) 1.88vmin 1.88vmin 1.88vmin;overflow:auto;font-size:1em}article.slide:not(.nonadaptive)::before{padding:calc(12.88vmin + .235vh) 0 0 0;font-size:1.8vmin;line-height:2vmin;text-align:center}article.slide:not(.nonadaptive)::after{position:static;margin:auto 0 1.88vmin auto;max-width:100%}article.slide:not(.nonadaptive)>:not(nav):not(header):not(footer):not(aside){position:relative;top:0;left:0;max-width:100%;max-height:100vh;margin:1em auto;transform:none}article.slide:not(.nonadaptive):not(:target)>:not(nav):not(header):not(footer):not(aside){transform:scale(0.001)}article.slide:not(.nonadaptive)>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside){max-width:none;max-height:none}article.slide:not(.nonadaptive):not(:target)>:not(nav):not(header):not(footer):not(aside) ~ :not(nav):not(header):not(footer):not(aside){transform:none}article.slide:not(.nonadaptive)>header:first-of-type{bottom:calc(100% - 22.8vmin);padding:0 8.88vmin;font-size:1em}article.slide:not(.nonadaptive)>nav:first-of-type{display:block;position:static;width:auto;margin:1em auto;text-align:center}article.slide:not(.nonadaptive)>aside:first-of-type,article.slide:not(.nonadaptive)>footer:first-of-type{position:relative;bottom:0;left:0;width:auto;max-height:auto;margin:1em auto}article.slide:not(.nonadaptive)>nav:first-of-type a[href].vision,article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="index"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="last"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="prev"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="next"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="attachment"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="bookmark"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="author"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="discussion"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="parent"],article.slide:not(.nonadaptive).foyer>nav:first-of-type a[href][rel~="parent"],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="child"][rel~="parent"]{display:block;position:fixed;top:0;right:unset;left:0;padding:0;margin:.5vmin 12.88vmin .5vmin 1vmin;text-align:left;font-size:.7em;border:0;border-radius:0}article.slide:not(.nonadaptive):not(.pinned)>nav:first-of-type a[href][rel~="parent"]{margin:0;padding:.5vmin 12.88vmin .5vmin 1vmin;width:100%}article.slide:not(.nonadaptive)>nav:first-of-type a[href],article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel].tab,article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel].no-rel,article.slide:not(.nonadaptive).foyer>nav:first-of-type a[href]{display:inline-block;position:relative;top:0;right:unset;left:0;width:auto;margin:.133em;padding:.133em .4em .133em .4em;font-size:1em;max-width:auto;border:2px #fff solid;border-radius:8px;text-align:center}article.slide:not(.nonadaptive)>nav:first-of-type a[href]::before{content:none}article.slide:not(.nonadaptive)>nav:first-of-type a[href].plate,article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel].plate,article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="child"]{display:block;position:relative;width:auto;max-width:15em;margin:auto;padding:.5em;border:2px #fff solid;border-radius:8px;font-size:1em;text-align:center}article.slide:not(.nonadaptive)>nav:first-of-type a[href]::after{width:7vmin;height:7vmin;line-height:7vmin;font-size:5.6vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="discussion"]:not(.no-rel)::after{top:15.8vmin;bottom:unset;left:1.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="attachment"]:not(.no-rel)::after{top:15.8vmin;bottom:unset;left:calc(100% - 10.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="bookmark"]:not(.no-rel)::after{top:8.8vmin;bottom:unset;left:1.88vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="author"]:not(.no-rel)::after{top:8.8vmin;bottom:unset;left:calc(100% - 10.76vmin)}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="index"]:not(.no-rel)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(50% - 5.5vmin);font-size:11vmin;height:11vmin;width:11vmin;line-height:11vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="last"]:not(.no-rel)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(16.5vmin + 50% + 5.28vw);font-size:11vmin;height:11vmin;width:11vmin;line-height:11vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="first"]:not(.no-rel)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(50% - 27.5vmin - 5.28vw);font-size:11vmin;height:11vmin;width:11vmin;line-height:11vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="prev"]:not(.no-rel)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(50% - 16.5vmin - 2.64vw);width:11vmin;height:11vmin;line-height:11vmin;font-size:11vmin;text-align:center}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="next"]:not(.no-rel)::after{top:calc(1.88vmin + .47vh);bottom:unset;left:calc(5.5vmin + 50% + 2.64vw);text-align:center;width:11vmin;height:11vmin;line-height:11vmin;font-size:11vmin}article.slide:not(.nonadaptive)>nav:first-of-type a[href][rel~="parent"]:not(.no-rel)::after{top:0;bottom:unset;left:unset;right:0;width:11vmin;height:8.8vmin;line-height:8.8vmin;font-size:7.04vmin}article.slide .roomy{max-height:none;overflow:visible;padding:0}}/*\*/@media only print{article.slide{position:relative;box-sizing:border-box;margin:0;padding:0;break-before:always;break-inside:avoid;break-after:always;/**/page-break-before:always;page-break-inside:avoid;page-break-after:always}article.slide:last-child{break-after:auto;page-break-after:auto}article.slide[data-context]{padding-top:.8em}article.slide::before,article.slide::after{display:block;position:absolute;top:0;left:0;width:100%;height:1.5em;padding:0;margin:0;border-bottom:1px #000 solid;font-size:.8em;font-style:italic}article.slide[data-context]::before{content:attr(data-context);text-align:center}article.slide::after{text-align:right}article.slide nav{display:none}article.slide header{margin-bottom:2em}article.slide footer{margin-top:2em}article.slide img,article.slide svg,article.slide audio,article.slide video,article.slide iframe{max-height:87vh}}/*\*/@media all{article.slide blockquote footer{display:block;margin:1em 0 1em 1.5em;font-style:normal}article.slide blockquote footer::before{content:"\2014";display:inline-block;margin-right:.5em}}/**/ diff --git a/docs/index.html b/docs/index.html index e11b4bb..ba4768f 100644 --- a/docs/index.html +++ b/docs/index.html @@ -286,7 +286,7 @@

Slide 6 of 10

Frozen source Join the discussion - Custom link + Custom link diff --git a/docs/man.html b/docs/man.html index ca2834d..e98ed3f 100644 --- a/docs/man.html +++ b/docs/man.html @@ -95,25 +95,25 @@

Example

</article>

will produce this result.

Philosophy

-

The philosophy of Take Five! is that of facilitating a general semantics for expressing a slide with HTML (independently of how this is rendered) rather than focusing on means to express a layout.

+

The philosophy of Take Five! is that of facilitating a general semantics for expressing a slide with HTML (independently of how this is rendered), rather than focusing on means to express a layout.

In the original meaning of the term a slide is a single page projected on a wall through a beamer or a lightbox. The term does not describe weather a slide is blue or red, or whether it contains a picture or text, but only that its content must fit in a single page and the lights in the room are usually switched off.

-

A slide projected on a wall can also be taken in the hands and read with the lights on in its physical form (not on a wall), so the most characterizing aspect of a slide is actually its conciseness and independence, not how it is displayed.

-

HTML5 introduced six semantic elements (<article>, <aside>, <footer>, <header>, <nav> and <section>). One of these suits well to describe a self-contained content: the <article> element.

+

A slide can also be taken in the hands and read in its physical form with the lights on, thus the most characterizing aspect of a slide is actually its conciseness and independence, not how it is displayed.

+

With its inception HTML5 introduced six semantic elements (<article>, <aside>, <footer>, <header>, <nav> and <section>), one of which is well suited to represent a self-contained section: the <article> element.

The <article> element represents a complete, or self-contained, composition in a document, page, application, or site. This could be a magazine, newspaper, technical or scholarly article, an essay or report, a blog or other social media post.
-

For non-semantic aspects, HTML possesses also a class attribute, which although cannot describe what things are, can still be used to describe how they look. For describing an <article> that is projected on a wall it is thus possible to write <article class="slide">.

-

Since a class attribute does not express semantics, such a slide remains primarily an <article> element; and <article class="slide"> translates as “<article> that looks like a slide”, but not as “<article> that represents a slide”.

+

For non-semantic aspects, HTML possesses also a class attribute, which although cannot describe what things are, can still be used to describe how they look. For describing an <article> that is projected on a wall it is then possible to write <article class="slide">.

+

Since a class attribute does not express semantics, such a slide remains primarily an <article> element, and <article class="slide"> translates as “<article> that looks like a slide” (but not as “<article> that represents a slide”).

Take Five! is a slide renderer written in CSS, which means that it can only decide how things look, not what they are. However, in deciding what to give a style to, Take Five! focuses on elements that have a meaning (semantic elements), instead of generic elements that simply claim a layout (as it would be, for instance <div class="i-want-a-layout"> ... </div>).

Concretely speaking this has two effects:

-

A densely populated slide (<article>), besides its main content, can possess a title, a footer and some other information aside, therefore when this happens Take Five! gives a style to the <header>, <footer> and <aside> elements nested in it. In an internet context a slide can also be linked to other slides, hence Take Five! gives a layout to the <nav> element as well. A <nav> element however does not make much sense in a printed page, so when the slide is “taken in the hands” (printed) the <nav> element is not displayed.

-

Elements are not the only things that can express semantics in HTML, a further place that conveys semantics is the rel attribute given to links. Therefore, when a slide is displayed on a screen and the <nav> element is shown, Take Five! relies on the rel attributes to decide how to style each link and what role it has in the viewport.

+

A densely populated slide (<article>), besides its main content, can possess a title, a footer and some other information aside; therefore when this happens Take Five! gives a style to the <header>, <footer> and <aside> elements nested within it. In an internet context a slide can also be linked to other slides, hence Take Five! gives a layout to the <nav> element as well. A <nav> element however does not make much sense in a printed page, so when the slide is “taken in the hands” (printed) the <nav> element is not displayed.

+

Elements are not the only things that can express semantics in HTML, a further place that conveys semantics is the rel attribute assigned to links. Therefore, when a slide is displayed on a screen and the <nav> element is shown, Take Five! relies on the rel attributes to decide how to style each link and what role it has in the viewport.

The viewport

Each slide (<article id="my-hash-tag" class="slide"> ... </article>)