forked from prosv/react-amsterdam-2018-competition
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 12.8 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="theme-color" content="#000000"><link rel="manifest" href="manifest.json"><link rel="shortcut icon" href="favicon.ico"><link rel="preload" href="fonts/light.woff2" as="font" type="font/woff2" crossorigin/><link rel="preload" href="fonts/regular.woff2" as="font" type="font/woff2" crossorigin/><link rel="preload" href="fonts/bold.woff2" as="font" type="font/woff2" crossorigin/><title>SPB Frontend Competition</title><style>@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'),local('OpenSans-Light'),url(fonts/light.woff2) format('woff2');font-display:swap}@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans Regular'),local('OpenSans-Regular'),url(fonts/regular.woff2) format('woff2');font-display:swap}@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'),local('OpenSans-Bold'),url(fonts/bold.woff2) format('woff2');font-display:swap}html body *{font-family:'Open Sans',sans-serif}a,body,div,h1,h2,h3,h4,h5,h6,html,p,section,span,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}footer,header,small,section{display:block}body{line-height:1.5;color:#212529;background-color:#fff}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}h1,h2,h3,h4,h5,h6{margin-bottom: .5rem;font-family:inherit;font-weight:500;line-height:1.2;color:inherit}.App{text-align:center}.Header-header{padding:0;color:#00dd3b;overflow:hidden;position:relative;min-height:100vh;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.Header-header picture{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.Header-header picture *{width:100vw;height:100vh;object-fit:cover}.Header-logos{display:-ms-flexbox;display:flex;margin-bottom:40px}.Header-logo{height:80px}.Header-overlay,.Header-video{position:absolute;height:100%;top:0;left:0;width:100%}.Header-logo+.Header-logo{margin-left:40px}.Header-title{font-size:100px;line-height:1.16;font-weight:700;color:#fff}.Header-video{z-index:-1;-o-object-fit:cover;object-fit:cover}.Header-overlay{z-index:0}.Header-wrapper{position:relative;min-height:100%;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-positive:1;flex-grow:1}.Body-body{display:-ms-flexbox;display:flex;padding:32px;-ms-flex-direction:column;flex-direction:column;background:#1a1d1b;color:#fff}.Body-container{max-width:1260px;margin:0 auto;position:relative;padding:34px 0 80px;color:#fff}.Body-container p{font-size:20px;line-height:1.6;font-weight:300;max-width:960px;margin:18px auto}.Body-title{width:100%;font-size:68px;line-height:1.12;font-weight:700;text-transform:uppercase;margin:14px 0 46px;background:-webkit-linear-gradient(300deg, #9f0, #00dd3b);background:-o-linear-gradient(300deg, #9f0, #00dd3b);background:linear-gradient(150deg, #9f0, #00dd3b);-webkit-background-clip:text;color:transparent}.Body-title span{display:block}.Body-item{text-align:justify;min-width:400px;max-width:600px;padding:40px;margin:0 auto;-ms-flex-negative:1;flex-shrink:1;-ms-flex-positive:1;flex-grow:1;width:1px}.Body-images{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}.Body-images>*{margin-bottom:20px;width:33.33333%;height:280px}.Body-images img,source{height:280px;-o-object-fit:cover;object-fit:cover;max-width:100%}.Body-title small{font-size:34px;line-height:1.4;font-weight:300;color:#fff}.Footer-footer{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding:0 32px 32px;background:#1a1d1b;color:#fff}.Footer-footer a{color:inherit}.Footer-footer a:hover{color:#0056b3}</style></head><body><div id="root"><div class="App"><header class="Header-header"><div class="Video-wrapper"><picture><source srcset="static/media/dummy_bg.webp" type="image/webp"><source srcset="static/media/dummy_bg.jpg" type="image/jpeg"><img src="static/media/dummy_bg.jpg" alt="video cover"></picture><video class="Header-video" preload="auto" autoplay loop><source src="static/media/video.webm" type="video/webm"><source src="static/media/video.mp4" type="video/mp4"></video></div><div class="Header-overlay" style="background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPjxkZWZzLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggaWQ9IlJlY3RhbmdsZV8xX2NvcHkiIGRhdGEtbmFtZT0iUmVjdGFuZ2xlIDEgY29weSIgY2xhc3M9ImNscy0xIiBkPSJNMiAyaDJ2MkgyeiIvPjwvc3ZnPg==") 50% center rgba(0, 0, 0, 0.4);"></div><div class="Header-wrapper"><div class="Header-logos"><div class="Header-logo ralogo"><svg xmlns="http://www.w3.org/2000/svg" width="90" height="80" viewBox="0 0 122.8 109.5"><g fill="#00dd3b"><path d="M68.3 29.4c-2.3-2.9-4.5-5.7-6.9-8.1-2.3 2.5-4.6 5.2-6.8 8.1 4.5-.2 9.1-.2 13.7 0zM57.4 17.3c-5.1-4.9-17-14.6-23.8-10.7-6.9 4-4.3 19.1-2.7 25.9 5-1.1 10.4-2 16.2-2.6 3.4-4.6 6.8-8.9 10.3-12.6zm22.5 56c3.7-.5 7.2-1.1 10.5-1.9-1-3.2-2.2-6.6-3.6-10-2.1 4.1-4.4 8.1-6.9 11.9zm-4.2 6.2c-3.3 4.7-6.8 9-10.3 12.7 1.6 1.5 3.1 2.8 4.6 4.1 7.9 6.3 15 9 19.2 6.6 6.9-4 4.3-19.1 2.7-26-5 1.2-10.4 2.1-16.2 2.6zM61.4 96.3c-7.1 6.8-20.8 17.3-30.7 11.5-9.9-5.7-7.7-22.7-5.3-32.3C15.9 72.7 0 66.2 0 54.7c0-11.4 15.9-18 25.4-20.8-2.4-9.5-4.6-26.5 5.3-32.3 9.9-5.7 23.6 4.7 30.7 11.5C68.6 6.4 82.2-4.1 92.1 1.6c9.9 5.7 7.7 22.7 5.3 32.3 9.5 2.8 25.4 9.4 25.4 20.8s-15.9 18-25.4 20.8c2.3 9.6 4.6 26.6-5.3 32.3-6.5 3.8-15.9.8-25.6-7.1-1.7-1.3-3.4-2.8-5.1-4.4zM26.9 70c1.5-4.9 3.5-10 5.9-15.3-2.4-5.3-4.4-10.4-5.9-15.3-6.8 2-21.2 7.4-21.2 15.3 0 8 14.4 13.4 21.2 15.3zM36 48c2.1-4.1 4.4-8 6.9-11.8-3.7.5-7.2 1.1-10.5 1.9 1 3.1 2.2 6.5 3.6 9.9zm59.9-8.6c-1.5 4.9-3.5 10-5.9 15.3 2.4 5.3 4.4 10.4 5.9 15.3 6.7-2 21.2-7.4 21.2-15.3s-14.4-13.3-21.2-15.3zM57.4 92.2c-3.5-3.7-6.9-8-10.3-12.7-5.7-.5-11.2-1.4-16.2-2.6-1.7 6.8-4.2 22 2.7 26s18.7-5.8 23.8-10.7zm4-4c2.3-2.5 4.6-5.2 6.9-8.1-4.6.2-9.1.2-13.7 0 2.2 2.9 4.5 5.6 6.8 8.1zm11.2-14.1c4.2-6.1 7.9-12.6 11.1-19.3-3.2-6.7-7-13.2-11.2-19.3-7.4-.5-14.9-.5-22.4 0-4.2 6.1-7.9 12.7-11.2 19.3 3.2 6.7 7 13.2 11.2 19.3 7.6.5 15.1.5 22.5 0zM86.8 48c1.4-3.4 2.7-6.8 3.7-10-3.3-.8-6.8-1.4-10.5-1.9C82.4 40 84.7 44 86.8 48zm5.1-15.5c1.7-6.8 4.2-22-2.7-25.9-6.9-4-18.8 5.8-23.8 10.6 3.5 3.8 7 8 10.3 12.7 5.8.6 11.3 1.5 16.2 2.6zM36 61.4c-1.4 3.4-2.6 6.8-3.6 10 3.3.7 6.8 1.4 10.5 1.9-2.4-3.8-4.7-7.8-6.9-11.9z"></path><path d="M58.5 38.1l2.9 2.9 2.9-2.9 2.3 2.4-2.9 2.9 2.9 2.9-2.3 2.3-2.9-2.9-2.9 2.9-2.4-2.3 2.9-2.9-2.9-2.9 2.4-2.4zm8.1 25.2l-2.9 2.9 2.9 2.9-2.3 2.3-2.9-2.9-2.9 2.9-2.3-2.4 2.9-2.9-2.9-2.9 2.4-2.4 2.9 2.9 2.9-2.9 2.2 2.5zm0-11.4l-2.9 2.9 2.9 2.9-2.3 2.3-2.9-2.9-2.9 2.9-2.4-2.3 2.9-2.9-2.9-2.9 2.4-2.4 2.9 2.9 2.9-2.9 2.3 2.4z" fill-rule="evenodd" clip-rule="evenodd"></path></g></svg></div><div class="Header-logo spbflogo"><svg xmlns="http://www.w3.org/2000/svg" width="169" height="80" viewBox="0 0 500 238"><path fill="#00dd3b" fill-rule="evenodd" d="M35.7655267 151.948454c7.4528519 0 14.0288977-2.18984 19.4358687-6.715509 5.5531053-4.525669 8.329658-9.781285 8.329658-15.912836 0-19.854549-23.0892275-22.190378-32.4418259-26.862037-7.1605832-4.0877009-2.484284-11.5331566 4.6762992-11.5331566 4.8224336 0 7.5989862 3.0657759 8.329658 5.4016051.7306717 2.4818186 2.484284 3.7957225 5.2608366 3.7957225h9.3525985c2.1920153 0 3.9456275-1.7518719 3.9456275-3.9417118 0-4.5256691-2.3381496-8.905349-7.0144489-13.4310181-4.6762992-4.5256692-11.252345-6.7155091-19.582003-6.7155091-7.1605832 0-13.4443603 2.0438506-18.7051969 6.1315518-5.1147023 4.0877011-7.74512064 9.3433169-7.74512064 15.7668473 0 13.7229969 12.85982284 18.5406449 22.79695874 22.1903779 6.8683145 2.481818 12.4214198 5.547594 12.4214198 9.781285 0 3.649733-2.7765526 7.007488-8.768061 7.007488-4.9685679 0-8.1835237-1.751872-9.6448672-5.401606-1.0229404-2.481818-2.7765526-3.795722-5.5531053-3.795722h-8.9141954C9.75361221 127.714226 8 129.466098 8 131.655938c0 4.37968 2.3381496 8.905349 7.1605832 13.431018 4.8224336 4.525669 11.6907481 6.861498 20.6049435 6.861498zm76.2548793 33.878295l-1.753612-1.167915v25.840111c0 2.18984-1.753612 3.941712-3.945628 3.941712H95.9456275C93.7536122 214.440657 92 212.688785 92 210.498945v-91.389319c0-2.189839 1.7536122-3.941711 3.9456275-3.941711h8.9141955c2.192015 0 3.945627 1.751872 3.945627 3.941711v1.167915C113.043347 116.043851 118.450318 114 125.318632 114c7.160583 0 13.298226 2.335829 18.412928 7.153477 5.114703 4.671659 7.598986 10.511232 7.598986 17.664709v25.694121c0 7.299467-2.484283 13.285029-7.598986 18.102677-5.114702 4.671658-11.10621 7.007488-18.120659 7.007488-5.845374 0-11.39848-2.043851-13.590495-3.795723zM235.266794 26.9417118v28.7598975c3.653359-3.3577545 8.768061-4.9636371 15.344107-4.9636371 7.014449 0 13.005957 2.3358292 18.120659 7.153477 5.114703 4.6716585 7.598986 10.6572209 7.598986 17.9566873v25.6941215c0 7.153477-2.484283 12.99305-7.598986 17.810698-5.114702 4.671659-11.252345 7.007488-18.412928 7.007488-6.868314 0-12.275285-2.043851-16.513182-6.277541v1.167914c0 2.18984-1.753612 3.941712-3.945627 3.941712h-8.914196c-2.192015 0-3.945627-1.751872-3.945627-3.941712V26.9417118C217 24.7518719 218.753612 23 220.945627 23h10.375539c2.192016 0 3.945628 1.7518719 3.945628 3.9417118zm155.255768 52.875936c1.02294.7299466 1.461343 1.6058826 1.461343 2.7737972 0 .7299467-.292268 1.4598933-.730671 2.1898399l-4.968568 7.0074877c-.730672.875936-1.607478 1.313904-2.630419 1.313904-.876806 0-1.607478-.2919787-2.338149-.7299466-7.745121-5.1096265-18.412929-1.0219253-17.682257 7.737434v5.547595h22.943093c1.899747 0 3.653359 1.605882 3.653359 3.503744v8.175402c0 1.897861-1.753612 3.503744-3.653359 3.503744h-22.943093v53.870062c0 2.18984-1.753612 3.941711-3.945627 3.941711h-10.083271c-2.192015 0-3.945627-1.751871-3.945627-3.941711v-53.870062h-13.005957c-1.899747 0-3.653359-1.605883-3.653359-3.503744v-8.175402c0-1.897862 1.753612-3.503744 3.653359-3.503744h13.005957v-5.109627c0-7.2994661 2.630418-13.4310178 7.745121-18.2486656C358.519139 77.4818186 365.095185 75 373.132574 75c7.014449 0 12.859823 1.6058826 17.389988 4.8176478zm82.265513-35.3903516v13.1950904l11.492848-3.9413907c1.200745-.1713648 1.886886-.3427296 2.229956-.3427296 1.200745 0 2.05842 1.0281889 2.74456 2.9132018l2.058421 5.8264035c0 .5140945.68614 2.0563778.68614 2.741837 0 1.3709185-.857675 2.3991073-2.401491 2.9132018l-12.350523 4.455485 7.890612 10.2818886c.34307.6854593.514605 1.3709185.514605 2.0563777 0 1.1995537-.68614 2.2277426-2.05842 3.0845666l-5.660656 4.2841203c-.514606.6854592-1.372281 1.0281888-2.229956 1.0281888-1.200745 0-2.05842-.5140944-2.916096-1.5422833l-7.719076-10.1105237-7.719077 10.2818886c-.514605.856824-1.200746 1.3709184-2.401491 1.3709184-1.02921 0-1.886885-.3427296-2.744561-1.1995536l-6.175261-4.2841203c-1.02921-.856824-1.543815-1.8850129-1.543815-2.9132018 0-.6854592.171535-1.3709184.514605-2.0563777l7.547542-10.2818886-12.178988-4.1127554c-1.543816-.5140944-2.229956-1.7136481-2.229956-3.2559314 0-.8568241.171535-1.7136481.514605-2.741837l1.886886-5.8264035c.68614-1.8850129 1.71535-2.9132018 3.08763-2.9132018.171535 0 .857676.1713648 2.229956.3427296l11.492848 3.9413907V44.4272962c0-1.8850129 1.886885-3.4272962 4.116841-3.4272962h7.204471c2.229956 0 4.116841 1.5422833 4.116841 3.4272962z"></path></svg></div></div><h1 class="Header-title">SPB Frontend & React Amsterdam Competition</h1></div></header><div class="Body-body"><div class="Body-container"><h2 class="Body-title"><small>React Amsterdam is a celebration of good things coming together:</small><span>REACT THAT ROCKS AND SPRING IN AMSTERDAM THAT BLOSSOMS</span></h2><p>A full-day, two-track conference on all things React, gathering Front-end and Full-stack developers across the globe in the tech heart of Europe. We're coming back with a new gig on <strong>April 13, 2018</strong>. Mark your calendars for the biggest React community event. <br>Same as last year, day before the main event, we'll host a <a href="https://react.amsterdam/workshops">training day</a>, with three workshops on advanced React and State Management as well as a crash course on React Native.</p><div class="Body-images"><picture><source srcset="static/media/01.webp" type="image/webp"><source srcset="static/media/01.jpg" type="image/jpeg"><img src="static/media/01.jpg" alt="01"></picture><picture><source srcset="static/media/02.webp" type="image/webp"><source srcset="static/media/02.jpg" type="image/jpeg"><img src="static/media/02.jpg" alt="02"></picture><picture><source srcset="static/media/03.webp" type="image/webp"><source srcset="static/media/03.jpg" type="image/jpeg"><img src="static/media/03.jpg" alt="03"></picture></div></div></div><footer class="Footer-footer"><a href="//spb-frontend.ru">SPB Frontend 2018</a></footer></div></div></body></html>