From 917c9d6d218d5560464a1b8bbca43d1ff6a1ba6a Mon Sep 17 00:00:00 2001 From: Adrien Poly Date: Tue, 7 May 2024 00:23:11 +0200 Subject: [PATCH] fix and modernize lineup (#244) --- app/assets/javascripts/lineup.js | 9 - app/assets/stylesheets/lineup.css | 7 - app/assets/stylesheets/reveal-parisrb.css | 111 -- app/assets/stylesheets/reveal.css | 1688 --------------------- app/controllers/lineups_controller.rb | 8 +- app/views/layouts/reveal.html.erb | 14 - app/views/layouts/slides.html.erb | 21 + app/views/lineups/_newcomers.html.erb | 13 +- app/views/lineups/_social_media.html.erb | 40 +- app/views/lineups/_speakers.html.erb | 13 +- app/views/lineups/_sponsors.html.erb | 18 +- app/views/lineups/_talks.html.erb | 30 +- app/views/lineups/_welcome.html.erb | 5 +- app/views/lineups/show.html.erb | 8 +- config/initializers/assets.rb | 1 - test/system/lineups_test.rb | 4 +- 16 files changed, 101 insertions(+), 1889 deletions(-) delete mode 100644 app/assets/javascripts/lineup.js delete mode 100644 app/assets/stylesheets/lineup.css delete mode 100644 app/assets/stylesheets/reveal-parisrb.css delete mode 100644 app/assets/stylesheets/reveal.css delete mode 100644 app/views/layouts/reveal.html.erb create mode 100644 app/views/layouts/slides.html.erb diff --git a/app/assets/javascripts/lineup.js b/app/assets/javascripts/lineup.js deleted file mode 100644 index c16a6795..00000000 --- a/app/assets/javascripts/lineup.js +++ /dev/null @@ -1,9 +0,0 @@ -//= require reveal -//= require_self - -window.Reveal.initialize({ - controls: false, - history: true, - progress: false, - transition: 'linear' -}) diff --git a/app/assets/stylesheets/lineup.css b/app/assets/stylesheets/lineup.css deleted file mode 100644 index 010250c1..00000000 --- a/app/assets/stylesheets/lineup.css +++ /dev/null @@ -1,7 +0,0 @@ -@import "reveal"; -@import "reveal-parisrb"; - -.social_media__logo { - width: 160px; - height: 100px; -} diff --git a/app/assets/stylesheets/reveal-parisrb.css b/app/assets/stylesheets/reveal-parisrb.css deleted file mode 100644 index 89982a6d..00000000 --- a/app/assets/stylesheets/reveal-parisrb.css +++ /dev/null @@ -1,111 +0,0 @@ -@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700); - -/* Variables */ -:root { - --mainColor: #000; - --imgColor: #eee; - --backgroundColor: #fff; - --mainFont: "Lato", "Helvetica Neue", Helvetica, Arial, sans-serif; - --mainFontSize: 36px; - --headingFont: var(--mainFont); - --headingColor: #b31d0f; - --linkColor: #b31d0f; - --linkColorHover: #f77c66; - --headingMargin: 0 0 20px 0; - --headingLineHeight: 0.9em; - --headingLetterSpacing: 0.02em; - --headingTextTransform: uppercase; - --headingTextShadow: 0px 0px 6px rgba(0, 0, 0, 0.2); - --heading1TextShadow: var(--headingTextShadow); - --selectionBackgroundColor: #ff5e99; - --selectionColor: #fff; -} - -/* Styles */ -body { - background-color: var(--backgroundColor); -} - -::selection { - color: var(--selectionColor); - background: var(--selectionBackgroundColor); -} - -.reveal { - color: var(--mainColor); - font-family: var(--mainFont); - font-size: var(--mainFontSize); - font-weight: normal; - letter-spacing: -0.02em; -} - -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { - color: var(--headingColor); - font-family: var(--headingFont); - font-weight: 200; - letter-spacing: var(--headingLetterSpacing); - line-height: var(--headingLineHeight); - margin: var(--headingMargin); - text-transform: var(--headingTextTransform); -} - -.reveal h3 { - margin-top: 1em; -} - -.reveal a:not(.image) { - color: var(--linkColor); - text-decoration: none; -} - -.reveal a:not(.image):hover { - border: none; - color: var(--linkColorHover); - text-shadow: none; -} - -.reveal section img { - margin: 15px 0px; - background: #fefefe; - border: 2px solid #ddd; - padding: 0.2em; -} - -.reveal a:hover img { - background: rgba(255, 255, 255, 0.2); - border-color: var(--linkColor); -} - -.reveal table { - font-size: 0.6em; - margin: auto; - width: 90%; - margin-bottom: 2em; -} - -.reveal table td, -.reveal table th { - border-bottom: 1px solid #eee; -} - -.reveal .header { - height: 60px; - line-height: 60px; - padding: 10px 30px; - pointer-events: none; -} - -.reveal .header .date { - float: right; - font-size: 20px; -} - -.reveal .header .logo { - float: left; - height: 100%; -} diff --git a/app/assets/stylesheets/reveal.css b/app/assets/stylesheets/reveal.css deleted file mode 100644 index 592ca489..00000000 --- a/app/assets/stylesheets/reveal.css +++ /dev/null @@ -1,1688 +0,0 @@ -@charset "UTF-8"; /*! - * reveal.js - * http://lab.hakim.se/reveal-js - * MIT licensed - * - * Copyright (C) 2014 Hakim El Hattab, http://hakim.se - */ -html, -body, -.reveal div, -.reveal span, -.reveal applet, -.reveal object, -.reveal iframe, -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6, -.reveal p, -.reveal blockquote, -.reveal pre, -.reveal a, -.reveal abbr, -.reveal acronym, -.reveal address, -.reveal big, -.reveal cite, -.reveal code, -.reveal del, -.reveal dfn, -.reveal em, -.reveal img, -.reveal ins, -.reveal kbd, -.reveal q, -.reveal s, -.reveal samp, -.reveal small, -.reveal strike, -.reveal strong, -.reveal sub, -.reveal sup, -.reveal tt, -.reveal var, -.reveal b, -.reveal u, -.reveal i, -.reveal center, -.reveal dl, -.reveal dt, -.reveal dd, -.reveal ol, -.reveal ul, -.reveal li, -.reveal fieldset, -.reveal form, -.reveal label, -.reveal legend, -.reveal table, -.reveal caption, -.reveal tbody, -.reveal tfoot, -.reveal thead, -.reveal tr, -.reveal th, -.reveal td, -.reveal article, -.reveal aside, -.reveal canvas, -.reveal details, -.reveal embed, -.reveal figure, -.reveal figcaption, -.reveal footer, -.reveal header, -.reveal hgroup, -.reveal menu, -.reveal nav, -.reveal output, -.reveal ruby, -.reveal section, -.reveal summary, -.reveal time, -.reveal mark, -.reveal audio, -video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} -.reveal article, -.reveal aside, -.reveal details, -.reveal figcaption, -.reveal figure, -.reveal footer, -.reveal header, -.reveal hgroup, -.reveal menu, -.reveal nav, -.reveal section { - display: block; -} -html, -body { - width: 100%; - height: 100%; - overflow: hidden; -} -body { - position: relative; - line-height: 1; -} -::selection { - background: #ff5e99; - color: #fff; - text-shadow: none; -} -.reveal h1, -.reveal h2, -.reveal h3, -.reveal h4, -.reveal h5, -.reveal h6 { - -webkit-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; - word-wrap: break-word; - line-height: 1; -} -.reveal h1 { - font-size: 3.77em; -} -.reveal h2 { - font-size: 2.11em; -} -.reveal h3 { - font-size: 1.55em; -} -.reveal h4 { - font-size: 1em; -} -.reveal .slides section .fragment { - opacity: 0; - -webkit-transition: all 0.2s ease; - -moz-transition: all 0.2s ease; - -ms-transition: all 0.2s ease; - -o-transition: all 0.2s ease; - transition: all 0.2s ease; -} -.reveal .slides section .fragment.visible { - opacity: 1; -} -.reveal .slides section .fragment.grow { - opacity: 1; -} -.reveal .slides section .fragment.grow.visible { - -webkit-transform: scale(1.3); - -moz-transform: scale(1.3); - -ms-transform: scale(1.3); - -o-transform: scale(1.3); - transform: scale(1.3); -} -.reveal .slides section .fragment.shrink { - opacity: 1; -} -.reveal .slides section .fragment.shrink.visible { - -webkit-transform: scale(0.7); - -moz-transform: scale(0.7); - -ms-transform: scale(0.7); - -o-transform: scale(0.7); - transform: scale(0.7); -} -.reveal .slides section .fragment.zoom-in { - opacity: 0; - -webkit-transform: scale(0.1); - -moz-transform: scale(0.1); - -ms-transform: scale(0.1); - -o-transform: scale(0.1); - transform: scale(0.1); -} -.reveal .slides section .fragment.zoom-in.visible { - opacity: 1; - -webkit-transform: scale(1); - -moz-transform: scale(1); - -ms-transform: scale(1); - -o-transform: scale(1); - transform: scale(1); -} -.reveal .slides section .fragment.roll-in { - opacity: 0; - -webkit-transform: rotateX(90deg); - -moz-transform: rotateX(90deg); - -ms-transform: rotateX(90deg); - -o-transform: rotateX(90deg); - transform: rotateX(90deg); -} -.reveal .slides section .fragment.roll-in.visible { - opacity: 1; - -webkit-transform: rotateX(0); - -moz-transform: rotateX(0); - -ms-transform: rotateX(0); - -o-transform: rotateX(0); - transform: rotateX(0); -} -.reveal .slides section .fragment.fade-out { - opacity: 1; -} -.reveal .slides section .fragment.fade-out.visible { - opacity: 0; -} -.reveal .slides section .fragment.semi-fade-out { - opacity: 1; -} -.reveal .slides section .fragment.semi-fade-out.visible { - opacity: 0.5; -} -.reveal .slides section .fragment.current-visible { - opacity: 0; -} -.reveal .slides section .fragment.current-visible.current-fragment { - opacity: 1; -} -.reveal .slides section .fragment.highlight-red, -.reveal .slides section .fragment.highlight-current-red, -.reveal .slides section .fragment.highlight-green, -.reveal .slides section .fragment.highlight-current-green, -.reveal .slides section .fragment.highlight-blue, -.reveal .slides section .fragment.highlight-current-blue { - opacity: 1; -} -.reveal .slides section .fragment.highlight-red.visible { - color: #ff2c2d; -} -.reveal .slides section .fragment.highlight-green.visible { - color: #17ff2e; -} -.reveal .slides section .fragment.highlight-blue.visible { - color: #1b91ff; -} -.reveal .slides section .fragment.highlight-current-red.current-fragment { - color: #ff2c2d; -} -.reveal .slides section .fragment.highlight-current-green.current-fragment { - color: #17ff2e; -} -.reveal .slides section .fragment.highlight-current-blue.current-fragment { - color: #1b91ff; -} -.reveal:after { - content: ""; - font-style: italic; -} -.reveal iframe { - z-index: 1; -} -.reveal img, -.reveal video, -.reveal iframe { - max-width: 95%; - max-height: 95%; -} -.reveal a { - position: relative; -} -.reveal strong, -.reveal b { - font-weight: 700; -} -.reveal em, -.reveal i { - font-style: italic; -} -.reveal ol, -.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 p { - margin-bottom: 10px; - line-height: 1.2em; -} -.reveal q, -.reveal blockquote { - quotes: none; -} -.reveal blockquote { - display: block; - position: relative; - width: 70%; - margin: 5px auto; - padding: 5px; - font-style: italic; - background: rgba(255, 255, 255, 0.05); - box-shadow: 0 0 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: 15px auto; - text-align: left; - font-size: 0.55em; - font-family: monospace; - line-height: 1.2em; - word-wrap: break-word; - box-shadow: 0 0 6px rgba(0, 0, 0, 0.3); -} -.reveal code { - font-family: monospace; -} -.reveal pre code { - padding: 5px; - overflow: auto; - max-height: 400px; - word-wrap: normal; -} -.reveal pre.stretch code { - height: 100%; - max-height: 100%; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.reveal table th, -.reveal table td { - text-align: left; - padding-right: 0.3em; -} -.reveal table th { - font-weight: 700; -} -.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; -} -.reveal .stretch { - max-width: none; - max-height: none; -} -.reveal .controls { - display: none; - position: fixed; - width: 110px; - height: 110px; - z-index: 30; - right: 10px; - bottom: 10px; -} -.reveal .controls div { - position: absolute; - opacity: 0.05; - width: 0; - height: 0; - border: 12px solid transparent; - -moz-transform: scale(0.9999); - -webkit-transition: all 0.2s ease; - -moz-transition: all 0.2s ease; - -ms-transition: all 0.2s ease; - -o-transition: all 0.2s ease; - transition: all 0.2s ease; -} -.reveal .controls div.enabled { - opacity: 0.7; - cursor: pointer; -} -.reveal .controls div.enabled:active { - margin-top: 1px; -} -.reveal .controls div.navigate-left { - top: 42px; - border-right-width: 22px; - border-right-color: #eee; -} -.reveal .controls div.navigate-left.fragmented { - opacity: 0.3; -} -.reveal .controls div.navigate-right { - left: 74px; - top: 42px; - border-left-width: 22px; - border-left-color: #eee; -} -.reveal .controls div.navigate-right.fragmented { - opacity: 0.3; -} -.reveal .controls div.navigate-up { - left: 42px; - border-bottom-width: 22px; - border-bottom-color: #eee; -} -.reveal .controls div.navigate-up.fragmented { - opacity: 0.3; -} -.reveal .controls div.navigate-down { - left: 42px; - top: 74px; - border-top-width: 22px; - border-top-color: #eee; -} -.reveal .controls div.navigate-down.fragmented { - opacity: 0.3; -} -.reveal .progress { - position: fixed; - display: none; - height: 3px; - width: 100%; - bottom: 0; - left: 0; - z-index: 10; -} -.reveal .progress:after { - content: ""; - display: "block"; - position: absolute; - height: 20px; - width: 100%; - top: -20px; -} -.reveal .progress span { - display: block; - height: 100%; - width: 0; - -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); - -ms-transition: width 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -o-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 .slide-number { - position: fixed; - display: block; - right: 15px; - bottom: 15px; - opacity: 0.5; - z-index: 31; - font-size: 12px; -} -.reveal { - position: relative; - width: 100%; - height: 100%; - -ms-touch-action: none; -} -.reveal .slides { - position: absolute; - width: 100%; - height: 100%; - left: 50%; - top: 50%; - overflow: visible; - z-index: 1; - text-align: center; - -webkit-transition: -webkit-perspective 0.4s ease; - -moz-transition: -moz-perspective 0.4s ease; - -ms-transition: -ms-perspective 0.4s ease; - -o-transition: -o-perspective 0.4s ease; - transition: perspective 0.4s ease; - -webkit-perspective: 600px; - -moz-perspective: 600px; - -ms-perspective: 600px; - perspective: 600px; - -webkit-perspective-origin: 0 -100px; - -moz-perspective-origin: 0 -100px; - -ms-perspective-origin: 0 -100px; - perspective-origin: 0 -100px; -} -.reveal .slides > section { - -ms-perspective: 600px; -} -.reveal .slides > section, -.reveal .slides > section > section { - display: none; - position: absolute; - width: 100%; - padding: 20px 0; - z-index: 10; - line-height: 1.2em; - font-weight: inherit; - -webkit-transform-style: preserve-3d; - -moz-transform-style: preserve-3d; - -ms-transform-style: preserve-3d; - transform-style: preserve-3d; - -webkit-transition: -webkit-transform-origin 800ms - cubic-bezier(0.26, 0.86, 0.44, 0.985), - -webkit-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), - visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), - opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -moz-transition: -moz-transform-origin 800ms - cubic-bezier(0.26, 0.86, 0.44, 0.985), - -moz-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), - visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), - opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -ms-transition: -ms-transform-origin 800ms - cubic-bezier(0.26, 0.86, 0.44, 0.985), - -ms-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), - visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), - opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -o-transition: -o-transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), - -o-transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), - visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), - opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - transition: transform-origin 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), - transform 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), - visibility 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985), - opacity 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -} -.reveal[data-transition-speed="fast"] .slides section { - -webkit-transition-duration: 400ms; - -moz-transition-duration: 400ms; - -ms-transition-duration: 400ms; - transition-duration: 400ms; -} -.reveal[data-transition-speed="slow"] .slides section { - -webkit-transition-duration: 1200ms; - -moz-transition-duration: 1200ms; - -ms-transition-duration: 1200ms; - transition-duration: 1200ms; -} -.reveal .slides section[data-transition-speed="fast"] { - -webkit-transition-duration: 400ms; - -moz-transition-duration: 400ms; - -ms-transition-duration: 400ms; - transition-duration: 400ms; -} -.reveal .slides section[data-transition-speed="slow"] { - -webkit-transition-duration: 1200ms; - -moz-transition-duration: 1200ms; - -ms-transition-duration: 1200ms; - transition-duration: 1200ms; -} -.reveal .slides > section { - left: -50%; - top: -50%; -} -.reveal .slides > section.stack { - padding-top: 0; - padding-bottom: 0; -} -.reveal .slides > section.present, -.reveal .slides > section > section.present { - display: block; - z-index: 11; - opacity: 1; -} -.reveal.center, -.reveal.center .slides, -.reveal.center .slides section { - min-height: auto !important; -} -.reveal .slides > section.future, -.reveal .slides > section > section.future, -.reveal .slides > section.past, -.reveal .slides > section > section.past { - pointer-events: none; -} -.reveal.overview .slides > section, -.reveal.overview .slides > section > section { - pointer-events: auto; -} -.reveal .slides > section[data-transition="default"].past, -.reveal .slides > section.past { - display: block; - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) - translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg) - translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg) - translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); -} -.reveal .slides > section[data-transition="default"].future, -.reveal .slides > section.future { - display: block; - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) - translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); -} -.reveal .slides > section > section[data-transition="default"].past, -.reveal .slides > section > section.past { - display: block; - opacity: 0; - -webkit-transform: translate3d(0, -300px, 0) rotateX(70deg) - translate3d(0, -300px, 0); - -moz-transform: translate3d(0, -300px, 0) rotateX(70deg) - translate3d(0, -300px, 0); - -ms-transform: translate3d(0, -300px, 0) rotateX(70deg) - translate3d(0, -300px, 0); - transform: translate3d(0, -300px, 0) rotateX(70deg) translate3d(0, -300px, 0); -} -.reveal .slides > section > section[data-transition="default"].future, -.reveal .slides > section > section.future { - display: block; - opacity: 0; - -webkit-transform: translate3d(0, 300px, 0) rotateX(-70deg) - translate3d(0, 300px, 0); - -moz-transform: translate3d(0, 300px, 0) rotateX(-70deg) - translate3d(0, 300px, 0); - -ms-transform: translate3d(0, 300px, 0) rotateX(-70deg) - translate3d(0, 300px, 0); - transform: translate3d(0, 300px, 0) rotateX(-70deg) translate3d(0, 300px, 0); -} -.reveal .slides > section[data-transition="concave"].past, -.reveal.concave .slides > section.past { - -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) - translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg) - translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg) - translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); -} -.reveal .slides > section[data-transition="concave"].future, -.reveal.concave .slides > section.future { - -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) - translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0) rotateY(-90deg) - translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); -} -.reveal .slides > section > section[data-transition="concave"].past, -.reveal.concave .slides > section > section.past { - -webkit-transform: translate3d(0, -80%, 0) rotateX(-70deg) - translate3d(0, -80%, 0); - -moz-transform: translate3d(0, -80%, 0) rotateX(-70deg) - translate3d(0, -80%, 0); - -ms-transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); - transform: translate3d(0, -80%, 0) rotateX(-70deg) translate3d(0, -80%, 0); -} -.reveal .slides > section > section[data-transition="concave"].future, -.reveal.concave .slides > section > section.future { - -webkit-transform: translate3d(0, 80%, 0) rotateX(70deg) - translate3d(0, 80%, 0); - -moz-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); - -ms-transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); - transform: translate3d(0, 80%, 0) rotateX(70deg) translate3d(0, 80%, 0); -} -.reveal .slides > section[data-transition="zoom"], -.reveal.zoom .slides > section { - -webkit-transition-timing-function: ease; - -moz-transition-timing-function: ease; - -ms-transition-timing-function: ease; - -o-transition-timing-function: ease; - transition-timing-function: ease; -} -.reveal .slides > section[data-transition="zoom"].past, -.reveal.zoom .slides > section.past { - opacity: 0; - visibility: hidden; - -webkit-transform: scale(16); - -moz-transform: scale(16); - -ms-transform: scale(16); - -o-transform: scale(16); - transform: scale(16); -} -.reveal .slides > section[data-transition="zoom"].future, -.reveal.zoom .slides > section.future { - opacity: 0; - visibility: hidden; - -webkit-transform: scale(0.2); - -moz-transform: scale(0.2); - -ms-transform: scale(0.2); - -o-transform: scale(0.2); - transform: scale(0.2); -} -.reveal .slides > section > section[data-transition="zoom"].past, -.reveal.zoom .slides > section > section.past { - -webkit-transform: translate(0, -150%); - -moz-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); -} -.reveal .slides > section > section[data-transition="zoom"].future, -.reveal.zoom .slides > section > section.future { - -webkit-transform: translate(0, 150%); - -moz-transform: translate(0, 150%); - -ms-transform: translate(0, 150%); - -o-transform: translate(0, 150%); - transform: translate(0, 150%); -} -.reveal.linear section { - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - backface-visibility: hidden; -} -.reveal .slides > section[data-transition="linear"].past, -.reveal.linear .slides > section.past { - -webkit-transform: translate(-150%, 0); - -moz-transform: translate(-150%, 0); - -ms-transform: translate(-150%, 0); - -o-transform: translate(-150%, 0); - transform: translate(-150%, 0); -} -.reveal .slides > section[data-transition="linear"].future, -.reveal.linear .slides > section.future { - -webkit-transform: translate(150%, 0); - -moz-transform: translate(150%, 0); - -ms-transform: translate(150%, 0); - -o-transform: translate(150%, 0); - transform: translate(150%, 0); -} -.reveal .slides > section > section[data-transition="linear"].past, -.reveal.linear .slides > section > section.past { - -webkit-transform: translate(0, -150%); - -moz-transform: translate(0, -150%); - -ms-transform: translate(0, -150%); - -o-transform: translate(0, -150%); - transform: translate(0, -150%); -} -.reveal .slides > section > section[data-transition="linear"].future, -.reveal.linear .slides > section > section.future { - -webkit-transform: translate(0, 150%); - -moz-transform: translate(0, 150%); - -ms-transform: translate(0, 150%); - -o-transform: translate(0, 150%); - transform: translate(0, 150%); -} -.reveal.cube .slides { - -webkit-perspective: 1300px; - -moz-perspective: 1300px; - -ms-perspective: 1300px; - perspective: 1300px; -} -.reveal.cube .slides section { - padding: 30px; - min-height: 700px; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.reveal.center.cube .slides section { - min-height: auto; -} -.reveal.cube .slides section:not(.stack):before { - content: ""; - position: absolute; - display: block; - width: 100%; - height: 100%; - left: 0; - top: 0; - background: rgba(0, 0, 0, 0.1); - border-radius: 4px; - -webkit-transform: translateZ(-20px); - -moz-transform: translateZ(-20px); - -ms-transform: translateZ(-20px); - -o-transform: translateZ(-20px); - transform: translateZ(-20px); -} -.reveal.cube .slides section:not(.stack):after { - content: ""; - position: absolute; - display: block; - width: 90%; - height: 30px; - left: 5%; - bottom: 0; - background: 0; - z-index: 1; - border-radius: 4px; - box-shadow: 0 95px 25px rgba(0, 0, 0, 0.2); - -webkit-transform: translateZ(-90px) rotateX(65deg); - -moz-transform: translateZ(-90px) rotateX(65deg); - -ms-transform: translateZ(-90px) rotateX(65deg); - -o-transform: translateZ(-90px) rotateX(65deg); - transform: translateZ(-90px) rotateX(65deg); -} -.reveal.cube .slides > section.stack { - padding: 0; - background: 0; -} -.reveal.cube .slides > section.past { - -webkit-transform-origin: 100% 0; - -moz-transform-origin: 100% 0; - -ms-transform-origin: 100% 0; - transform-origin: 100% 0; - -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg); - -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg); - -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg); - transform: translate3d(-100%, 0, 0) rotateY(-90deg); -} -.reveal.cube .slides > section.future { - -webkit-transform-origin: 0 0; - -moz-transform-origin: 0 0; - -ms-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg); - -moz-transform: translate3d(100%, 0, 0) rotateY(90deg); - -ms-transform: translate3d(100%, 0, 0) rotateY(90deg); - transform: translate3d(100%, 0, 0) rotateY(90deg); -} -.reveal.cube .slides > section > section.past { - -webkit-transform-origin: 0 100%; - -moz-transform-origin: 0 100%; - -ms-transform-origin: 0 100%; - transform-origin: 0 100%; - -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg); - -moz-transform: translate3d(0, -100%, 0) rotateX(90deg); - -ms-transform: translate3d(0, -100%, 0) rotateX(90deg); - transform: translate3d(0, -100%, 0) rotateX(90deg); -} -.reveal.cube .slides > section > section.future { - -webkit-transform-origin: 0 0; - -moz-transform-origin: 0 0; - -ms-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg); - -moz-transform: translate3d(0, 100%, 0) rotateX(-90deg); - -ms-transform: translate3d(0, 100%, 0) rotateX(-90deg); - transform: translate3d(0, 100%, 0) rotateX(-90deg); -} -.reveal.page .slides { - -webkit-perspective-origin: 0 50%; - -moz-perspective-origin: 0 50%; - -ms-perspective-origin: 0 50%; - perspective-origin: 0 50%; - -webkit-perspective: 3000px; - -moz-perspective: 3000px; - -ms-perspective: 3000px; - perspective: 3000px; -} -.reveal.page .slides section { - padding: 30px; - min-height: 700px; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.reveal.page .slides section.past { - z-index: 12; -} -.reveal.page .slides section:not(.stack):before { - content: ""; - position: absolute; - display: block; - width: 100%; - height: 100%; - left: 0; - top: 0; - background: rgba(0, 0, 0, 0.1); - -webkit-transform: translateZ(-20px); - -moz-transform: translateZ(-20px); - -ms-transform: translateZ(-20px); - -o-transform: translateZ(-20px); - transform: translateZ(-20px); -} -.reveal.page .slides section:not(.stack):after { - content: ""; - position: absolute; - display: block; - width: 90%; - height: 30px; - left: 5%; - bottom: 0; - background: 0; - z-index: 1; - border-radius: 4px; - box-shadow: 0 95px 25px rgba(0, 0, 0, 0.2); - -webkit-transform: translateZ(-90px) rotateX(65deg); -} -.reveal.page .slides > section.stack { - padding: 0; - background: 0; -} -.reveal.page .slides > section.past { - -webkit-transform-origin: 0 0; - -moz-transform-origin: 0 0; - -ms-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translate3d(-40%, 0, 0) rotateY(-80deg); - -moz-transform: translate3d(-40%, 0, 0) rotateY(-80deg); - -ms-transform: translate3d(-40%, 0, 0) rotateY(-80deg); - transform: translate3d(-40%, 0, 0) rotateY(-80deg); -} -.reveal.page .slides > section.future { - -webkit-transform-origin: 100% 0; - -moz-transform-origin: 100% 0; - -ms-transform-origin: 100% 0; - transform-origin: 100% 0; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.reveal.page .slides > section > section.past { - -webkit-transform-origin: 0 0; - -moz-transform-origin: 0 0; - -ms-transform-origin: 0 0; - transform-origin: 0 0; - -webkit-transform: translate3d(0, -40%, 0) rotateX(80deg); - -moz-transform: translate3d(0, -40%, 0) rotateX(80deg); - -ms-transform: translate3d(0, -40%, 0) rotateX(80deg); - transform: translate3d(0, -40%, 0) rotateX(80deg); -} -.reveal.page .slides > section > section.future { - -webkit-transform-origin: 0 100%; - -moz-transform-origin: 0 100%; - -ms-transform-origin: 0 100%; - transform-origin: 0 100%; - -webkit-transform: translate3d(0, 0, 0); - -moz-transform: translate3d(0, 0, 0); - -ms-transform: translate3d(0, 0, 0); - transform: translate3d(0, 0, 0); -} -.reveal .slides section[data-transition="fade"], -.reveal.fade .slides section, -.reveal.fade .slides > section > section { - -webkit-transform: none; - -moz-transform: none; - -ms-transform: none; - -o-transform: none; - transform: none; - -webkit-transition: opacity 0.5s; - -moz-transition: opacity 0.5s; - -ms-transition: opacity 0.5s; - -o-transition: opacity 0.5s; - transition: opacity 0.5s; -} -.reveal.fade.overview .slides section, -.reveal.fade.overview .slides > section > section, -.reveal.fade.overview-deactivating .slides section, -.reveal.fade.overview-deactivating .slides > section > section { - -webkit-transition: none; - -moz-transition: none; - -ms-transition: none; - -o-transition: none; - transition: none; -} -.reveal .slides section[data-transition="none"], -.reveal.none .slides section { - -webkit-transform: none; - -moz-transform: none; - -ms-transform: none; - -o-transform: none; - transform: none; - -webkit-transition: none; - -moz-transition: none; - -ms-transition: none; - -o-transition: none; - transition: none; -} -.reveal.overview .slides { - -webkit-perspective-origin: 0 0; - -moz-perspective-origin: 0 0; - -ms-perspective-origin: 0 0; - perspective-origin: 0 0; - -webkit-perspective: 700px; - -moz-perspective: 700px; - -ms-perspective: 700px; - perspective: 700px; -} -.reveal.overview .slides section { - height: 600px; - top: -300px !important; - overflow: hidden; - opacity: 1 !important; - visibility: visible !important; - cursor: pointer; - background: rgba(0, 0, 0, 0.1); -} -.reveal.overview .slides section .fragment { - opacity: 1; -} -.reveal.overview .slides section:after, -.reveal.overview .slides section:before { - display: none !important; -} -.reveal.overview .slides section > section { - opacity: 1; - cursor: pointer; -} -.reveal.overview .slides section:hover { - background: rgba(0, 0, 0, 0.3); -} -.reveal.overview .slides section.present { - background: rgba(0, 0, 0, 0.3); -} -.reveal.overview .slides > section.stack { - padding: 0; - top: 0 !important; - background: 0; - overflow: visible; -} -.reveal .pause-overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #000; - visibility: hidden; - opacity: 0; - z-index: 100; - -webkit-transition: all 1s ease; - -moz-transition: all 1s ease; - -ms-transition: all 1s ease; - -o-transition: all 1s ease; - transition: all 1s ease; -} -.reveal.paused .pause-overlay { - visibility: visible; - opacity: 1; -} -.no-transforms { - overflow-y: auto; -} -.no-transforms .reveal .slides { - position: relative; - width: 80%; - height: auto !important; - top: 0; - left: 50%; - margin: 0; - text-align: center; -} -.no-transforms .reveal .controls, -.no-transforms .reveal .progress { - display: none !important; -} -.no-transforms .reveal .slides section { - display: block !important; - opacity: 1 !important; - position: relative !important; - height: auto; - min-height: auto; - top: 0; - left: -50%; - margin: 70px 0; - -webkit-transform: none; - -moz-transform: none; - -ms-transform: none; - -o-transform: none; - transform: none; -} -.no-transforms .reveal .slides section section { - left: 0; -} -.reveal .no-transition, -.reveal .no-transition * { - -webkit-transition: none !important; - -moz-transition: none !important; - -ms-transition: none !important; - -o-transition: none !important; - transition: none !important; -} -.reveal .state-background { - position: absolute; - width: 100%; - height: 100%; - background: rgba(0, 0, 0, 0); - -webkit-transition: background 800ms ease; - -moz-transition: background 800ms ease; - -ms-transition: background 800ms ease; - -o-transition: background 800ms ease; - transition: background 800ms ease; -} -.alert .reveal .state-background { - background: rgba(200, 50, 30, 0.6); -} -.soothe .reveal .state-background { - background: rgba(50, 200, 90, 0.4); -} -.blackout .reveal .state-background { - background: rgba(0, 0, 0, 0.6); -} -.whiteout .reveal .state-background { - background: rgba(255, 255, 255, 0.6); -} -.cobalt .reveal .state-background { - background: rgba(22, 152, 213, 0.6); -} -.mint .reveal .state-background { - background: rgba(22, 213, 75, 0.6); -} -.submerge .reveal .state-background { - background: rgba(12, 25, 77, 0.6); -} -.lila .reveal .state-background { - background: rgba(180, 50, 140, 0.6); -} -.sunset .reveal .state-background { - background: rgba(255, 122, 0, 0.6); -} -.reveal > .backgrounds { - position: absolute; - width: 100%; - height: 100%; - -webkit-perspective: 600px; - -moz-perspective: 600px; - -ms-perspective: 600px; - perspective: 600px; -} -.reveal .slide-background { - position: absolute; - width: 100%; - height: 100%; - opacity: 0; - visibility: hidden; - background-color: rgba(0, 0, 0, 0); - background-position: 50% 50%; - background-repeat: no-repeat; - background-size: cover; - -webkit-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -moz-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -ms-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - -o-transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); - transition: all 800ms cubic-bezier(0.26, 0.86, 0.44, 0.985); -} -.reveal .slide-background.present { - opacity: 1; - visibility: visible; -} -.print-pdf .reveal .slide-background { - opacity: 1 !important; - visibility: visible !important; -} -.reveal[data-background-transition="none"] > .backgrounds .slide-background, -.reveal > .backgrounds .slide-background[data-background-transition="none"] { - -webkit-transition: none; - -moz-transition: none; - -ms-transition: none; - -o-transition: none; - transition: none; -} -.reveal[data-background-transition="slide"] > .backgrounds .slide-background, -.reveal > .backgrounds .slide-background[data-background-transition="slide"] { - opacity: 1; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - -ms-backface-visibility: hidden; - backface-visibility: hidden; -} -.reveal[data-background-transition="slide"] - > .backgrounds - .slide-background.past, -.reveal - > .backgrounds - .slide-background.past[data-background-transition="slide"] { - -webkit-transform: translate(-100%, 0); - -moz-transform: translate(-100%, 0); - -ms-transform: translate(-100%, 0); - -o-transform: translate(-100%, 0); - transform: translate(-100%, 0); -} -.reveal[data-background-transition="slide"] - > .backgrounds - .slide-background.future, -.reveal - > .backgrounds - .slide-background.future[data-background-transition="slide"] { - -webkit-transform: translate(100%, 0); - -moz-transform: translate(100%, 0); - -ms-transform: translate(100%, 0); - -o-transform: translate(100%, 0); - transform: translate(100%, 0); -} -.reveal[data-background-transition="slide"] - > .backgrounds - .slide-background - > .slide-background.past, -.reveal - > .backgrounds - .slide-background - > .slide-background.past[data-background-transition="slide"] { - -webkit-transform: translate(0, -100%); - -moz-transform: translate(0, -100%); - -ms-transform: translate(0, -100%); - -o-transform: translate(0, -100%); - transform: translate(0, -100%); -} -.reveal[data-background-transition="slide"] - > .backgrounds - .slide-background - > .slide-background.future, -.reveal - > .backgrounds - .slide-background - > .slide-background.future[data-background-transition="slide"] { - -webkit-transform: translate(0, 100%); - -moz-transform: translate(0, 100%); - -ms-transform: translate(0, 100%); - -o-transform: translate(0, 100%); - transform: translate(0, 100%); -} -.reveal[data-background-transition="convex"] - > .backgrounds - .slide-background.past, -.reveal - > .backgrounds - .slide-background.past[data-background-transition="convex"] { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotateY(-90deg) - translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0) rotateY(-90deg) - translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0) rotateY(-90deg) - translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0) rotateY(-90deg) translate3d(-100%, 0, 0); -} -.reveal[data-background-transition="convex"] - > .backgrounds - .slide-background.future, -.reveal - > .backgrounds - .slide-background.future[data-background-transition="convex"] { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotateY(90deg) - translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0) rotateY(90deg) translate3d(100%, 0, 0); -} -.reveal[data-background-transition="convex"] - > .backgrounds - .slide-background - > .slide-background.past, -.reveal - > .backgrounds - .slide-background - > .slide-background.past[data-background-transition="convex"] { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0) rotateX(90deg) - translate3d(0, -100%, 0); - -moz-transform: translate3d(0, -100%, 0) rotateX(90deg) - translate3d(0, -100%, 0); - -ms-transform: translate3d(0, -100%, 0) rotateX(90deg) - translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0) rotateX(90deg) translate3d(0, -100%, 0); -} -.reveal[data-background-transition="convex"] - > .backgrounds - .slide-background - > .slide-background.future, -.reveal - > .backgrounds - .slide-background - > .slide-background.future[data-background-transition="convex"] { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0) rotateX(-90deg) - translate3d(0, 100%, 0); - -moz-transform: translate3d(0, 100%, 0) rotateX(-90deg) - translate3d(0, 100%, 0); - -ms-transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0) rotateX(-90deg) translate3d(0, 100%, 0); -} -.reveal[data-background-transition="concave"] - > .backgrounds - .slide-background.past, -.reveal - > .backgrounds - .slide-background.past[data-background-transition="concave"] { - opacity: 0; - -webkit-transform: translate3d(-100%, 0, 0) rotateY(90deg) - translate3d(-100%, 0, 0); - -moz-transform: translate3d(-100%, 0, 0) rotateY(90deg) - translate3d(-100%, 0, 0); - -ms-transform: translate3d(-100%, 0, 0) rotateY(90deg) - translate3d(-100%, 0, 0); - transform: translate3d(-100%, 0, 0) rotateY(90deg) translate3d(-100%, 0, 0); -} -.reveal[data-background-transition="concave"] - > .backgrounds - .slide-background.future, -.reveal - > .backgrounds - .slide-background.future[data-background-transition="concave"] { - opacity: 0; - -webkit-transform: translate3d(100%, 0, 0) rotateY(-90deg) - translate3d(100%, 0, 0); - -moz-transform: translate3d(100%, 0, 0) rotateY(-90deg) - translate3d(100%, 0, 0); - -ms-transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); - transform: translate3d(100%, 0, 0) rotateY(-90deg) translate3d(100%, 0, 0); -} -.reveal[data-background-transition="concave"] - > .backgrounds - .slide-background - > .slide-background.past, -.reveal - > .backgrounds - .slide-background - > .slide-background.past[data-background-transition="concave"] { - opacity: 0; - -webkit-transform: translate3d(0, -100%, 0) rotateX(-90deg) - translate3d(0, -100%, 0); - -moz-transform: translate3d(0, -100%, 0) rotateX(-90deg) - translate3d(0, -100%, 0); - -ms-transform: translate3d(0, -100%, 0) rotateX(-90deg) - translate3d(0, -100%, 0); - transform: translate3d(0, -100%, 0) rotateX(-90deg) translate3d(0, -100%, 0); -} -.reveal[data-background-transition="concave"] - > .backgrounds - .slide-background - > .slide-background.future, -.reveal - > .backgrounds - .slide-background - > .slide-background.future[data-background-transition="concave"] { - opacity: 0; - -webkit-transform: translate3d(0, 100%, 0) rotateX(90deg) - translate3d(0, 100%, 0); - -moz-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); - -ms-transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); - transform: translate3d(0, 100%, 0) rotateX(90deg) translate3d(0, 100%, 0); -} -.reveal[data-background-transition="zoom"] > .backgrounds .slide-background, -.reveal > .backgrounds .slide-background[data-background-transition="zoom"] { - -webkit-transition-timing-function: ease; - -moz-transition-timing-function: ease; - -ms-transition-timing-function: ease; - -o-transition-timing-function: ease; - transition-timing-function: ease; -} -.reveal[data-background-transition="zoom"] - > .backgrounds - .slide-background.past, -.reveal - > .backgrounds - .slide-background.past[data-background-transition="zoom"] { - opacity: 0; - visibility: hidden; - -webkit-transform: scale(16); - -moz-transform: scale(16); - -ms-transform: scale(16); - -o-transform: scale(16); - transform: scale(16); -} -.reveal[data-background-transition="zoom"] - > .backgrounds - .slide-background.future, -.reveal - > .backgrounds - .slide-background.future[data-background-transition="zoom"] { - opacity: 0; - visibility: hidden; - -webkit-transform: scale(0.2); - -moz-transform: scale(0.2); - -ms-transform: scale(0.2); - -o-transform: scale(0.2); - transform: scale(0.2); -} -.reveal[data-background-transition="zoom"] - > .backgrounds - .slide-background - > .slide-background.past, -.reveal - > .backgrounds - .slide-background - > .slide-background.past[data-background-transition="zoom"] { - opacity: 0; - visibility: hidden; - -webkit-transform: scale(16); - -moz-transform: scale(16); - -ms-transform: scale(16); - -o-transform: scale(16); - transform: scale(16); -} -.reveal[data-background-transition="zoom"] - > .backgrounds - .slide-background - > .slide-background.future, -.reveal - > .backgrounds - .slide-background - > .slide-background.future[data-background-transition="zoom"] { - opacity: 0; - visibility: hidden; - -webkit-transform: scale(0.2); - -moz-transform: scale(0.2); - -ms-transform: scale(0.2); - -o-transform: scale(0.2); - transform: scale(0.2); -} -.reveal[data-transition-speed="fast"] > .backgrounds .slide-background { - -webkit-transition-duration: 400ms; - -moz-transition-duration: 400ms; - -ms-transition-duration: 400ms; - transition-duration: 400ms; -} -.reveal[data-transition-speed="slow"] > .backgrounds .slide-background { - -webkit-transition-duration: 1200ms; - -moz-transition-duration: 1200ms; - -ms-transition-duration: 1200ms; - transition-duration: 1200ms; -} -.reveal.rtl .slides, -.reveal.rtl .slides h1, -.reveal.rtl .slides h2, -.reveal.rtl .slides h3, -.reveal.rtl .slides h4, -.reveal.rtl .slides h5, -.reveal.rtl .slides h6 { - direction: rtl; - font-family: sans-serif; -} -.reveal.rtl pre, -.reveal.rtl code { - direction: ltr; -} -.reveal.rtl ol, -.reveal.rtl ul { - text-align: right; -} -.reveal.rtl .progress span { - float: right; -} -.reveal.has-parallax-background .backgrounds { - -webkit-transition: all 0.8s ease; - -moz-transition: all 0.8s ease; - -ms-transition: all 0.8s ease; - transition: all 0.8s ease; -} -.reveal.has-parallax-background[data-transition-speed="fast"] .backgrounds { - -webkit-transition-duration: 400ms; - -moz-transition-duration: 400ms; - -ms-transition-duration: 400ms; - transition-duration: 400ms; -} -.reveal.has-parallax-background[data-transition-speed="slow"] .backgrounds { - -webkit-transition-duration: 1200ms; - -moz-transition-duration: 1200ms; - -ms-transition-duration: 1200ms; - transition-duration: 1200ms; -} -.reveal .preview-link-overlay { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - z-index: 1000; - background: rgba(0, 0, 0, 0.9); - opacity: 0; - visibility: hidden; - -webkit-transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.reveal .preview-link-overlay.visible { - opacity: 1; - visibility: visible; -} -.reveal .preview-link-overlay .spinner { - position: absolute; - display: block; - top: 50%; - left: 50%; - width: 32px; - height: 32px; - margin: -16px 0 0 -16px; - z-index: 10; - background-image: url(data:image/gif;base64,R0lGODlhIAAgAPMAAJmZmf%2F%2F%2F6%2Bvr8nJybW1tcDAwOjo6Nvb26ioqKOjo7Ozs%2FLy8vz8%2FAAAAAAAAAAAACH%2FC05FVFNDQVBFMi4wAwEAAAAh%2FhpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh%2BQQJCgAAACwAAAAAIAAgAAAE5xDISWlhperN52JLhSSdRgwVo1ICQZRUsiwHpTJT4iowNS8vyW2icCF6k8HMMBkCEDskxTBDAZwuAkkqIfxIQyhBQBFvAQSDITM5VDW6XNE4KagNh6Bgwe60smQUB3d4Rz1ZBApnFASDd0hihh12BkE9kjAJVlycXIg7CQIFA6SlnJ87paqbSKiKoqusnbMdmDC2tXQlkUhziYtyWTxIfy6BE8WJt5YJvpJivxNaGmLHT0VnOgSYf0dZXS7APdpB309RnHOG5gDqXGLDaC457D1zZ%2FV%2FnmOM82XiHRLYKhKP1oZmADdEAAAh%2BQQJCgAAACwAAAAAIAAgAAAE6hDISWlZpOrNp1lGNRSdRpDUolIGw5RUYhhHukqFu8DsrEyqnWThGvAmhVlteBvojpTDDBUEIFwMFBRAmBkSgOrBFZogCASwBDEY%2FCZSg7GSE0gSCjQBMVG023xWBhklAnoEdhQEfyNqMIcKjhRsjEdnezB%2BA4k8gTwJhFuiW4dokXiloUepBAp5qaKpp6%2BHo7aWW54wl7obvEe0kRuoplCGepwSx2jJvqHEmGt6whJpGpfJCHmOoNHKaHx61WiSR92E4lbFoq%2BB6QDtuetcaBPnW6%2BO7wDHpIiK9SaVK5GgV543tzjgGcghAgAh%2BQQJCgAAACwAAAAAIAAgAAAE7hDISSkxpOrN5zFHNWRdhSiVoVLHspRUMoyUakyEe8PTPCATW9A14E0UvuAKMNAZKYUZCiBMuBakSQKG8G2FzUWox2AUtAQFcBKlVQoLgQReZhQlCIJesQXI5B0CBnUMOxMCenoCfTCEWBsJColTMANldx15BGs8B5wlCZ9Po6OJkwmRpnqkqnuSrayqfKmqpLajoiW5HJq7FL1Gr2mMMcKUMIiJgIemy7xZtJsTmsM4xHiKv5KMCXqfyUCJEonXPN2rAOIAmsfB3uPoAK%2B%2BG%2Bw48edZPK%2BM6hLJpQg484enXIdQFSS1u6UhksENEQAAIfkECQoAAAAsAAAAACAAIAAABOcQyEmpGKLqzWcZRVUQnZYg1aBSh2GUVEIQ2aQOE%2BG%2BcD4ntpWkZQj1JIiZIogDFFyHI0UxQwFugMSOFIPJftfVAEoZLBbcLEFhlQiqGp1Vd140AUklUN3eCA51C1EWMzMCezCBBmkxVIVHBWd3HHl9JQOIJSdSnJ0TDKChCwUJjoWMPaGqDKannasMo6WnM562R5YluZRwur0wpgqZE7NKUm%2BFNRPIhjBJxKZteWuIBMN4zRMIVIhffcgojwCF117i4nlLnY5ztRLsnOk%2BaV%2BoJY7V7m76PdkS4trKcdg0Zc0tTcKkRAAAIfkECQoAAAAsAAAAACAAIAAABO4QyEkpKqjqzScpRaVkXZWQEximw1BSCUEIlDohrft6cpKCk5xid5MNJTaAIkekKGQkWyKHkvhKsR7ARmitkAYDYRIbUQRQjWBwJRzChi9CRlBcY1UN4g0%2FVNB0AlcvcAYHRyZPdEQFYV8ccwR5HWxEJ02YmRMLnJ1xCYp0Y5idpQuhopmmC2KgojKasUQDk5BNAwwMOh2RtRq5uQuPZKGIJQIGwAwGf6I0JXMpC8C7kXWDBINFMxS4DKMAWVWAGYsAdNqW5uaRxkSKJOZKaU3tPOBZ4DuK2LATgJhkPJMgTwKCdFjyPHEnKxFCDhEAACH5BAkKAAAALAAAAAAgACAAAATzEMhJaVKp6s2nIkolIJ2WkBShpkVRWqqQrhLSEu9MZJKK9y1ZrqYK9WiClmvoUaF8gIQSNeF1Er4MNFn4SRSDARWroAIETg1iVwuHjYB1kYc1mwruwXKC9gmsJXliGxc%2BXiUCby9ydh1sOSdMkpMTBpaXBzsfhoc5l58Gm5yToAaZhaOUqjkDgCWNHAULCwOLaTmzswadEqggQwgHuQsHIoZCHQMMQgQGubVEcxOPFAcMDAYUA85eWARmfSRQCdcMe0zeP1AAygwLlJtPNAAL19DARdPzBOWSm1brJBi45soRAWQAAkrQIykShQ9wVhHCwCQCACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiRMDjI0Fd30%2FiI2UA5GSS5UDj2l6NoqgOgN4gksEBgYFf0FDqKgHnyZ9OX8HrgYHdHpcHQULXAS2qKpENRg7eAMLC7kTBaixUYFkKAzWAAnLC7FLVxLWDBLKCwaKTULgEwbLA4hJtOkSBNqITT3xEgfLpBtzE%2FjiuL04RGEBgwWhShRgQExHBAAh%2BQQJCgAAACwAAAAAIAAgAAAE7xDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfZiCqGk5dTESJeaOAlClzsJsqwiJwiqnFrb2nS9kmIcgEsjQydLiIlHehhpejaIjzh9eomSjZR%2BipslWIRLAgMDOR2DOqKogTB9pCUJBagDBXR6XB0EBkIIsaRsGGMMAxoDBgYHTKJiUYEGDAzHC9EACcUGkIgFzgwZ0QsSBcXHiQvOwgDdEwfFs0sDzt4S6BK4xYjkDOzn0unFeBzOBijIm1Dgmg5YFQwsCMjp1oJ8LyIAACH5BAkKAAAALAAAAAAgACAAAATwEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GGl6NoiPOH16iZKNlH6KmyWFOggHhEEvAwwMA0N9GBsEC6amhnVcEwavDAazGwIDaH1ipaYLBUTCGgQDA8NdHz0FpqgTBwsLqAbWAAnIA4FWKdMLGdYGEgraigbT0OITBcg5QwPT4xLrROZL6AuQAPUS7bxLpoWidY0JtxLHKhwwMJBTHgPKdEQAACH5BAkKAAAALAAAAAAgACAAAATrEMhJaVKp6s2nIkqFZF2VIBWhUsJaTokqUCoBq%2BE71SRQeyqUToLA7VxF0JDyIQh%2FMVVPMt1ECZlfcjZJ9mIKoaTl1MRIl5o4CUKXOwmyrCInCKqcWtvadL2SYhyASyNDJ0uIiUd6GAULDJCRiXo1CpGXDJOUjY%2BYip9DhToJA4RBLwMLCwVDfRgbBAaqqoZ1XBMHswsHtxtFaH1iqaoGNgAIxRpbFAgfPQSqpbgGBqUD1wBXeCYp1AYZ19JJOYgH1KwA4UBvQwXUBxPqVD9L3sbp2BNk2xvvFPJd%2BMFCN6HAAIKgNggY0KtEBAAh%2BQQJCgAAACwAAAAAIAAgAAAE6BDISWlSqerNpyJKhWRdlSAVoVLCWk6JKlAqAavhO9UkUHsqlE6CwO1cRdCQ8iEIfzFVTzLdRAmZX3I2SfYIDMaAFdTESJeaEDAIMxYFqrOUaNW4E4ObYcCXaiBVEgULe0NJaxxtYksjh2NLkZISgDgJhHthkpU4mW6blRiYmZOlh4JWkDqILwUGBnE6TYEbCgevr0N1gH4At7gHiRpFaLNrrq8HNgAJA70AWxQIH1%2BvsYMDAzZQPC9VCNkDWUhGkuE5PxJNwiUK4UfLzOlD4WvzAHaoG9nxPi5d%2BjYUqfAhhykOFwJWiAAAIfkECQoAAAAsAAAAACAAIAAABPAQyElpUqnqzaciSoVkXVUMFaFSwlpOCcMYlErAavhOMnNLNo8KsZsMZItJEIDIFSkLGQoQTNhIsFehRww2CQLKF0tYGKYSg%2BygsZIuNqJksKgbfgIGepNo2cIUB3V1B3IvNiBYNQaDSTtfhhx0CwVPI0UJe0%2Bbm4g5VgcGoqOcnjmjqDSdnhgEoamcsZuXO1aWQy8KAwOAuTYYGwi7w5h%2BKr0SJ8MFihpNbx%2B4Erq7BYBuzsdiH1jCAzoSfl0rVirNbRXlBBlLX%2BBP0XJLAPGzTkAuAOqb0WT5AH7OcdCm5B8TgRwSRKIHQtaLCwg1RAAAOwAAAAAAAAAAAA%3D%3D); - visibility: visible; - opacity: 0.6; - -webkit-transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.reveal .preview-link-overlay header { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 40px; - z-index: 2; - border-bottom: 1px solid #222; -} -.reveal .preview-link-overlay header a { - display: inline-block; - width: 40px; - height: 40px; - padding: 0 10px; - float: right; - opacity: 0.6; - box-sizing: border-box; -} -.reveal .preview-link-overlay header a:hover { - opacity: 1; -} -.reveal .preview-link-overlay header a .icon { - display: inline-block; - width: 20px; - height: 20px; - background-position: 50% 50%; - background-size: 100%; - background-repeat: no-repeat; -} -.reveal .preview-link-overlay header a.close .icon { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABkklEQVRYR8WX4VHDMAxG6wnoJrABZQPYBCaBTWAD2g1gE5gg6OOsXuxIlr40d81dfrSJ9V4c2VLK7spHuTJ/5wpM07QXuXc5X0opX2tEJcadjHuV80li/FgxTIEK/5QBCICBD6xEhSMGHgQPgBgLiYVAB1dpSqKDawxTohFw4JSEA3clzgIBPCURwE2JucBR7rhPJJv5OpJwDX+SfDjgx1wACQeJG1aChP9K/IMmdZ8DtESV1WyP3Bt4MwM6sj4NMxMYiqUWHQu4KYA/SYkIjOsm3BXYWMKFDwU2khjCQ4ELJUJ4SmClRArOCmSXGuKma0fYD5CbzHxFpCSGAhfAVSSUGDUk2BWZaff2g6GE15BsBQ9nwmpIGDiyHQddwNTMKkbZaf9fajXQca1EX44puJZUsnY0ObGmITE3GVLCbEhQUjGVt146j6oasWN+49Vph2w1pZ5EansNZqKBm1txbU57iRRcZ86RWMDdWtBJUHBHwoQPi1GV+JCbntmvok7iTX4/Up9mgyTc/FJYDTcndgH/AA5A/CHsyEkVAAAAAElFTkSuQmCC); -} -.reveal .preview-link-overlay header a.external .icon { - background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAcElEQVRYR+2WSQoAIQwEzf8f7XiOMkUQxUPlGkM3hVmiQfQR9GYnH1SsAQlI4DiBqkCMoNb9y2e90IAEJPAcgdznU9+engMaeJ7Azh5Y1U67gAho4DqBqmB1buAf0MB1AlVBek83ZPkmJMGc1wAR+AAqod/B97TRpQAAAABJRU5ErkJggg==); -} -.reveal .preview-link-overlay .viewport { - position: absolute; - top: 40px; - right: 0; - bottom: 0; - left: 0; -} -.reveal .preview-link-overlay .viewport iframe { - width: 100%; - height: 100%; - max-width: 100%; - max-height: 100%; - border: 0; - opacity: 0; - visibility: hidden; - -webkit-transition: all 0.3s ease; - -moz-transition: all 0.3s ease; - -ms-transition: all 0.3s ease; - transition: all 0.3s ease; -} -.reveal .preview-link-overlay.loaded .viewport iframe { - opacity: 1; - visibility: visible; -} -.reveal .preview-link-overlay.loaded .spinner { - opacity: 0; - visibility: hidden; - -webkit-transform: scale(0.2); - -moz-transform: scale(0.2); - -ms-transform: scale(0.2); - transform: scale(0.2); -} -.reveal .playback { - position: fixed; - left: 15px; - bottom: 15px; - z-index: 30; - cursor: pointer; - -webkit-transition: all 400ms ease; - -moz-transition: all 400ms ease; - -ms-transition: all 400ms ease; - transition: all 400ms ease; -} -.reveal.overview .playback { - opacity: 0; - visibility: hidden; -} -.reveal .roll { - display: inline-block; - line-height: 1.2; - overflow: hidden; - vertical-align: top; - -webkit-perspective: 400px; - -moz-perspective: 400px; - -ms-perspective: 400px; - perspective: 400px; - -webkit-perspective-origin: 50% 50%; - -moz-perspective-origin: 50% 50%; - -ms-perspective-origin: 50% 50%; - perspective-origin: 50% 50%; -} -.reveal .roll:hover { - background: 0; - text-shadow: none; -} -.reveal .roll span { - display: block; - position: relative; - padding: 0 2px; - pointer-events: none; - -webkit-transition: all 400ms ease; - -moz-transition: all 400ms ease; - -ms-transition: all 400ms ease; - transition: all 400ms ease; - -webkit-transform-origin: 50% 0; - -moz-transform-origin: 50% 0; - -ms-transform-origin: 50% 0; - transform-origin: 50% 0; - -webkit-transform-style: preserve-3d; - -moz-transform-style: preserve-3d; - -ms-transform-style: preserve-3d; - transform-style: preserve-3d; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; -} -.reveal .roll:hover span { - background: rgba(0, 0, 0, 0.5); - -webkit-transform: translate3d(0px, 0, -45px) rotateX(90deg); - -moz-transform: translate3d(0px, 0, -45px) rotateX(90deg); - -ms-transform: translate3d(0px, 0, -45px) rotateX(90deg); - transform: translate3d(0px, 0, -45px) rotateX(90deg); -} -.reveal .roll span:after { - content: attr(data-title); - display: block; - position: absolute; - left: 0; - top: 0; - padding: 0 2px; - -webkit-backface-visibility: hidden; - -moz-backface-visibility: hidden; - backface-visibility: hidden; - -webkit-transform-origin: 50% 0; - -moz-transform-origin: 50% 0; - -ms-transform-origin: 50% 0; - transform-origin: 50% 0; - -webkit-transform: translate3d(0px, 110%, 0) rotateX(-90deg); - -moz-transform: translate3d(0px, 110%, 0) rotateX(-90deg); - -ms-transform: translate3d(0px, 110%, 0) rotateX(-90deg); - transform: translate3d(0px, 110%, 0) rotateX(-90deg); -} -.reveal aside.notes { - display: none; -} -.zoomed .reveal *, -.zoomed .reveal :before, -.zoomed .reveal :after { - -webkit-transform: none !important; - -moz-transform: none !important; - -ms-transform: none !important; - transform: none !important; - -webkit-backface-visibility: visible !important; - -moz-backface-visibility: visible !important; - -ms-backface-visibility: visible !important; - backface-visibility: visible !important; -} -.zoomed .reveal .progress, -.zoomed .reveal .controls { - opacity: 0; -} -.zoomed .reveal .roll span { - background: 0; -} -.zoomed .reveal .roll span:after { - visibility: hidden; -} diff --git a/app/controllers/lineups_controller.rb b/app/controllers/lineups_controller.rb index f4379ec7..ae8ac54e 100644 --- a/app/controllers/lineups_controller.rb +++ b/app/controllers/lineups_controller.rb @@ -1,6 +1,8 @@ class LineupsController < ApplicationController - layout "reveal" + layout "slides" - expose(:sponsors) { Sponsor.current } - expose(:talks) { Talk.lineup } + def show + @talks = Talk.lineup + @sponsors = Sponsor.current + end end diff --git a/app/views/layouts/reveal.html.erb b/app/views/layouts/reveal.html.erb deleted file mode 100644 index 060b6063..00000000 --- a/app/views/layouts/reveal.html.erb +++ /dev/null @@ -1,14 +0,0 @@ - - - - Lineup - - - <%= stylesheet_link_tag 'lineup' %> - <%= csrf_meta_tags %> - - - <%= yield %> - <%= javascript_include_tag 'lineup' %> - - diff --git a/app/views/layouts/slides.html.erb b/app/views/layouts/slides.html.erb new file mode 100644 index 00000000..f1d90d1f --- /dev/null +++ b/app/views/layouts/slides.html.erb @@ -0,0 +1,21 @@ + + + + <%= render "layouts/head" %> + + + + + + <%= yield %> + + diff --git a/app/views/lineups/_newcomers.html.erb b/app/views/lineups/_newcomers.html.erb index 07fdae7c..5dbd8af1 100644 --- a/app/views/lineups/_newcomers.html.erb +++ b/app/views/lineups/_newcomers.html.erb @@ -1,9 +1,12 @@
-

ParisRB <3

+
+
Paris.rb
+ <%= lucide_icon "heart", class: 'text-primary h-10 w-10 mb-4' %> +
-

1ère visite à ParisRB ?

-

Levez la main !

+
1ère visite à ParisRB ?
+
Levez la main !
-

Pas votre première fois ?

-

Allez vers ceux qui l'ont levée :)

+
Pas votre première fois ?
+
Allez vers ceux qui l'ont levée :)
diff --git a/app/views/lineups/_social_media.html.erb b/app/views/lineups/_social_media.html.erb index 23683cb5..0b46a52a 100644 --- a/app/views/lineups/_social_media.html.erb +++ b/app/views/lineups/_social_media.html.erb @@ -1,17 +1,29 @@
-

Connect with us!

+
+
Connect with us!
+ <%= lucide_icon "heart", class: 'text-primary h-10 w-10 mb-4' %> +
- <%= image_tag "twitch.jpg", class: "social_media__logo" %> - <%= image_tag "youtube.png", class: "social_media__logo" %> - <%= image_tag "slack.png", class: "social_media__logo" %> - <%= image_tag "meetup.png", class: "social_media__logo" %> - <%= image_tag "linkedin.svg", class: "social_media__logo" %> - - +
+
+ <%= image_tag "twitch.jpg", class: "h-20 w-auto" %> +
<%= link_to 'twitch.tv/paris_rb', 'https://www.twitch.tv/paris_rb', target: "_blank" %>
+
+
+ <%= image_tag "youtube.png", class: "h-20 w-auto" %> +
<%= link_to 'youtube.com/@paris-rb', 'https://www.youtube.com/@paris-rb', target: "_blank" %>
+
+
+ <%= image_tag "slack.png", class: "h-20 w-auto" %> +
<%= link_to 'Join Slack', 'https://join.slack.com/t/parisrb/shared_invite/zt-1io48rnoz-97bt5glsJJAL1f9Gj06CRw', target: "_blank" %>
+
+
+ <%= image_tag "meetup.png", class: "h-20 w-auto" %> +
<%= link_to 'meetup.com/paris_rb', 'https://www.meetup.com/paris_rb/', target: "_blank" %>
+
+
+ <%= image_tag "linkedin.svg", class: "h-20 w-auto" %> +
<%= link_to 'linkedin.com/company/paris-rb', 'https://www.linkedin.com/company/paris-rb', target: "_blank" %>
+
+
diff --git a/app/views/lineups/_speakers.html.erb b/app/views/lineups/_speakers.html.erb index 7927ff52..3d5f8ac8 100644 --- a/app/views/lineups/_speakers.html.erb +++ b/app/views/lineups/_speakers.html.erb @@ -1,9 +1,12 @@
-

ParisRB <3

+
+
Paris.rb
+ <%= lucide_icon "heart", class: 'text-primary h-10 w-10 mb-4' %> +
-

Speakers ?

-

Venez partager

+
Speakers ?
+
Venez partager
-

Pas speakers ?

-

Devenez-le :)

