diff options
author | Igor Laborie <ilaborie@gmail.com> | 2019-09-04 21:48:50 +0300 |
---|---|---|
committer | Igor Laborie <ilaborie@gmail.com> | 2019-09-04 21:48:50 +0300 |
commit | dd3a71b6bf7cda612edf86b29a6ef8ae5e186719 (patch) | |
tree | 3007e0b0adecc18b9687c6b25933895e70abaf3c /static | |
parent | bfdd0659a68b027d299fc7a0b90c4a7aa2918232 (diff) |
Fix long header
Diffstat (limited to 'static')
-rw-r--r-- | static/icons.svg | 2 | ||||
-rw-r--r-- | static/theme.css | 1896 | ||||
-rw-r--r-- | static/theme.js | 179 |
3 files changed, 2075 insertions, 2 deletions
diff --git a/static/icons.svg b/static/icons.svg index 4aaed33..16b9e72 100644 --- a/static/icons.svg +++ b/static/icons.svg @@ -32,6 +32,8 @@ <path fill="#000000" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path> </symbol> + <symbol id="home" viewBox="0 0 576 512"><path fill="currentColor" d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"></path> </symbol> + <symbol id="level-advanced" width="24" height="24" viewBox="0 0 24 24"> <rect x="5" y="14" width="3" height="6" stroke-width="1" stroke="black" fill="black"></rect> diff --git a/static/theme.css b/static/theme.css index 2a743e5..54e2e8e 100644 --- a/static/theme.css +++ b/static/theme.css @@ -1 +1,1895 @@ -@charset "UTF-8";:root{--primary:#673ab7;--primary-txt:#fff;--accent:grey;--accent-txt:#fff;--base:#fff;--base-text:#424242;--base-secondary-text:#636363;--link-secondary-text:#424242;--darken-1:rgba(0,0,0,0.125);--darken-2:rgba(0,0,0,0.25);--darken-3:rgba(0,0,0,0.5);--lighten-1:rgba(255,255,255,0.125);--lighten-2:rgba(255,255,255,0.25);--lighten-3:rgba(255,255,255,0.5);--color-hero:#f8f8ff;--color-platium:#73737a;--color-gold:#b7935b;--color-error:#b22222;--space-1:.125rem;--space-2:.25rem;--space-3:.5rem;--space-4:1rem;--theJdrSize:1100px;--breakpoint-sm:34.375rem;--breakpoint-md:45rem;--breakpoint-lg:60rem;--breakpoint-xl:71.25rem;--container-margin:10vw;--container-margin-mobile:3vw;--toolbar-height:3.25rem;--font-family:"Roboto",sans-serif;--tag1:#b3e2cd;--tag2:#fdcdac;--tag3:#cbd5e8;--tag4:#f4cae4;--tag5:#e6f5c9;--tag6:#fff2ae;--tag7:#f1e2cc;--tag8:#ccc;--native-mobile-apps:var(--tag2);--web:var(--tag6);--method-tools:var(--tag5);--big-data-ml-ai:var(--tag3);--iot:var(--tag8);--cloud:var(--tag4);--languages:var(--tag1);--wtf:var(--tag7);--general:var(--tag8);--office-hours:#fffaf0;--keynote:#afeeee;--jumbo-logo-width:400px;--jumbo-overlay-opacity:0.6;--jumbo-overlay-transition:0.5s;--partner-support-height:60px;--partner-platinum-height:calc(var(--partner-support-height)*3);--partner-gold-height:calc(var(--partner-support-height)*2);--animation:0.3s cubic-bezier(0.4,0,0.2,1);--extruded-dark:1px 0 0 var(--darken-3);--extruded-light:1px 0 0 var(--lighten-3);--box-shadow-1:0 0 2px 0 rgba(0,0,0,0.07),0 2px 2px 0 rgba(0,0,0,0.15);--box-shadow-2:0 3px 3px -2px rgba(0,0,0,0.2),0 3px 4px 0 rgba(0,0,0,0.14),0 1px 8px 0 rgba(0,0,0,0.12);--fg-mark-a:#fff;--bg-mark-a:#fb2c17;--fg-mark-b:#000;--bg-mark-b:#fc0;--fg-mark-t2:#fff;--bg-mark-t2:#11a7e0;--base-grid-height:4.5em}html{box-sizing:border-box;font-family:Roboto,sans-serif;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:rgba(0,0,0,.25);background:var(--darken-2)}*,:after,:before{box-sizing:inherit}:focus{outline:thin dotted rgba(0,0,0,.5);outline:thin dotted var(--darken-3);outline-offset:.125rem;outline-offset:var(--space-1)}body{background:#fff;background:var(--base);color:#424242;color:var(--base-text);margin:3.25rem 0 0;margin:var(--toolbar-height) 0 0;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;min-height:calc(100vh - 3.25rem);min-height:calc(100vh - var(--toolbar-height))}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}hr{border-color:rgba(0,0,0,.125);border-color:var(--darken-1);opacity:.25}p{line-height:1.25}a,a:visited{color:inherit;text-decoration:none}.content a,.content a:visited{color:#673ab7;color:var(--primary)}.language.english:before{content:"🇬🇧"}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}body>footer.container,body>header.container,body>main>section.container{padding:4rem 10vw;padding:4rem var(--container-margin)}body>header{position:fixed;top:0;z-index:100;width:100vw;box-shadow:0 .125rem #673ab7,0 .25rem .125rem rgba(0,0,0,.5);box-shadow:0 var(--space-1) var(--primary),0 var(--space-2) var(--space-1) var(--darken-3);background:#673ab7;background:var(--primary);color:#fff;color:var(--primary-txt)}body>header .top-content{max-width:1100px;max-width:var(--theJdrSize);margin:0 auto;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}body>header .logo img{height:2.75rem;height:calc(var(--toolbar-height) - 2*var(--space-2));max-width:180px}body>header label{display:none;opacity:.5;padding:.1em;border:.25rem solid transparent;border:var(--space-2) solid transparent;outline-offset:.25rem;outline-offset:var(--space-2)}body>header label .icon{--size:1.5rem;height:1.5rem;height:var(--size,1.5rem);width:1.5rem;width:var(--size,1.5rem)}body>header label .icon-menu{display:block}body>header label .icon-close{display:none}body>header label:focus,body>header label:hover{opacity:1;outline:thin dotted currentColor}body>header input[type=checkbox]:checked~label .icon-menu{display:none}body>header input[type=checkbox]:checked~label .icon-close{display:block}body>header nav{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}body>header nav ul{margin:0;padding:0;display:-webkit-box;display:flex;list-style:none}body>header nav li{opacity:.6;-webkit-transition:all .3s cubic-bezier(.4,0,.2,1);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-transition:all var(--animation);transition:all var(--animation);border-bottom:thin solid transparent;border-radius:5%}body>header nav li.active{opacity:1;border-bottom-color:currentColor}body>header nav a{display:block;text-transform:uppercase;padding:0 .5rem;padding:0 var(--space-3);text-decoration:none;line-height:2.25rem;line-height:calc(var(--toolbar-height) - 4*var(--space-2));color:inherit;font-weight:200}body>header nav nav a:focus,body>header nav nav a:hover{text-shadow:1px 0 0 rgba(0,0,0,.5);text-shadow:var(--extruded-dark);opacity:.75}body>header nav .languages a.lang{color:transparent;max-width:2em;height:2em;overflow:hidden}body>header nav .languages a.lang:before{color:#000;color:initial}body>header nav .languages a.lang.lang-fr:before{content:"🇫🇷"}body>header nav .languages a.lang.lang-gb:before{content:"🇬🇧"}body>header nav .languages a.active{display:none}@media (max-width:71.24em){body>header{flex-wrap:wrap}body>header label{display:block}body>header nav{display:none;width:100%;padding:0 1em;background:#673ab7;background:var(--primary);-webkit-box-pack:start;justify-content:flex-start}body>header nav,body>header nav ul{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}body>header nav a{padding:.25rem 0;padding:var(--space-2) 0;width:100%}body>header nav a.active{border-bottom-width:thin;border-bottom-color:rgba(255,255,255,.25);border-bottom-color:var(--lighten-2)}body>header nav a:focus,body>header nav a:hover{background:rgba(0,0,0,.125);background:var(--darken-1)}body>header input[type=checkbox]:checked~nav{display:block}}body>main{-webkit-box-flex:1;flex-grow:1}body>main>section{margin:2rem 10vw;margin:2rem var(--container-margin);padding-left:0;padding-right:0}@media (max-width:44.99em){body>main>section{margin:1rem}}body>main>section.primary{background-color:#673ab7;background-color:var(--primary);color:#fff;color:var(--primary-txt)}body>main>section.accent{background-color:grey;background-color:var(--accent);color:#fff;color:var(--accent-txt)}body>footer{background-color:rgba(0,0,0,.125);background-color:var(--darken-1);color:#636363;color:var(--base-secondary-text);font-weight:200;padding:.5em 1em}body>footer .bottom-content{max-width:1100px;max-width:var(--theJdrSize);margin:0 auto}body>footer a:hover{text-decoration:underline}body>footer .footer-header{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;font-weight:500;flex-wrap:wrap;text-transform:uppercase}body>footer .footer-header header{margin-right:.25rem;margin-right:var(--space-2)}body>footer .footer-header>div{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;margin-bottom:1rem}body>footer .footer-header>div ul.social-list{padding:0;margin:0;list-style:none;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}body>footer .footer-header>div ul.social-list li{display:inline-block;padding:.25rem;padding:var(--space-2)}body>footer .footer-header .follow a.social{opacity:.75;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);transition:filter .3s cubic-bezier(.4,0,.2,1);transition:filter .3s cubic-bezier(.4,0,.2,1),-webkit-filter .3s cubic-bezier(.4,0,.2,1);-webkit-transition:-webkit-filter var(--animation);transition:-webkit-filter var(--animation);transition:filter var(--animation);transition:filter var(--animation),-webkit-filter var(--animation)}body>footer .footer-header .follow a.social:focus,body>footer .footer-header .follow a.social:hover{opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0)}body>footer .footer-header .blog a{text-decoration:underline}body>footer .footer-header .email a{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}body>footer .footer-header .email a .icon{width:1em;height:1em}body>footer .footer-content{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;flex-wrap:wrap;margin-top:1rem;margin-top:var(--space-4)}body>footer .footer-content .subscribe a.btn{color:#424242;color:var(--link-secondary-text)}body>footer .footer-content section{margin:.25rem 1rem;margin:var(--space-2) var(--space-4)}@media (max-width:44.99em){body>footer .footer-content section{margin:.25rem 0;margin:var(--space-2) 0}}body>footer .footer-content section:first-child{margin-left:0}body>footer .footer-content section:last-child{margin-right:0}body>footer .footer-content section header{font-size:1.125rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--space-2)}body>footer .footer-content section ul{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;list-style:none;padding:0;margin:.5rem 0;margin:var(--space-3) 0;font-weight:100;font-size:.9rem}body>footer .footer-content section ul li{margin:.125rem 0;margin:var(--space-1) 0}body>footer .footer-footer{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-pack:justify;justify-content:space-between;margin-top:1rem;margin-top:var(--space-4)}@media (max-width:44.99em){body>footer .footer-footer{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:start;align-items:start}body>footer .footer-footer>*{margin:.25rem 0;margin:var(--space-2) 0}}body>footer .footer-footer img{height:2rem;width:auto}a.btn,button,input[type=button],input[type=reset],input[type=submit],span.btn{display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;border:thin solid rgba(0,0,0,.5);border:thin solid var(--darken-3);background:rgba(0,0,0,.125);background:var(--darken-1);padding:.5rem;padding:var(--space-3);color:inherit;text-transform:uppercase;text-decoration:none;font-size:.875rem;font-weight:100;cursor:pointer;text-shadow:1px 0 0 rgba(255,255,255,.5);text-shadow:var(--extruded-light);--focus-color:var(--darken-1);--active-color:var(--darken-1)}a.btn.btn-lg,button.btn-lg,input[type=button].btn-lg,input[type=reset].btn-lg,input[type=submit].btn-lg,span.btn.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}a.btn.primary,button.primary,input[type=button].primary,input[type=reset].primary,input[type=submit].primary,span.btn.primary{background-color:#673ab7;background-color:var(--primary);color:#fff;color:var(--primary-txt);text-shadow:1px 0 0 rgba(0,0,0,.5);text-shadow:var(--extruded-dark);--focus-color:var(--lighten-1);--active-color:var(--lighten-1)}a.btn.btn-icon-only,button.btn-icon-only,input[type=button].btn-icon-only,input[type=reset].btn-icon-only,input[type=submit].btn-icon-only,span.btn.btn-icon-only{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background:rgba(255,255,255,.125);background:var(--lighten-1);border-radius:50%;margin-left:1ch;padding:.25rem;padding:var(--space-2);border-color:transparent}a.btn.btn-icon-only .icon,button.btn-icon-only .icon,input[type=button].btn-icon-only .icon,input[type=reset].btn-icon-only .icon,input[type=submit].btn-icon-only .icon,span.btn.btn-icon-only .icon{margin:.25rem;margin:var(--space-2);--size:1.5rem;width:1.5rem;width:var(--size,1.5rem);height:1.5rem;height:var(--size,1.5rem);display:inline-block;content:"";background-repeat:no-repeat}a.btn:focus,a.btn:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover,span.btn:focus,span.btn:hover{background-image:-webkit-gradient(linear,left top,right top,from(var(--focus-color)),to(var(--focus-color)));background-image:linear-gradient(90deg,var(--focus-color),var(--focus-color));text-decoration:none}a.btn .icon,button .icon,input[type=button] .icon,input[type=reset] .icon,input[type=submit] .icon,span.btn .icon{--size:1rem;width:1rem;width:var(--size,1rem);height:1rem;height:var(--size,1rem)}a.btn[aria-disabled],button[aria-disabled],form:invalid button,span.btn[aria-disabled]{opacity:.5;cursor:not-allowed;-webkit-filter:grayscale(100%);filter:grayscale(100%)}a.goto-top{position:fixed;display:-webkit-box;display:flex;bottom:2em;right:2em;height:1em;-webkit-box-pack:center;justify-content:center;border:.75em solid #673ab7;border:.75em solid var(--primary);font-size:200%;background-color:#673ab7;background-color:var(--primary);color:#fff;color:var(--primary-txt);border-radius:50%}a.goto-top,a.social{width:1em;-webkit-box-align:center;align-items:center}a.social{display:-webkit-inline-box;display:inline-flex;margin:.125rem;margin:var(--space-1);background-size:contain;background-position:50%;background-repeat:no-repeat;text-decoration:none;overflow:hidden}a.social:focus,a.social:hover{text-decoration:underline}.jumbo{position:relative;height:calc(100vh - 3.25rem);height:calc(100vh - var(--toolbar-height));max-width:100%;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.jumbo img.jumbo-logo{max-width:100%;width:400px;width:var(--jumbo-logo-width,400px);height:auto;-webkit-filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));filter:drop-shadow(0 1px 1px rgba(0,0,0,.5));-webkit-filter:drop-shadow(0 1px 1px var(--darken-3));filter:drop-shadow(0 1px 1px var(--darken-3))}.jumbo p{margin:.25rem 0;margin:var(--space-2) 0;font-size:2rem}.jumbo .jumbo-cover{background-size:cover;background-attachment:fixed;background-position:50%;position:absolute;top:0;right:0;bottom:0;left:0}.jumbo #jumbo-img{display:none}.jumbo #jumbo-overlay{background-color:#673ab7;background-color:var(--primary);-webkit-transition:opacity .5s;transition:opacity .5s;-webkit-transition:opacity var(--jumbo-overlay-transition,.4s);transition:opacity var(--jumbo-overlay-transition,.4s);position:absolute;top:0;right:0;bottom:0;left:0;opacity:1}.jumbo #jumbo-overlay.show{opacity:.6;opacity:var(--jumbo-overlay-opacity,.6)}.jumbo .inner-wrapper{max-width:75vw}.jumbo .inner-wrapper .inner{padding:1rem;padding:var(--space-4);color:#fff;color:var(--primary-txt);position:relative;overflow:hidden;text-align:center;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.jumbo .inner-wrapper .inner h2{font-size:2rem;margin:.5rem 0;margin:var(--space-3) 0;font-weight:700}.jumbo .inner-wrapper .inner h3{font-size:1.8rem;margin:.5rem 0;margin:var(--space-3) 0}.jumbo .inner-wrapper .inner a{-ms-grid-row-align:center;align-self:center;margin:.5em}.jumbo .scroll-down{position:absolute;bottom:2rem;left:0;-webkit-transform:translateX(50vw);transform:translateX(50vw);-webkit-transform-origin:center center;transform-origin:center center;color:#fff;color:var(--base,#fff)}.jumbo .scroll-down .icon{height:2.5em;width:1.5em}.jumbo .scroll-down .icon .scroller{-webkit-animation:scrollDownMove .8s ease-in-out infinite alternate;animation:scrollDownMove .8s ease-in-out infinite alternate}@-webkit-keyframes scrollDownMove{0%{-webkit-transform:translateY(-.15em);transform:translateY(-.15em)}to{-webkit-transform:translateY(.65em);transform:translateY(.65em)}}@keyframes scrollDownMove{0%{-webkit-transform:translateY(-.15em);transform:translateY(-.15em)}to{-webkit-transform:translateY(.65em);transform:translateY(.65em)}}@media (max-width:59.99em){.jumbo .inner{max-width:80vw;padding:0}.jumbo .inner h1{font-size:1.5rem}.jumbo .inner h1 img{max-width:100%}}.hero .description,.hero h1{padding:2rem 10vw;padding:2rem var(--container-margin)}.hero .description{background:#f8f8ff;background:var(--color-hero);border-top:thin solid rgba(0,0,0,.125);border-top:thin solid var(--darken-1);border-bottom:thin solid rgba(0,0,0,.125);border-bottom:thin solid var(--darken-1)}#TableOfContents ul{padding-left:1em;list-style:none}#TableOfContents ul li{font-size:1rem;margin:.125rem 0;margin:var(--space-1) 0;padding:.125rem 0;padding:var(--space-1) 0}#TableOfContents ul li a{color:#673ab7;color:var(--primary);text-decoration:none}#TableOfContents ul li a:focus,#TableOfContents ul li a:hover{text-decoration:underline}#TableOfContents>ul>li>ul>li>a{font-weight:700}.speakers ul li .speaker{text-decoration:none;color:inherit}.speakers ul li .speaker,.speakers ul li .speaker .info{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.speakers ul li .speaker .speaker-img{--size:8rem;height:8rem;height:var(--size,8rem);min-width:8rem;min-width:var(--size,8rem);border-radius:100%;background-size:cover;margin:.25rem;margin:var(--space-2)}.speakers ul li .speaker .speaker-company img{max-height:2rem;margin:.125rem;margin:var(--space-1)}.speakers ul li .speaker .speaker-company figcaption{display:none}.speakers ul li .speaker .speaker-name{font-weight:600;margin:.125rem;margin:var(--space-1)}.speakers ul li .speaker .speaker-company{font-weight:200;opacity:.8;margin:.125rem;margin:var(--space-1)}.tickets ul{list-style:none;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:100%;padding-left:0}.tickets ul li{flex-basis:15rem}.tickets ul li .ticket{margin:1rem;margin:var(--space-4);padding:2rem .5rem;padding:2rem var(--space-3);border:thin solid rgba(0,0,0,.125);border:thin solid var(--darken-1);box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;text-decoration:none;color:inherit}.tickets ul li .ticket[aria-disabled]{opacity:.5;-webkit-filter:grayscale(1);filter:grayscale(1);cursor:not-allowed}.tickets ul li .ticket .ticket-name{font-size:1rem}.tickets ul li .ticket .ticket-price{font-size:3.5rem;color:#673ab7;color:var(--primary);font-weight:200}.tickets ul li .ticket .ticket-date,.tickets ul li .ticket .ticket-info{font-size:.75rem;color:rgba(0,0,0,.5);color:var(--darken-3)}.tickets ul li .ticket .btn{margin:1rem;margin:var(--space-4)}.partners-group h3{text-align:center;margin:1rem 0;margin:var(--space-4) 0}.partners-group ul{list-style:none;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center;padding:0}.partners-group ul li{flex-basis:160px;margin:.5rem;margin:var(--space-3);height:60px;height:var(--partner-support-height)}.partners-group .partner{padding:.5rem;padding:var(--space-3);display:block;height:100%;width:100%;background-size:contain;background-repeat:no-repeat;background-position:50%;background-origin:content-box;box-shadow:0 0 2px 0 rgba(0,0,0,.07),0 2px 2px 0 rgba(0,0,0,.15);box-shadow:var(--box-shadow-1);-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);-webkit-transition:box-shadow var(--animation);transition:box-shadow var(--animation);cursor:pointer;color:transparent}.partners-group .partner:focus,.partners-group .partner:hover{box-shadow:0 3px 3px -2px rgba(0,0,0,.2),0 3px 4px 0 rgba(0,0,0,.14),0 1px 8px 0 rgba(0,0,0,.12);box-shadow:var(--box-shadow-2)}.partners-group.partner-platinium ul li{height:180px;height:var(--partner-platinum-height);flex-basis:320px}.partners-group.partner-gold ul li,.partners-group.partner-startup ul li{height:120px;height:var(--partner-gold-height);flex-basis:200px}.partners-group .fancy{line-height:.5;text-align:center;color:#636363;color:var(--base-secondary-text)}.partners-group .fancy span{display:inline-block;position:relative;text-transform:capitalize}.partners-group .fancy span:after,.partners-group .fancy span:before{top:40%;content:"";position:absolute;height:5px;width:140%;max-width:25vw}.partners-group .fancy span:before{right:100%;margin-right:15px}.partners-group .fancy span:after{left:100%;margin-left:15px}.partners-group.partner-platinium .fancy{font-size:1.5em;color:#73737a;color:var(--color-platium)}.partners-group.partner-platinium .fancy span:after,.partners-group.partner-platinium .fancy span:before{border-bottom:1px solid;border-top:1px solid}.partners-group.partner-gold .fancy{font-size:1.33em;color:#b7935b;color:var(--color-gold)}.partners-group.partner-gold .fancy span:after,.partners-group.partner-gold .fancy span:before{top:20%;border-bottom:1px solid}.tag-method-tools{background-color:#e6f5c9;background-color:var(--method-tools)}.tag-native-mobile-apps{background-color:#fdcdac;background-color:var(--native-mobile-apps)}.tag-web{background-color:#fff2ae;background-color:var(--web)}.tag-big-data-ml-ai{background-color:#cbd5e8;background-color:var(--big-data-ml-ai)}.tag-iot{background-color:#ccc;background-color:var(--iot)}.tag-cloud-infra{background-color:#f4cae4;background-color:var(--cloud)}.tag-languages{background-color:#b3e2cd;background-color:var(--languages)}.tag-wtf{background-color:#f1e2cc;background-color:var(--wtf)}.tag-keynote{background-color:#afeeee;background-color:var(--keynote)}.tag-office-hours{background-color:#fffaf0;background-color:var(--office-hours)}.tag-general{background-color:#ccc;background-color:var(--general)}section .tags{padding:.125rem;padding:var(--space-1);border-radius:.25rem;border-radius:var(--space-2);background:rgba(0,0,0,.125);background:var(--darken-1);border:thin solid rgba(0,0,0,.25);border:thin solid var(--darken-2);text-shadow:1px 0 0 rgba(255,255,255,.5);text-shadow:var(--extruded-light)}.tag-open{background-image:url(/images/backgrounds/open.png)}.tag-pause{background-image:url(/images/backgrounds/pause.png)}.tag-lunch{background-image:url(/images/backgrounds/lunch.png)}.tag-party{background-image:url(/images/backgrounds/party.png)}.icon{--size:1em;height:1em;height:var(--size,1em);min-width:1em;min-width:var(--size,1em);display:inline-block;background-repeat:no-repeat;margin-right:.125rem;margin-right:var(--space-1)}a .icon.icon-calendar,a .icon.icon-email,a .icon.icon-pdf,a .icon.icon-subscribe{margin-right:.5rem;margin-right:var(--space-3)}a .icon.icon-right{margin-left:.5rem;margin-left:var(--space-3)}.type-conference{--duration:"40"}.type-quickie{--duration:"15"}.type-keynote{--duration:"30"}form{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}form button,form input[type=button],form input[type=reset],form input[type=submit]{align-self:flex-end}form input{background:transparent;border:none;border-bottom:.125rem solid rgba(0,0,0,.25);border-bottom:var(--space-1) solid var(--darken-2);-webkit-transition:border .3s cubic-bezier(.4,0,.2,1);transition:border .3s cubic-bezier(.4,0,.2,1);-webkit-transition:border var(--animation);transition:border var(--animation);margin:.5rem 0;margin:var(--space-3) 0;outline:thin dotted transparent;font-size:1rem;line-height:1.5rem;padding:.25rem;padding:var(--space-2);border-radius:.125rem;border-radius:var(--space-1);color:#424242;color:var(--base-text)}form input::-webkit-input-placeholder{color:rgba(0,0,0,.5);color:var(--darken-3)}form input::-moz-placeholder{color:rgba(0,0,0,.5);color:var(--darken-3)}form input:-ms-input-placeholder{color:rgba(0,0,0,.5);color:var(--darken-3)}form input::-ms-input-placeholder{color:rgba(0,0,0,.5);color:var(--darken-3)}form input::placeholder{color:rgba(0,0,0,.5);color:var(--darken-3)}form input:focus{border-bottom-color:#673ab7;border-bottom-color:var(--primary)}form input:invalid{border-bottom-color:#b22222;border-bottom-color:var(--color-error)}.album{padding:.25rem;padding:var(--space-2)}.album .img{background-size:cover;background-position:50%}.album .inner{padding:1rem;padding:var(--space-4);background-color:#673ab7;background-color:var(--primary);color:#fff;color:var(--primary-txt);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;text-align:center}@supports (grid-template-columns:repeat(5,1fr)){.album{padding:.25rem;padding:var(--space-2);display:-ms-grid;display:grid;grid-gap:.25rem;grid-gap:var(--space-2);-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr);-ms-grid-rows:(30vh)[3];grid-template-rows:repeat(3,30vh);grid-auto-flow:dense}.album .img{background-size:cover;background-position:50%}.album .img:first-child,.album .img:nth-child(2),.album .img:nth-child(6),.album .img:nth-child(8),.album .inner{-ms-grid-column-span:2;grid-column:span 2}.album .img:nth-child(3){-ms-grid-column:5;grid-column:5;-ms-grid-row:1;-ms-grid-row-span:2;grid-row:1/3}.album .inner{-ms-grid-column:3;-ms-grid-column-span:2;grid-column:3/5;-ms-grid-row:2;grid-row:2}@media (max-width:59.99em){.album{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr);-ms-grid-rows:(20vh)[5];grid-template-rows:repeat(5,20vh)}.album .img:first-child,.album .img:nth-child(7),.album .img:nth-child(8){-ms-grid-column-span:1;grid-column:span 1}.album .img:nth-child(2),.album .img:nth-child(4),.album .img:nth-child(6),.album .inner{-ms-grid-column-span:2;grid-column:span 2}.album .img:nth-child(3){-ms-grid-column:3;grid-column:3;-ms-grid-row:2;-ms-grid-row-span:2;grid-row:2/4}.album .inner{-ms-grid-column-span:3;grid-column:span 3;-ms-grid-row-span:5;grid-row:span 5}}}.home main>section{margin:0;padding:4rem}.home main>section h2{margin-bottom:1.5rem;padding:0;font-size:2rem;line-height:1.875rem;font-weight:300}.home main .info{display:-webkit-box;display:flex;flex-wrap:wrap}.home main .info .wrapper{max-width:1100px;max-width:var(--theJdrSize);margin:0 auto;display:-webkit-box;display:flex}@media (max-width:44.99em){.home main .info{text-align:center}}.home main .info .inner{-webkit-box-flex:1;flex:1 1 auto;max-width:33vw;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center}@media (max-width:71.24em){.home main .info .inner{max-width:100%}}.home main .info .numbers{-webkit-box-flex:1;flex:1 0 33vw;margin:0 2rem;min-width:33vw;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;width:100%}@media (max-width:44.99em){.home main .info .numbers{margin:0}}.home main .info .number strong{font-size:3.5rem;font-weight:100}.home main .info .number strong:after{content:"";display:block;height:.125rem;width:2rem;background-color:#673ab7;background-color:var(--primary)}.home main .info .number div{margin:.125rem 0;margin:var(--space-1) 0}.home main .speakers .inner,.home main .speakers ul{max-width:1100px;max-width:var(--theJdrSize);margin:0 auto}.home main .speakers ul{padding-left:0;list-style:none;display:-webkit-box;display:flex;justify-content:space-around;-webkit-box-align:start;align-items:flex-start;flex-wrap:wrap}.home main .speakers ul li{margin:1rem;margin:var(--space-4)}.home main .speakers ul li:nth-child(n+5){display:none}.home main .subscribe{text-align:center;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.home main .youtube-section{text-align:center}.home main .youtube-section .inner{max-width:1100px;max-width:var(--theJdrSize);margin:0 auto;padding:1rem;padding:var(--space-4);border-radius:.5rem;border-radius:var(--space-3);position:relative;overflow:hidden;text-shadow:0 1px 1px rgba(0,0,0,.5);text-shadow:0 1px 1px var(--darken-3);text-align:center}.home main .youtube-section .inner .youtube-player{border:4px solid #fff;background-color:#000}@media (max-width:59.99em){.home main .youtube-section .inner{padding:0;max-width:80vw}}.home main .tickets{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}.home main .tickets p{font-size:80%}.home main .location{padding:0;position:relative;background:rgba(0,0,0,.125);background:var(--darken-1);font-weight:300}.home main .location .map{display:block;height:664px;background-position:50%;background-size:cover}.home main .location .description{display:inline-block;padding:1rem;padding:var(--space-4);width:400px;position:absolute;bottom:2rem;right:2rem;background-color:#673ab7;background-color:var(--primary);color:#fff;color:var(--primary-txt)}.home main .location .description .direction{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.home main .partners .inner h2{text-align:center}@supports (grid-template-columns:repeat(auto-fit,minmax(25vmin,1fr))){.home main .info .numbers{-webkit-box-pack:center;justify-content:center;display:grid;grid-template-columns:repeat(2,1fr)}}@media (max-width:59.99em){.home main>section{padding:2rem}.home main .location .description{position:relative;top:unset;bottom:unset;left:0;right:unset;width:100%}}.section.sessions ul.talks,.taxonomy.tags ul.talks{list-style:none;padding:0;margin:0;display:-webkit-box;display:flex;flex-wrap:wrap}.section.sessions ul.talks li.talk,.taxonomy.tags ul.talks li.talk{margin:1rem;-webkit-box-flex:1;flex:1 0 320px}.section.sessions ul.talks a,.taxonomy.tags ul.talks a{border:thin solid rgba(0,0,0,.125);border:thin solid var(--darken-1);box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);-webkit-transition:box-shadow var(--animation);transition:box-shadow var(--animation);border-radius:.25rem;border-radius:var(--space-2);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;text-decoration:none;color:inherit;height:100%}.section.sessions ul.talks a:focus,.section.sessions ul.talks a:hover,.taxonomy.tags ul.talks a:focus,.taxonomy.tags ul.talks a:hover{box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)}.section.sessions ul.talks a .info,.section.sessions ul.talks a h2,.taxonomy.tags ul.talks a .info,.taxonomy.tags ul.talks a h2{padding:1rem;padding:var(--space-4)}.section.sessions ul.talks a h2,.taxonomy.tags ul.talks a h2{display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}.section.sessions ul.talks a hr,.taxonomy.tags ul.talks a hr{width:calc(100% - .5rem);width:calc(100% - var(--space-3));margin:0 auto}.section.sessions ul.talks a .info,.taxonomy.tags ul.talks a .info{-webkit-box-flex:1;flex-grow:1}.section.sessions ul.talks a .info .tags,.taxonomy.tags ul.talks a .info .tags{float:right}.section.sessions ul.talks a .speakers,.taxonomy.tags ul.talks a .speakers{border:thin solid transparent;border-radius:.25rem;border-radius:var(--space-2);background:#fff;background:var(--base);padding-left:0}.section.sessions ul.talks a .speaker+.speaker,.taxonomy.tags ul.talks a .speaker+.speaker{border-top:thin solid rgba(0,0,0,.125);border-top:thin solid var(--darken-1)}@supports (grid-template-columns:repeat(auto-fit,minmax(320px,1fr))){.section.sessions ul.talks,.taxonomy.tags ul.talks{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}.talk .complexity:before{content:"Niveau : "}.talk .type:before{content:"Type : "}.talk .type:after{font-weight:100;content:" (" "" " min.)";content:" (" var(--duration,"") " min.)"}.talk .speakers .speaker{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:.125rem .5rem;padding:var(--space-1) var(--space-3);--img-size:2rem}.talk .speakers .speaker .speaker-img{--img-size:3rem;height:3rem;height:var(--img-size,3rem);min-width:3rem;min-width:var(--img-size,3rem);border-radius:100%;background-size:cover;margin-right:1rem;margin-right:var(--space-4)}.talk .speakers .speaker .info{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.talk .speakers .speaker .speaker-company{-webkit-box-flex:1;flex-grow:1;text-align:right;margin-left:.5rem;margin-left:var(--space-3)}.talk .speakers .speaker p{max-width:320px}.page.sessions .talk header{border-radius:.25rem;border-radius:var(--space-2);padding:.25rem;padding:var(--space-2);display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.page.sessions .talk header h1{-webkit-box-flex:1;flex-grow:1}.page.sessions .talk header .tags{margin-right:1ch;white-space:nowrap}.page.sessions .talk .detail{margin:.25rem 0;margin:var(--space-2) 0;padding:.25rem 0;padding:var(--space-2) 0;border-top:thin solid rgba(0,0,0,.125);border-top:thin solid var(--darken-1);border-bottom:thin solid rgba(0,0,0,.125);border-bottom:thin solid var(--darken-1)}.page.sessions .talk .content{margin:1rem 0;margin:var(--space-4) 0;-webkit-box-flex:1;flex:1 1 auto}.page.sessions .talk .speakers .speaker{display:-ms-grid;display:grid;-ms-grid-columns:auto 1fr;grid-template-columns:auto 1fr;-ms-grid-rows:1fr auto auto;grid-template-rows:1fr auto auto}.page.sessions .talk .speakers .speaker .speaker-img{grid-row:1/-1;-ms-grid-row-align:center;align-self:center;--img-size:6rem;height:3rem;height:var(--img-size,3rem);min-width:3rem;min-width:var(--img-size,3rem);border-radius:100%;background-size:cover;margin-right:1rem;margin-right:var(--space-4)}.page.sessions .talk .speakers .speaker .speaker-company{text-align:left;margin-left:0}.page.sessions .talk .speakers{float:right;margin:.125rem .5rem;margin:var(--space-1) var(--space-3);list-style:none;padding:0;-ms-grid-row-align:start;align-self:start;border-radius:.25rem;border-radius:var(--space-2)}.page.sessions .talk .speakers .speaker{padding:.5rem;padding:var(--space-3);margin:1rem 0;margin:var(--space-4) 0;border:thin solid rgba(0,0,0,.125);border:thin solid var(--darken-1);box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);-webkit-transition:box-shadow var(--animation);transition:box-shadow var(--animation);border-radius:.25rem;border-radius:var(--space-2);text-decoration:none;color:inherit}.page.sessions .talk .speakers .speaker:focus,.page.sessions .talk .speakers .speaker:hover{box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)}.page.sessions .talk .media{grid-column:1/-1}.page.sessions .talk .media a{padding:.5rem 0;padding:var(--space-3) 0;font-size:1rem}.page.sessions .talk .media .social-slides{width:auto;color:inherit}@media (max-width:59.99em){.page.talks .talk{-ms-grid-columns:1fr;grid-template-columns:1fr}.page.sessions .talk .speakers{float:unset}}.page.partners .content img{width:50vw}.page.partners .header{display:-ms-grid;display:grid;-ms-grid-columns:auto 1fr;grid-template-columns:auto 1fr;grid-template-areas:"logo title" "logo website";-webkit-box-align:center;align-items:center}.page.partners .header .card{-ms-grid-row:1;-ms-grid-row-span:2;-ms-grid-column:1;grid-area:logo;height:8em;width:12em;display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:50%;background-origin:content-box;padding:.25em;margin-right:1em;box-shadow:.125em .125em .25em rgba(0,0,0,.5)}.page.partners .header h1{-ms-grid-row:1;-ms-grid-column:2;grid-area:title;-ms-grid-row-align:end;align-self:end;font-size:2.5em}.page.partners .header a{-ms-grid-row:2;-ms-grid-column:2;grid-area:website;-ms-grid-row-align:start;align-self:start}.page.partners .socials ul{margin:0;list-style:none;padding-left:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;font-size:2em}.page.partners .socials ul li{margin:.25em}.page.partners .jobs ul{margin:0;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-align:center;align-items:center;list-style:none;padding-left:0}.page.partners .jobs ul .job{padding:.5em;margin:.5em;box-shadow:.125em .125em .25em rgba(0,0,0,.5);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.page.partners .jobs ul .job header{font-size:1.1em;font-weight:700;font-style:italic;margin:.5em 0}.page.partners .jobs ul .job .city,.page.partners .jobs ul .job .contact{display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;color:#666;margin:.25em 0}.page.partners .jobs ul .job .city .icon,.page.partners .jobs ul .job .contact .icon{width:2ch}.section.schedule .hero .description{display:-webkit-box;display:flex}.section.schedule .hero .description p+p{margin-left:1em}.section.schedule nav.day-tabs{font-size:2em;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;justify-content:space-between;align-self:center;padding:.5rem 10vw;padding:var(--space-3) var(--container-margin)}.section.schedule nav.day-tabs a{-webkit-box-flex:1;flex-grow:1;margin:.25rem 1rem;margin:var(--space-2) var(--space-4);border-radius:.5rem;border-radius:var(--space-3);text-align:center;color:#673ab7;color:var(--primary);background-colorcolo:#fff;background-colorcolo:var(--primary-txt)}.section.schedule nav.day-tabs a.active{background-color:#673ab7;background-color:var(--primary);color:#fff;color:var(--primary-txt)}.section.schedule main>section.schedule{margin:1rem 2rem 2rem;padding:.5rem 10vw;padding:var(--space-3) var(--container-margin)}.section.schedule main>section.schedule .day{display:none}.section.schedule main>section.schedule .day:target{display:block}.section.schedule h2{display:none}.section.schedule .room{-webkit-box-align:start;align-items:flex-start;color:#673ab7;color:var(--primary);margin:.125em}.section.schedule .room,.section.schedule .room h3{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;background-color:#fff;background-color:var(--primary-txt)}.section.schedule .room h3{border:solid;border-radius:.5rem;border-radius:var(--space-3);font-size:1.5em;-webkit-box-align:center;align-items:center;width:100%;height:1.75em}.section.schedule .slot,.section.schedule .start{font-size:2em;color:#636363;color:var(--base-secondary-text)}.section.schedule .slot .mm,.section.schedule .start .mm{font-size:50%}.section.schedule .start{position:absolute;top:0;left:-3.5ch}.section.schedule .slot{display:none}.section.schedule .session{position:relative;margin:1rem 1rem 1rem 5ch;border-radius:.25rem;border-radius:var(--space-2)}.section.schedule .session.tag-lunch,.section.schedule .session.tag-open,.section.schedule .session.tag-party,.section.schedule .session.tag-pause{background-position:50%;background-size:cover;pointer-events:none}.section.schedule .session.tag-lunch>a,.section.schedule .session.tag-open>a,.section.schedule .session.tag-party>a,.section.schedule .session.tag-pause>a{box-shadow:none}.section.schedule .session.tag-lunch h4,.section.schedule .session.tag-open h4,.section.schedule .session.tag-party h4,.section.schedule .session.tag-pause h4{color:#fff;text-shadow:2px 1px 1px #000}.section.schedule .session .slot,.section.schedule .session.tag-lunch .tags,.section.schedule .session.tag-office-hours .tags,.section.schedule .session.tag-open .tags,.section.schedule .session.tag-party .tags,.section.schedule .session.tag-pause .tags{display:none}.section.schedule .session>a{border:thin solid rgba(0,0,0,.125);border:thin solid var(--darken-1);box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);-webkit-transition:box-shadow var(--animation);transition:box-shadow var(--animation);border-radius:.25rem;border-radius:var(--space-2);display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;text-decoration:none;color:inherit;height:100%}.section.schedule .session>a:focus,.section.schedule .session>a:hover{box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)}.section.schedule .session>a .info,.section.schedule .session>a h4{padding:.25rem;padding:var(--space-2)}.section.schedule .session>a h4{text-shadow:2px 1px 1px #fff;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:center;align-items:center}.section.schedule .session>a hr{width:calc(100% - .5rem);width:calc(100% - var(--space-3));margin:0 auto}.section.schedule .session>a .info{-webkit-box-flex:1;flex-grow:1;display:-webkit-box;display:flex;-webkit-box-pack:justify;justify-content:space-between;-webkit-box-align:start;align-items:flex-start}.section.schedule .session>a .info .complexity{display:inline;max-height:1em}.section.schedule .session>a .info .complexity svg{height:1.5em;max-width:1.5em}.section.schedule .session>a .speakers{border:thin solid transparent;border-radius:.25rem;border-radius:var(--space-2);background:#fff;background:var(--base);padding:0;margin:0;list-style:none}.section.schedule .session>a .speaker+.speaker{border-top:thin solid rgba(0,0,0,.125);border-top:thin solid var(--darken-1)}.section.schedule .session>a .speaker{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;padding:.125rem .5rem;padding:var(--space-1) var(--space-3)}.section.schedule .session>a .speaker .speaker-img{--img-size:2rem;height:3rem;height:var(--img-size,3rem);min-width:3rem;min-width:var(--img-size,3rem);border-radius:100%;background-size:cover;margin-right:1rem;margin-right:var(--space-4)}.section.schedule .session>a .speaker .info{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.section.schedule .session>a .speaker .speaker-company{-webkit-box-flex:1;flex-grow:1;text-align:right;margin-left:.5rem;margin-left:var(--space-3)}.section.schedule .session>a .speaker p{max-width:320px}@supports (grid-template-columns:repeat(calc(var(--rooms) + 1),1fr)){.section.schedule main>section.schedule .day{-ms-grid-columns:auto (1fr)[var(--rooms)];grid-template-columns:auto repeat(var(--rooms),1fr);--dayStart:60 * var(--dayStartH) + var(--dayStartM);--dayEnd:60 * var(--dayEndH) + var(--dayEndM);-ms-grid-rows:3em (4.5em)[calc(var(--end) - 1)];grid-template-rows:3em repeat(calc(var(--end) - 1),4.5em);-ms-grid-rows:3em (var(--base-grid-height,6em))[calc(var(--end) - 1)];grid-template-rows:3em repeat(calc(var(--end) - 1),var(--base-grid-height,6em));grid-gap:.125em .25em}.section.schedule main>section.schedule .day:target{display:-ms-grid;display:grid}.section.schedule main>section.schedule .day .slot{display:block;-ms-grid-column:1;-ms-grid-column-span:1;grid-column:1/2;--start:calc(1 + var(--row-start));--end:calc(1 + var(--row-end));grid-row:var(--start)/var(--end);background-color:#f8f8ff;background-color:var(--color-hero)}.section.schedule main>section.schedule .day .room{grid-column:calc(var(--room) + 2);grid-row:1/-1}.section.schedule main>section.schedule .day .room.even{background-color:#f8f8ff;background-color:var(--color-hero)}.section.schedule main>section.schedule .day .session{margin:.125em;z-index:1;--start:calc(1 + var(--row-start));--end:calc(1 + var(--row-end));grid-column:calc(var(--room) + 2);grid-row:var(--start)/var(--end)}.section.schedule main>section.schedule .day .session.tag-lunch h4,.section.schedule main>section.schedule .day .session.tag-open h4,.section.schedule main>section.schedule .day .session.tag-party h4{font-size:2em}.section.schedule main>section.schedule .day .session.tag-lunch,.section.schedule main>section.schedule .day .session.tag-open,.section.schedule main>section.schedule .day .session.tag-party,.section.schedule main>section.schedule .day .session.tag-pause{grid-column:2/-1;z-index:0}.section.schedule main>section.schedule .day .session.tag-office-hours{margin:.5rem;margin:var(--space-3)}.section.schedule main>section.schedule .day .session .start{display:none}.section.schedule main>section.schedule .day .session .speakers.multi{display:-webkit-box;display:flex;-webkit-box-pack:space-evenly;justify-content:space-evenly}.section.schedule main>section.schedule .day .session .speakers.multi .speaker .speaker-img{margin-right:.125rem;margin-right:var(--space-1)}.section.schedule main>section.schedule .day .session .speakers.multi .speaker .speaker-name{display:none}.section.schedule main>section.schedule .day .session .speakers.multi .speaker:focus .speaker-name,.section.schedule main>section.schedule .day .session .speakers.multi .speaker:hover .speaker-name{display:block}.section.schedule main>section.schedule.horizontal .day{overflow:auto;-ms-grid-rows:auto (1fr)[var(--rooms)];grid-template-rows:auto repeat(var(--rooms),1fr);--dayStart:60 * var(--dayStartH) + var(--dayStartM);--dayEnd:60 * var(--dayEndH) + var(--dayEndM);-ms-grid-columns:6em (4.5em)[calc(var(--end) - 1)];grid-template-columns:6em repeat(calc(var(--end) - 1),4.5em);-ms-grid-columns:6em (var(--base-grid-height,6em))[calc(var(--end) - 1)];grid-template-columns:6em repeat(calc(var(--end) - 1),var(--base-grid-height,6em));grid-auto-flow:dense}.section.schedule main>section.schedule.horizontal .day .slot{display:block;-ms-grid-row:1;-ms-grid-row-span:1;grid-row:1/2;--start:calc(1 + var(--row-start));--end:calc(1 + var(--row-end));grid-column:var(--start)/var(--end);background-color:#f8f8ff;background-color:var(--color-hero)}.section.schedule main>section.schedule.horizontal .day .room{grid-row:calc(var(--room) + 2);grid-column:1/-1;-webkit-box-pack:start;justify-content:flex-start}.section.schedule main>section.schedule.horizontal .day .room h3{height:100%;width:auto;max-width:4em;text-align:center;-webkit-text-orientation:upright;text-orientation:upright}.section.schedule main>section.schedule.horizontal .day .session{--start:calc(1 + var(--row-start));--end:calc(1 + var(--row-end));grid-row:calc(var(--room) + 2);grid-column:var(--start)/var(--end)}.section.schedule main>section.schedule.horizontal .day .session.tag-lunch,.section.schedule main>section.schedule.horizontal .day .session.tag-open,.section.schedule main>section.schedule.horizontal .day .session.tag-party,.section.schedule main>section.schedule.horizontal .day .session.tag-pause{grid-row:2/-1}.section.schedule main>section.schedule.horizontal .day .session h4{overflow:hidden}}@media (max-width:79.99em){.section.schedule main>section.schedule{--container-margin:0em}}@media (max-width:59.99em){.section.schedule main>section.schedule .day .session{--container-margin:0em;margin:1rem .5rem 2rem 2.25em}.section.schedule main>section.schedule .day .session .start{display:block}@supports (grid-template-columns:repeat(calc(var(--rooms) + 1),1fr)){.section.schedule main>section.schedule .day:target{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.section.schedule main>section.schedule .day .slot{display:none}.section.schedule main>section.schedule .day .room{-webkit-box-align:start;align-items:flex-start;margin-top:1em}}}@media print{.section.schedule main section.schedule .session{font-size:24px}.section.schedule main section.schedule .session.format-quickie{font-size:18px}.section.schedule main section.schedule .session a,.section.schedule main section.schedule .session h4{background:inherit;text-shadow:none;box-shadow:none}.section.schedule main>section.schedule .day .session .speakers.multi,.section.schedule main>section.schedule .day .session .speakers.multi .speaker .speaker-name{display:block}}.section.speakers .hero h1{padding:2rem 10vw;padding:2rem var(--container-margin)}.section.speakers ul.speakers{list-style:none;padding:0;margin:0;display:-webkit-box;display:flex;flex-wrap:wrap}.section.speakers ul.speakers>li{margin:1rem;-webkit-box-flex:1;flex:1 0 300px;max-width:450px}.section.speakers a.speaker{padding:1rem;padding:var(--space-4);border:thin solid rgba(0,0,0,.125);border:thin solid var(--darken-1);box-shadow:.125rem .125rem .25rem rgba(0,0,0,.25);box-shadow:var(--space-1) var(--space-1) var(--space-2) var(--darken-2);-webkit-transition:box-shadow .3s cubic-bezier(.4,0,.2,1);transition:box-shadow .3s cubic-bezier(.4,0,.2,1);-webkit-transition:box-shadow var(--animation);transition:box-shadow var(--animation);border-radius:.25rem;border-radius:var(--space-2);display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;height:100%}.section.speakers a.speaker .speaker-img{margin-right:1rem;margin-right:var(--space-4)}.section.speakers a.speaker .speaker-company{margin-top:.5rem;margin-top:var(--space-3);text-align:center}.section.speakers a.speaker .speaker-company img{max-width:100%}.section.speakers a.speaker .speaker-company figcaption{display:block;max-width:200px}.section.speakers a.speaker:focus,.section.speakers a.speaker:hover{box-shadow:.25rem .25rem .25rem rgba(0,0,0,.5);box-shadow:var(--space-2) var(--space-2) var(--space-2) var(--darken-3)}.page.speakers .hero,.page.speakers main{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.page.speakers .hero .description,.page.speakers .hero header{padding:1rem 10vw;padding:var(--space-4) var(--container-margin)}.page.speakers .hero header{align-self:center;margin:1em;padding-left:0;max-width:1100px;max-width:var(--theJdrSize);display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}.page.speakers .hero header .speaker-img{--size:6rem;height:6rem;height:var(--size,6rem);min-width:6rem;min-width:var(--size,6rem);border-radius:100%;background-size:cover;box-shadow:0 0 .5rem rgba(0,0,0,.5);box-shadow:0 0 var(--space-3) var(--darken-3);margin-right:1rem;margin-right:var(--space-4)}.page.speakers .hero header h1{margin:0;padding:0}.page.speakers .hero header ul.socials{display:-webkit-box;display:flex;flex-wrap:wrap;list-style:none;padding:0;margin:0;font-size:1.25em;-webkit-box-pack:start;justify-content:flex-start}.page.speakers .hero header ul.socials li{-webkit-box-flex:0;flex:0 1 auto;padding-right:1rem;padding-right:var(--space-4)}.page.speakers .hero header ul.socials li a.social{width:auto;color:inherit}.page.speakers .hero header ul.socials li a.social .icon{width:1em}.page.speakers .hero .description .talks{padding-left:0;list-style:none}.page.speakers .hero .description .talks .talk{border:thin solid rgba(0,0,0,.125);border:thin solid var(--darken-1);display:-webkit-inline-box;display:inline-flex;padding:.25rem;padding:var(--space-2);border-radius:.125rem;border-radius:var(--space-1)}.page.speakers .hero .description .talks .talk .language,.page.speakers .hero .description .talks .talk .tags{margin-right:1ch}.page.speakers .hero .description .talks .talk .tags{white-space:nowrap;-ms-grid-row-align:center;align-self:center}.page.speakers .hero .description .talks .talk.tag-{display:none}.page.speakers section.speaker{-ms-grid-row-align:center;align-self:center;margin:1em;max-width:1100px;max-width:var(--theJdrSize)}.page.speakers section.speaker header{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between}.page.speakers section.speaker .speaker-company{margin:.5rem 0;margin:var(--space-3) 0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center}@media (max-width:var(--breakpoint-lg)){.section.blog main>section{margin:2rem 3vw;margin:2rem var(--container-margin-mobile)}}.section.blog main .blogs,.section.blog main h1{max-width:1100px;max-width:var(--theJdrSize);margin:0 auto}.section.blog .blogs a.blog-links{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}.section.blog .blogs a.blog{text-decoration:none;padding:1rem;padding:var(--space-4);border-radius:.5rem;border-radius:var(--space-3);display:-webkit-box;display:flex;color:inherit;border-bottom:thin solid rgba(0,0,0,.125);border-bottom:thin solid var(--darken-1)}@media (max-width:44.99em){.section.blog .blogs a.blog{padding:.25rem;padding:var(--space-2)}}.section.blog .blogs a.blog .img{display:inline-block;background-position:50%;background-size:cover;--size:16rem;-webkit-box-flex:0;flex:0 0 16rem;flex:0 0 var(--size,16rem);height:16rem;height:var(--size,16rem);width:16rem;width:var(--size,16rem);border-radius:.25rem;border-radius:var(--space-2)}.section.blog .blogs a.blog .info{-webkit-box-flex:1;flex:1 1 auto;margin-left:1rem;margin-left:var(--space-4);-webkit-box-pack:center;justify-content:center}.section.blog .blogs a.blog .info h2{margin:.5rem 0;margin:var(--space-3) 0}.section.blog .blogs a.blog .info .reading{align-self:flex-end}.section.blog .blogs a.blog .info .reading:after{content:" min."}.section.blog .blogs a.blog .info .date{align-self:flex-start;color:#636363;color:var(--base-secondary-text)}.section.blog .blogs a.blog .info p{line-height:1.75}@media (max-width:59.99em){.section.blog .blogs a{-ms-grid-rows:auto 1fr;grid-template-rows:auto 1fr;-ms-grid-columns:auto;grid-template-columns:auto}.section.blog .blogs a .img{width:100%}}@media (max-width:33.74em){.section.blog .blogs a.blog{display:block}.section.blog .blogs a.blog .img{display:none}}@media (max-width:59.99em){.section.blog .blogs a.blog{display:block}.section.blog .blogs a.blog .img{--size:8rem;float:left;margin-right:.5em}}.page.blog .hero .img{padding:10vw;padding:var(--container-margin);background-repeat:no-repeat;background-size:cover;background-position:50%;text-shadow:1px 0 0 rgba(255,255,255,.5);text-shadow:1px 0 0 var(--lighten-3);min-height:45vmin}.page.blog .hero h1{color:#673ab7;color:var(--primary);padding-left:0;padding-right:0}.page.blog .hero h1 small{display:block}.page.blog main .content,.page.blog main h1{max-width:1100px;max-width:var(--theJdrSize);margin:0 auto}.page.blog .content{padding-left:0;padding-right:0;margin:2rem 10vw;margin:2rem var(--container-margin)}@media (max-width:44.99em){.page.blog .content{margin:1rem}}.page.blog .content img{max-width:100%}.page.blog .content .centered-img{text-align:center;margin:.5rem 0;margin:var(--space-3) 0}.page.blog .content h1,.page.blog .content h2,.page.blog .content h3,.page.blog .content h4,.page.blog .content h5,.page.blog .content h6{color:#673ab7;color:var(--primary);font-style:normal;font-weight:400}.page.blog .content h1,.page.blog .content h2,.page.blog .content h3{margin-top:1.25rem;margin-bottom:.625rem}.page.blog .content h4,.page.blog .content h5,.page.blog .content h6{margin-top:.625rem;margin-bottom:.625rem}.page.blog .content p{text-align:justify;margin-bottom:1.5rem;line-height:1.7rem}.page.blog .content ul{margin-left:1rem}.page.blog .content ul li{line-height:1.7rem}main>.kids .hero{position:relative}main>.kids .hero .img{background-repeat:no-repeat;background-size:cover;background-position:50%;text-shadow:1px 0 0 rgba(255,255,255,.5);text-shadow:1px 0 0 var(--lighten-3);min-height:45vmin}main>.kids .hero h1{position:absolute;bottom:0;max-width:1100px;max-width:var(--theJdrSize);color:#fff;color:var(--primary-txt);padding-left:0;padding-right:0;margin:0;font-size:3rem}main>.kids .hero h1 small{display:block;font-size:.6em}@media (max-width:44.99em){main>.kids .hero h1{font-size:2rem}}@media (max-width:33.74em){main>.kids .hero h1{font-size:1.5rem}}main>.kids .img-container{display:-webkit-box;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}@media (max-width:44.99em){main>.kids .img-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center}}main>.kids .img-container img{margin:10px}main>.kids .content,main>.kids h1{max-width:1100px;max-width:var(--theJdrSize);margin:0 auto}main>.kids .content{padding-left:0;padding-right:0}@media (max-width:44.99em){main>.kids .content{margin:1rem}}main>.kids .content img{max-width:100%}main>.kids .content .centered-img{text-align:center;margin:.5rem 0;margin:var(--space-3) 0}main>.kids .content h2,main>.kids .content h3,main>.kids .content h4,main>.kids .content h5,main>.kids .content h6{color:#673ab7;color:var(--primary);font-style:normal;font-weight:400}main>.kids .content h2,main>.kids .content h3{margin-top:1.25rem;margin-bottom:.625rem}main>.kids .content h4,main>.kids .content h5,main>.kids .content h6{margin-top:.625rem;margin-bottom:.625rem}main>.kids .content p{text-align:justify;margin-bottom:1.5rem;line-height:1.7rem}main>.kids .content ul{margin-left:1rem}main>.kids .content ul li{line-height:1.7rem}.section.team h2{margin:1rem 0;margin:var(--space-4) 0}.section.team ul.members{padding:0;margin:0;display:-webkit-box;display:flex;flex-wrap:wrap}.section.team ul.members>li{-webkit-box-flex:1;flex:1 1 300px;margin:2rem;display:-webkit-box;display:flex}.section.team ul.members>li .photo{--size:6rem;box-shadow:0 0 0 .25rem rgba(0,0,0,.25);box-shadow:0 0 0 var(--space-2) var(--darken-2);min-width:6rem;min-width:var(--size,6rem);height:6rem;height:var(--size,6rem);border-radius:100%;background-size:cover;margin:.25rem;margin:var(--space-2)}.section.team ul.members>li .label{display:-webkit-box;display:flex;margin-left:.5rem;margin-left:var(--space-3);-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-pack:center;justify-content:center}.section.team ul.members>li ul.socials{list-style:none;margin:0;padding:0;font-size:1.5em}.section.team ul.members>li ul.socials li{display:inline-block;opacity:.5;-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);transition:-webkit-filter .3s cubic-bezier(.4,0,.2,1);transition:filter .3s cubic-bezier(.4,0,.2,1);transition:filter .3s cubic-bezier(.4,0,.2,1),-webkit-filter .3s cubic-bezier(.4,0,.2,1);-webkit-transition:-webkit-filter var(--animation);transition:-webkit-filter var(--animation);transition:filter var(--animation);transition:filter var(--animation),-webkit-filter var(--animation)}.section.team ul.members>li ul.socials li:focus,.section.team ul.members>li ul.socials li:hover{opacity:1;-webkit-filter:grayscale(0);filter:grayscale(0)}.section.team .partners-group ul li{flex-basis:260px;margin:.5rem;margin:var(--space-3);height:120px;height:var(--partner-gold-height)}@media (max-width:44.99em){.page.faq .hero .description,.page.fr-faq .hero .description{padding:0}}.page.faq #TableOfContents,.page.faq main .content,.page.faq main h1,.page.fr-faq #TableOfContents,.page.fr-faq main .content,.page.fr-faq main h1{max-width:1100px;max-width:var(--theJdrSize);margin:0 auto}.page.faq .content h1,.page.faq .content h2,.page.faq .content h3,.page.faq .content h4,.page.faq .content h5,.page.faq .content h6,.page.fr-faq .content h1,.page.fr-faq .content h2,.page.fr-faq .content h3,.page.fr-faq .content h4,.page.fr-faq .content h5,.page.fr-faq .content h6{color:#673ab7;color:var(--primary)}.page.faq .content>ol,.page.faq .content>p,.page.faq .content>ul,.page.faq .content h3,.page.faq .content h4,.page.faq .content h5,.page.faq .content h6,.page.fr-faq .content>ol,.page.fr-faq .content>p,.page.fr-faq .content>ul,.page.fr-faq .content h3,.page.fr-faq .content h4,.page.fr-faq .content h5,.page.fr-faq .content h6{margin-left:calc(10vw - 2rem);margin-left:calc(var(--container-margin) - 2rem)}.page.faq .content li,.page.fr-faq .content li{line-height:1.5}@media (max-width:44.99em){.page.faq .content ul,.page.fr-faq .content ul{padding-left:2ch}}.page.faq .content mark,.page.fr-faq .content mark{font-weight:700;border-radius:.25em;padding:.125em}.page.faq .content mark.a,.page.fr-faq .content mark.a{color:#fff;color:var(--fg-mark-a);background-color:#fb2c17;background-color:var(--bg-mark-a)}.page.faq .content mark.b,.page.fr-faq .content mark.b{color:#000;color:var(--fg-mark-b);background-color:#fc0;background-color:var(--bg-mark-b)}.page.faq .content mark.t2,.page.fr-faq .content mark.t2{color:#fff;color:var(--fg-mark-t2);background-color:#11a7e0;background-color:var(--bg-mark-t2)}@media (max-width:71.24em){.page.faq .content,.page.fr-faq .content{padding:0 .5em}}.page.code-of-conduct #TableOfContents,.page.code-of-conduct main .content,.page.code-of-conduct main h1{max-width:1100px;max-width:var(--theJdrSize);margin:0 auto}.page.code-of-conduct .content p{text-align:justify}.page.code-of-conduct .content p,.page.code-of-conduct .content p:first-letter{margin-left:1rem;margin-left:var(--space-4)}.page.code-of-conduct .content ul{margin-left:2rem}.page.code-of-conduct .content ul li{line-height:1.25}@media (max-width:71.24em){.page.code-of-conduct .content{padding:0 .5em}}
\ No newline at end of file +@charset "UTF-8"; +:root { + --primary: #673AB7; + --primary-txt: #fff; + --accent: grey; + --accent-txt: #fff; + --base: #FFF; + --base-text: #424242; + --base-secondary-text: #636363; + --link-secondary-text: #424242; + --darken-1: rgba(0, 0, 0, .125); + --darken-2: rgba(0, 0, 0, .25); + --darken-3: rgba(0, 0, 0, .5); + --lighten-1: hsla(0, 100%, 100%, .125); + --lighten-2: hsla(0, 100%, 100%, .25); + --lighten-3: hsla(0, 100%, 100%, .5); + --color-hero: ghostwhite; + --color-platium: #73737a; + --color-gold: #b7935b; + --color-error: firebrick; + --space-1: .125rem; + --space-2: .25rem; + --space-3: .5rem; + --space-4: 1rem; + --theJdrSize: 1100px; + --breakpoint-sm: 34.375rem; + --breakpoint-md: 45rem; + --breakpoint-lg: 60rem; + --breakpoint-xl: 71.25rem; + --container-margin: 10vw; + --container-margin-mobile: 3vw; + --toolbar-height: 3.25rem; + --font-family: 'Roboto', sans-serif; + /* Tags */ + /*from https://github.com/d3/d3-scale-chromatic#schemePastel2*/ + --tag1: #b3e2cd; + --tag2: #fdcdac; + --tag3: #cbd5e8; + --tag4: #f4cae4; + --tag5: #e6f5c9; + --tag6: #fff2ae; + --tag7: #f1e2cc; + --tag8: #cccccc; + --native-mobile-apps: var(--tag2); + --web: var(--tag6); + --method-tools: var(--tag5); + --big-data-ml-ai: var(--tag3); + --iot: var(--tag8); + --cloud: var(--tag4); + --languages: var(--tag1); + --wtf: var(--tag7); + --general: var(--tag8); + --office-hours: floralwhite; + --keynote: paleturquoise; + /* Jumbo section */ + --jumbo-logo-width: 400px; + --jumbo-overlay-opacity: 0.6; + --jumbo-overlay-transition: 0.5s; + /* Partners */ + --partner-support-height: 60px; + --partner-platinum-height: calc(var(--partner-support-height) * 3); + --partner-gold-height: calc(var(--partner-support-height) * 2); + --animation: 0.3s cubic-bezier(0.4, 0, 0.2, 1); + --extruded-dark: 1px 0 0 var(--darken-3); + --extruded-light: 1px 0 0 var(--lighten-3); + --box-shadow-1: 0 0 2px 0 rgba(0, 0, 0, 0.07), 0 2px 2px 0 rgba(0, 0, 0, 0.15); + --box-shadow-2: 0 3px 3px -2px rgba(0, 0, 0, 0.2), 0 3px 4px 0 rgba(0, 0, 0, 0.14), 0 1px 8px 0 rgba(0, 0, 0, 0.12); + /* Mark */ + --fg-mark-a: white; + --bg-mark-a: #fb2c17; + --fg-mark-b: black; + --bg-mark-b: #ffcc00; + --fg-mark-t2: white; + --bg-mark-t2: #11a7e0; + /* Schedule */ + --base-grid-height: 4.5em; } + +html { + box-sizing: border-box; + font-family: var(--font-family); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + background: var(--darken-2); } + +*, +*:before, +*:after { + box-sizing: inherit; } + +*:focus { + outline: thin dotted var(--darken-3); + outline-offset: var(--space-1); } + +body { + background: var(--base); + color: var(--base-text); + margin: var(--toolbar-height) 0 0; + display: flex; + flex-direction: column; + min-height: calc(100vh - var(--toolbar-height)); } + +h1, h2, h3, h4, h5, h6 { + margin: 0; + font-weight: normal; } + +hr { + border-color: var(--darken-1); + opacity: .25; } + +p { + line-height: 1.25; } + +a, a:visited { + color: inherit; + text-decoration: none; } + +.content a, .content a:visited { + color: var(--primary); } + +.language.english::before { + content: '🇬🇧'; } + +.visually-hidden { + /* https://snook.ca/archives/html_and_css/hiding-content-for-accessibility */ + position: absolute !important; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px 1px 1px 1px); + /* IE6, IE7 */ + clip: rect(1px, 1px, 1px, 1px); } + +body > main > section.container, body > header.container, body > footer.container { + padding: 4rem var(--container-margin); } + +body > header { + position: fixed; + top: 0; + z-index: 100; + width: 100vw; + box-shadow: 0 var(--space-1) var(--primary), 0 var(--space-2) var(--space-1) var(--darken-3); + background: var(--primary); + color: var(--primary-txt); } + body > header .top-content { + max-width: var(--theJdrSize); + margin: 0 auto; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-items: center; } + body > header .logo img { + height: calc(var(--toolbar-height) - (2 * var(--space-2))); + max-width: 180px; } + body > header label { + display: none; + opacity: .5; + padding: .1em; + border: var(--space-2) solid transparent; + outline-offset: var(--space-2); } + body > header label .icon { + --size: 1.5rem; + height: var(--size, 1.5rem); + width: var(--size, 1.5rem); } + body > header label .icon-menu { + display: block; } + body > header label .icon-close { + display: none; } + body > header label:hover, body > header label:focus { + opacity: 1; + outline: thin dotted currentColor; } + body > header input[type=checkbox]:checked ~ label .icon-menu { + display: none; } + body > header input[type=checkbox]:checked ~ label .icon-close { + display: block; } + body > header nav { + display: flex; + align-items: center; } + body > header nav ul { + margin: 0; + padding: 0; + display: flex; + list-style: none; } + body > header nav li { + opacity: .6; + transition: all var(--animation); + border-bottom: thin solid transparent; + border-radius: 5%; } + body > header nav li.active { + opacity: 1; + border-bottom-color: currentColor; } + body > header nav a { + display: block; + text-transform: uppercase; + padding: 0 var(--space-3); + text-decoration: none; + line-height: calc(var(--toolbar-height) - (4 * var(--space-2))); + color: inherit; + font-weight: 200; } + body > header nav a svg { + max-width: 3ch; } + body > header nav nav a:focus, body > header nav nav a:hover { + text-shadow: var(--extruded-dark); + opacity: .75; } + body > header nav .languages a.lang { + color: transparent; + max-width: 2em; + height: 2em; + overflow: hidden; } + body > header nav .languages a.lang::before { + color: initial; } + body > header nav .languages a.lang.lang-fr::before { + content: '🇫🇷'; } + body > header nav .languages a.lang.lang-gb::before { + content: '🇬🇧'; } + body > header nav .languages a.active { + display: none; } + +@media (max-width: 71.24em) { + body > header { + flex-wrap: wrap; } + body > header label { + display: block; } + body > header nav { + display: none; + width: 100%; + padding: 0 1em; + background: var(--primary); + flex-direction: column; + justify-content: flex-start; } + body > header nav ul { + flex-direction: column; } + body > header nav a { + padding: var(--space-2) 0; + width: 100%; } + body > header nav a.active { + border-bottom-width: thin; + border-bottom-color: var(--lighten-2); } + body > header nav a:focus, body > header nav a:hover { + background: var(--darken-1); } + body > header input[type=checkbox]:checked ~ nav { + display: block; } } + +body > main { + flex-grow: 1; } + body > main > section { + margin: 2rem var(--container-margin); + padding-left: 0; + padding-right: 0; } + @media (max-width: 44.99em) { + body > main > section { + margin: 1rem; } } + body > main > section.primary { + background-color: var(--primary); + color: var(--primary-txt); } + body > main > section.accent { + background-color: var(--accent); + color: var(--accent-txt); } + +body > footer { + background-color: var(--darken-1); + color: var(--base-secondary-text); + font-weight: 200; + padding: .5em 1em; } + body > footer .bottom-content { + max-width: var(--theJdrSize); + margin: 0 auto; } + body > footer a:hover { + text-decoration: underline; } + body > footer .footer-header { + display: flex; + justify-content: space-between; + font-weight: 500; + flex-wrap: wrap; + text-transform: uppercase; } + body > footer .footer-header header { + margin-right: var(--space-2); } + body > footer .footer-header > div { + display: flex; + align-items: center; + margin-bottom: 1rem; } + body > footer .footer-header > div ul.social-list { + padding: 0; + margin: 0; + list-style: none; + display: flex; + align-items: center; } + body > footer .footer-header > div ul.social-list li { + display: inline-block; + padding: var(--space-2); } + body > footer .footer-header .follow a.social { + opacity: .75; + filter: grayscale(1); + transition: filter var(--animation); } + body > footer .footer-header .follow a.social:hover, body > footer .footer-header .follow a.social:focus { + opacity: 1; + filter: grayscale(0); } + body > footer .footer-header .blog a { + text-decoration: underline; } + body > footer .footer-header .email a { + display: flex; + align-items: center; } + body > footer .footer-header .email a .icon { + width: 1em; + height: 1em; } + body > footer .footer-content { + display: flex; + justify-content: space-between; + flex-wrap: wrap; + margin-top: var(--space-4); } + body > footer .footer-content .subscribe a.btn { + color: var(--link-secondary-text); } + body > footer .footer-content section { + margin: var(--space-2) var(--space-4); } + @media (max-width: 44.99em) { + body > footer .footer-content section { + margin: var(--space-2) 0; } } + body > footer .footer-content section:first-child { + margin-left: 0; } + body > footer .footer-content section:last-child { + margin-right: 0; } + body > footer .footer-content section header { + font-size: 1.125rem; + font-weight: 600; + margin-bottom: var(--space-2); } + body > footer .footer-content section ul { + display: flex; + flex-direction: column; + list-style: none; + padding: 0; + margin: var(--space-3) 0; + font-weight: 100; + font-size: 0.9rem; } + body > footer .footer-content section ul li { + margin: var(--space-1) 0; } + body > footer .footer-footer { + display: flex; + flex-direction: row; + justify-content: space-between; + margin-top: var(--space-4); } + @media (max-width: 44.99em) { + body > footer .footer-footer { + flex-direction: column; + align-items: start; } + body > footer .footer-footer > * { + margin: var(--space-2) 0; } } + body > footer .footer-footer img { + height: 2rem; + width: auto; } + +button, +a.btn, span.btn, +input[type=button], input[type=reset], input[type=submit] { + display: inline-flex; + align-items: center; + border: thin solid var(--darken-3); + background: var(--darken-1); + padding: var(--space-3); + color: inherit; + text-transform: uppercase; + text-decoration: none; + font-size: .875rem; + font-weight: 100; + cursor: pointer; + text-shadow: var(--extruded-light); + --focus-color: var(--darken-1); + --active-color: var(--darken-1); } + button.btn-lg, + a.btn.btn-lg, span.btn.btn-lg, + input[type=button].btn-lg, input[type=reset].btn-lg, input[type=submit].btn-lg { + padding: .5rem 1rem; + font-size: 1.25rem; + line-height: 1.5; + border-radius: .3rem; } + button.primary, + a.btn.primary, span.btn.primary, + input[type=button].primary, input[type=reset].primary, input[type=submit].primary { + background-color: var(--primary); + color: var(--primary-txt); + text-shadow: var(--extruded-dark); + --focus-color: var(--lighten-1); + --active-color: var(--lighten-1); } + button.btn-icon-only, + a.btn.btn-icon-only, span.btn.btn-icon-only, + input[type=button].btn-icon-only, input[type=reset].btn-icon-only, input[type=submit].btn-icon-only { + display: flex; + align-items: center; + justify-content: center; + background: var(--lighten-1); + border-radius: 50%; + margin-left: 1ch; + padding: var(--space-2); + border-color: transparent; } + button.btn-icon-only .icon, + a.btn.btn-icon-only .icon, span.btn.btn-icon-only .icon, + input[type=button].btn-icon-only .icon, input[type=reset].btn-icon-only .icon, input[type=submit].btn-icon-only .icon { + margin: var(--space-2); + --size: 1.5rem; + width: var(--size, 1.5rem); + height: var(--size, 1.5rem); + display: inline-block; + content: ''; + background-repeat: no-repeat; } + button:hover, button:focus, + a.btn:hover, + a.btn:focus, span.btn:hover, span.btn:focus, + input[type=button]:hover, + input[type=button]:focus, input[type=reset]:hover, input[type=reset]:focus, input[type=submit]:hover, input[type=submit]:focus { + background-image: linear-gradient(to right, var(--focus-color), var(--focus-color) 100%); + text-decoration: none; } + button .icon, + a.btn .icon, span.btn .icon, + input[type=button] .icon, input[type=reset] .icon, input[type=submit] .icon { + --size: 1rem; + width: var(--size, 1rem); + height: var(--size, 1rem); } + +form:invalid button, +button[aria-disabled], +a.btn[aria-disabled], +span.btn[aria-disabled] { + opacity: .5; + cursor: not-allowed; + filter: grayscale(100%); } + +a.goto-top { + position: fixed; + display: flex; + bottom: 2em; + right: 2em; + width: 1em; + height: 1em; + justify-content: center; + border: 0.75em solid var(--primary); + align-items: center; + font-size: 200%; + background-color: var(--primary); + color: var(--primary-txt); + border-radius: 50%; } + +a.social { + display: inline-flex; + margin: var(--space-1); + background-size: contain; + background-position: center center; + background-repeat: no-repeat; + align-items: center; + text-decoration: none; + width: 1em; + overflow: hidden; } + a.social:focus, a.social:hover { + text-decoration: underline; } + +.jumbo { + position: relative; + height: calc(100vh - var(--toolbar-height)); + max-width: 100%; + display: flex; + justify-content: center; + align-items: center; } + .jumbo img.jumbo-logo { + max-width: 100%; + width: var(--jumbo-logo-width, 400px); + height: auto; + filter: drop-shadow(0px 1px 1px var(--darken-3)); } + .jumbo p { + margin: var(--space-2) 0; + font-size: 2rem; } + .jumbo .jumbo-cover { + background-size: cover; + background-attachment: fixed; + background-position: center center; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; } + .jumbo #jumbo-img { + display: none; } + .jumbo #jumbo-overlay { + background-color: var(--primary); + transition: opacity var(--jumbo-overlay-transition, 0.4s); + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + opacity: 1; } + .jumbo #jumbo-overlay.show { + opacity: var(--jumbo-overlay-opacity, 0.6); } + .jumbo .inner-wrapper { + max-width: 75vw; } + .jumbo .inner-wrapper .inner { + padding: var(--space-4); + color: var(--primary-txt); + position: relative; + overflow: hidden; + text-align: center; + display: flex; + flex-direction: column; } + .jumbo .inner-wrapper .inner h2 { + font-size: 2rem; + margin: var(--space-3) 0; + font-weight: bold; } + .jumbo .inner-wrapper .inner h3 { + font-size: 1.8rem; + margin: var(--space-3) 0; } + .jumbo .inner-wrapper .inner a { + align-self: center; + margin: .5em; } + .jumbo .scroll-down { + position: absolute; + bottom: 2rem; + left: 0; + transform: translateX(50vw); + transform-origin: center center; + color: var(--base, white); } + .jumbo .scroll-down .icon { + height: 2.5em; + width: 1.5em; } + .jumbo .scroll-down .icon .scroller { + animation: scrollDownMove .8s ease-in-out alternate infinite; } + +@keyframes scrollDownMove { + from { + transform: translateY(-0.15em); } + to { + transform: translateY(0.65em); } } + +@media (max-width: 59.99em) { + .jumbo .inner { + max-width: 80vw; + padding: 0; } + .jumbo .inner h1 { + font-size: 1.5rem; } + .jumbo .inner h1 img { + max-width: 100%; } } + +.hero h1 { + padding: 2rem var(--container-margin); } + +.hero .description { + padding: 2rem var(--container-margin); + background: var(--color-hero); + border-top: thin solid var(--darken-1); + border-bottom: thin solid var(--darken-1); } + +#TableOfContents ul { + padding-left: 1em; + list-style: none; } + #TableOfContents ul li { + font-size: 1rem; + margin: var(--space-1) 0; + padding: var(--space-1) 0; } + #TableOfContents ul li a { + color: var(--primary); + text-decoration: none; } + #TableOfContents ul li a:focus, #TableOfContents ul li a:hover { + text-decoration: underline; } + +#TableOfContents > ul > li > ul > li > a { + font-weight: bold; } + +.speakers ul li .speaker { + display: flex; + flex-direction: column; + align-items: center; + text-decoration: none; + color: inherit; } + .speakers ul li .speaker .info { + display: flex; + flex-direction: column; + align-items: center; } + .speakers ul li .speaker .speaker-img { + --size: 8rem; + height: var(--size, 8rem); + min-width: var(--size, 8rem); + border-radius: 100%; + background-size: cover; + margin: var(--space-2); } + .speakers ul li .speaker .speaker-company img { + max-height: 2rem; + margin: var(--space-1); } + .speakers ul li .speaker .speaker-company figcaption { + display: none; } + .speakers ul li .speaker .speaker-name { + font-weight: 600; + margin: var(--space-1); } + .speakers ul li .speaker .speaker-company { + font-weight: 200; + opacity: .8; + margin: var(--space-1); } + +.tickets ul { + list-style: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + align-items: center; + width: 100%; + padding-left: 0; } + .tickets ul li { + flex-basis: 15rem; } + .tickets ul li .ticket { + margin: var(--space-4); + padding: 2rem var(--space-3); + border: thin solid var(--darken-1); + box-shadow: var(--space-1) var(--space-1) var(--space-2) var(--darken-2); + display: flex; + flex-direction: column; + align-items: center; + text-decoration: none; + color: inherit; } + .tickets ul li .ticket[aria-disabled] { + opacity: .5; + filter: grayscale(1); + cursor: not-allowed; } + .tickets ul li .ticket .ticket-name { + font-size: 1rem; } + .tickets ul li .ticket .ticket-price { + font-size: 3.5rem; + color: var(--primary); + font-weight: 200; } + .tickets ul li .ticket .ticket-date, .tickets ul li .ticket .ticket-info { + font-size: .75rem; + color: var(--darken-3); } + .tickets ul li .ticket .btn { + margin: var(--space-4); } + +.partners-group h3 { + text-align: center; + margin: var(--space-4) 0; } + +.partners-group ul { + list-style: none; + display: flex; + flex-wrap: wrap; + justify-content: center; + padding: 0; } + .partners-group ul li { + flex-basis: 160px; + margin: var(--space-3); + height: var(--partner-support-height); } + +.partners-group .partner { + padding: var(--space-3); + display: block; + height: 100%; + width: 100%; + background-size: contain; + background-repeat: no-repeat; + background-position: center; + background-origin: content-box; + box-shadow: var(--box-shadow-1); + transition: box-shadow var(--animation); + cursor: pointer; + color: transparent; } + .partners-group .partner:hover, .partners-group .partner:focus { + box-shadow: var(--box-shadow-2); } + +.partners-group.partner-platinium ul li { + height: var(--partner-platinum-height); + flex-basis: 320px; } + +.partners-group.partner-gold ul li, .partners-group.partner-startup ul li { + height: var(--partner-gold-height); + flex-basis: 200px; } + +/* Partner fancy name */ +.partners-group .fancy { + line-height: 0.5; + text-align: center; + color: var(--base-secondary-text); } + .partners-group .fancy span { + display: inline-block; + position: relative; + text-transform: capitalize; } + .partners-group .fancy span:before, .partners-group .fancy span:after { + top: 40%; + content: ""; + position: absolute; + height: 5px; + width: 140%; + max-width: 25vw; } + .partners-group .fancy span:before { + right: 100%; + margin-right: 15px; } + .partners-group .fancy span:after { + left: 100%; + margin-left: 15px; } + +.partners-group.partner-platinium .fancy { + font-size: 1.5em; + color: var(--color-platium); } + .partners-group.partner-platinium .fancy span:before, .partners-group.partner-platinium .fancy span:after { + border-bottom: 1px solid currentColor; + border-top: 1px solid currentColor; } + +.partners-group.partner-gold .fancy { + font-size: 1.33em; + color: var(--color-gold); } + .partners-group.partner-gold .fancy span:before, .partners-group.partner-gold .fancy span:after { + top: 20%; + border-bottom: 1px solid currentColor; } + +.tag-method-tools { + background-color: var(--method-tools); } + +.tag-native-mobile-apps { + background-color: var(--native-mobile-apps); } + +.tag-web { + background-color: var(--web); } + +.tag-big-data-ml-ai { + background-color: var(--big-data-ml-ai); } + +.tag-iot { + background-color: var(--iot); } + +.tag-cloud-infra { + background-color: var(--cloud); } + +.tag-languages { + background-color: var(--languages); } + +.tag-wtf { + background-color: var(--wtf); } + +.tag-keynote { + background-color: var(--keynote); } + +.tag-office-hours { + background-color: var(--office-hours); } + +.tag-general { + background-color: var(--general); } + +section .tags { + padding: var(--space-1); + border-radius: var(--space-2); + background: var(--darken-1); + border: thin solid var(--darken-2); + text-shadow: var(--extruded-light); } + +.tag-open { + background-image: url("/images/backgrounds/open.png"); } + +.tag-pause { + background-image: url("/images/backgrounds/pause.png"); } + +.tag-lunch { + background-image: url("/images/backgrounds/lunch.png"); } + +.tag-party { + background-image: url("/images/backgrounds/party.png"); } + +.icon { + --size: 1em; + height: var(--size, 1em); + min-width: var(--size, 1em); + display: inline-block; + background-repeat: no-repeat; + margin-right: var(--space-1); } + +a .icon.icon-subscribe, a .icon.icon-email, a .icon.icon-calendar, a .icon.icon-pdf { + margin-right: var(--space-3); } + +a .icon.icon-right { + margin-left: var(--space-3); } + +.type-conference { + --duration: '40'; } + +.type-quickie { + --duration: '15'; } + +.type-keynote { + --duration: '30'; } + +form { + display: flex; + flex-direction: column; } + form button, form input[type=button], form input[type=reset], form input[type=submit] { + align-self: flex-end; } + +form input { + background: transparent; + border: none; + border-bottom: var(--space-1) solid var(--darken-2); + transition: border var(--animation); + margin: var(--space-3) 0; + outline: thin dotted transparent; + font-size: 1rem; + line-height: 1.5rem; + padding: var(--space-2); + border-radius: var(--space-1); + color: var(--base-text); } + form input::placeholder { + color: var(--darken-3); } + form input:focus { + border-bottom-color: var(--primary); } + form input:invalid { + border-bottom-color: var(--color-error); } + +.album { + padding: var(--space-2); } + .album .img { + background-size: cover; + background-position: center center; } + .album .inner { + padding: var(--space-4); + background-color: var(--primary); + color: var(--primary-txt); + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + text-align: center; } + +@supports (grid-template-columns: repeat(5, 1fr)) { + .album { + padding: var(--space-2); + display: grid; + grid-gap: var(--space-2); + grid-template-columns: repeat(5, 1fr); + grid-template-rows: repeat(3, 30vh); + grid-auto-flow: dense; } + .album .img { + background-size: cover; + background-position: center center; } + .album .img:first-child, + .album .img:nth-child(2), + .album .img:nth-child(6), + .album .img:nth-child(8), + .album .inner { + grid-column: span 2; } + .album .img:nth-child(3) { + grid-column: 5; + grid-row: 1 / 3; } + .album .inner { + grid-column: 3 / 5; + grid-row: 2; } + @media (max-width: 59.99em) { + .album { + grid-template-columns: repeat(3, 1fr); + grid-template-rows: repeat(5, 20vh); } + .album .img:first-child, + .album .img:nth-child(7), + .album .img:nth-child(8) { + grid-column: span 1; } + .album .img:nth-child(2), + .album .img:nth-child(4), + .album .img:nth-child(6), + .album .inner { + grid-column: span 2; } + .album .img:nth-child(3) { + grid-column: 3; + grid-row: 2 / 4; } + .album .inner { + grid-column: span 3; + grid-row: span 5; } } } + +.home main > section { + margin: 0; + padding: 4rem; } + .home main > section h2 { + margin-bottom: 1.5rem; + padding: 0; + font-size: 2rem; + line-height: 1.875rem; + font-weight: 300; } + +.home main .info { + display: flex; + flex-wrap: wrap; } + .home main .info .wrapper { + max-width: var(--theJdrSize); + margin: 0 auto; + display: flex; } + @media (max-width: 44.99em) { + .home main .info { + text-align: center; } } + .home main .info .inner { + flex: 1 1 auto; + max-width: 33vw; + display: flex; + flex-direction: column; + justify-content: center; } + @media (max-width: 71.24em) { + .home main .info .inner { + max-width: 100%; } } + .home main .info .numbers { + flex: 1 0 33vw; + margin: 0 2rem; + min-width: 33vw; + display: flex; + justify-content: space-between; + width: 100%; } + @media (max-width: 44.99em) { + .home main .info .numbers { + margin: 0; } } + .home main .info .number strong { + font-size: 3.5rem; + font-weight: 100; } + .home main .info .number strong::after { + content: ''; + display: block; + height: .125rem; + width: 2rem; + background-color: var(--primary); } + .home main .info .number div { + margin: var(--space-1) 0; } + +.home main .speakers .inner { + max-width: var(--theJdrSize); + margin: 0 auto; } + +.home main .speakers ul { + max-width: var(--theJdrSize); + margin: 0 auto; + padding-left: 0; + list-style: none; + display: flex; + justify-content: space-around; + align-items: flex-start; + flex-wrap: wrap; } + .home main .speakers ul li { + margin: var(--space-4); } + .home main .speakers ul li:nth-child(n+5) { + display: none; } + +.home main .subscribe { + text-align: center; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; } + +.home main .youtube-section { + text-align: center; } + .home main .youtube-section .inner { + max-width: var(--theJdrSize); + margin: 0 auto; + padding: var(--space-4); + border-radius: var(--space-3); + position: relative; + overflow: hidden; + text-shadow: 0 1px 1px var(--darken-3); + text-align: center; } + .home main .youtube-section .inner .youtube-player { + border: 4px solid white; + background-color: black; } + @media (max-width: 59.99em) { + .home main .youtube-section .inner { + padding: 0; + max-width: 80vw; } } + +.home main .tickets { + display: flex; + flex-direction: column; + align-items: center; } + .home main .tickets p { + font-size: 80%; } + +.home main .location { + padding: 0; + position: relative; + background: var(--darken-1); + font-weight: 300; } + .home main .location .map { + display: block; + height: 664px; + background-position: center center; + background-size: cover; } + .home main .location .description { + display: inline-block; + padding: var(--space-4); + width: 400px; + position: absolute; + bottom: 2rem; + right: 2rem; + background-color: var(--primary); + color: var(--primary-txt); } + .home main .location .description .direction { + display: flex; + align-items: center; } + +.home main .partners .inner h2 { + text-align: center; } + +@supports (grid-template-columns: repeat(auto-fit, minmax(25vmin, 1fr))) { + .home main .info .numbers { + justify-content: center; + display: grid; + grid-template-columns: repeat(2, 1fr); } } + +@media (max-width: 59.99em) { + .home main > section { + padding: 2rem; } + .home main .location .description { + position: relative; + top: unset; + bottom: unset; + left: 0; + right: unset; + width: 100%; } } + +.section.sessions ul.talks, .taxonomy.tags ul.talks { + list-style: none; + padding: 0; + margin: 0; + display: flex; + flex-wrap: wrap; } + .section.sessions ul.talks li.talk, .taxonomy.tags ul.talks li.talk { + margin: 1rem; + flex: 1 0 320px; } + .section.sessions ul.talks a, .taxonomy.tags ul.talks a { + border: thin solid var(--darken-1); + box-shadow: var(--space-1) var(--space-1) var(--space-2) var(--darken-2); + transition: box-shadow var(--animation); + border-radius: var(--space-2); + display: flex; + flex-direction: column; + text-decoration: none; + color: inherit; + height: 100%; } + .section.sessions ul.talks a:hover, .section.sessions ul.talks a:focus, .taxonomy.tags ul.talks a:hover, .taxonomy.tags ul.talks a:focus { + box-shadow: var(--space-2) var(--space-2) var(--space-2) var(--darken-3); } + .section.sessions ul.talks a h2, .section.sessions ul.talks a .info, .taxonomy.tags ul.talks a h2, .taxonomy.tags ul.talks a .info { + padding: var(--space-4); } + .section.sessions ul.talks a h2, .taxonomy.tags ul.talks a h2 { + display: flex; + justify-content: space-between; + align-items: center; } + .section.sessions ul.talks a hr, .taxonomy.tags ul.talks a hr { + width: calc(100% - var(--space-3)); + margin: 0 auto; } + .section.sessions ul.talks a .info, .taxonomy.tags ul.talks a .info { + flex-grow: 1; } + .section.sessions ul.talks a .info .tags, .taxonomy.tags ul.talks a .info .tags { + float: right; } + .section.sessions ul.talks a .speakers, .taxonomy.tags ul.talks a .speakers { + border: thin solid transparent; + border-radius: var(--space-2); + background: var(--base); + padding-left: 0; } + .section.sessions ul.talks a .speaker + .speaker, .taxonomy.tags ul.talks a .speaker + .speaker { + border-top: thin solid var(--darken-1); } + +@supports (grid-template-columns: repeat(auto-fit, minmax(320px, 1fr))) { + .section.sessions ul.talks, .taxonomy.tags ul.talks { + grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); } } + +.talk .complexity::before { + content: 'Niveau : '; } + +.talk .type::before { + content: 'Type : '; } + +.talk .type::after { + font-weight: 100; + content: " (" var(--duration, "") " min.)"; } + +.talk .speakers .speaker { + display: flex; + align-items: center; + padding: var(--space-1) var(--space-3); + --img-size: 2rem; } + .talk .speakers .speaker .speaker-img { + --img-size: 3rem; + height: var(--img-size, 3rem); + min-width: var(--img-size, 3rem); + border-radius: 100%; + background-size: cover; + margin-right: var(--space-4); } + .talk .speakers .speaker .info { + display: flex; + flex-direction: column; } + .talk .speakers .speaker .speaker-company { + flex-grow: 1; + text-align: right; + margin-left: var(--space-3); } + .talk .speakers .speaker p { + max-width: 320px; } + +.page.sessions .talk header { + border-radius: var(--space-2); + padding: var(--space-2); + display: flex; + align-items: center; } + .page.sessions .talk header h1 { + flex-grow: 1; } + .page.sessions .talk header .tags { + margin-right: 1ch; + white-space: nowrap; } + +.page.sessions .talk .detail { + margin: var(--space-2) 0; + padding: var(--space-2) 0; + border-top: thin solid var(--darken-1); + border-bottom: thin solid var(--darken-1); } + +.page.sessions .talk .content { + margin: var(--space-4) 0; + flex: 1 1 auto; } + +.page.sessions .talk .speakers .speaker { + display: grid; + grid-template-columns: auto 1fr; + grid-template-rows: 1fr auto auto; } + .page.sessions .talk .speakers .speaker .speaker-img { + grid-row: 1 / -1; + align-self: center; + --img-size: 6rem; + height: var(--img-size, 3rem); + min-width: var(--img-size, 3rem); + border-radius: 100%; + background-size: cover; + margin-right: var(--space-4); } + .page.sessions .talk .speakers .speaker .speaker-company { + text-align: left; + margin-left: 0; } + +.page.sessions .talk .speakers { + float: right; + margin: var(--space-1) var(--space-3); + list-style: none; + padding: 0; + align-self: start; + border-radius: var(--space-2); } + .page.sessions .talk .speakers .speaker { + padding: var(--space-3); + margin: var(--space-4) 0; + border: thin solid var(--darken-1); + box-shadow: var(--space-1) var(--space-1) var(--space-2) var(--darken-2); + transition: box-shadow var(--animation); + border-radius: var(--space-2); + text-decoration: none; + color: inherit; } + .page.sessions .talk .speakers .speaker:hover, .page.sessions .talk .speakers .speaker:focus { + box-shadow: var(--space-2) var(--space-2) var(--space-2) var(--darken-3); } + +.page.sessions .talk .media { + grid-column: 1 / -1; } + .page.sessions .talk .media a { + padding: var(--space-3) 0; + font-size: 1rem; } + .page.sessions .talk .media .social-slides { + width: auto; + color: inherit; } + +@media (max-width: 59.99em) { + .page.talks .talk { + grid-template-columns: 1fr; } + .page.sessions .talk .speakers { + float: unset; } } + +.page.partners .content img { + width: 50vw; } + +.page.partners .header { + display: grid; + grid-template-columns: auto 1fr; + grid-template-areas: "logo title" "logo website"; + align-items: center; } + .page.partners .header .card { + grid-area: logo; + height: 8em; + width: 12em; + display: inline-block; + background-size: contain; + background-repeat: no-repeat; + background-position: center center; + background-origin: content-box; + padding: .25em; + margin-right: 1em; + box-shadow: 0.125em 0.125em 0.25em rgba(0, 0, 0, 0.5); } + .page.partners .header h1 { + grid-area: title; + align-self: end; + font-size: 2.5em; } + .page.partners .header a { + grid-area: website; + align-self: start; } + +.page.partners .socials ul { + margin: 0; + list-style: none; + padding-left: 0; + display: flex; + align-items: center; + font-size: 2em; } + .page.partners .socials ul li { + margin: .25em; } + +.page.partners .jobs ul { + margin: 0; + display: flex; + flex-wrap: wrap; + align-items: center; + list-style: none; + padding-left: 0; } + .page.partners .jobs ul .job { + padding: .5em; + margin: .5em; + box-shadow: 0.125em 0.125em 0.25em rgba(0, 0, 0, 0.5); + display: flex; + flex-direction: column; } + .page.partners .jobs ul .job header { + font-size: 1.1em; + font-weight: bold; + font-style: italic; + margin: .5em 0; } + .page.partners .jobs ul .job .city, .page.partners .jobs ul .job .contact { + display: flex; + justify-content: flex-start; + align-items: center; + color: #666; + margin: .25em 0; } + .page.partners .jobs ul .job .city .icon, .page.partners .jobs ul .job .contact .icon { + width: 2ch; } + +.section.schedule .hero .description { + display: flex; } + .section.schedule .hero .description p + p { + margin-left: 1em; } + +.section.schedule nav.day-tabs { + font-size: 2em; + display: flex; + flex-wrap: wrap; + justify-content: space-between; + align-self: center; + padding: var(--space-3) var(--container-margin); } + .section.schedule nav.day-tabs a { + flex-grow: 1; + margin: var(--space-2) var(--space-4); + border-radius: var(--space-3); + text-align: center; + color: var(--primary); + background-colorcolo: var(--primary-txt); } + .section.schedule nav.day-tabs a.active { + background-color: var(--primary); + color: var(--primary-txt); } + +.section.schedule main > section.schedule { + margin: 1rem 2rem 2rem; + padding: var(--space-3) var(--container-margin); } + .section.schedule main > section.schedule .day { + display: none; } + .section.schedule main > section.schedule .day:target { + display: block; } + +.section.schedule h2 { + display: none; } + +.section.schedule .room { + display: flex; + justify-content: center; + align-items: flex-start; + color: var(--primary); + background-color: var(--primary-txt); + margin: .125em; } + .section.schedule .room h3 { + border: medium solid currentColor; + border-radius: var(--space-3); + background-color: var(--primary-txt); + font-size: 1.5em; + display: flex; + justify-content: center; + align-items: center; + width: 100%; + height: 1.75em; } + +.section.schedule .start, .section.schedule .slot { + font-size: 2em; + color: var(--base-secondary-text); } + .section.schedule .start .mm, .section.schedule .slot .mm { + font-size: 50%; } + +.section.schedule .start { + position: absolute; + top: 0; + left: -3.5ch; } + +.section.schedule .slot { + display: none; } + +.section.schedule .session { + position: relative; + margin: 1rem 1rem 1rem 5ch; + border-radius: var(--space-2); } + .section.schedule .session.tag-open, .section.schedule .session.tag-pause, .section.schedule .session.tag-lunch, .section.schedule .session.tag-party { + background-position: center center; + background-size: cover; + pointer-events: none; } + .section.schedule .session.tag-open > a, .section.schedule .session.tag-pause > a, .section.schedule .session.tag-lunch > a, .section.schedule .session.tag-party > a { + box-shadow: none; } + .section.schedule .session.tag-open h4, .section.schedule .session.tag-pause h4, .section.schedule .session.tag-lunch h4, .section.schedule .session.tag-party h4 { + color: white; + text-shadow: 2px 1px 1px black; } + .section.schedule .session.tag-open .tags, .section.schedule .session.tag-pause .tags, .section.schedule .session.tag-lunch .tags, .section.schedule .session.tag-party .tags, .section.schedule .session.tag-office-hours .tags { + display: none; } + .section.schedule .session .slot { + display: none; } + .section.schedule .session > a { + border: thin solid var(--darken-1); + box-shadow: var(--space-1) var(--space-1) var(--space-2) var(--darken-2); + transition: box-shadow var(--animation); + border-radius: var(--space-2); + display: flex; + flex-direction: column; + text-decoration: none; + color: inherit; + height: 100%; } + .section.schedule .session > a:hover, .section.schedule .session > a:focus { + box-shadow: var(--space-2) var(--space-2) var(--space-2) var(--darken-3); } + .section.schedule .session > a h4, .section.schedule .session > a .info { + padding: var(--space-2); } + .section.schedule .session > a h4 { + text-shadow: 2px 1px 1px white; + display: flex; + justify-content: space-between; + align-items: center; } + .section.schedule .session > a hr { + width: calc(100% - var(--space-3)); + margin: 0 auto; } + .section.schedule .session > a .info { + flex-grow: 1; + display: flex; + justify-content: space-between; + align-items: flex-start; } + .section.schedule .session > a .info .complexity { + display: inline; + max-height: 1em; } + .section.schedule .session > a .info .complexity svg { + height: 1.5em; + max-width: 1.5em; } + .section.schedule .session > a .speakers { + border: thin solid transparent; + border-radius: var(--space-2); + background: var(--base); + padding: 0; + margin: 0; + list-style: none; } + .section.schedule .session > a .speaker + .speaker { + border-top: thin solid var(--darken-1); } + .section.schedule .session > a .speaker { + display: flex; + align-items: center; + padding: var(--space-1) var(--space-3); } + .section.schedule .session > a .speaker .speaker-img { + --img-size: 2rem; + height: var(--img-size, 3rem); + min-width: var(--img-size, 3rem); + border-radius: 100%; + background-size: cover; + margin-right: var(--space-4); } + .section.schedule .session > a .speaker .info { + display: flex; + flex-direction: column; } + .section.schedule .session > a .speaker .speaker-company { + flex-grow: 1; + text-align: right; + margin-left: var(--space-3); } + .section.schedule .session > a .speaker p { + max-width: 320px; } + +@supports (grid-template-columns: repeat(calc(var(--rooms) + 1), 1fr)) { + .section.schedule main > section.schedule .day { + grid-template-columns: auto repeat(var(--rooms), 1fr); + --dayStart: 60 * var(--dayStartH) + var(--dayStartM); + --dayEnd: 60 * var(--dayEndH) + var(--dayEndM); + grid-template-rows: 3em repeat(calc(var(--end) - 1), var(--base-grid-height, 6em)); + grid-gap: .125em .25em; } + .section.schedule main > section.schedule .day:target { + display: grid; } + .section.schedule main > section.schedule .day .slot { + display: block; + grid-column: 1 / 2; + --start: calc(1 + var(--row-start)); + --end: calc(1 + var(--row-end)); + grid-row: var(--start)/var(--end); + background-color: var(--color-hero); } + .section.schedule main > section.schedule .day .room { + grid-column: calc(var(--room) + 2); + grid-row: 1 / -1; } + .section.schedule main > section.schedule .day .room.even { + background-color: var(--color-hero); } + .section.schedule main > section.schedule .day .session { + margin: .125em; + z-index: 1; + --start: calc(1 + var(--row-start)); + --end: calc(1 + var(--row-end)); + grid-column: calc(var(--room) + 2); + grid-row: var(--start)/var(--end); } + .section.schedule main > section.schedule .day .session.tag-open h4, .section.schedule main > section.schedule .day .session.tag-lunch h4, .section.schedule main > section.schedule .day .session.tag-party h4 { + font-size: 2em; } + .section.schedule main > section.schedule .day .session.tag-open, .section.schedule main > section.schedule .day .session.tag-pause, .section.schedule main > section.schedule .day .session.tag-lunch, .section.schedule main > section.schedule .day .session.tag-party { + grid-column: 2 / -1; + z-index: 0; } + .section.schedule main > section.schedule .day .session.tag-office-hours { + margin: var(--space-3); } + .section.schedule main > section.schedule .day .session .start { + display: none; } + .section.schedule main > section.schedule .day .session .speakers.multi { + display: flex; + justify-content: space-evenly; } + .section.schedule main > section.schedule .day .session .speakers.multi .speaker .speaker-img { + margin-right: var(--space-1); } + .section.schedule main > section.schedule .day .session .speakers.multi .speaker .speaker-name { + display: none; } + .section.schedule main > section.schedule .day .session .speakers.multi .speaker:focus .speaker-name, .section.schedule main > section.schedule .day .session .speakers.multi .speaker:hover .speaker-name { + display: block; } + .section.schedule main > section.schedule.horizontal .day { + overflow: auto; + grid-template-rows: auto repeat(var(--rooms), 1fr); + --dayStart: 60 * var(--dayStartH) + var(--dayStartM); + --dayEnd: 60 * var(--dayEndH) + var(--dayEndM); + grid-template-columns: 6em repeat(calc(var(--end) - 1), var(--base-grid-height, 6em)); + grid-auto-flow: dense; } + .section.schedule main > section.schedule.horizontal .day .slot { + display: block; + grid-row: 1 / 2; + --start: calc(1 + var(--row-start)); + --end: calc(1 + var(--row-end)); + grid-column: var(--start)/var(--end); + background-color: var(--color-hero); } + .section.schedule main > section.schedule.horizontal .day .room { + grid-row: calc(var(--room) + 2); + grid-column: 1 / -1; + justify-content: flex-start; } + .section.schedule main > section.schedule.horizontal .day .room h3 { + height: 100%; + width: auto; + max-width: 4em; + text-align: center; + text-orientation: upright; } + .section.schedule main > section.schedule.horizontal .day .session { + --start: calc(1 + var(--row-start)); + --end: calc(1 + var(--row-end)); + grid-row: calc(var(--room) + 2); + grid-column: var(--start)/var(--end); } + .section.schedule main > section.schedule.horizontal .day .session.tag-open, .section.schedule main > section.schedule.horizontal .day .session.tag-pause, .section.schedule main > section.schedule.horizontal .day .session.tag-lunch, .section.schedule main > section.schedule.horizontal .day .session.tag-party { + grid-row: 2 / -1; } + .section.schedule main > section.schedule.horizontal .day .session h4 { + overflow: hidden; } } + +@media (max-width: 79.99em) { + .section.schedule main > section.schedule { + --container-margin: 0em; } } + +@media (max-width: 59.99em) { + .section.schedule main > section.schedule .day .session { + --container-margin: 0em; + margin: 1rem .5rem 2rem 2.25em; } + .section.schedule main > section.schedule .day .session .start { + display: block; } + @supports (grid-template-columns: repeat(calc(var(--rooms) + 1), 1fr)) { + .section.schedule main > section.schedule .day:target { + display: flex; + flex-direction: column; } + .section.schedule main > section.schedule .day .slot { + display: none; } + .section.schedule main > section.schedule .day .room { + align-items: flex-start; + margin-top: 1em; } } } + +@media print { + .section.schedule main section.schedule .session { + font-size: 24px; } + .section.schedule main section.schedule .session.format-quickie { + font-size: 18px; } + .section.schedule main section.schedule .session a, .section.schedule main section.schedule .session h4 { + background: inherit; + text-shadow: none; + box-shadow: none; } + .section.schedule main > section.schedule .day .session .speakers.multi { + display: block; } + .section.schedule main > section.schedule .day .session .speakers.multi .speaker .speaker-name { + display: block; } } + +.section.speakers .hero h1 { + padding: 2rem var(--container-margin); } + +.section.speakers ul.speakers { + list-style: none; + padding: 0; + margin: 0; + display: flex; + flex-wrap: wrap; } + .section.speakers ul.speakers > li { + margin: 1rem; + flex: 1 0 300px; + max-width: 450px; } + +.section.speakers a.speaker { + padding: var(--space-4); + border: thin solid var(--darken-1); + box-shadow: var(--space-1) var(--space-1) var(--space-2) var(--darken-2); + transition: box-shadow var(--animation); + border-radius: var(--space-2); + display: flex; + flex-direction: row; + height: 100%; } + .section.speakers a.speaker .speaker-img { + margin-right: var(--space-4); } + .section.speakers a.speaker .speaker-company { + margin-top: var(--space-3); + text-align: center; } + .section.speakers a.speaker .speaker-company img { + max-width: 100%; } + .section.speakers a.speaker .speaker-company figcaption { + display: block; + max-width: 200px; } + .section.speakers a.speaker:hover, .section.speakers a.speaker:focus { + box-shadow: var(--space-2) var(--space-2) var(--space-2) var(--darken-3); } + +.page.speakers main { + display: flex; + flex-direction: column; } + +.page.speakers .hero { + display: flex; + flex-direction: column; } + .page.speakers .hero header, .page.speakers .hero .description { + padding: var(--space-4) var(--container-margin); } + .page.speakers .hero header { + align-self: center; + margin: 1em; + padding-left: 0; + max-width: var(--theJdrSize); + display: flex; + align-items: center; } + .page.speakers .hero header .speaker-img { + --size: 6rem; + height: var(--size, 6rem); + min-width: var(--size, 6rem); + border-radius: 100%; + background-size: cover; + box-shadow: 0 0 var(--space-3) var(--darken-3); + margin-right: var(--space-4); } + .page.speakers .hero header h1 { + margin: 0; + padding: 0; } + .page.speakers .hero header ul.socials { + display: flex; + flex-wrap: wrap; + list-style: none; + padding: 0; + margin: 0; + font-size: 1.25em; + justify-content: flex-start; } + .page.speakers .hero header ul.socials li { + flex: 0 1 auto; + padding-right: var(--space-4); } + .page.speakers .hero header ul.socials li a.social { + width: auto; + color: inherit; } + .page.speakers .hero header ul.socials li a.social .icon { + width: 1em; } + .page.speakers .hero .description .talks { + padding-left: 0; + list-style: none; } + .page.speakers .hero .description .talks .talk { + border: thin solid var(--darken-1); + display: inline-flex; + padding: var(--space-2); + border-radius: var(--space-1); } + .page.speakers .hero .description .talks .talk .tags, .page.speakers .hero .description .talks .talk .language { + margin-right: 1ch; } + .page.speakers .hero .description .talks .talk .tags { + white-space: nowrap; + align-self: center; } + .page.speakers .hero .description .talks .talk.tag- { + display: none; } + +.page.speakers section.speaker { + align-self: center; + margin: 1em; + max-width: var(--theJdrSize); } + .page.speakers section.speaker header { + display: flex; + align-items: center; + justify-content: space-between; } + .page.speakers section.speaker .speaker-company { + margin: var(--space-3) 0; + display: flex; + align-items: center; } + +@media (max-width: var(--breakpoint-lg)) { + .section.blog main > section { + margin: 2rem var(--container-margin-mobile); } } + +.section.blog main h1, .section.blog main .blogs { + max-width: var(--theJdrSize); + margin: 0 auto; } + +.section.blog .blogs a.blog-links { + position: absolute !important; + height: 1px; + width: 1px; + overflow: hidden; + clip: rect(1px 1px 1px 1px); + /* IE6, IE7 */ + clip: rect(1px, 1px, 1px, 1px); } + +.section.blog .blogs a.blog { + text-decoration: none; + padding: var(--space-4); + border-radius: var(--space-3); + display: flex; + color: inherit; + border-bottom: thin solid var(--darken-1); } + @media (max-width: 44.99em) { + .section.blog .blogs a.blog { + padding: var(--space-2); } } + .section.blog .blogs a.blog .img { + display: inline-block; + background-position: center center; + background-size: cover; + --size: 16rem; + flex: 0 0 var(--size, 16rem); + height: var(--size, 16rem); + width: var(--size, 16rem); + border-radius: var(--space-2); } + .section.blog .blogs a.blog .info { + flex: 1 1 auto; + margin-left: var(--space-4); + justify-content: center; } + .section.blog .blogs a.blog .info h2 { + margin: var(--space-3) 0; } + .section.blog .blogs a.blog .info .reading { + align-self: flex-end; } + .section.blog .blogs a.blog .info .reading::after { + content: ' min.'; } + .section.blog .blogs a.blog .info .date { + align-self: flex-start; + color: var(--base-secondary-text); } + .section.blog .blogs a.blog .info p { + line-height: 1.75; } + +@media (max-width: 59.99em) { + .section.blog .blogs a { + grid-template-rows: auto 1fr; + grid-template-columns: auto; } + .section.blog .blogs a .img { + width: 100%; } } + +@media (max-width: 33.74em) { + .section.blog .blogs a.blog { + display: block; } + .section.blog .blogs a.blog .img { + display: none; } } + +@media (max-width: 59.99em) { + .section.blog .blogs a.blog { + display: block; } + .section.blog .blogs a.blog .img { + --size: 8rem; + float: left; + margin-right: .5em; } } + +.page.blog .hero .img { + padding: var(--container-margin); + background-repeat: no-repeat; + background-size: cover; + background-position: center center; + text-shadow: 1px 0 0 var(--lighten-3); + min-height: 45vmin; } + +.page.blog .hero h1 { + color: var(--primary); + padding-left: 0; + padding-right: 0; } + .page.blog .hero h1 small { + display: block; } + +.page.blog main h1, .page.blog main .content { + max-width: var(--theJdrSize); + margin: 0 auto; } + +.page.blog .content { + padding-left: 0; + padding-right: 0; + margin: 2rem var(--container-margin); } + @media (max-width: 44.99em) { + .page.blog .content { + margin: 1rem; } } + .page.blog .content img { + max-width: 100%; } + .page.blog .content .centered-img { + text-align: center; + margin: var(--space-3) 0; } + .page.blog .content h1, .page.blog .content h2, .page.blog .content h3, .page.blog .content h4, .page.blog .content h5, .page.blog .content h6 { + color: var(--primary); + font-style: normal; + font-weight: 400; } + .page.blog .content h1, .page.blog .content h2, .page.blog .content h3 { + margin-top: 1.25rem; + margin-bottom: 0.625rem; } + .page.blog .content h4, .page.blog .content h5, .page.blog .content h6 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } + .page.blog .content p { + text-align: justify; + margin-bottom: 1.5rem; + line-height: 1.7rem; } + .page.blog .content ul { + margin-left: 1rem; } + .page.blog .content ul li { + line-height: 1.7rem; } + +main > .kids .hero { + position: relative; } + main > .kids .hero .img { + background-repeat: no-repeat; + background-size: cover; + background-position: center center; + text-shadow: 1px 0 0 var(--lighten-3); + min-height: 45vmin; } + main > .kids .hero h1 { + position: absolute; + bottom: 0; + max-width: var(--theJdrSize); + margin: 0 auto; + color: var(--primary-txt); + padding-left: 0; + padding-right: 0; + margin: 0; + font-size: 3rem; } + main > .kids .hero h1 small { + display: block; + font-size: 0.6em; } + @media (max-width: 44.99em) { + main > .kids .hero h1 { + font-size: 2rem; } } + @media (max-width: 33.74em) { + main > .kids .hero h1 { + font-size: 1.5rem; } } + +main > .kids .img-container { + display: flex; + flex-direction: row; } + @media (max-width: 44.99em) { + main > .kids .img-container { + flex-direction: column; + align-items: center; } } + main > .kids .img-container img { + margin: 10px; } + +main > .kids h1, +main > .kids .content { + max-width: var(--theJdrSize); + margin: 0 auto; } + +main > .kids .content { + padding-left: 0; + padding-right: 0; } + @media (max-width: 44.99em) { + main > .kids .content { + margin: 1rem; } } + main > .kids .content img { + max-width: 100%; } + main > .kids .content .centered-img { + text-align: center; + margin: var(--space-3) 0; } + main > .kids .content h2, + main > .kids .content h3, + main > .kids .content h4, + main > .kids .content h5, + main > .kids .content h6 { + color: var(--primary); + font-style: normal; + font-weight: 400; } + main > .kids .content h2, + main > .kids .content h3 { + margin-top: 1.25rem; + margin-bottom: 0.625rem; } + main > .kids .content h4, + main > .kids .content h5, + main > .kids .content h6 { + margin-top: 0.625rem; + margin-bottom: 0.625rem; } + main > .kids .content p { + text-align: justify; + margin-bottom: 1.5rem; + line-height: 1.7rem; } + main > .kids .content ul { + margin-left: 1rem; } + main > .kids .content ul li { + line-height: 1.7rem; } + +.section.team h2 { + margin: var(--space-4) 0; } + +.section.team ul.members { + padding: 0; + margin: 0; + display: flex; + flex-wrap: wrap; } + .section.team ul.members > li { + flex: 1 1 300px; + margin: 2rem; + display: flex; } + .section.team ul.members > li .photo { + --size: 6rem; + box-shadow: 0 0 0 var(--space-2) var(--darken-2); + min-width: var(--size, 6rem); + height: var(--size, 6rem); + border-radius: 100%; + background-size: cover; + margin: var(--space-2); } + .section.team ul.members > li .label { + display: flex; + margin-left: var(--space-3); + flex-direction: column; + justify-content: center; } + .section.team ul.members > li ul.socials { + list-style: none; + margin: 0; + padding: 0; + font-size: 1.5em; } + .section.team ul.members > li ul.socials li { + display: inline-block; + opacity: .5; + filter: grayscale(1); + transition: filter var(--animation); } + .section.team ul.members > li ul.socials li:hover, .section.team ul.members > li ul.socials li:focus { + opacity: 1; + filter: grayscale(0); } + +.section.team .partners-group ul li { + flex-basis: 260px; + margin: var(--space-3); + height: var(--partner-gold-height); } + +/* FAQ */ +@media (max-width: 44.99em) { + .page.faq .hero .description, .page.fr-faq .hero .description { + padding: 0; } } + +.page.faq main h1, .page.faq #TableOfContents, .page.faq main .content, .page.fr-faq main h1, .page.fr-faq #TableOfContents, .page.fr-faq main .content { + max-width: var(--theJdrSize); + margin: 0 auto; } + +.page.faq .content h1, .page.faq .content h2, .page.faq .content h3, .page.faq .content h4, .page.faq .content h5, .page.faq .content h6, .page.fr-faq .content h1, .page.fr-faq .content h2, .page.fr-faq .content h3, .page.fr-faq .content h4, .page.fr-faq .content h5, .page.fr-faq .content h6 { + color: var(--primary); } + +.page.faq .content h3, .page.faq .content h4, .page.faq .content h5, .page.faq .content h6, .page.faq .content > ul, .page.faq .content > ol, .page.faq .content > p, .page.fr-faq .content h3, .page.fr-faq .content h4, .page.fr-faq .content h5, .page.fr-faq .content h6, .page.fr-faq .content > ul, .page.fr-faq .content > ol, .page.fr-faq .content > p { + margin-left: calc(var(--container-margin) - 2rem); } + +.page.faq .content li, .page.fr-faq .content li { + line-height: 1.5; } + +@media (max-width: 44.99em) { + .page.faq .content ul, .page.fr-faq .content ul { + padding-left: 2ch; } } + +.page.faq .content mark, .page.fr-faq .content mark { + font-weight: bold; + border-radius: .25em; + padding: .125em; } + .page.faq .content mark.a, .page.fr-faq .content mark.a { + color: var(--fg-mark-a); + background-color: var(--bg-mark-a); } + .page.faq .content mark.b, .page.fr-faq .content mark.b { + color: var(--fg-mark-b); + background-color: var(--bg-mark-b); } + .page.faq .content mark.t2, .page.fr-faq .content mark.t2 { + color: var(--fg-mark-t2); + background-color: var(--bg-mark-t2); } + +@media (max-width: 71.24em) { + .page.faq .content, .page.fr-faq .content { + padding: 0 .5em; } } + +.page.code-of-conduct main h1, .page.code-of-conduct #TableOfContents, .page.code-of-conduct main .content { + max-width: var(--theJdrSize); + margin: 0 auto; } + +.page.code-of-conduct .content p { + margin-left: var(--space-4); + text-align: justify; } + .page.code-of-conduct .content p::first-letter { + margin-left: var(--space-4); } + +.page.code-of-conduct .content ul { + margin-left: 2rem; } + .page.code-of-conduct .content ul li { + line-height: 1.25; } + +@media (max-width: 71.24em) { + .page.code-of-conduct .content { + padding: 0 .5em; } } diff --git a/static/theme.js b/static/theme.js index e719b86..87b5a16 100644 --- a/static/theme.js +++ b/static/theme.js @@ -1 +1,178 @@ -window.NodeList&&!NodeList.prototype.forEach&&(NodeList.prototype.forEach=function(t,e){e=e||window;for(var n=0;n<this.length;n++)t.call(e,this[n],n,this)}),document.querySelectorAll("ul.shuffle").forEach(function(t){for(var e=t.children.length;0<=e;e--)t.appendChild(t.children[Math.random()*e|0])});var Konami$1=function(t){var n={addEvent:function(t,e,n,o){t.addEventListener?t.addEventListener(e,n,!1):t.attachEvent&&(t["e"+e+n]=n,t[e+n]=function(){t["e"+e+n](window.event,o)},t.attachEvent("on"+e,t[e+n]))},removeEvent:function(t,e,n){t.removeEventListener?t.removeEventListener(e,n):t.attachEvent&&t.detachEvent(e)},input:"",pattern:"38384040373937396665",keydownHandler:function(t,e){if(e&&(n=e),n.input+=t?t.keyCode:event.keyCode,n.input.length>n.pattern.length&&(n.input=n.input.substr(n.input.length-n.pattern.length)),n.input===n.pattern)return n.code(n._currentLink),n.input="",t.preventDefault(),!1},load:function(t){this._currentLink=t,this.addEvent(document,"keydown",this.keydownHandler,this),this.iphone.load(t)},unload:function(){this.removeEvent(document,"keydown",this.keydownHandler),this.iphone.unload()},code:function(t){window.location=t},iphone:{start_x:0,start_y:0,stop_x:0,stop_y:0,tap:!1,capture:!1,orig_keys:"",keys:["UP","UP","DOWN","DOWN","LEFT","RIGHT","LEFT","RIGHT","TAP","TAP"],input:[],code:function(t){n.code(t)},touchmoveHandler:function(t){if(1===t.touches.length&&!0===n.iphone.capture){var e=t.touches[0];n.iphone.stop_x=e.pageX,n.iphone.stop_y=e.pageY,n.iphone.tap=!1,n.iphone.capture=!1,n.iphone.check_direction()}},touchendHandler:function(){if(n.iphone.input.push(n.iphone.check_direction()),n.iphone.input.length>n.iphone.keys.length&&n.iphone.input.shift(),n.iphone.input.length===n.iphone.keys.length){for(var t=!0,e=0;e<n.iphone.keys.length;e++)n.iphone.input[e]!==n.iphone.keys[e]&&(t=!1);t&&n.iphone.code(n._currentLink)}},touchstartHandler:function(t){n.iphone.start_x=t.changedTouches[0].pageX,n.iphone.start_y=t.changedTouches[0].pageY,n.iphone.tap=!0,n.iphone.capture=!0},load:function(t){this.orig_keys=this.keys,n.addEvent(document,"touchmove",this.touchmoveHandler),n.addEvent(document,"touchend",this.touchendHandler,!1),n.addEvent(document,"touchstart",this.touchstartHandler)},unload:function(){n.removeEvent(document,"touchmove",this.touchmoveHandler),n.removeEvent(document,"touchend",this.touchendHandler),n.removeEvent(document,"touchstart",this.touchstartHandler)},check_direction:function(){return x_magnitude=Math.abs(this.start_x-this.stop_x),y_magnitude=Math.abs(this.start_y-this.stop_y),x=this.start_x-this.stop_x<0?"RIGHT":"LEFT",y=this.start_y-this.stop_y<0?"DOWN":"UP",result=x_magnitude>y_magnitude?x:y,result=!0===this.tap?"TAP":result,result}}};return"string"==typeof t&&n.load(t),"function"==typeof t&&(n.code=t,n.load()),n};"undefined"!=typeof module&&void 0!==module.exports?module.exports=Konami$1:"function"==typeof define&&define.amd?define([],function(){return Konami$1}):window.Konami=Konami$1,new Konami(function(){var t=document.querySelector(".jumbo");t&&(t.style.backgroundImage="url(/images/wtf/serious.jpg)")}),setTimeout(function(){var t=document.querySelector("#jumbo-overlay");t&&t.classList.add("show")},500); +// NodeList.forEach +if (window.NodeList && !NodeList.prototype.forEach) { + NodeList.prototype.forEach = function (callback, thisArg) { + thisArg = thisArg || window; + + for (var i = 0; i < this.length; i++) { + callback.call(thisArg, this[i], i, this); + } + }; +} + +// Shuffle +document.querySelectorAll('ul.shuffle').forEach(function (listElt) { + for (var i = listElt.children.length; i >= 0; i--) { + listElt.appendChild(listElt.children[Math.random() * i | 0]); + } +}); + +// From https://github.com/snaptortoise/konami-js +var Konami$1 = function Konami(callback) { + var konami = { + addEvent: function addEvent(obj, type, fn, ref_obj) { + if (obj.addEventListener) obj.addEventListener(type, fn, false);else if (obj.attachEvent) { + // IE + obj["e" + type + fn] = fn; + + obj[type + fn] = function () { + obj["e" + type + fn](window.event, ref_obj); + }; + + obj.attachEvent("on" + type, obj[type + fn]); + } + }, + removeEvent: function removeEvent(obj, eventName, eventCallback) { + if (obj.removeEventListener) { + obj.removeEventListener(eventName, eventCallback); + } else if (obj.attachEvent) { + obj.detachEvent(eventName); + } + }, + input: "", + pattern: "38384040373937396665", + keydownHandler: function keydownHandler(e, ref_obj) { + if (ref_obj) { + konami = ref_obj; + } // IE + + + konami.input += e ? e.keyCode : event.keyCode; + + if (konami.input.length > konami.pattern.length) { + konami.input = konami.input.substr(konami.input.length - konami.pattern.length); + } + + if (konami.input === konami.pattern) { + konami.code(konami._currentLink); + konami.input = ''; + e.preventDefault(); + return false; + } + }, + load: function load(link) { + this._currentLink = link; + this.addEvent(document, "keydown", this.keydownHandler, this); + this.iphone.load(link); + }, + unload: function unload() { + this.removeEvent(document, 'keydown', this.keydownHandler); + this.iphone.unload(); + }, + code: function code(link) { + window.location = link; + }, + iphone: { + start_x: 0, + start_y: 0, + stop_x: 0, + stop_y: 0, + tap: false, + capture: false, + orig_keys: "", + keys: ["UP", "UP", "DOWN", "DOWN", "LEFT", "RIGHT", "LEFT", "RIGHT", "TAP", "TAP"], + input: [], + code: function code(link) { + konami.code(link); + }, + touchmoveHandler: function touchmoveHandler(e) { + if (e.touches.length === 1 && konami.iphone.capture === true) { + var touch = e.touches[0]; + konami.iphone.stop_x = touch.pageX; + konami.iphone.stop_y = touch.pageY; + konami.iphone.tap = false; + konami.iphone.capture = false; + konami.iphone.check_direction(); + } + }, + touchendHandler: function touchendHandler() { + konami.iphone.input.push(konami.iphone.check_direction()); + if (konami.iphone.input.length > konami.iphone.keys.length) konami.iphone.input.shift(); + + if (konami.iphone.input.length === konami.iphone.keys.length) { + var match = true; + + for (var i = 0; i < konami.iphone.keys.length; i++) { + if (konami.iphone.input[i] !== konami.iphone.keys[i]) { + match = false; + } + } + + if (match) { + konami.iphone.code(konami._currentLink); + } + } + }, + touchstartHandler: function touchstartHandler(e) { + konami.iphone.start_x = e.changedTouches[0].pageX; + konami.iphone.start_y = e.changedTouches[0].pageY; + konami.iphone.tap = true; + konami.iphone.capture = true; + }, + load: function load(link) { + this.orig_keys = this.keys; + konami.addEvent(document, "touchmove", this.touchmoveHandler); + konami.addEvent(document, "touchend", this.touchendHandler, false); + konami.addEvent(document, "touchstart", this.touchstartHandler); + }, + unload: function unload() { + konami.removeEvent(document, 'touchmove', this.touchmoveHandler); + konami.removeEvent(document, 'touchend', this.touchendHandler); + konami.removeEvent(document, 'touchstart', this.touchstartHandler); + }, + check_direction: function check_direction() { + x_magnitude = Math.abs(this.start_x - this.stop_x); + y_magnitude = Math.abs(this.start_y - this.stop_y); + x = this.start_x - this.stop_x < 0 ? "RIGHT" : "LEFT"; + y = this.start_y - this.stop_y < 0 ? "DOWN" : "UP"; + result = x_magnitude > y_magnitude ? x : y; + result = this.tap === true ? "TAP" : result; + return result; + } + } + }; + typeof callback === "string" && konami.load(callback); + + if (typeof callback === "function") { + konami.code = callback; + konami.load(); + } + + return konami; +}; + +if (typeof module !== 'undefined' && typeof module.exports !== 'undefined') { + module.exports = Konami$1; +} else { + if (typeof define === 'function' && define.amd) { + define([], function () { + return Konami$1; + }); + } else { + window.Konami = Konami$1; + } +} + +new Konami(function () { + var elt = document.querySelector('.jumbo'); + + if (elt) { + elt.style.backgroundImage = 'url(/images/wtf/serious.jpg)'; + } +}); +setTimeout(function () { + var jumboOverlay = document.querySelector('#jumbo-overlay'); + + if (jumboOverlay) { + jumboOverlay.classList.add('show'); + } +}, 500); |