diff --git a/README.md b/README.md index bc23416..cc61098 100644 --- a/README.md +++ b/README.md @@ -2,7 +2,7 @@ A Hugo theme for [Reveal.js](https://revealjs.com/) that makes authoring and customization a breeze. With it, you can turn any properly-formatted Hugo content into a HTML presentation. -![screenshot of reveal-hugo](https://github.com/dzello/reveal-hugo/blob/master/images/screenshot.png?raw=true) +![screenshot of reveal-hugo](images/screenshot.png?raw=true) ## Example diff --git a/exampleSite/content/_index.md b/exampleSite/content/_index.md index 6528ea4..36cedc9 100644 --- a/exampleSite/content/_index.md +++ b/exampleSite/content/_index.md @@ -1,8 +1,13 @@ +++ title = "Example of a section presentation" outputs = ["Reveal"] + [reveal_hugo] -theme = "moon" +custom_theme = "css/reveal.css" +margin = 0.2 +highlight_theme = "qtcreator_dark" +transition = "slide" +transition_speed = "fast" +++ # Section Presentation @@ -16,3 +21,5 @@ Section presentations are completely separate from the root presentation and eac --- Additional content files can be placed in the section and will be added to the presentation in the order of their weight. + +[a](b) diff --git a/exampleSite/layouts/partials/home/reveal-hugo/body.html b/exampleSite/layouts/partials/home/reveal-hugo/body.html deleted file mode 100644 index 1dba7f9..0000000 --- a/exampleSite/layouts/partials/home/reveal-hugo/body.html +++ /dev/null @@ -1,9 +0,0 @@ - - - - diff --git a/exampleSite/layouts/partials/home/reveal-hugo/head.html b/exampleSite/layouts/partials/home/reveal-hugo/head.html deleted file mode 100644 index c99b743..0000000 --- a/exampleSite/layouts/partials/home/reveal-hugo/head.html +++ /dev/null @@ -1,39 +0,0 @@ - - - diff --git a/exampleSite/layouts/partials/reveal-hugo/end.html b/exampleSite/layouts/partials/reveal-hugo/end.html deleted file mode 100644 index 39d6fcd..0000000 --- a/exampleSite/layouts/partials/reveal-hugo/end.html +++ /dev/null @@ -1,4 +0,0 @@ -
-
-
-
diff --git a/exampleSite/static/_redirects b/exampleSite/static/_redirects deleted file mode 100644 index 044d170..0000000 --- a/exampleSite/static/_redirects +++ /dev/null @@ -1,2 +0,0 @@ -# Redirect default Netlify subdomain to primary domain -https://reveal-hugo.netlify.com/* https://reveal-hugo.dzello.com/:splat 301! \ No newline at end of file diff --git a/exampleSite/static/favicon.ico b/exampleSite/static/favicon.ico deleted file mode 100644 index 64b7e45..0000000 Binary files a/exampleSite/static/favicon.ico and /dev/null differ diff --git a/exampleSite/static/images/alex-litvin-790876-unsplash.jpg b/exampleSite/static/images/alex-litvin-790876-unsplash.jpg deleted file mode 100644 index ff0712b..0000000 Binary files a/exampleSite/static/images/alex-litvin-790876-unsplash.jpg and /dev/null differ diff --git a/exampleSite/static/reveal-hugo/themes/robot-lung.css b/exampleSite/static/reveal-hugo/themes/robot-lung.css deleted file mode 100644 index 5d94683..0000000 --- a/exampleSite/static/reveal-hugo/themes/robot-lung.css +++ /dev/null @@ -1,340 +0,0 @@ -/** - - [ robot-lung ] - - A hot pink theme for Reveal.js with Roboto fonts and a colorful border. - By Josh Dzielak, https://dzello.com/, License MIT - - The bold border is optional and requires some HTML. To use it: - - 1. Add 4 divs to your HTML page: -
-
-
-
- - 2. Set { margin: 0.2 } in the Reveal.js initializer to make sure - your presentation content doesn't collide with the frame. - - Like the theme but don't like the colors? Don't fret. Just change - $borderColor and/or $linkColor below to something else and rebuild. - - Or if you don't want to rebuild the theme just override the .line background - property with some CSS: - - .line { - background: ; - } - -*/ -@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:300,700); -@import url(https://fonts.googleapis.com/css?family=Roboto:700); -section.has-light-background, section.has-light-background h1, section.has-light-background h2, section.has-light-background h3, section.has-light-background h4, section.has-light-background h5, section.has-light-background h6 { - color: #141414; } - -.reveal .controls { - right: 50px; - bottom: 50px; } - -.line { - content: ''; - position: fixed; - background: #FF4081; - z-index: 105; } - .line.top { - left: 0; - top: 0; - width: 100%; - height: 30px; } - @media (max-width: 840px) { - .line.top { - height: 15px; } } - .line.bottom { - left: 0; - top: auto; - bottom: 0; - width: 100%; - height: 30px; } - @media (max-width: 840px) { - .line.bottom { - height: 15px; } } - .line.left { - left: 0; - top: 0; - width: 30px; - height: 200%; } - @media (max-width: 840px) { - .line.left { - width: 15px; } } - .line.right { - left: auto; - right: 0; - top: 0; - width: 30px; - height: 200%; } - @media (max-width: 840px) { - .line.right { - width: 15px; } } - -.reveal.has-dark-background .line { - display: none; } - -/********************************************* - * GLOBAL STYLES - *********************************************/ -body { - background: #fff; - background-color: #fff; } - -.reveal { - font-family: "Roboto Slab", serif; - font-size: 32px; - font-weight: normal; - color: #363636; } - -::selection { - color: #fff; - background: #ffc0d5; - text-shadow: none; } - -::-moz-selection { - color: #fff; - background: #ffc0d5; - text-shadow: none; } - -.reveal .slides > section, -.reveal .slides > section > section { - line-height: 1.3; - font-weight: inherit; } - -/********************************************* - * HEADERS - *********************************************/ -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { - margin: 0 0 20px 0; - color: #141414; - font-family: "Roboto", sans-serif; - font-weight: 700; - line-height: 1.2; - letter-spacing: normal; - text-transform: uppercase; - text-shadow: none; - word-wrap: break-word; } - -.reveal h1 { - font-size: 2.6em; } - -.reveal h2 { - font-size: 2.2em; } - -.reveal h3 { - font-size: 1.7em; } - -.reveal h4 { - font-size: 1.4em; } - -.reveal h1 { - text-shadow: none; } - -/********************************************* - * OTHER - *********************************************/ -.reveal p { - margin: 20px 0; - line-height: 1.3; } - -/* Ensure certain elements are never larger than the slide itself */ -.reveal img, -.reveal video, -.reveal iframe { - max-width: 95%; - max-height: 95%; } - -.reveal strong, -.reveal b { - font-weight: bold; } - -.reveal em { - font-style: italic; } - -.reveal ol, -.reveal dl, -.reveal ul { - display: inline-block; - text-align: left; - margin: 0 0 0 1em; } - -.reveal ol { - list-style-type: decimal; } - -.reveal ul { - list-style-type: disc; } - -.reveal ul ul { - list-style-type: square; } - -.reveal ul ul ul { - list-style-type: circle; } - -.reveal ul ul, -.reveal ul ol, -.reveal ol ol, -.reveal ol ul { - display: block; - margin-left: 40px; } - -.reveal dt { - font-weight: bold; } - -.reveal dd { - margin-left: 40px; } - -.reveal blockquote { - display: block; - position: relative; - width: 70%; - margin: 20px auto; - padding: 5px; - font-style: italic; - background: rgba(255, 255, 255, 0.05); - box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); } - -.reveal blockquote p:first-child, -.reveal blockquote p:last-child { - display: inline-block; } - -.reveal q { - font-style: italic; } - -.reveal pre { - display: block; - position: relative; - width: 90%; - margin: 20px auto; - text-align: left; - font-size: 0.55em; - font-family: monospace; - line-height: 1.2em; - word-wrap: break-word; - box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); } - -.reveal code { - font-family: monospace; - text-transform: none; } - -.reveal pre code { - display: block; - padding: 5px; - overflow: auto; - max-height: 400px; - word-wrap: normal; } - -.reveal table { - margin: auto; - border-collapse: collapse; - border-spacing: 0; } - -.reveal table th { - font-weight: bold; } - -.reveal table th, -.reveal table td { - text-align: left; - padding: 0.2em 0.5em 0.2em 0.5em; - border-bottom: 1px solid; } - -.reveal table th[align="center"], -.reveal table td[align="center"] { - text-align: center; } - -.reveal table th[align="right"], -.reveal table td[align="right"] { - text-align: right; } - -.reveal table tbody tr:last-child th, -.reveal table tbody tr:last-child td { - border-bottom: none; } - -.reveal sup { - vertical-align: super; } - -.reveal sub { - vertical-align: sub; } - -.reveal small { - display: inline-block; - font-size: 0.6em; - line-height: 1.2em; - vertical-align: top; } - -.reveal small * { - vertical-align: top; } - -/********************************************* - * LINKS - *********************************************/ -.reveal a { - color: #FF4081; - text-decoration: none; - -webkit-transition: color .15s ease; - -moz-transition: color .15s ease; - transition: color .15s ease; } - -.reveal a:hover { - color: #ff8db3; - text-shadow: none; - border: none; } - -.reveal .roll span:after { - color: #fff; - background: #f30053; } - -/********************************************* - * IMAGES - *********************************************/ -.reveal section img { - margin: 15px 0px; - background: rgba(255, 255, 255, 0.12); - border: 4px solid #363636; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); } - -.reveal section img.plain { - border: 0; - box-shadow: none; } - -.reveal a img { - -webkit-transition: all .15s linear; - -moz-transition: all .15s linear; - transition: all .15s linear; } - -.reveal a:hover img { - background: rgba(255, 255, 255, 0.2); - border-color: #FF4081; - box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); } - -/********************************************* - * NAVIGATION CONTROLS - *********************************************/ -.reveal .controls { - color: #FF4081; } - -/********************************************* - * PROGRESS BAR - *********************************************/ -.reveal .progress { - background: rgba(0, 0, 0, 0.2); - color: #FF4081; } - -.reveal .progress span { - -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); } - -.reveal .progress { - z-index: 1000; - color: #FF80A1; } diff --git a/images/screenshot.png b/images/screenshot.png index 49eda5e..0e74066 100644 Binary files a/images/screenshot.png and b/images/screenshot.png differ diff --git a/static/css/35c3.min.css b/static/css/35c3.min.css new file mode 100644 index 0000000..ec49b04 --- /dev/null +++ b/static/css/35c3.min.css @@ -0,0 +1 @@ +@font-face{font-family:"35c3-font-light";src:url("fonts/35c3-light.woff2") format("woff2"),url("fonts/35c3-light.woff") format("woff");font-weight:normal;font-style:normal}@font-face{font-family:"35c3-font-black";src:url("fonts/35c3-black.woff2") format("woff2"),url("fonts/35c3-black.woff") format("woff");font-weight:bold;font-style:normal}*{box-sizing:border-box}.text-white{color:#fff}.bg-white{color:#000;background-color:#fff}.text-black{color:#000}.bg-black{color:#fff;background-color:#000}.text-fresh{color:#0084b0}.bg-fresh{color:#fff;background-color:#0084b0}.text-hope{color:#00a356}.bg-hope{color:#fff;background-color:#00a356}.text-glint{color:#f9b000}.bg-glint{color:#fff;background-color:#f9b000}.text-beat{color:#e40429}.bg-beat{color:#fff;background-color:#e40429}.text-tenacity{color:#44357e}.bg-tenacity{color:#fff;background-color:#44357e}.text-base{color:#18386b}.bg-base{color:#fff;background-color:#18386b}.text-reboot{color:#4d4d4c}.bg-reboot{color:#fff;background-color:#4d4d4c}*{font-family:"35c3-font-light"}h1,h2,h3,h4,h5,h6{font-family:"35c3-font-black"}a{color:#0084b0}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-nowrap{white-space:nowrap}.text-breakline{white-space:pre-wrap;word-break:break-all}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}label{font-weight:bold}blockquote{padding:10px 20px;margin:0 0 20px;border-left:4px solid transparent;border-image:linear-gradient(to bottom, #00a356, #0084b0) 1 round}code{padding:2px 4px;color:#f9b000;background-color:#4d4d4c}.table{width:100%;max-width:100%;border-spacing:0;border-collapse:collapse}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #4d4d4c}.table tr th,.table tr td{padding:8px;text-align:left;vertical-align:top;font-size:1em}hr{height:8px;border:none;background-image:linear-gradient(to right, #0084b0, #00a356)}.border{border:2px solid transparent;border-image:linear-gradient(to right, #00a356, #0084b0) 1 round}input,textarea,select{width:100%;border-radius:0;box-shadow:none;border:2px solid transparent;border-image:linear-gradient(to right, #00a356, #0084b0) 1 round;background:none;padding:6px 6px;font-size:1em;color:#4d4d4c}input:invalid,input:required,textarea:required{border-image:linear-gradient(to right, #e40429, #44357e) 1 round}input:disabled,textarea:disabled{border-image:linear-gradient(to right, #4d4d4c, #18386b) 1 round}input[type=range]{border:none;background:transparent;margin:0;padding:0;height:32px}input[type=range]:focus{outline:none}input[type=range]::-moz-range-thumb{height:26px;width:26px;border:none;border-radius:50%;background:#009483;cursor:pointer}input[type=range]::-moz-range-thumb:active,input[type=range]::-moz-range-thumb:hover{height:26px;width:26px;border:4px solid #009483;border-radius:50%;cursor:pointer}input[type=range]::-moz-range-track{width:100%;height:8px;cursor:pointer;background-image:linear-gradient(to right, #0084b0, #00a356)}select{-moz-appearance:none;appearance:none}.checkbox{position:relative;display:inline-block;width:26px;height:26px;text-indent:-9999px}.checkbox input{opacity:0;width:0;height:0}.checkbox .toggle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.checkbox .toggle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #4d4d4c;transition:.4s}.checkbox .toggle:after{content:"";position:absolute;width:14px;height:6px;left:5px;top:6px;border:3px solid transparent;border-top:none;border-right:none;transform:rotate(-45deg);transition:.4s}.checkbox input:checked+.toggle:after{border-color:#4d4d4c}.checkbox input:checked+.toggle:before{border-color:#0084b0;background-color:#0084b0}.checkbox.checkbox-hope input:checked+.toggle:before{border-color:#00a356;background-color:#00a356}.checkbox.checkbox-beat input:checked+.toggle:before{border-color:#e40429;background-color:#e40429}.checkbox:hover .toggle:after{border-color:#0084b0}.checkbox.checkbox-hope:hover .toggle:after{border-color:#00a356}.checkbox.checkbox-beat:hover .toggle:after{border-color:#e40429}.checkbox:hover input:checked+.toggle:before,.checkbox.checkbox-hope:hover input:checked+.toggle:before,.checkbox.checkbox-beat:hover input:checked+.toggle:before{background-color:transparent}.checkbox:hover input:checked+.toggle:after,.checkbox.checkbox-hope:hover input:checked+.toggle:after,.checkbox.checkbox-beat:hover input:checked+.toggle:after{border-color:transparent}.radio{position:relative;display:inline-block;width:26px;height:26px;text-indent:-9999px}.radio input{opacity:0;width:0;height:0}.radio .toggle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.radio .toggle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #4d4d4c;border-radius:100%;transition:.4s}.radio .toggle:after{content:"";position:absolute;width:11px;height:11px;left:7px;top:7px;border:1px solid transparent;border-top:none;border-right:none;border-radius:100%;transition:.4s}.radio input:checked+.toggle:after{background-color:#4d4d4c}.radio input:checked+.toggle:before{border-color:#0084b0}.radio.radio-hope input:checked+.toggle:before{border-color:#00a356}.radio.radio-beat input:checked+.toggle:before{border-color:#e40429}.radio:hover .toggle:after,.radio input:checked+.toggle:after{background-color:#0084b0}.radio.radio-hope:hover .toggle:after,.radio.radio-hope input:checked+.toggle:after{background-color:#00a356}.radio.radio-beat:hover .toggle:after,.radio.radio-beat input:checked+.toggle:after{background-color:#e40429}.switch{position:relative;display:inline-block;width:48px;height:26px;text-indent:-9999px}.switch input{opacity:0;width:0;height:0}.switch .toggle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0}.switch .toggle:before{position:absolute;top:3px;left:0;right:0;bottom:3px;content:"";background-color:#4d4d4c;border-radius:26px;transition:.4s}.switch .toggle:after{position:absolute;content:"";height:26px;width:26px;left:0;bottom:0;background-color:#0084b0;transition:.2s;border-radius:50%;transition:.4s}.switch.switch-hope .toggle:after{background-color:#00a356}.switch.switch-beat .toggle:after{background-color:#e40429}.switch input:checked+.toggle:after{transform:translateX(23px);background-color:#4d4d4c}.switch input:checked+.toggle:before{background-color:#0084b0}.switch.switch-hope input:checked+.toggle:before{background-color:#00a356}.switch.switch-beat input:checked+.toggle:before{background-color:#e40429}button{font-size:1em}.btn{display:inline-block;text-align:center;padding:8px;cursor:pointer;white-space:nowrap;vertical-align:middle;border:none;color:#4d4d4c;background-color:transparent}.btn:hover{opacity:.8}.btn:active{opacity:.9}.btn-white{background-color:#fff}.btn-black{background-color:#000}.btn-fresh{color:#fff;background-color:#0084b0}.btn-hope{color:#fff;background-color:#00a356}.btn-glint{color:#fff;background-color:#f9b000}.btn-beat{color:#fff;background-color:#e40429}.btn-tenacity{color:#fff;background-color:#44357e}.btn-base{color:#fff;background-color:#18386b}.btn-reboot{color:#fff;background-color:#4d4d4c}.btn.btn-block{width:100%}.btn-xs{font-size:.7em;padding:4px}.btn-sm{font-size:.9em;padding:6px}.btn-xl{font-size:1.2em;padding:10px}.btn-round{width:2.33em;height:2.33em;border-radius:50%;overflow:hidden;display:inline-flex;justify-content:center;align-items:center;flex-direction:row}.img-auto{display:block;max-width:100%;height:auto}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media screen and (min-width: 768px){.container{width:744.96px}}@media screen and (min-width: 992px){.container{width:962.24px}}@media screen and (min-width: 1200px){.container{width:1164px}}@media screen and (min-width: 1800px){.container{width:1746px}}.row{display:grid;grid-template-columns:repeat(12, 1fr);grid-row-gap:8px;grid-column-gap:8px}.col-1{grid-column-end:span 1}.col-offset-1{grid-column-start:2}.col-2{grid-column-end:span 2}.col-offset-2{grid-column-start:3}.col-3{grid-column-end:span 3}.col-offset-3{grid-column-start:4}.col-4{grid-column-end:span 4}.col-offset-4{grid-column-start:5}.col-5{grid-column-end:span 5}.col-offset-5{grid-column-start:6}.col-6{grid-column-end:span 6}.col-offset-6{grid-column-start:7}.col-7{grid-column-end:span 7}.col-offset-7{grid-column-start:8}.col-8{grid-column-end:span 8}.col-offset-8{grid-column-start:9}.col-9{grid-column-end:span 9}.col-offset-9{grid-column-start:10}.col-10{grid-column-end:span 10}.col-offset-10{grid-column-start:11}.col-11{grid-column-end:span 11}.col-offset-11{grid-column-start:12}.col-12{grid-column-end:span 12}.col-offset-12{grid-column-start:13}@media screen and (max-width: 767px){.col-xs-1{grid-column-end:span 1}.col-xs-offset-1{grid-column-start:2}.col-xs-2{grid-column-end:span 2}.col-xs-offset-2{grid-column-start:3}.col-xs-3{grid-column-end:span 3}.col-xs-offset-3{grid-column-start:4}.col-xs-4{grid-column-end:span 4}.col-xs-offset-4{grid-column-start:5}.col-xs-5{grid-column-end:span 5}.col-xs-offset-5{grid-column-start:6}.col-xs-6{grid-column-end:span 6}.col-xs-offset-6{grid-column-start:7}.col-xs-7{grid-column-end:span 7}.col-xs-offset-7{grid-column-start:8}.col-xs-8{grid-column-end:span 8}.col-xs-offset-8{grid-column-start:9}.col-xs-9{grid-column-end:span 9}.col-xs-offset-9{grid-column-start:10}.col-xs-10{grid-column-end:span 10}.col-xs-offset-10{grid-column-start:11}.col-xs-11{grid-column-end:span 11}.col-xs-offset-11{grid-column-start:12}.col-xs-12{grid-column-end:span 12}.col-xs-offset-12{grid-column-start:13}}@media screen and (min-width: 768px){.col-sm-1{grid-column-end:span 1}.col-sm-offset-1{grid-column-start:2}.col-sm-2{grid-column-end:span 2}.col-sm-offset-2{grid-column-start:3}.col-sm-3{grid-column-end:span 3}.col-sm-offset-3{grid-column-start:4}.col-sm-4{grid-column-end:span 4}.col-sm-offset-4{grid-column-start:5}.col-sm-5{grid-column-end:span 5}.col-sm-offset-5{grid-column-start:6}.col-sm-6{grid-column-end:span 6}.col-sm-offset-6{grid-column-start:7}.col-sm-7{grid-column-end:span 7}.col-sm-offset-7{grid-column-start:8}.col-sm-8{grid-column-end:span 8}.col-sm-offset-8{grid-column-start:9}.col-sm-9{grid-column-end:span 9}.col-sm-offset-9{grid-column-start:10}.col-sm-10{grid-column-end:span 10}.col-sm-offset-10{grid-column-start:11}.col-sm-11{grid-column-end:span 11}.col-sm-offset-11{grid-column-start:12}.col-sm-12{grid-column-end:span 12}.col-sm-offset-12{grid-column-start:13}}@media screen and (min-width: 992px){.col-md-1{grid-column-end:span 1}.col-md-offset-1{grid-column-start:2}.col-md-2{grid-column-end:span 2}.col-md-offset-2{grid-column-start:3}.col-md-3{grid-column-end:span 3}.col-md-offset-3{grid-column-start:4}.col-md-4{grid-column-end:span 4}.col-md-offset-4{grid-column-start:5}.col-md-5{grid-column-end:span 5}.col-md-offset-5{grid-column-start:6}.col-md-6{grid-column-end:span 6}.col-md-offset-6{grid-column-start:7}.col-md-7{grid-column-end:span 7}.col-md-offset-7{grid-column-start:8}.col-md-8{grid-column-end:span 8}.col-md-offset-8{grid-column-start:9}.col-md-9{grid-column-end:span 9}.col-md-offset-9{grid-column-start:10}.col-md-10{grid-column-end:span 10}.col-md-offset-10{grid-column-start:11}.col-md-11{grid-column-end:span 11}.col-md-offset-11{grid-column-start:12}.col-md-12{grid-column-end:span 12}.col-md-offset-12{grid-column-start:13}}@media screen and (min-width: 1200px){.col-lg-1{grid-column-end:span 1}.col-lg-offset-1{grid-column-start:2}.col-lg-2{grid-column-end:span 2}.col-lg-offset-2{grid-column-start:3}.col-lg-3{grid-column-end:span 3}.col-lg-offset-3{grid-column-start:4}.col-lg-4{grid-column-end:span 4}.col-lg-offset-4{grid-column-start:5}.col-lg-5{grid-column-end:span 5}.col-lg-offset-5{grid-column-start:6}.col-lg-6{grid-column-end:span 6}.col-lg-offset-6{grid-column-start:7}.col-lg-7{grid-column-end:span 7}.col-lg-offset-7{grid-column-start:8}.col-lg-8{grid-column-end:span 8}.col-lg-offset-8{grid-column-start:9}.col-lg-9{grid-column-end:span 9}.col-lg-offset-9{grid-column-start:10}.col-lg-10{grid-column-end:span 10}.col-lg-offset-10{grid-column-start:11}.col-lg-11{grid-column-end:span 11}.col-lg-offset-11{grid-column-start:12}.col-lg-12{grid-column-end:span 12}.col-lg-offset-12{grid-column-start:13}}@media screen and (min-width: 1800px){.col-xl-1{grid-column-end:span 1}.col-xl-offset-1{grid-column-start:2}.col-xl-2{grid-column-end:span 2}.col-xl-offset-2{grid-column-start:3}.col-xl-3{grid-column-end:span 3}.col-xl-offset-3{grid-column-start:4}.col-xl-4{grid-column-end:span 4}.col-xl-offset-4{grid-column-start:5}.col-xl-5{grid-column-end:span 5}.col-xl-offset-5{grid-column-start:6}.col-xl-6{grid-column-end:span 6}.col-xl-offset-6{grid-column-start:7}.col-xl-7{grid-column-end:span 7}.col-xl-offset-7{grid-column-start:8}.col-xl-8{grid-column-end:span 8}.col-xl-offset-8{grid-column-start:9}.col-xl-9{grid-column-end:span 9}.col-xl-offset-9{grid-column-start:10}.col-xl-10{grid-column-end:span 10}.col-xl-offset-10{grid-column-start:11}.col-xl-11{grid-column-end:span 11}.col-xl-offset-11{grid-column-start:12}.col-xl-12{grid-column-end:span 12}.col-xl-offset-12{grid-column-start:13}}.hidden{display:none}.visible,.visible-block{display:block}.visible-inline{display:inline}.visible-inline-block{display:inline-block}.visible-print,.visible-print-block,.visible-print-inline,.visible-print-inline-block{display:none}@media print{.hidden-print{display:none}.visible-print,.visible-print-block{display:block}.visible-print-inline{display:inline}.visible-print-inline-block{display:inline-block}}@media screen and (max-width: 767px){.hidden-xs{display:none}.visible-xs,.visible-xs-block{display:block}.visible-xs-inline{display:inline}.visible-xs-inline-block{display:inline-block}}@media screen and (min-width: 768px)and (max-width: 991px){.hidden-sm{display:none}.visible-sm,.visible-sm-block{display:block}.visible-sm-inline{display:inline}.visible-sm-inline-block{display:inline-block}}@media screen and (min-width: 992px)and (max-width: 1199px){.hidden-md{display:none}.visible-md,.visible-md-block{display:block}.visible-md-inline{display:inline}.visible-md-inline-block{display:inline-block}}@media screen and (min-width: 1200px)and (max-width: 1799px){.hidden-lg{display:none}.visible-lg,.visible-lg-block{display:block}.visible-lg-inline{display:inline}.visible-lg-inline-block{display:inline-block}}@media screen and (min-width: 1800px){.hidden-xl{display:none}.visible-xl,.visible-xl-block{display:block}.visible-xl-inline{display:inline}.visible-xl-inline-block{display:inline-block}}/*# sourceMappingURL=35c3.min.css.map */ diff --git a/static/css/fonts/35c3-black.woff b/static/css/fonts/35c3-black.woff new file mode 100644 index 0000000..05da8f2 Binary files /dev/null and b/static/css/fonts/35c3-black.woff differ diff --git a/static/css/fonts/35c3-black.woff2 b/static/css/fonts/35c3-black.woff2 new file mode 100644 index 0000000..23bf0a3 Binary files /dev/null and b/static/css/fonts/35c3-black.woff2 differ diff --git a/static/css/fonts/35c3-light.woff b/static/css/fonts/35c3-light.woff new file mode 100644 index 0000000..a3660d0 Binary files /dev/null and b/static/css/fonts/35c3-light.woff differ diff --git a/static/css/fonts/35c3-light.woff2 b/static/css/fonts/35c3-light.woff2 new file mode 100644 index 0000000..5ab01ce Binary files /dev/null and b/static/css/fonts/35c3-light.woff2 differ diff --git a/static/css/reveal.css b/static/css/reveal.css new file mode 100644 index 0000000..e225c83 --- /dev/null +++ b/static/css/reveal.css @@ -0,0 +1,293 @@ +@import "35c3.min.css"; + +body { + color:#fff; + background-color:#000; + font-size: 32px; + font-weight: normal; + padding: 5px; +} + +.reveal { + padding: 5px; + border: 8px solid; + border-image: linear-gradient(to right, #00a356, #0084b0) 1; +} + +.reveal .controls { + color: #00a356; + right: 50px; + bottom: 50px; +} + +::selection { + color: #fff; + background: #ffc0d5; + text-shadow: none; +} + +::-moz-selection { + color: #fff; + background: #ffc0d5; + text-shadow: none; +} + +.reveal .slides > section, +.reveal .slides > section > section { + line-height: 1.3; + font-weight: inherit; +} + +/********************************************* + * HEADERS + *********************************************/ +.reveal h1, +.reveal h2, +.reveal h3, +.reveal h4, +.reveal h5, +.reveal h6 { + margin: 0 0 20px 0; + font-weight: 700; + line-height: 1.2; + letter-spacing: normal; + text-transform: uppercase; + text-shadow: none; + word-wrap: break-word; +} + +.reveal h1 { + font-size: 2.6em; +} + +.reveal h2 { + font-size: 2.2em; +} + +.reveal h3 { + font-size: 1.7em; +} + +.reveal h4 { + font-size: 1.4em; +} + +.reveal h1 { + text-shadow: none; +} + +/********************************************* + * OTHER + *********************************************/ +.reveal p { + margin: 20px 0; + line-height: 1.3; +} + +/* Ensure certain elements are never larger than the slide itself */ +.reveal img, +.reveal video, +.reveal iframe { + max-width: 95%; + max-height: 95%; +} + +.reveal strong, +.reveal b { + font-weight: bold; +} + +.reveal em { + font-style: italic; +} + +.reveal ol, +.reveal dl, +.reveal ul { + display: inline-block; + text-align: left; + margin: 0 0 0 1em; +} + +.reveal ol { + list-style-type: decimal; +} + +.reveal ul { + list-style-type: disc; +} + +.reveal ul ul { + list-style-type: square; +} + +.reveal ul ul ul { + list-style-type: circle; +} + +.reveal ul ul, +.reveal ul ol, +.reveal ol ol, +.reveal ol ul { + display: block; + margin-left: 40px; +} + +.reveal dt { + font-weight: bold; +} + +.reveal dd { + margin-left: 40px; +} + +.reveal blockquote { + display: block; + position: relative; + width: 70%; + margin: 20px auto; + padding: 5px; + font-style: italic; + background: rgba(255, 255, 255, 0.05); + box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); +} + +.reveal blockquote p:first-child, +.reveal blockquote p:last-child { + display: inline-block; +} + +.reveal q { + font-style: italic; +} + +.reveal pre { + display: block; + position: relative; + width: 90%; + margin: 20px auto; + text-align: left; + font-size: 0.55em; + font-family: monospace; + line-height: 1.2em; + word-wrap: break-word; + box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.3); + border: 2px solid transparent; + border-image: linear-gradient(to right, #00a356, #0084b0) 1 round; +} + +.reveal code { + font-family: monospace; + text-transform: none; +} + +.reveal pre code { + display: block; + padding: 5px; + overflow: auto; + max-height: 400px; + word-wrap: normal; +} + +.reveal table { + margin: auto; + border-collapse: collapse; + border-spacing: 0; +} + +.reveal table th { + font-weight: bold; +} + +.reveal table th, +.reveal table td { + text-align: left; + padding: 0.2em 0.5em 0.2em 0.5em; + border-bottom: 1px solid; +} + +.reveal table th[align="center"], +.reveal table td[align="center"] { + text-align: center; +} + +.reveal table th[align="right"], +.reveal table td[align="right"] { + text-align: right; +} + +.reveal table tbody tr:last-child th, +.reveal table tbody tr:last-child td { + border-bottom: none; +} + +.reveal sup { + vertical-align: super; +} + +.reveal sub { + vertical-align: sub; +} + +.reveal small { + display: inline-block; + font-size: 0.6em; + line-height: 1.2em; + vertical-align: top; +} + +.reveal small * { + vertical-align: top; +} + +/********************************************* + * LINKS + *********************************************/ +.reveal .roll span:after { + color: #fff; + background: #f30053; +} + +/********************************************* + * IMAGES + *********************************************/ +.reveal section img { + margin: 15px 0px; + background: rgba(255, 255, 255, 0.12); + border: 4px solid #363636; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); +} + +.reveal section img.plain { + border: 0; + box-shadow: none; +} + +.reveal a img { + -webkit-transition: all .15s linear; + -moz-transition: all .15s linear; + transition: all .15s linear; +} + +.reveal a:hover img { + background: rgba(255, 255, 255, 0.2); + border-color: #00a356; + box-shadow: 0 0 20px rgba(0, 0, 0, 0.55); +} + +/********************************************* + * PROGRESS BAR + *********************************************/ + +.reveal .progress span { + -webkit-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); + -moz-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); + transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); +} + +.reveal .progress { + margin: 2px; + z-index: 1000; + background: rgba(0, 0, 0, 0.2); + color: #00a356; +}