diff --git a/ChangeLog.md b/ChangeLog.md index f19f987..141eecf 100644 --- a/ChangeLog.md +++ b/ChangeLog.md @@ -1,5 +1,11 @@ # Change Log +## [1.2.2] - 2017-02-16 + +Changes: + +* Unicode symbol for `a[rel="bookmark"]` set to `U+1F517` + ## [1.2.1] - 2017-02-14 Changes: diff --git a/docs/css/takefive_min.css b/docs/css/takefive_min.css index a686638..796ec2b 100644 --- a/docs/css/takefive_min.css +++ b/docs/css/takefive_min.css @@ -4,6 +4,6 @@ @source https://github.com/madmurphy/takefive.css/ @author Stefano Gioffré @copyright GNU Public License v3 - @version 1.2.1 + @version 1.2.2 **/ -@font-face{font-family:report;src:url(fonts/1942-report/webfont.eot) format("embedded-opentype"),url(fonts/1942-report/webfont.woff) format("woff"),url(fonts/1942-report/webfont.ttf) format("truetype"),url(fonts/1942-report/webfont.svg) format("svg")}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:67px 12px 50px 83%;overflow:hidden;color:#fff;font-family:report,courier,monospace;font-size:.75em;z-index:11109;transition:visibility 0s .5s,opacity .5s linear}article.slide:target{visibility:visible;opacity:1;transition:opacity 1s linear}article.slide:not(.no-hashtag)::after,article.slide[data-context]::before{display:block;position:absolute;bottom:-80px;margin:.95em;font-size:1.05em;transition:1s bottom;max-width:calc(50% - 87px)}article.slide:not(.no-hashtag):target::after,article.slide[data-context]:target::before{bottom:0}article.slide:not(.no-hashtag)::after{content:"hashtag: #" attr(id);right:0}article.slide[data-context]::before{content:attr(data-context);left:0}article.slide a[href],article.slide a[href]:active,article.slide a[href]:hover,article.slide a[href]:visited{color:inherit;text-decoration:none;font-weight:700;background:0 0;border:none}article.slide hr{width:40%;height:1px;margin:12px auto;border:none;background-color:#fff}article.slide>:not(nav):not(header):not(footer):not(aside){position:absolute;box-sizing:border-box;left:50%;top:50%;width:auto;height:auto;margin:auto -50% auto auto;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:0;max-width:0;overflow:visible;z-index:11115;font-size:1px;transition:.5s ease-in-out,.5s max-height ease,.3s font-size linear}article.slide:target>:not(nav):not(header):not(footer):not(aside){max-height:80%;max-width:50%;font-size:1em}article.slide>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside){box-sizing:initial;width:initial;height:initial;margin:initial;max-height:initial;max-width:initial;overflow:initial;font-size:inherit;transition:none;-moz-transform:none;-webkit-transform:none;-o-transform:none;transform:none}article.slide:target>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside){max-height:initial;max-width:initial}article.slide>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside),article.slide>aside:not(:first-of-type),article.slide>footer:not(:first-of-type),article.slide>header:not(:first-of-type),article.slide>nav:not(:first-of-type){left:0;top:0;position:relative;z-index:11114}article.slide>nav:first-of-type{display:block!important;position:absolute;left:0;top:90px;box-sizing:border-box;width:17%;height:auto;margin:0;overflow:visible;padding:0 12px;text-align:left}article.slide>header:first-of-type{position:absolute;left:0;right:0;top:0;box-sizing:border-box;width:auto;height:50px;margin:0 50px;padding:0;text-align:center;overflow:visible;font-size:larger;z-index:11110}article.slide>aside:first-of-type,article.slide>footer:first-of-type{position:absolute;bottom:50px;width:17%;height:auto;margin:0;text-align:left;overflow:hidden;box-sizing:border-box}article.slide>footer:first-of-type{padding:0;z-index:11113}article.slide>aside:first-of-type{left:0;padding:0 0 0 12px;z-index:11112}article.slide>nav:first-of-type a[href]{display:block;box-sizing:border-box;font-weight:400}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]){position:relative;top:0;left:0;overflow:visible;line-height:1.2em;font-size:1.1em;border:2px dashed #fff;margin:16px 0 0 50px;padding:2px 6px;border-radius:8px;box-sizing:border-box;z-index:11116;background-color:transparent;transition:background-color .5s linear;text-align:center}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]):first-child,article.slide>nav:first-of-type a[href][rel~=parent]:first-child+a[href][rel~=child]:not([rel~=parent]){margin-top:0}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent])+a[href]:not([rel~=parent]):not([rel~=child]),article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent])+a[href][rel~=parent]+a[href]:not([rel~=parent]):not([rel~=child]){margin-top:14px}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]):hover{background-color:rgba(184,205,226,.09)}article.slide>nav:first-of-type a[href][rel~=parent]{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:16px 56px 16px 16px;color:transparent;cursor:default;font-style:italic;line-height:1.2em;box-sizing:border-box;text-align:right;z-index:11111;transition:1s color}article.slide>nav:first-of-type a[href][rel~=parent].no-nav{padding-right:16px}article.slide>nav:first-of-type a[href][rel~=parent]:hover{color:inherit}article.slide>:not(nav):not(header):not(footer):not(aside) a[href][rel~=parent]:empty::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:11118}article.slide>:not(nav):not(header):not(footer):not(aside) a[href][rel~=parent]:empty~a[href][rel~=parent]:empty::before,article.slide>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside) a[href][rel~=parent]:empty::before{content:initial;display:initial;position:initial;top:initial;left:initial;margin:initial;padding:initial;width:initial;height:initial;z-index:initial}article.slide>nav:first-of-type a[href]:not([rel~=parent]):not([rel~=child]):empty,article.slide>nav:first-of-type a[href][rel~=child].no-label:not([rel~=parent]):empty{position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;border:none;text-align:initial;overflow:initial;line-height:initial;font-size:initial;border-radius:0;background-color:transparent;transition:unset;z-index:11116}article.slide>nav:first-of-type a[href]:not([rel~=parent]):not([rel~=child]):not(:empty){position:relative;width:calc(100% + 12px);top:0;left:-100%;margin:0;padding:2px 6px;border-top:2px #fff solid;border-right:2px #fff solid;border-radius:0 8px 8px 0;box-shadow:8px 8px 8px rgba(0,0,0,.9);box-sizing:border-box;text-align:right;overflow:hidden;transition:.5s left;z-index:11116;line-height:1.2em;font-size:1.1em}article.slide>nav:first-of-type a[href]:not([rel~=parent]):not([rel~=child]):not(:empty):hover{left:-12px}article.slide>nav:first-of-type a[href][data-label]:not(.no-label):not(:empty)::before,article.slide>nav:first-of-type a[href][rel]:not(.no-label):not(:empty)::before{display:block;font-size:smaller;font-style:normal;margin:0}article.slide>nav:first-of-type a[href][data-label]:not([rel~=child]):not(.no-label):not(:empty)::before,article.slide>nav:first-of-type a[href][rel]:not([rel~=child]):not(.no-label):not(:empty)::before{text-align:right}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]):not(.no-label):not(:empty)::before{text-align:center}article.slide>nav:first-of-type a[href][rel]:not([data-label]):not(.no-label):not(:empty)::before{content:attr(rel);text-transform:capitalize}article.slide a[href][rel~=tag]:not([data-label]):not(.no-label):not(:empty)::before{content:"\2605"}article.slide>nav:first-of-type a[href][rel~=tag]:not([data-label]):not(.no-label):not(:empty)::before{content:"Tagged content";text-transform:none}article.slide>nav:first-of-type a[href][rel~=author]:not([data-label]):not(.no-label):not(:empty)::before{content:"Author";text-transform:none}article.slide>nav:first-of-type a[href][rel~=bookmark]:not([data-label]):not(.no-label):not(:empty)::before{content:"Share it!";text-transform:none}article.slide>nav:first-of-type a[href][rel~=first]:not([data-label]):not(.no-label):not(:empty)::before{content:"First slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=last]:not([data-label]):not(.no-label):not(:empty)::before{content:"Last slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=index]:not([data-label]):not(.no-label):not(:empty)::before{content:"Index";text-transform:none}article.slide>nav:first-of-type a[href][rel~=prev]:not([data-label]):not(.no-label):not(:empty)::before{content:"Previous slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=next]:not([data-label]):not(.no-label):not(:empty)::before{content:"Next slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=child]:not([data-label]):not(.no-label)::before{content:"More"!important;text-transform:none}article.slide>nav:first-of-type a[href][rel~=parent]:not([data-label]):not(.no-label):not(:empty)::before{content:"Back to:";text-transform:none}article.slide>nav:first-of-type a[href][rel~=parent]:not([data-label]):not(.no-label):empty::before{content:"Click to exit";text-transform:none}article.slide a[href][rel~=tag][data-label]:not(.no-label):not(:empty)::before,article.slide>nav:first-of-type a[href][data-label]:not(.no-label):not(:empty)::before{content:attr(data-label)!important}article.slide a[href][rel~=tag]:not(.no-label):not(:empty)::before{margin-right:.3em}article.slide>nav:first-of-type a[href][rel~=author]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=bookmark]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=first]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=last]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=index]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=prev]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=next]:not([rel~=parent]):not(.no-nav)::after{position:fixed;display:block;margin:auto;width:48px;height:48px;line-height:48px;text-align:center;z-index:11116}article.slide>nav:first-of-type a[href][rel~=author]:not([rel~=parent]):not(.no-nav)::after{content:"@";left:calc(80% - 48px);top:initial;bottom:10%;font-size:48px}article.slide>nav:first-of-type a[href][rel~=bookmark]:not([rel~=parent]):not(.no-nav)::after{content:"#";left:calc(80% - 48px);top:10%;bottom:initial;font-size:48px}article.slide>nav:first-of-type a[href][rel~=first]:not([rel~=parent]):not(.no-nav)::after{content:"\21E4";top:initial;bottom:2%;left:calc(50% - 75px);font-size:40px}article.slide>nav:first-of-type a[href][rel~=last]:not([rel~=parent]):not(.no-nav)::after{content:"\21E5";top:initial;bottom:2%;left:calc(50% + 27px);font-size:40px}article.slide>nav:first-of-type a[href][rel~=index]:not([rel~=parent]):not(.no-nav)::after{content:"\2302";top:initial;bottom:2%;left:calc(50% - 24px);font-size:40px}article.slide>nav:first-of-type a[href][rel~=prev]:not([rel~=parent]):not(.no-nav)::after{content:"\276E";left:20%;top:0;bottom:0;font-size:48px}article.slide>nav:first-of-type a[href][rel~=next]:not([rel~=parent]):not(.no-nav)::after{content:"\276F";left:calc(80% - 48px);top:0;bottom:0;font-size:48px}article.slide>nav:first-of-type a[href][rel~=parent]:not(.no-nav)::after{content:"\00D7";position:fixed;display:block;width:50px;height:50px;line-height:44px;font-size:28px;font-style:normal;text-align:center;color:#fff;top:-80px;bottom:initial;font-family:serif;left:calc(100% - 50px);cursor:pointer;z-index:11117;transition:1s top}article.slide:target>nav:first-of-type a[href][rel~=parent]:not(.no-nav)::after{top:0}article.slide figure{text-align:center}article.slide audio,article.slide iframe,article.slide img,article.slide video{border:3px solid #fff;box-shadow:8px 8px 8px rgba(0,0,0,.9);box-sizing:border-box;max-height:0;max-width:0;transition:.5s max-width ease,.5s max-height,ease}article.slide:target audio,article.slide:target iframe,article.slide:target img,article.slide:target video{max-width:100%;max-height:12cm}article.slide article,article.slide section{overflow:auto!important}article.slide>article,article.slide>section{padding:6px}article.slide>:not(nav):not(header):not(footer):not(aside)~article,article.slide>:not(nav):not(header):not(footer):not(aside)~section{padding:initial}article.slide>* h1,article.slide>* h2,article.slide>* h3,article.slide>* h4,article.slide>* h5,article.slide>* h6,article.slide>* ol,article.slide>* p,article.slide>* ul,article.slide>:not(nav):not(header):not(footer):not(aside)~h1,article.slide>:not(nav):not(header):not(footer):not(aside)~h2,article.slide>:not(nav):not(header):not(footer):not(aside)~h3,article.slide>:not(nav):not(header):not(footer):not(aside)~h4,article.slide>:not(nav):not(header):not(footer):not(aside)~h5,article.slide>:not(nav):not(header):not(footer):not(aside)~h6,article.slide>:not(nav):not(header):not(footer):not(aside)~ol,article.slide>:not(nav):not(header):not(footer):not(aside)~p,article.slide>:not(nav):not(header):not(footer):not(aside)~ul{margin:.5em 0!important}article.slide article,article.slide h1,article.slide h2,article.slide h3,article.slide h4,article.slide h5,article.slide h6,article.slide p,article.slide section{font-family:inherit;color:inherit}article.slide h1{font-size:1.2em!important;font-weight:700}article.slide h2{font-size:1.1em!important;font-weight:700}article.slide h3{font-size:1.05em!important;font-weight:700}article.slide p{text-align:justify}article.slide blockquote{color:#afafaf;font-style:italic;padding:0 1.75em!important}article.slide:target>blockquote{font-size:1.2em!important}article.slide:target>:not(nav):not(header):not(footer):not(aside)~blockquote{font-size:inherit!important}article.slide>* blockquote,article.slide>:not(nav):not(header):not(footer):not(aside)~blockquote{margin:1em .25em!important;position:relative;left:0;top:0}article.slide blockquote::after,article.slide blockquote::before{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 cite{display:block;margin:12px 24px;font-style:normal}article.slide blockquote cite::before{content:"\2014";display:inline-block;width:1em}article.slide fieldset>legend{font-size:larger;font-weight:700;padding:3px 6px}article.slide button,article.slide fieldset>legend,article.slide input,article.slide select,article.slide textarea{background-color:transparent;border:1px solid #fff;color:#fff}article.slide code{font-family:monospace;font-size:1.2em} +@font-face{font-family:report;src:url(fonts/1942-report/webfont.eot) format("embedded-opentype"),url(fonts/1942-report/webfont.woff) format("woff"),url(fonts/1942-report/webfont.ttf) format("truetype"),url(fonts/1942-report/webfont.svg) format("svg")}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:67px 12px 50px 83%;overflow:hidden;color:#fff;font-family:report,courier,monospace;font-size:.75em;z-index:11109;transition:visibility 0s .5s,opacity .5s linear}article.slide:target{visibility:visible;opacity:1;transition:opacity 1s linear}article.slide:not(.no-hashtag)::after,article.slide[data-context]::before{display:block;position:absolute;bottom:-80px;margin:.95em;font-size:1.05em;transition:1s bottom;max-width:calc(50% - 87px)}article.slide:not(.no-hashtag):target::after,article.slide[data-context]:target::before{bottom:0}article.slide:not(.no-hashtag)::after{content:"hashtag: #" attr(id);right:0}article.slide[data-context]::before{content:attr(data-context);left:0}article.slide a[href],article.slide a[href]:active,article.slide a[href]:hover,article.slide a[href]:visited{color:inherit;text-decoration:none;font-weight:700;background:0 0;border:none}article.slide hr{width:40%;height:1px;margin:12px auto;border:none;background-color:#fff}article.slide>:not(nav):not(header):not(footer):not(aside){position:absolute;box-sizing:border-box;left:50%;top:50%;width:auto;height:auto;margin:auto -50% auto auto;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:0;max-width:0;overflow:visible;z-index:11115;font-size:1px;transition:.5s ease-in-out,.5s max-height ease,.3s font-size linear}article.slide:target>:not(nav):not(header):not(footer):not(aside){max-height:80%;max-width:50%;font-size:1em}article.slide>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside){box-sizing:initial;width:initial;height:initial;margin:initial;max-height:initial;max-width:initial;overflow:initial;font-size:inherit;transition:none;-moz-transform:none;-webkit-transform:none;-o-transform:none;transform:none}article.slide:target>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside){max-height:initial;max-width:initial}article.slide>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside),article.slide>aside:not(:first-of-type),article.slide>footer:not(:first-of-type),article.slide>header:not(:first-of-type),article.slide>nav:not(:first-of-type){left:0;top:0;position:relative;z-index:11114}article.slide>nav:first-of-type{display:block!important;position:absolute;left:0;top:90px;box-sizing:border-box;width:17%;height:auto;margin:0;overflow:visible;padding:0 12px;text-align:left}article.slide>header:first-of-type{position:absolute;left:0;right:0;top:0;box-sizing:border-box;width:auto;height:50px;margin:0 50px;padding:0;text-align:center;overflow:visible;font-size:larger;z-index:11110}article.slide>aside:first-of-type,article.slide>footer:first-of-type{position:absolute;bottom:50px;width:17%;height:auto;margin:0;text-align:left;overflow:hidden;box-sizing:border-box}article.slide>footer:first-of-type{padding:0;z-index:11113}article.slide>aside:first-of-type{left:0;padding:0 0 0 12px;z-index:11112}article.slide>nav:first-of-type a[href]{display:block;box-sizing:border-box;font-weight:400}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]){position:relative;top:0;left:0;overflow:visible;line-height:1.2em;font-size:1.1em;border:2px dashed #fff;margin:16px 0 0 50px;padding:2px 6px;border-radius:8px;box-sizing:border-box;z-index:11116;background-color:transparent;transition:background-color .5s linear;text-align:center}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]):first-child,article.slide>nav:first-of-type a[href][rel~=parent]:first-child+a[href][rel~=child]:not([rel~=parent]){margin-top:0}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent])+a[href]:not([rel~=parent]):not([rel~=child]),article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent])+a[href][rel~=parent]+a[href]:not([rel~=parent]):not([rel~=child]){margin-top:14px}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]):hover{background-color:rgba(184,205,226,.09)}article.slide>nav:first-of-type a[href][rel~=parent]{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:16px 56px 16px 16px;color:transparent;cursor:default;font-style:italic;line-height:1.2em;box-sizing:border-box;text-align:right;z-index:11111;transition:1s color}article.slide>nav:first-of-type a[href][rel~=parent].no-nav{padding-right:16px}article.slide>nav:first-of-type a[href][rel~=parent]:hover{color:inherit}article.slide>:not(nav):not(header):not(footer):not(aside) a[href][rel~=parent]:empty::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:11118}article.slide>:not(nav):not(header):not(footer):not(aside) a[href][rel~=parent]:empty~a[href][rel~=parent]:empty::before,article.slide>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside) a[href][rel~=parent]:empty::before{content:initial;display:initial;position:initial;top:initial;left:initial;margin:initial;padding:initial;width:initial;height:initial;z-index:initial}article.slide>nav:first-of-type a[href]:not([rel~=parent]):not([rel~=child]):empty,article.slide>nav:first-of-type a[href][rel~=child].no-label:not([rel~=parent]):empty{position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;border:none;text-align:initial;overflow:initial;line-height:initial;font-size:initial;border-radius:0;background-color:transparent;transition:unset;z-index:11116}article.slide>nav:first-of-type a[href]:not([rel~=parent]):not([rel~=child]):not(:empty){position:relative;width:calc(100% + 12px);top:0;left:-100%;margin:0;padding:2px 6px;border-top:2px #fff solid;border-right:2px #fff solid;border-radius:0 8px 8px 0;box-shadow:8px 8px 8px rgba(0,0,0,.9);box-sizing:border-box;text-align:right;overflow:hidden;transition:.5s left;z-index:11116;line-height:1.2em;font-size:1.1em}article.slide>nav:first-of-type a[href]:not([rel~=parent]):not([rel~=child]):not(:empty):hover{left:-12px}article.slide>nav:first-of-type a[href][data-label]:not(.no-label):not(:empty)::before,article.slide>nav:first-of-type a[href][rel]:not(.no-label):not(:empty)::before{display:block;font-size:smaller;font-style:normal;margin:0}article.slide>nav:first-of-type a[href][data-label]:not([rel~=child]):not(.no-label):not(:empty)::before,article.slide>nav:first-of-type a[href][rel]:not([rel~=child]):not(.no-label):not(:empty)::before{text-align:right}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]):not(.no-label):not(:empty)::before{text-align:center}article.slide>nav:first-of-type a[href][rel]:not([data-label]):not(.no-label):not(:empty)::before{content:attr(rel);text-transform:capitalize}article.slide a[href][rel~=tag]:not([data-label]):not(.no-label):not(:empty)::before{content:"\2605"}article.slide>nav:first-of-type a[href][rel~=tag]:not([data-label]):not(.no-label):not(:empty)::before{content:"Tagged content";text-transform:none}article.slide>nav:first-of-type a[href][rel~=author]:not([data-label]):not(.no-label):not(:empty)::before{content:"Author";text-transform:none}article.slide>nav:first-of-type a[href][rel~=bookmark]:not([data-label]):not(.no-label):not(:empty)::before{content:"Share it!";text-transform:none}article.slide>nav:first-of-type a[href][rel~=first]:not([data-label]):not(.no-label):not(:empty)::before{content:"First slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=last]:not([data-label]):not(.no-label):not(:empty)::before{content:"Last slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=index]:not([data-label]):not(.no-label):not(:empty)::before{content:"Index";text-transform:none}article.slide>nav:first-of-type a[href][rel~=prev]:not([data-label]):not(.no-label):not(:empty)::before{content:"Previous slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=next]:not([data-label]):not(.no-label):not(:empty)::before{content:"Next slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=child]:not([data-label]):not(.no-label)::before{content:"More"!important;text-transform:none}article.slide>nav:first-of-type a[href][rel~=parent]:not([data-label]):not(.no-label):not(:empty)::before{content:"Back to:";text-transform:none}article.slide>nav:first-of-type a[href][rel~=parent]:not([data-label]):not(.no-label):empty::before{content:"Click to exit";text-transform:none}article.slide a[href][rel~=tag][data-label]:not(.no-label):not(:empty)::before,article.slide>nav:first-of-type a[href][data-label]:not(.no-label):not(:empty)::before{content:attr(data-label)!important}article.slide a[href][rel~=tag]:not(.no-label):not(:empty)::before{margin-right:.3em}article.slide>nav:first-of-type a[href][rel~=author]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=bookmark]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=first]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=last]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=index]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=prev]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=next]:not([rel~=parent]):not(.no-nav)::after{position:fixed;display:block;margin:auto;width:48px;height:48px;line-height:48px;text-align:center;z-index:11116}article.slide>nav:first-of-type a[href][rel~=author]:not([rel~=parent]):not(.no-nav)::after{content:"@";left:calc(80% - 48px);top:initial;bottom:10%;font-size:40px}article.slide>nav:first-of-type a[href][rel~=bookmark]:not([rel~=parent]):not(.no-nav)::after{content:"\1F517";left:calc(80% - 48px);top:10%;bottom:initial;font-size:40px}article.slide>nav:first-of-type a[href][rel~=first]:not([rel~=parent]):not(.no-nav)::after{content:"\21E4";top:initial;bottom:2%;left:calc(50% - 75px);font-size:40px}article.slide>nav:first-of-type a[href][rel~=last]:not([rel~=parent]):not(.no-nav)::after{content:"\21E5";top:initial;bottom:2%;left:calc(50% + 27px);font-size:40px}article.slide>nav:first-of-type a[href][rel~=index]:not([rel~=parent]):not(.no-nav)::after{content:"\2302";top:initial;bottom:2%;left:calc(50% - 24px);font-size:40px}article.slide>nav:first-of-type a[href][rel~=prev]:not([rel~=parent]):not(.no-nav)::after{content:"\276E";left:20%;top:0;bottom:0;font-size:48px}article.slide>nav:first-of-type a[href][rel~=next]:not([rel~=parent]):not(.no-nav)::after{content:"\276F";left:calc(80% - 48px);top:0;bottom:0;font-size:48px}article.slide>nav:first-of-type a[href][rel~=parent]:not(.no-nav)::after{content:"\00D7";position:fixed;display:block;width:50px;height:50px;line-height:44px;font-size:28px;font-style:normal;text-align:center;color:#fff;top:-80px;bottom:initial;font-family:serif;left:calc(100% - 50px);cursor:pointer;z-index:11117;transition:1s top}article.slide:target>nav:first-of-type a[href][rel~=parent]:not(.no-nav)::after{top:0}article.slide figure{text-align:center}article.slide audio,article.slide iframe,article.slide img,article.slide video{border:3px solid #fff;box-shadow:8px 8px 8px rgba(0,0,0,.9);box-sizing:border-box;max-height:0;max-width:0;transition:.5s max-width ease,.5s max-height,ease}article.slide:target audio,article.slide:target iframe,article.slide:target img,article.slide:target video{max-width:100%;max-height:12cm}article.slide article,article.slide section{overflow:auto!important}article.slide>article,article.slide>section{padding:6px}article.slide>:not(nav):not(header):not(footer):not(aside)~article,article.slide>:not(nav):not(header):not(footer):not(aside)~section{padding:initial}article.slide>* h1,article.slide>* h2,article.slide>* h3,article.slide>* h4,article.slide>* h5,article.slide>* h6,article.slide>* ol,article.slide>* p,article.slide>* ul,article.slide>:not(nav):not(header):not(footer):not(aside)~h1,article.slide>:not(nav):not(header):not(footer):not(aside)~h2,article.slide>:not(nav):not(header):not(footer):not(aside)~h3,article.slide>:not(nav):not(header):not(footer):not(aside)~h4,article.slide>:not(nav):not(header):not(footer):not(aside)~h5,article.slide>:not(nav):not(header):not(footer):not(aside)~h6,article.slide>:not(nav):not(header):not(footer):not(aside)~ol,article.slide>:not(nav):not(header):not(footer):not(aside)~p,article.slide>:not(nav):not(header):not(footer):not(aside)~ul{margin:.5em 0!important}article.slide article,article.slide h1,article.slide h2,article.slide h3,article.slide h4,article.slide h5,article.slide h6,article.slide p,article.slide section{font-family:inherit;color:inherit}article.slide h1{font-size:1.2em!important;font-weight:700}article.slide h2{font-size:1.1em!important;font-weight:700}article.slide h3{font-size:1.05em!important;font-weight:700}article.slide p{text-align:justify}article.slide blockquote{color:#afafaf;font-style:italic;padding:0 1.75em!important}article.slide:target>blockquote{font-size:1.2em!important}article.slide:target>:not(nav):not(header):not(footer):not(aside)~blockquote{font-size:inherit!important}article.slide>* blockquote,article.slide>:not(nav):not(header):not(footer):not(aside)~blockquote{margin:1em .25em!important;position:relative;left:0;top:0}article.slide blockquote::after,article.slide blockquote::before{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 cite{display:block;margin:12px 24px;font-style:normal}article.slide blockquote cite::before{content:"\2014";display:inline-block;width:1em}article.slide fieldset>legend{font-size:larger;font-weight:700;padding:3px 6px}article.slide button,article.slide fieldset>legend,article.slide input,article.slide select,article.slide textarea{background-color:transparent;border:1px solid #fff;color:#fff}article.slide code{font-family:monospace;font-size:1.2em} diff --git a/docs/man.html b/docs/man.html index 2f2f32c..3492d8f 100644 --- a/docs/man.html +++ b/docs/man.html @@ -169,7 +169,7 @@

