hackers-tiny-slide-deck
Version:
Turn a Markdown document into a slide deck quickly.
2 lines • 12.2 kB
JavaScript
(()=>{"use strict";var n={56:(n,e,t)=>{n.exports=function(n){var e=t.nc;e&&n.setAttribute("nonce",e)}},72:n=>{var e=[];function t(n){for(var t=-1,o=0;o<e.length;o++)if(e[o].identifier===n){t=o;break}return t}function o(n,o){for(var r={},d=[],l=0;l<n.length;l++){var i=n[l],a=o.base?i[0]+o.base:i[0],c=r[a]||0,h="".concat(a," ").concat(c);r[a]=c+1;var u=t(h),f={css:i[1],media:i[2],sourceMap:i[3],supports:i[4],layer:i[5]};if(-1!==u)e[u].references++,e[u].updater(f);else{var m=s(f,o);o.byIndex=l,e.splice(l,0,{identifier:h,updater:m,references:1})}d.push(h)}return d}function s(n,e){var t=e.domAPI(e);t.update(n);return function(e){if(e){if(e.css===n.css&&e.media===n.media&&e.sourceMap===n.sourceMap&&e.supports===n.supports&&e.layer===n.layer)return;t.update(n=e)}else t.remove()}}n.exports=function(n,s){var r=o(n=n||[],s=s||{});return function(n){n=n||[];for(var d=0;d<r.length;d++){var l=t(r[d]);e[l].references--}for(var i=o(n,s),a=0;a<r.length;a++){var c=t(r[a]);0===e[c].references&&(e[c].updater(),e.splice(c,1))}r=i}}},113:n=>{n.exports=function(n,e){if(e.styleSheet)e.styleSheet.cssText=n;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(n))}}},314:n=>{n.exports=function(n){var e=[];return e.toString=function(){return this.map(function(e){var t="",o=void 0!==e[5];return e[4]&&(t+="@supports (".concat(e[4],") {")),e[2]&&(t+="@media ".concat(e[2]," {")),o&&(t+="@layer".concat(e[5].length>0?" ".concat(e[5]):""," {")),t+=n(e),o&&(t+="}"),e[2]&&(t+="}"),e[4]&&(t+="}"),t}).join("")},e.i=function(n,t,o,s,r){"string"==typeof n&&(n=[[null,n,void 0]]);var d={};if(o)for(var l=0;l<this.length;l++){var i=this[l][0];null!=i&&(d[i]=!0)}for(var a=0;a<n.length;a++){var c=[].concat(n[a]);o&&d[c[0]]||(void 0!==r&&(void 0===c[5]||(c[1]="@layer".concat(c[5].length>0?" ".concat(c[5]):""," {").concat(c[1],"}")),c[5]=r),t&&(c[2]?(c[1]="@media ".concat(c[2]," {").concat(c[1],"}"),c[2]=t):c[2]=t),s&&(c[4]?(c[1]="@supports (".concat(c[4],") {").concat(c[1],"}"),c[4]=s):c[4]="".concat(s)),e.push(c))}},e}},325:(n,e,t)=>{t.d(e,{A:()=>l});var o=t(601),s=t.n(o),r=t(314),d=t.n(r)()(s());d.push([n.id,"@media screen {\n :root {\n --htsd-body-bg-color: #383838;\n --htsd-slide-bg-color: #303030;\n --htsd-slide-shadow-color: #1a1a1a;\n --htsd-header-color: #f3f3f3;\n --htsd-highlight-color: #f3f3f3;\n --htsd-text-color: #dcdccc;\n --htsd-line-height: 1.4;\n --htsd-min-font-size: 16px;\n --htsd-min-viewport-width: 800px;\n --htsd-sans-font-family: sans-serif;\n --htsd-mono-font-family: monospace;\n --htsd-code-block-font-size: 0.8rem;\n --htsd-comment-code-color: #7f9f7f;\n --htsd-keyword-code-color: #f0dfaf;\n --htsd-symbol-code-color: #bfebbf;\n --htsd-var-code-color: #dfaf8f;\n --htsd-string-code-color: #cc9393;\n --htsd-function-code-color: #93e0e3;\n }\n\n /* css reset */\n html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,\n p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del,\n dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,\n var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,\n legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,\n canvas, details, embed, figure, figcaption, footer, header, hgroup,\n menu, nav, output, ruby, section, summary, time, mark, audio, video {\n margin: 0;\n padding: 0;\n border: 0;\n font-size: 100%;\n font: inherit;\n vertical-align: baseline;\n }\n\n html {\n height: 100%;\n font-family: var(--htsd-sans-font-family);\n font-size: calc(var(--htsd-min-font-size) + 1.4vmin);\n }\n\n body {\n height: 100%;\n visibility: hidden;\n }\n\n body.htsd--installed {\n visibility: visible;\n background-color: var(--htsd-body-bg-color);\n }\n\n .htsd-slide {\n min-height: 100%;\n padding: 4vh 5vw;\n box-sizing: border-box;\n display: none;\n line-height: var(--htsd-line-height);\n background-color: var(--htsd-slide-bg-color);\n color: var(--htsd-text-color);\n box-shadow: 0 0 4vw var(--htsd-slide-shadow-color);\n }\n\n @media (min-width: 800px) {\n .htsd-slide {\n margin: 0 auto;\n width: 90vw;\n }\n }\n\n .htsd-slide--shown {\n display: block;\n }\n\n .htsd-slide--shown.htsd-slide--h1 {\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n }\n\n .htsd-slide h1,\n .htsd-slide h2,\n .htsd-slide h3,\n .htsd-slide p,\n .htsd-slide blockquote,\n .htsd-slide > ul,\n .htsd-slide > ol {\n margin: 1rem auto;\n }\n\n .htsd-slide h1,\n .htsd-slide h2,\n .htsd-slide h3 {\n color: var(--htsd-header-color);\n font-weight: bold;\n }\n\n .htsd-slide h1 {\n font-size: 2.2rem;\n }\n\n .htsd-slide h2 {\n font-size: 1.8rem;\n }\n\n .htsd-slide h3 {\n font-size: 1.4rem;\n }\n\n .htsd-slide ul,\n .htsd-slide ol {\n margin-left: 1rem;\n }\n\n .htsd-slide ul ::marker {\n color: var(--htsd-header-color);\n }\n\n .htsd-slide li {\n margin: 0.5rem 0 0.5rem 0;\n }\n\n .htsd-slide table {\n border-collapse: collapse;\n color: var(--htsd-text-color);\n }\n\n .htsd-slide th,\n .htsd-slide td {\n padding: 0.5rem 0.5rem 0.5rem 0;\n text-align: left;\n }\n\n .htsd-slide th {\n color: var(--htsd-highlight-color);\n font-weight: bold;\n }\n\n .htsd-slide blockquote {\n color: var(--htsd-highlight-color);\n font-style: italic;\n }\n\n .htsd-slide a {\n color: var(--htsd-highlight-color);\n text-decoration: underline;\n }\n\n .htsd-slide em {\n color: var(--htsd-highlight-color);\n font-style: italic;\n }\n\n .htsd-slide strong {\n color: var(--htsd-highlight-color);\n font-weight: bold;\n }\n\n .htsd-slide code {\n color: var(--htsd-highlight-color);\n font-family: var(--htsd-mono-font-family);\n }\n\n .htsd-slide pre code {\n color: var(--htsd-text-color);\n font-size: var(--htsd-code-block-font-size);\n white-space: pre;\n overflow-wrap: normal;\n }\n\n .htsd-slide .token.comment,\n .htsd-slide .token.prolog,\n .htsd-slide .token.doctype,\n .htsd-slide .token.cdata {\n color: var(--htsd-comment-code-color);\n }\n\n .htsd-slide .token.property,\n .htsd-slide .token.tag,\n .htsd-slide .token.boolean,\n .htsd-slide .token.number,\n .htsd-slide .token.constant,\n .htsd-slide .token.symbol,\n .htsd-slide .token.deleted,\n .htsd-slide .token.entity,\n .htsd-slide .token.url {\n color: var(--htsd-symbol-code-color);\n }\n\n .htsd-slide .token.selector,\n .htsd-slide .token.attr-name,\n .htsd-slide .token.string,\n .htsd-slide .token.char,\n .htsd-slide .token.builtin,\n .htsd-slide .token.inserted {\n color: var(--htsd-string-code-color);\n }\n\n .htsd-slide .token.atrule,\n .htsd-slide .token.attr-value,\n .htsd-slide .token.keyword {\n color: var(--htsd-keyword-code-color);\n font-weight: bold;\n }\n\n .htsd-slide .token.function,\n .htsd-slide .token.class-name {\n color: var(--htsd-function-code-color);\n }\n\n .htsd-slide .token.regex,\n .htsd-slide .token.important,\n .htsd-slide .token.variable {\n color: var(--htsd-var-code-color);\n }\n\n .htsd-slide .token.important,\n .htsd-slide .token.bold {\n font-weight: bold;\n }\n\n .htsd-slide .token.italic {\n font-style: italic;\n }\n}\n",""]);const l=d},540:n=>{n.exports=function(n){var e=document.createElement("style");return n.setAttributes(e,n.attributes),n.insert(e,n.options),e}},601:n=>{n.exports=function(n){return n[1]}},659:n=>{var e={};n.exports=function(n,t){var o=function(n){if(void 0===e[n]){var t=document.querySelector(n);if(window.HTMLIFrameElement&&t instanceof window.HTMLIFrameElement)try{t=t.contentDocument.head}catch(n){t=null}e[n]=t}return e[n]}(n);if(!o)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");o.appendChild(t)}},825:n=>{n.exports=function(n){if("undefined"==typeof document)return{update:function(){},remove:function(){}};var e=n.insertStyleElement(n);return{update:function(t){!function(n,e,t){var o="";t.supports&&(o+="@supports (".concat(t.supports,") {")),t.media&&(o+="@media ".concat(t.media," {"));var s=void 0!==t.layer;s&&(o+="@layer".concat(t.layer.length>0?" ".concat(t.layer):""," {")),o+=t.css,s&&(o+="}"),t.media&&(o+="}"),t.supports&&(o+="}");var r=t.sourceMap;r&&"undefined"!=typeof btoa&&(o+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(r))))," */")),e.styleTagTransform(o,n,e.options)}(e,n,t)},remove:function(){!function(n){if(null===n.parentNode)return!1;n.parentNode.removeChild(n)}(e)}}}}},e={};function t(o){var s=e[o];if(void 0!==s)return s.exports;var r=e[o]={id:o,exports:{}};return n[o](r,r.exports,t),r.exports}t.n=n=>{var e=n&&n.__esModule?()=>n.default:()=>n;return t.d(e,{a:e}),e},t.d=(n,e)=>{for(var o in e)t.o(e,o)&&!t.o(n,o)&&Object.defineProperty(n,o,{enumerable:!0,get:e[o]})},t.o=(n,e)=>Object.prototype.hasOwnProperty.call(n,e),t.nc=void 0;var o=t(72),s=t.n(o),r=t(825),d=t.n(r),l=t(659),i=t.n(l),a=t(56),c=t.n(a),h=t(540),u=t.n(h),f=t(113),m=t.n(f),p=t(325),v={};p.A&&p.A.locals&&(v.locals=p.A.locals);var b,g=0,y={};y.styleTagTransform=m(),y.setAttributes=c(),y.insert=i().bind(null,"head"),y.domAPI=d(),y.insertStyleElement=u(),v.use=function(n){return y.options=n||{},g++||(b=s()(p.A,y)),v},v.unuse=function(){g>0&&! --g&&(b(),b=null)};const k=v,w=n=>{const e=new URL(document.location.href);e.hash=n,history.replaceState(null,"",e.href)},x="data-manual",S=()=>{k.use()};document.currentScript.hasAttribute(x)||S();const A="htsd",E=A+"-slide",L=(n=>{const e=["script","style"],t=/^h(\d)$/i,o=document.querySelector("body"),s=[];let r=[];const d=()=>{const e=document.createElement("div");e.className=n;let s=null;if(r.forEach(n=>{const r=t.exec(n.tagName);r&&(null===s||r[1]<s.level)&&(s={level:Number(r[1]),el:n}),o.removeChild(n),e.appendChild(n)}),r=[],s){e.classList.add(`${n}--h${s.level}`);const t=s.el.innerText.trim().toLowerCase().replace(/[^a-z0-9]/g,"-");t.length&&(e.id=`${n}--${t}`)}return e};let l=o.firstChild;for(;null!=l;){const n=l.nextSibling;if(l.tagName){const n=l.tagName.toLowerCase();"hr"===n?(o.removeChild(l),r.length&&s.push(d())):e.includes(n)||r.push(l)}else r.push(l);l=n}r.length&&s.push(d()),s.forEach(n=>o.appendChild(n))}).bind(void 0,E),C=(n=>{const e=n+"--shown",t=document.querySelectorAll("body > ."+n).length,o=Math.max(1,.01*document.documentElement.clientWidth),s=n=>((n,e,t,o=n)=>Math.max(n,Math.min(e,parseInt(t,10)||o)))(1,t,n.slice(1)),r=t=>{document.querySelectorAll("body > ."+n)[t].classList.add(e)},d=s(document.location.hash),l="#"+d;document.location.hash!==l&&w(l);let i=d-1;r(i);const a=t=>{(t=>{document.querySelectorAll("body > ."+n)[t].classList.remove(e)})(i),i=t,r(i),document.location.hash="#"+(t+1)},c=()=>{i<t-1&&a(i+1)},h=()=>{i>0&&a(i-1)},u=n=>{const e=n.changedTouches[0];return[e.clientX,e.clientY]};let f=null;const m=()=>{f=null};document.addEventListener("keydown",n=>{switch(n.key){case"ArrowRight":n.preventDefault(),c();break;case"ArrowLeft":n.preventDefault(),h();break;case"Home":n.preventDefault(),0!==i&&a(0);break;case"End":n.preventDefault(),(()=>{let n=t-1;i!==n&&a(n)})();break;case"F":n.preventDefault(),document.fullscreenEnabled&&(document.fullscreenElement?document.exitFullscreen():document.querySelector("body").requestFullscreen())}},!1),document.addEventListener("touchstart",n=>{f=u(n)},!1),document.addEventListener("touchend",n=>{if(null!==f){const e=u(n),t=e[0]-f[0],s=e[1]-f[1],r=Math.abs(t);r>Math.abs(s)&&r>o&&(t>0?h():c()),m()}},!1),document.addEventListener("touchcancel",m,!1);window.addEventListener("hashchange",()=>{const n=document.location.hash,e=s(n),t="#"+e,o=e-1;n!==t&&w(t),o!==i&&a(o)},!1)}).bind(void 0,E),z=()=>{document.querySelector("body").classList.add(A+"--installed")};document.currentScript.hasAttribute(x)||(L(),C(),z()),window.htsd=Object.freeze({installAll:()=>{S(),L(),C(),z()},installStyles:S,installSlides:L,installNavigation:C,markInstalled:z,version:"0.4.3"})})();
//# sourceMappingURL=htsd.min.js.map