+
Pas speakers ?
+
Devenez-le :)
diff --git a/app/views/lineups/_sponsors.html.erb b/app/views/lineups/_sponsors.html.erb index 6d28d0f0..4982534f 100644 --- a/app/views/lineups/_sponsors.html.erb +++ b/app/views/lineups/_sponsors.html.erb @@ -1,14 +1,12 @@
-

Sponsors <3

+
+
Sponsors
+ <%= lucide_icon "heart", class: 'text-primary h-10 w-10 mb-4' %> +
- <% sponsors.each do |sponsor| %> - <% if sponsor.logo.present? %> - <%= image_tag 'https://www.datocms-assets.com/36416/1640774309-transparent-scalingo-logo.png?fm=jpg&max-w=680', alt: 'scalingo', style: "max-width: 180px; max-height: 100px" %> - <%= image_tag 'https://lever-client-logos.s3.us-west-2.amazonaws.com/f9197ba0-4c65-4d53-adb7-72a6fd6debc5-1623245931590.png', alt: 'captive', style: "max-width: 180px; max-height: 100px" %> - <% else %> - <%= sponsor.name %> - <% end %> - <% end %> +
+ <%= render partial: "sponsors/card", collection: @sponsors, as: :sponsor %> +
-

... et vous ?

+
... et vous ?
diff --git a/app/views/lineups/_talks.html.erb b/app/views/lineups/_talks.html.erb index b1d4d893..44f6339f 100644 --- a/app/views/lineups/_talks.html.erb +++ b/app/views/lineups/_talks.html.erb @@ -1,20 +1,18 @@
-