Notes

  • It is possible to prevent the creation of the navigation buttons by main <nav>'s links parent, next, prev, index, last, first, bookmark and author by assigning the class "no-nav" to the link – as in <a href="#sample-slide" rel="next" class="no-nav">Sample slide</a> or <a href="#sample-slide" rel="next" class="no-label no-nav">Sample slide</a>. The "no-nav" class allows also to declare more than one link with the same rel attribute within the same main <nav>, with the only exception of a[rel="parent"], which can never be duplicated within the main <nav>.
  • The opposite, i.e. generating the navigation buttons without showing the links they refer to, can be obtained by leaving empty the link content – as in <a href="#sample-slide" rel="prev"></a>.
  • The slide container (article.slide) can optionally possess a data-context attribute, whose content will be displayed on the left-bottom of the viewport – as in <article class="slide" data-context="Hello world!" id="my-hash-name"> … </article>.
  • -
  • Take five! does not require JavaScript, but this does not mean that it discourages its usage within the slides. JavaScript can be useful in many ways, such as touch events, printing of single contents, etc.
  • +
  • Take five! does not require JavaScript, but it does not discourage its usage. JavaScript can be useful in many ways, such as touch events for navigating through the slides, printing of single contents, etc.
  • Feel free to make experiments. Take five! is very flexible, but in in case of problems, please do not hesitate to write.
  • License

    diff --git a/package.json b/package.json index e0dd912..c5ce748 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "Take five!", - "version": "1.2.1", + "version": "1.2.2", "description": "A semantically-consistent pure-CSS slide renderer", "style": "takefive.css", "license": "GPL-3.0", diff --git a/takefive.css b/takefive.css index 845cfd2..06d098e 100644 --- a/takefive.css +++ b/takefive.css @@ -7,7 +7,7 @@ |*| |*| https://github.com/madmurphy/takefive.css/ |*| -|*| Version 1.2.1 +|*| Version 1.2.2 |*| |*| (c) Stefano Gioffré |*| @@ -586,7 +586,6 @@ article.slide > nav:first-of-type a[href][rel~="author"]:not([rel~="parent"]):no line-height: 48px; text-align: center; z-index: 11116; - /*width: 48px;*/ } article.slide > nav:first-of-type a[href][rel~="author"]:not([rel~="parent"]):not(.no-nav)::after { @@ -594,16 +593,17 @@ article.slide > nav:first-of-type a[href][rel~="author"]:not([rel~="parent"]):no left: calc(80% - 48px); top: initial; bottom: 10%; - font-size: 48px; + font-size: 40px; } article.slide > nav:first-of-type a[href][rel~="bookmark"]:not([rel~="parent"]):not(.no-nav)::after { - content: "#"; + content: "\1F517"; /* try also: `content: "\1F4D1";` */ + /* try also: `content: "#";` */ left: calc(80% - 48px); top: 10%; bottom: initial; - font-size: 48px; + font-size: 40px; } article.slide > nav:first-of-type a[href][rel~="first"]:not([rel~="parent"]):not(.no-nav)::after { diff --git a/takefive_min.css b/takefive_min.css index a686638..796ec2b 100644 --- a/takefive_min.css +++ b/takefive_min.css @@ -4,6 +4,6 @@ @source https://github.com/madmurphy/takefive.css/ @author Stefano Gioffré @copyright GNU Public License v3 - @version 1.2.1 + @version 1.2.2 **/ -@font-face{font-family:report;src:url(fonts/1942-report/webfont.eot) format("embedded-opentype"),url(fonts/1942-report/webfont.woff) format("woff"),url(fonts/1942-report/webfont.ttf) format("truetype"),url(fonts/1942-report/webfont.svg) format("svg")}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:67px 12px 50px 83%;overflow:hidden;color:#fff;font-family:report,courier,monospace;font-size:.75em;z-index:11109;transition:visibility 0s .5s,opacity .5s linear}article.slide:target{visibility:visible;opacity:1;transition:opacity 1s linear}article.slide:not(.no-hashtag)::after,article.slide[data-context]::before{display:block;position:absolute;bottom:-80px;margin:.95em;font-size:1.05em;transition:1s bottom;max-width:calc(50% - 87px)}article.slide:not(.no-hashtag):target::after,article.slide[data-context]:target::before{bottom:0}article.slide:not(.no-hashtag)::after{content:"hashtag: #" attr(id);right:0}article.slide[data-context]::before{content:attr(data-context);left:0}article.slide a[href],article.slide a[href]:active,article.slide a[href]:hover,article.slide a[href]:visited{color:inherit;text-decoration:none;font-weight:700;background:0 0;border:none}article.slide hr{width:40%;height:1px;margin:12px auto;border:none;background-color:#fff}article.slide>:not(nav):not(header):not(footer):not(aside){position:absolute;box-sizing:border-box;left:50%;top:50%;width:auto;height:auto;margin:auto -50% auto auto;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:0;max-width:0;overflow:visible;z-index:11115;font-size:1px;transition:.5s ease-in-out,.5s max-height ease,.3s font-size linear}article.slide:target>:not(nav):not(header):not(footer):not(aside){max-height:80%;max-width:50%;font-size:1em}article.slide>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside){box-sizing:initial;width:initial;height:initial;margin:initial;max-height:initial;max-width:initial;overflow:initial;font-size:inherit;transition:none;-moz-transform:none;-webkit-transform:none;-o-transform:none;transform:none}article.slide:target>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside){max-height:initial;max-width:initial}article.slide>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside),article.slide>aside:not(:first-of-type),article.slide>footer:not(:first-of-type),article.slide>header:not(:first-of-type),article.slide>nav:not(:first-of-type){left:0;top:0;position:relative;z-index:11114}article.slide>nav:first-of-type{display:block!important;position:absolute;left:0;top:90px;box-sizing:border-box;width:17%;height:auto;margin:0;overflow:visible;padding:0 12px;text-align:left}article.slide>header:first-of-type{position:absolute;left:0;right:0;top:0;box-sizing:border-box;width:auto;height:50px;margin:0 50px;padding:0;text-align:center;overflow:visible;font-size:larger;z-index:11110}article.slide>aside:first-of-type,article.slide>footer:first-of-type{position:absolute;bottom:50px;width:17%;height:auto;margin:0;text-align:left;overflow:hidden;box-sizing:border-box}article.slide>footer:first-of-type{padding:0;z-index:11113}article.slide>aside:first-of-type{left:0;padding:0 0 0 12px;z-index:11112}article.slide>nav:first-of-type a[href]{display:block;box-sizing:border-box;font-weight:400}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]){position:relative;top:0;left:0;overflow:visible;line-height:1.2em;font-size:1.1em;border:2px dashed #fff;margin:16px 0 0 50px;padding:2px 6px;border-radius:8px;box-sizing:border-box;z-index:11116;background-color:transparent;transition:background-color .5s linear;text-align:center}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]):first-child,article.slide>nav:first-of-type a[href][rel~=parent]:first-child+a[href][rel~=child]:not([rel~=parent]){margin-top:0}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent])+a[href]:not([rel~=parent]):not([rel~=child]),article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent])+a[href][rel~=parent]+a[href]:not([rel~=parent]):not([rel~=child]){margin-top:14px}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]):hover{background-color:rgba(184,205,226,.09)}article.slide>nav:first-of-type a[href][rel~=parent]{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:16px 56px 16px 16px;color:transparent;cursor:default;font-style:italic;line-height:1.2em;box-sizing:border-box;text-align:right;z-index:11111;transition:1s color}article.slide>nav:first-of-type a[href][rel~=parent].no-nav{padding-right:16px}article.slide>nav:first-of-type a[href][rel~=parent]:hover{color:inherit}article.slide>:not(nav):not(header):not(footer):not(aside) a[href][rel~=parent]:empty::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:11118}article.slide>:not(nav):not(header):not(footer):not(aside) a[href][rel~=parent]:empty~a[href][rel~=parent]:empty::before,article.slide>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside) a[href][rel~=parent]:empty::before{content:initial;display:initial;position:initial;top:initial;left:initial;margin:initial;padding:initial;width:initial;height:initial;z-index:initial}article.slide>nav:first-of-type a[href]:not([rel~=parent]):not([rel~=child]):empty,article.slide>nav:first-of-type a[href][rel~=child].no-label:not([rel~=parent]):empty{position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;border:none;text-align:initial;overflow:initial;line-height:initial;font-size:initial;border-radius:0;background-color:transparent;transition:unset;z-index:11116}article.slide>nav:first-of-type a[href]:not([rel~=parent]):not([rel~=child]):not(:empty){position:relative;width:calc(100% + 12px);top:0;left:-100%;margin:0;padding:2px 6px;border-top:2px #fff solid;border-right:2px #fff solid;border-radius:0 8px 8px 0;box-shadow:8px 8px 8px rgba(0,0,0,.9);box-sizing:border-box;text-align:right;overflow:hidden;transition:.5s left;z-index:11116;line-height:1.2em;font-size:1.1em}article.slide>nav:first-of-type a[href]:not([rel~=parent]):not([rel~=child]):not(:empty):hover{left:-12px}article.slide>nav:first-of-type a[href][data-label]:not(.no-label):not(:empty)::before,article.slide>nav:first-of-type a[href][rel]:not(.no-label):not(:empty)::before{display:block;font-size:smaller;font-style:normal;margin:0}article.slide>nav:first-of-type a[href][data-label]:not([rel~=child]):not(.no-label):not(:empty)::before,article.slide>nav:first-of-type a[href][rel]:not([rel~=child]):not(.no-label):not(:empty)::before{text-align:right}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]):not(.no-label):not(:empty)::before{text-align:center}article.slide>nav:first-of-type a[href][rel]:not([data-label]):not(.no-label):not(:empty)::before{content:attr(rel);text-transform:capitalize}article.slide a[href][rel~=tag]:not([data-label]):not(.no-label):not(:empty)::before{content:"\2605"}article.slide>nav:first-of-type a[href][rel~=tag]:not([data-label]):not(.no-label):not(:empty)::before{content:"Tagged content";text-transform:none}article.slide>nav:first-of-type a[href][rel~=author]:not([data-label]):not(.no-label):not(:empty)::before{content:"Author";text-transform:none}article.slide>nav:first-of-type a[href][rel~=bookmark]:not([data-label]):not(.no-label):not(:empty)::before{content:"Share it!";text-transform:none}article.slide>nav:first-of-type a[href][rel~=first]:not([data-label]):not(.no-label):not(:empty)::before{content:"First slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=last]:not([data-label]):not(.no-label):not(:empty)::before{content:"Last slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=index]:not([data-label]):not(.no-label):not(:empty)::before{content:"Index";text-transform:none}article.slide>nav:first-of-type a[href][rel~=prev]:not([data-label]):not(.no-label):not(:empty)::before{content:"Previous slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=next]:not([data-label]):not(.no-label):not(:empty)::before{content:"Next slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=child]:not([data-label]):not(.no-label)::before{content:"More"!important;text-transform:none}article.slide>nav:first-of-type a[href][rel~=parent]:not([data-label]):not(.no-label):not(:empty)::before{content:"Back to:";text-transform:none}article.slide>nav:first-of-type a[href][rel~=parent]:not([data-label]):not(.no-label):empty::before{content:"Click to exit";text-transform:none}article.slide a[href][rel~=tag][data-label]:not(.no-label):not(:empty)::before,article.slide>nav:first-of-type a[href][data-label]:not(.no-label):not(:empty)::before{content:attr(data-label)!important}article.slide a[href][rel~=tag]:not(.no-label):not(:empty)::before{margin-right:.3em}article.slide>nav:first-of-type a[href][rel~=author]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=bookmark]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=first]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=last]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=index]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=prev]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=next]:not([rel~=parent]):not(.no-nav)::after{position:fixed;display:block;margin:auto;width:48px;height:48px;line-height:48px;text-align:center;z-index:11116}article.slide>nav:first-of-type a[href][rel~=author]:not([rel~=parent]):not(.no-nav)::after{content:"@";left:calc(80% - 48px);top:initial;bottom:10%;font-size:48px}article.slide>nav:first-of-type a[href][rel~=bookmark]:not([rel~=parent]):not(.no-nav)::after{content:"#";left:calc(80% - 48px);top:10%;bottom:initial;font-size:48px}article.slide>nav:first-of-type a[href][rel~=first]:not([rel~=parent]):not(.no-nav)::after{content:"\21E4";top:initial;bottom:2%;left:calc(50% - 75px);font-size:40px}article.slide>nav:first-of-type a[href][rel~=last]:not([rel~=parent]):not(.no-nav)::after{content:"\21E5";top:initial;bottom:2%;left:calc(50% + 27px);font-size:40px}article.slide>nav:first-of-type a[href][rel~=index]:not([rel~=parent]):not(.no-nav)::after{content:"\2302";top:initial;bottom:2%;left:calc(50% - 24px);font-size:40px}article.slide>nav:first-of-type a[href][rel~=prev]:not([rel~=parent]):not(.no-nav)::after{content:"\276E";left:20%;top:0;bottom:0;font-size:48px}article.slide>nav:first-of-type a[href][rel~=next]:not([rel~=parent]):not(.no-nav)::after{content:"\276F";left:calc(80% - 48px);top:0;bottom:0;font-size:48px}article.slide>nav:first-of-type a[href][rel~=parent]:not(.no-nav)::after{content:"\00D7";position:fixed;display:block;width:50px;height:50px;line-height:44px;font-size:28px;font-style:normal;text-align:center;color:#fff;top:-80px;bottom:initial;font-family:serif;left:calc(100% - 50px);cursor:pointer;z-index:11117;transition:1s top}article.slide:target>nav:first-of-type a[href][rel~=parent]:not(.no-nav)::after{top:0}article.slide figure{text-align:center}article.slide audio,article.slide iframe,article.slide img,article.slide video{border:3px solid #fff;box-shadow:8px 8px 8px rgba(0,0,0,.9);box-sizing:border-box;max-height:0;max-width:0;transition:.5s max-width ease,.5s max-height,ease}article.slide:target audio,article.slide:target iframe,article.slide:target img,article.slide:target video{max-width:100%;max-height:12cm}article.slide article,article.slide section{overflow:auto!important}article.slide>article,article.slide>section{padding:6px}article.slide>:not(nav):not(header):not(footer):not(aside)~article,article.slide>:not(nav):not(header):not(footer):not(aside)~section{padding:initial}article.slide>* h1,article.slide>* h2,article.slide>* h3,article.slide>* h4,article.slide>* h5,article.slide>* h6,article.slide>* ol,article.slide>* p,article.slide>* ul,article.slide>:not(nav):not(header):not(footer):not(aside)~h1,article.slide>:not(nav):not(header):not(footer):not(aside)~h2,article.slide>:not(nav):not(header):not(footer):not(aside)~h3,article.slide>:not(nav):not(header):not(footer):not(aside)~h4,article.slide>:not(nav):not(header):not(footer):not(aside)~h5,article.slide>:not(nav):not(header):not(footer):not(aside)~h6,article.slide>:not(nav):not(header):not(footer):not(aside)~ol,article.slide>:not(nav):not(header):not(footer):not(aside)~p,article.slide>:not(nav):not(header):not(footer):not(aside)~ul{margin:.5em 0!important}article.slide article,article.slide h1,article.slide h2,article.slide h3,article.slide h4,article.slide h5,article.slide h6,article.slide p,article.slide section{font-family:inherit;color:inherit}article.slide h1{font-size:1.2em!important;font-weight:700}article.slide h2{font-size:1.1em!important;font-weight:700}article.slide h3{font-size:1.05em!important;font-weight:700}article.slide p{text-align:justify}article.slide blockquote{color:#afafaf;font-style:italic;padding:0 1.75em!important}article.slide:target>blockquote{font-size:1.2em!important}article.slide:target>:not(nav):not(header):not(footer):not(aside)~blockquote{font-size:inherit!important}article.slide>* blockquote,article.slide>:not(nav):not(header):not(footer):not(aside)~blockquote{margin:1em .25em!important;position:relative;left:0;top:0}article.slide blockquote::after,article.slide blockquote::before{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 cite{display:block;margin:12px 24px;font-style:normal}article.slide blockquote cite::before{content:"\2014";display:inline-block;width:1em}article.slide fieldset>legend{font-size:larger;font-weight:700;padding:3px 6px}article.slide button,article.slide fieldset>legend,article.slide input,article.slide select,article.slide textarea{background-color:transparent;border:1px solid #fff;color:#fff}article.slide code{font-family:monospace;font-size:1.2em} +@font-face{font-family:report;src:url(fonts/1942-report/webfont.eot) format("embedded-opentype"),url(fonts/1942-report/webfont.woff) format("woff"),url(fonts/1942-report/webfont.ttf) format("truetype"),url(fonts/1942-report/webfont.svg) format("svg")}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:67px 12px 50px 83%;overflow:hidden;color:#fff;font-family:report,courier,monospace;font-size:.75em;z-index:11109;transition:visibility 0s .5s,opacity .5s linear}article.slide:target{visibility:visible;opacity:1;transition:opacity 1s linear}article.slide:not(.no-hashtag)::after,article.slide[data-context]::before{display:block;position:absolute;bottom:-80px;margin:.95em;font-size:1.05em;transition:1s bottom;max-width:calc(50% - 87px)}article.slide:not(.no-hashtag):target::after,article.slide[data-context]:target::before{bottom:0}article.slide:not(.no-hashtag)::after{content:"hashtag: #" attr(id);right:0}article.slide[data-context]::before{content:attr(data-context);left:0}article.slide a[href],article.slide a[href]:active,article.slide a[href]:hover,article.slide a[href]:visited{color:inherit;text-decoration:none;font-weight:700;background:0 0;border:none}article.slide hr{width:40%;height:1px;margin:12px auto;border:none;background-color:#fff}article.slide>:not(nav):not(header):not(footer):not(aside){position:absolute;box-sizing:border-box;left:50%;top:50%;width:auto;height:auto;margin:auto -50% auto auto;-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-height:0;max-width:0;overflow:visible;z-index:11115;font-size:1px;transition:.5s ease-in-out,.5s max-height ease,.3s font-size linear}article.slide:target>:not(nav):not(header):not(footer):not(aside){max-height:80%;max-width:50%;font-size:1em}article.slide>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside){box-sizing:initial;width:initial;height:initial;margin:initial;max-height:initial;max-width:initial;overflow:initial;font-size:inherit;transition:none;-moz-transform:none;-webkit-transform:none;-o-transform:none;transform:none}article.slide:target>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside){max-height:initial;max-width:initial}article.slide>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside),article.slide>aside:not(:first-of-type),article.slide>footer:not(:first-of-type),article.slide>header:not(:first-of-type),article.slide>nav:not(:first-of-type){left:0;top:0;position:relative;z-index:11114}article.slide>nav:first-of-type{display:block!important;position:absolute;left:0;top:90px;box-sizing:border-box;width:17%;height:auto;margin:0;overflow:visible;padding:0 12px;text-align:left}article.slide>header:first-of-type{position:absolute;left:0;right:0;top:0;box-sizing:border-box;width:auto;height:50px;margin:0 50px;padding:0;text-align:center;overflow:visible;font-size:larger;z-index:11110}article.slide>aside:first-of-type,article.slide>footer:first-of-type{position:absolute;bottom:50px;width:17%;height:auto;margin:0;text-align:left;overflow:hidden;box-sizing:border-box}article.slide>footer:first-of-type{padding:0;z-index:11113}article.slide>aside:first-of-type{left:0;padding:0 0 0 12px;z-index:11112}article.slide>nav:first-of-type a[href]{display:block;box-sizing:border-box;font-weight:400}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]){position:relative;top:0;left:0;overflow:visible;line-height:1.2em;font-size:1.1em;border:2px dashed #fff;margin:16px 0 0 50px;padding:2px 6px;border-radius:8px;box-sizing:border-box;z-index:11116;background-color:transparent;transition:background-color .5s linear;text-align:center}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]):first-child,article.slide>nav:first-of-type a[href][rel~=parent]:first-child+a[href][rel~=child]:not([rel~=parent]){margin-top:0}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent])+a[href]:not([rel~=parent]):not([rel~=child]),article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent])+a[href][rel~=parent]+a[href]:not([rel~=parent]):not([rel~=child]){margin-top:14px}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]):hover{background-color:rgba(184,205,226,.09)}article.slide>nav:first-of-type a[href][rel~=parent]{position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:16px 56px 16px 16px;color:transparent;cursor:default;font-style:italic;line-height:1.2em;box-sizing:border-box;text-align:right;z-index:11111;transition:1s color}article.slide>nav:first-of-type a[href][rel~=parent].no-nav{padding-right:16px}article.slide>nav:first-of-type a[href][rel~=parent]:hover{color:inherit}article.slide>:not(nav):not(header):not(footer):not(aside) a[href][rel~=parent]:empty::before{content:"";display:block;position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;z-index:11118}article.slide>:not(nav):not(header):not(footer):not(aside) a[href][rel~=parent]:empty~a[href][rel~=parent]:empty::before,article.slide>:not(nav):not(header):not(footer):not(aside)~:not(nav):not(header):not(footer):not(aside) a[href][rel~=parent]:empty::before{content:initial;display:initial;position:initial;top:initial;left:initial;margin:initial;padding:initial;width:initial;height:initial;z-index:initial}article.slide>nav:first-of-type a[href]:not([rel~=parent]):not([rel~=child]):empty,article.slide>nav:first-of-type a[href][rel~=child].no-label:not([rel~=parent]):empty{position:absolute;top:0;left:0;width:0;height:0;margin:0;padding:0;border:none;text-align:initial;overflow:initial;line-height:initial;font-size:initial;border-radius:0;background-color:transparent;transition:unset;z-index:11116}article.slide>nav:first-of-type a[href]:not([rel~=parent]):not([rel~=child]):not(:empty){position:relative;width:calc(100% + 12px);top:0;left:-100%;margin:0;padding:2px 6px;border-top:2px #fff solid;border-right:2px #fff solid;border-radius:0 8px 8px 0;box-shadow:8px 8px 8px rgba(0,0,0,.9);box-sizing:border-box;text-align:right;overflow:hidden;transition:.5s left;z-index:11116;line-height:1.2em;font-size:1.1em}article.slide>nav:first-of-type a[href]:not([rel~=parent]):not([rel~=child]):not(:empty):hover{left:-12px}article.slide>nav:first-of-type a[href][data-label]:not(.no-label):not(:empty)::before,article.slide>nav:first-of-type a[href][rel]:not(.no-label):not(:empty)::before{display:block;font-size:smaller;font-style:normal;margin:0}article.slide>nav:first-of-type a[href][data-label]:not([rel~=child]):not(.no-label):not(:empty)::before,article.slide>nav:first-of-type a[href][rel]:not([rel~=child]):not(.no-label):not(:empty)::before{text-align:right}article.slide>nav:first-of-type a[href][rel~=child]:not([rel~=parent]):not(.no-label):not(:empty)::before{text-align:center}article.slide>nav:first-of-type a[href][rel]:not([data-label]):not(.no-label):not(:empty)::before{content:attr(rel);text-transform:capitalize}article.slide a[href][rel~=tag]:not([data-label]):not(.no-label):not(:empty)::before{content:"\2605"}article.slide>nav:first-of-type a[href][rel~=tag]:not([data-label]):not(.no-label):not(:empty)::before{content:"Tagged content";text-transform:none}article.slide>nav:first-of-type a[href][rel~=author]:not([data-label]):not(.no-label):not(:empty)::before{content:"Author";text-transform:none}article.slide>nav:first-of-type a[href][rel~=bookmark]:not([data-label]):not(.no-label):not(:empty)::before{content:"Share it!";text-transform:none}article.slide>nav:first-of-type a[href][rel~=first]:not([data-label]):not(.no-label):not(:empty)::before{content:"First slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=last]:not([data-label]):not(.no-label):not(:empty)::before{content:"Last slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=index]:not([data-label]):not(.no-label):not(:empty)::before{content:"Index";text-transform:none}article.slide>nav:first-of-type a[href][rel~=prev]:not([data-label]):not(.no-label):not(:empty)::before{content:"Previous slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=next]:not([data-label]):not(.no-label):not(:empty)::before{content:"Next slide";text-transform:none}article.slide>nav:first-of-type a[href][rel~=child]:not([data-label]):not(.no-label)::before{content:"More"!important;text-transform:none}article.slide>nav:first-of-type a[href][rel~=parent]:not([data-label]):not(.no-label):not(:empty)::before{content:"Back to:";text-transform:none}article.slide>nav:first-of-type a[href][rel~=parent]:not([data-label]):not(.no-label):empty::before{content:"Click to exit";text-transform:none}article.slide a[href][rel~=tag][data-label]:not(.no-label):not(:empty)::before,article.slide>nav:first-of-type a[href][data-label]:not(.no-label):not(:empty)::before{content:attr(data-label)!important}article.slide a[href][rel~=tag]:not(.no-label):not(:empty)::before{margin-right:.3em}article.slide>nav:first-of-type a[href][rel~=author]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=bookmark]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=first]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=last]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=index]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=prev]:not([rel~=parent]):not(.no-nav)::after,article.slide>nav:first-of-type a[href][rel~=next]:not([rel~=parent]):not(.no-nav)::after{position:fixed;display:block;margin:auto;width:48px;height:48px;line-height:48px;text-align:center;z-index:11116}article.slide>nav:first-of-type a[href][rel~=author]:not([rel~=parent]):not(.no-nav)::after{content:"@";left:calc(80% - 48px);top:initial;bottom:10%;font-size:40px}article.slide>nav:first-of-type a[href][rel~=bookmark]:not([rel~=parent]):not(.no-nav)::after{content:"\1F517";left:calc(80% - 48px);top:10%;bottom:initial;font-size:40px}article.slide>nav:first-of-type a[href][rel~=first]:not([rel~=parent]):not(.no-nav)::after{content:"\21E4";top:initial;bottom:2%;left:calc(50% - 75px);font-size:40px}article.slide>nav:first-of-type a[href][rel~=last]:not([rel~=parent]):not(.no-nav)::after{content:"\21E5";top:initial;bottom:2%;left:calc(50% + 27px);font-size:40px}article.slide>nav:first-of-type a[href][rel~=index]:not([rel~=parent]):not(.no-nav)::after{content:"\2302";top:initial;bottom:2%;left:calc(50% - 24px);font-size:40px}article.slide>nav:first-of-type a[href][rel~=prev]:not([rel~=parent]):not(.no-nav)::after{content:"\276E";left:20%;top:0;bottom:0;font-size:48px}article.slide>nav:first-of-type a[href][rel~=next]:not([rel~=parent]):not(.no-nav)::after{content:"\276F";left:calc(80% - 48px);top:0;bottom:0;font-size:48px}article.slide>nav:first-of-type a[href][rel~=parent]:not(.no-nav)::after{content:"\00D7";position:fixed;display:block;width:50px;height:50px;line-height:44px;font-size:28px;font-style:normal;text-align:center;color:#fff;top:-80px;bottom:initial;font-family:serif;left:calc(100% - 50px);cursor:pointer;z-index:11117;transition:1s top}article.slide:target>nav:first-of-type a[href][rel~=parent]:not(.no-nav)::after{top:0}article.slide figure{text-align:center}article.slide audio,article.slide iframe,article.slide img,article.slide video{border:3px solid #fff;box-shadow:8px 8px 8px rgba(0,0,0,.9);box-sizing:border-box;max-height:0;max-width:0;transition:.5s max-width ease,.5s max-height,ease}article.slide:target audio,article.slide:target iframe,article.slide:target img,article.slide:target video{max-width:100%;max-height:12cm}article.slide article,article.slide section{overflow:auto!important}article.slide>article,article.slide>section{padding:6px}article.slide>:not(nav):not(header):not(footer):not(aside)~article,article.slide>:not(nav):not(header):not(footer):not(aside)~section{padding:initial}article.slide>* h1,article.slide>* h2,article.slide>* h3,article.slide>* h4,article.slide>* h5,article.slide>* h6,article.slide>* ol,article.slide>* p,article.slide>* ul,article.slide>:not(nav):not(header):not(footer):not(aside)~h1,article.slide>:not(nav):not(header):not(footer):not(aside)~h2,article.slide>:not(nav):not(header):not(footer):not(aside)~h3,article.slide>:not(nav):not(header):not(footer):not(aside)~h4,article.slide>:not(nav):not(header):not(footer):not(aside)~h5,article.slide>:not(nav):not(header):not(footer):not(aside)~h6,article.slide>:not(nav):not(header):not(footer):not(aside)~ol,article.slide>:not(nav):not(header):not(footer):not(aside)~p,article.slide>:not(nav):not(header):not(footer):not(aside)~ul{margin:.5em 0!important}article.slide article,article.slide h1,article.slide h2,article.slide h3,article.slide h4,article.slide h5,article.slide h6,article.slide p,article.slide section{font-family:inherit;color:inherit}article.slide h1{font-size:1.2em!important;font-weight:700}article.slide h2{font-size:1.1em!important;font-weight:700}article.slide h3{font-size:1.05em!important;font-weight:700}article.slide p{text-align:justify}article.slide blockquote{color:#afafaf;font-style:italic;padding:0 1.75em!important}article.slide:target>blockquote{font-size:1.2em!important}article.slide:target>:not(nav):not(header):not(footer):not(aside)~blockquote{font-size:inherit!important}article.slide>* blockquote,article.slide>:not(nav):not(header):not(footer):not(aside)~blockquote{margin:1em .25em!important;position:relative;left:0;top:0}article.slide blockquote::after,article.slide blockquote::before{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 cite{display:block;margin:12px 24px;font-style:normal}article.slide blockquote cite::before{content:"\2014";display:inline-block;width:1em}article.slide fieldset>legend{font-size:larger;font-weight:700;padding:3px 6px}article.slide button,article.slide fieldset>legend,article.slide input,article.slide select,article.slide textarea{background-color:transparent;border:1px solid #fff;color:#fff}article.slide code{font-family:monospace;font-size:1.2em}