Talks <3

+
+
Talks
+ <%= lucide_icon "heart", class: 'text-primary h-10 w-10 mb-4' %> +
- - - - - - - <% talks.each do |talk| %> - - - - - <% end %> - -
ParisRBWelcome
<%= talk.speaker_name %><%= talk.title_with_emoji %>
+ -

[Food, Drinks, Networking] at some point ;)

+
[Food, Drinks, Networking] at some point ;)
diff --git a/app/views/lineups/_welcome.html.erb b/app/views/lineups/_welcome.html.erb index d3c97f6d..0481a5a9 100644 --- a/app/views/lineups/_welcome.html.erb +++ b/app/views/lineups/_welcome.html.erb @@ -1,3 +1,6 @@
-

ParisRB <3

+
+
Paris.rb
+ <%= lucide_icon "heart", class: 'text-primary h-10 w-10 mb-4' %> +

diff --git a/app/views/lineups/show.html.erb b/app/views/lineups/show.html.erb index 0c31488a..b42387ef 100644 --- a/app/views/lineups/show.html.erb +++ b/app/views/lineups/show.html.erb @@ -1,7 +1,9 @@
-
-
<%= l(Date.today, format: '%A %d %B %Y') %>
- +
+ <%= link_to root_path, class: "" do %> + <%= image_tag 'parisrb-logo-horizontal.png', class: "h-8 md:h-12", alt: "Paris.rb Logo" %> + <% end %> +
<%= l(Date.today, format: :long) %>
<%= render 'lineups/welcome' %> diff --git a/config/initializers/assets.rb b/config/initializers/assets.rb index 672ef479..2eeef966 100644 --- a/config/initializers/assets.rb +++ b/config/initializers/assets.rb @@ -10,4 +10,3 @@ # application.js, application.css, and all non-JS/CSS in the app/assets # folder are already added. # Rails.application.config.assets.precompile += %w( admin.js admin.css ) -Rails.application.config.assets.precompile += %w[lineup.js lineup.css lib/font/*] diff --git a/test/system/lineups_test.rb b/test/system/lineups_test.rb index a3012ef1..e8916564 100644 --- a/test/system/lineups_test.rb +++ b/test/system/lineups_test.rb @@ -3,7 +3,7 @@ class LineupsTest < ApplicationSystemTestCase test "visiting the lineup" do visit lineup_path - assert_selector "h2", text: "PARISRB <3" - refute_selector "h2", text: "Talks <3" + assert_selector "div", text: "Paris" + refute_selector "div", text: "Talks" end end