1 line
19 KiB
JavaScript
1 line
19 KiB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{188:function(t,o,n){var content=n(262);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,n(82).default)("1357c3fd",content,!0,{sourceMap:!1})},195:function(t,o,n){"use strict";var e={data:function(){return{audio:null,isSoundPlaying:!1}},mounted:function(){this.$store.commit("initializeSound"),this.audio=new Audio("/sounds/Three Chain Links - Die Historic.mp3")},methods:{toggleSound:function(){this.$store.commit("toggleSound"),this.isSoundEnabled||(this.isSoundPlaying=!1,this.audio.pause())},playSound:function(){this.isSoundEnabled&&!this.isSoundPlaying?(this.isSoundPlaying=!0,this.audio.loop=!0,this.audio.play()):this.isSoundEnabled&&this.isSoundPlaying&&(this.isSoundPlaying=!1,this.audio.pause())}},computed:{isSoundEnabled:function(){return this.$store.state.isSoundEnabled}}},r=n(47),component=Object(r.a)(e,(function(){var t=this,o=t._self._c;return o("div",[t._m(0),t._v(" "),o("div",{staticClass:"overlay"}),t._v(" "),o("div",{staticClass:"ui-control"},[o("button",{on:{click:t.toggleSound}},[t.isSoundEnabled?o("span",{staticClass:"material-icons"},[t._v(" volume_up ")]):o("span",{staticClass:"material-icons"},[t._v(" volume_off")])]),t._v(" "),o("button",{on:{click:t.playSound}},[t.isSoundPlaying?o("span",{staticClass:"material-icons"},[t._v(" pause ")]):o("span",{staticClass:"material-icons"},[t._v(" play_arrow")])])]),t._v(" "),o("Nuxt"),t._v(" "),o("svg",{attrs:{width:"0",height:"0"}},[o("filter",{attrs:{id:"synth-filter"}},[o("feTurbulence",{attrs:{type:"fractalNoise",baseFrequency:".01",numOctaves:"10",id:"fractalNoise"}}),t._v(" "),o("feDisplacementMap",{attrs:{id:"displacementMap",in:"SourceGraphic",scale:"120"}})],1),t._v(" "),o("animate",{attrs:{"xlink:href":"#displacementMap",id:"animclouds1",begin:"0; animclouds2.end",attributeName:"scale",from:"50",to:"180",dur:"3s",fill:"freeze"}}),t._v(" "),o("animate",{attrs:{"xlink:href":"#displacementMap",id:"animclouds2",begin:"animclouds1.end",attributeName:"scale",from:"180",to:"50",dur:"3s",fill:"freeze"}}),t._v(" "),o("animate",{attrs:{"xlink:href":"#fractalNoise",id:"animclouds3",begin:"0;animclouds4.end",attributeName:"baseFrequency",from:"0.03",to:"0.01",dur:"30s",fill:"freeze"}}),t._v(" "),o("animate",{attrs:{"xlink:href":"#fractalNoise",id:"animclouds4",begin:"animclouds3.end",attributeName:"baseFrequency",from:"0.01",to:"0.03",dur:"30s",fill:"freeze"}})])],1)}),[function(){var t=this,o=t._self._c;return o("div",{staticClass:"background-80s animated-clouds stars",staticStyle:{"--background-height":"100vh"}},[o("div",{staticClass:"sun"}),t._v(" "),o("div",{staticClass:"grid",staticStyle:{"--grid-color":"rgba(115, 59, 139, 0.7)","--grid-size":"50px","--grid-blur":"1px"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-tilt":"-32deg","--mountain-color1":"#a684cb","--mountain-color2":"#150030","--mountain-base":"10vw","--mountain-height":"20vw","--mountain-offset":"-50vw"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-tilt":"0deg","--mountain-color2":"#2a025d","--mountain-base":"15vw","--mountain-height":"20vw","--mountain-offset":"-40vw"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-tilt":"32.5deg","--mountain-color1":"#a684cb","--mountain-color2":"#681e6b","--mountain-base":"10vw","--mountain-height":"20vw","--mountain-offset":"-25vw"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-color1":"#a684cb","--mountain-color2":"#681e6b","--mountain-base":"12vw","--mountain-height":"10vw","--mountain-tilt":"-56deg","--mountain-offset":"15vw"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-color1":"#a684cb","--mountain-color2":"#2a025d","--mountain-base":"10vw","--mountain-height":"10vw","--mountain-tilt":"-20deg","--mountain-offset":"27vw"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-color1":"#a684cb","--mountain-color2":"#150030","--mountain-base":"10vw","--mountain-height":"10vw","--mountain-tilt":"32.5deg","--mountain-offset":"37vw"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-color1":"#a684cb","--mountain-color2":"#b533b3","--mountain-base":"10vw","--mountain-height":"5vw","--mountain-offset":"10vw","--mountain-tilt":"-20deg"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-color1":"#a684cb","--mountain-color2":"#681e6b","--mountain-base":"10vw","--mountain-height":"5vw","--mountain-tilt":"59deg","--mountain-offset":"20vw"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-color1":"#a684cb","--mountain-color2":"#b533b3","--mountain-base":"8vw","--mountain-height":"4vw","--mountain-offset":"20vw","--mountain-tilt":"-20deg"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-color1":"#a684cb","--mountain-color2":"#681e6b","--mountain-base":"3vw","--mountain-height":"4vw","--mountain-tilt":"45deg","--mountain-offset":"28vw"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-color1":"#a684cb","--mountain-color2":"#681e6b","--mountain-base":"5vw","--mountain-height":"5vw","--mountain-offset":"-40vw","--mountain-tilt":"-20deg"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-color1":"#a684cb","--mountain-color2":"#b533b3","--mountain-base":"5vw","--mountain-height":"5vw","--mountain-tilt":"33deg","--mountain-offset":"-35vw"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-color1":"#a684cb","--mountain-color2":"#b533b3","--mountain-base":"10vw","--mountain-height":"5vw","--mountain-offset":"-20vw","--mountain-tilt":"-20deg"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-color1":"#a684cb","--mountain-color2":"#681e6b","--mountain-base":"10vw","--mountain-height":"5vw","--mountain-tilt":"59deg","--mountain-offset":"-10vw"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-color1":"#a684cb","--mountain-color2":"#b533b3","--mountain-base":"5vw","--mountain-height":"5vw","--mountain-tilt":"-62deg","--mountain-offset":"-5vw"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-color1":"#a684cb","--mountain-color2":"#681e6b","--mountain-base":"10vw","--mountain-height":"5vw","--mountain-tilt":"-20deg"}}),t._v(" "),o("div",{staticClass:"mountain",staticStyle:{"--mountain-color1":"#a684cb","--mountain-color2":"#150030","--mountain-base":"10vw","--mountain-height":"5vw","--mountain-tilt":"59deg","--mountain-offset":"10vw"}}),t._v(" "),o("div",{staticClass:"road-off"})])}],!1,null,null,null);o.a=component.exports},196:function(t,o,n){n(197),t.exports=n(198)},261:function(t,o,n){"use strict";n(188)},262:function(t,o,n){var e=n(81)((function(i){return i[1]}));e.push([t.i,"h1[data-v-4aacf836]{font-size:20px}",""]),e.locals={},t.exports=e},265:function(t,o,n){var content=n(266);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,n(82).default)("ce1470b4",content,!0,{sourceMap:!1})},266:function(t,o,n){var e=n(81)((function(i){return i[1]}));e.push([t.i,"@import url(https://fonts.googleapis.com/css?family=Montserrat:700,900|Dancing+Script);"]),e.push([t.i,"@font-face{font-family:\"RoadRage\";font-style:normal;font-weight:400;src:local(\"RoadRage\"),url(http://coding-dude.com/wp/wp-content/uploads/Road_Rage.woff) format(\"woff\")}:root{font-size:3vw}.grid{animation:moving-grid .5s linear infinite;background-attachment:fixed;background-image:repeating-linear-gradient(90deg,#000 0,transparent 1px,transparent var(--grid-size),#000 calc(var(--grid-size) + 1px)),repeating-linear-gradient(180deg,#000 0,transparent 1px,transparent var(--grid-size),#000 calc(var(--grid-size) + 1px));background-image:repeating-linear-gradient(90deg,var(--grid-color,#000) 0,transparent calc(1px + var(--grid-blur, 0px)),transparent var(--grid-size),var(--grid-color,#000) calc(var(--grid-size) + 1px + var(--grid-blur, 0px))),repeating-linear-gradient(180deg,var(--grid-color,#000) 0,transparent calc(1px + var(--grid-blur, 0px)),transparent var(--grid-size),var(--grid-color,#000) calc(var(--grid-size) + 1px + var(--grid-blur, 0px)));background-position-y:0;bottom:-30%;height:100%;left:0;margin-left:-50%;position:fixed;transform:perspective(50vh) rotateX(60deg) translateZ(10px);width:200%;z-index:-1}@keyframes moving-grid{0%{transform:perspective(50vh) rotateX(60deg) translateZ(10px) translateY(-var(--grid-size))}to{transform:perspective(50vh) rotateX(60deg) translateZ(10px) translateY(var(--grid-size))}}.sun{background-attachment:fixed;background-color:#ff0;background-image:linear-gradient(red,#ff0),linear-gradient(#000,#fff);border-radius:100%;bottom:40%;box-shadow:0 0 20px rgba(255,128,0,.7);-webkit-clip-path:polygon(-50% 0,150% -50%,150% 55%,-50% 55%,-50% 62%,150% 62%,150% 70%,0 70%,-50% 75%,150% 75%,150% 80%,0 80%,-50% 82%,150% 82%,150% 85%,0 85%,-50% 87%,150% 87%,150% 90%,0 90%,-50% 92%,150% 92%,150% 95%,0 95%,-50% 96%,150% 96%,150% 150%,0 150%);clip-path:polygon(-50% 0,150% -50%,150% 55%,-50% 55%,-50% 62%,150% 62%,150% 70%,0 70%,-50% 75%,150% 75%,150% 80%,0 80%,-50% 82%,150% 82%,150% 85%,0 85%,-50% 87%,150% 87%,150% 90%,0 90%,-50% 92%,150% 92%,150% 95%,0 95%,-50% 96%,150% 96%,150% 150%,0 150%);height:200px;left:50%;position:fixed;transform:translateX(-50%);width:200px}.mountain{background-attachment:fixed;border-bottom:100px solid #fff;border-bottom:var(--mountain-height,100px) solid var(--mountain-color1,#fff);bottom:35%;left:50%;left:calc(50% + var(--mountain-offset, 0px));position:fixed;transform:skewX(0deg);transform:skewX(var(--mountain-tilt,0deg));transform-origin:bottom}.mountain,.mountain:after{border-left:calc(var(--mountain-base)/2) solid transparent;border-right:50px solid transparent;border-right:calc(var(--mountain-base, 100px)/2) solid transparent;border-top:0 solid transparent;content:\"\"}.mountain:after{border-bottom:100px solid #000;border-bottom:var(--mountain-height,100px) solid var(--mountain-color2,#000);left:0;position:absolute;top:0;transform:translate(-50%) scale(.98)}.overlay{background-attachment:fixed;background-image:repeating-linear-gradient(rgba(0,0,0,.3),transparent 1px,transparent 2px,rgba(0,0,0,.3) 3px);height:100%;pointer-events:none;width:100%;z-index:9999}.background-80s,.overlay{left:0;position:fixed;top:0}.background-80s{background:linear-gradient(180deg,#010310 0,#0c1142 24%,#45125e 45%,#d53567 60%,#f0c3d9 65%,#0c1142 0) fixed;background-attachment:fixed;background-size:100% 100vh;background-size:100% var(--background-height,100vh);height:100vh;height:var(--background-height,100vh);overflow:hidden;width:100vw;z-index:-2}.animated-clouds:before{filter:url(#synth-filter)}.background-80s:before{background:linear-gradient(180deg,#010310 0,#0c1142 24%,#45125e 45%,#d53567 60%,#f0c3d9 65%,#0c1142 0) fixed;background-attachment:fixed;content:\"\";height:55%;left:0;opacity:.2;position:fixed;top:0;width:100%;z-index:-1}.stars:after{animation:glitter 2s infinite;border-radius:100%;box-shadow:5vw 15vh 2px #fff,1vw 33vh 0 #fff,2vw 25vh 2px #fff,10vw 10vh 2px #fff,12vw 20vh 0 #fff,30vw 15vh 2px #fff,16vw 5vh 2px #fff,24vw 10vh 0 #fff,32vw 40vh 0 #fff,33vw 35vh 2px #fff,12vw 38vh 2px #fff,24vw 10vh 0 #fff,33vw 5vh 2px #fff,20vw 10vh 0 #fff,80vw 10vh 2px #fff,62vw 20vh 0 #fff,60vw 15vh 2px #fff,70vw 7vh 0 #fff,62vw 50vh 0 #fff,65vw 35vh 2px #fff,64vw 10vh 0 #fff,85vw 2vh 0 #fff,92vw 40vh 0 #fff,75vw 35vh 2px #fff,90vw 10vh 0 #fff;content:\" \";height:4px;left:0;opacity:.3;position:absolute;top:0;transform:translateY(-40%);width:3px;z-index:-1}@keyframes glitter{0%{opacity:.5}50%{opacity:.9}to{opacity:.5}}.ui-control{position:absolute;right:10px;top:10px;white-space:nowrap}.ui-control button{animation:background-flicker 6s ease-in-out infinite;background-color:#b533b3;border:3px solid #a684cb;border-radius:10px;color:#000;padding:5px}.ui-control span{font-size:20px}@media screen and (max-width:600px){.ui-control button{background-color:#dd3dda;border:0 solid #fff;border-radius:10px;color:#000;padding:5px}}.titleview{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.titleview a{color:#fff;-webkit-text-decoration:none;text-decoration:none}.title{top:15%;transform:translate(-50%,-50%)}.buttonrow,.title{left:50%;position:absolute;text-align:center;white-space:nowrap}.buttonrow{bottom:20%;transform:translate(-50%)}.buttonrow a{display:inline-block}.footer{bottom:5px;color:#fff;left:0;position:fixed;text-align:center;transform:translate(0);white-space:nowrap;width:100%;z-index:5}.footer a{margin:0 20px}@media screen and (max-width:600px){.footer a{margin:auto 5px}}.navbutton{background-color:#000;border-radius:15%;margin:5px 10px;padding:10px}a{color:#09ff00;-webkit-text-decoration:none;text-decoration:none}.button,button{animation:border-flicker 2s linear infinite;background-color:#a684cb;border:5px solid #b533b3;border-radius:20px;color:#fff;padding:5px 20px}.button:first-child{animation-duration:2s}.button:nth-child(2){animation-delay:1s;animation-duration:4s}.button:nth-child(3){animation-duration:3s}button span{animation:text-flicker 3s linear infinite;font-family:\"Montserrat\";font-size:calc(10px + 1vh);font-weight:900;letter-spacing:5px}button #offset{animation:letter-flicker 4s linear infinite}@keyframes text-flicker{0%{opacity:.1;text-shadow:0 0 29px #f21616}2%{opacity:1;text-shadow:0 0 29px #f21616}8%{opacity:.1;text-shadow:0 0 29px #f21616}9%{opacity:1;text-shadow:0 0 29px #f21616}12%{opacity:.1;text-shadow:0 0 #f21616}20%{opacity:1;text-shadow:0 0 29px #f21616}25%{opacity:.3;text-shadow:0 0 29px #f21616}30%{opacity:1;text-shadow:0 0 29px #f21616}70%{opacity:.7;text-shadow:0 0 29px #f21616}72%{opacity:.2;text-shadow:0 0 29px #f21616}77%{opacity:.9;text-shadow:0 0 29px #f21616}to{opacity:.9;text-shadow:0 0 29px #f21616}}@keyframes border-flicker{0%{box-shadow:0 0 78px 4px rgba(16,134,232,.73);opacity:.1}2%{box-shadow:0 0 78px 4px rgba(16,134,232,.73);opacity:1}4%{box-shadow:0 0 78px 4px rgba(16,134,232,.73);opacity:.1}8%{box-shadow:0 0 78px 4px rgba(16,134,232,.73);opacity:1}70%{box-shadow:0 0 78px 4px rgba(16,134,232,.73);opacity:.7}to{box-shadow:0 0 78px 4px rgba(16,134,232,.73);opacity:1}}@keyframes background-flicker{0%{box-shadow:0 0 78px 4px rgba(16,134,232,.73)}2%{box-shadow:0 0 78px 4px rgba(16,134,232,.178)}4%{box-shadow:0 0 78px 4px rgba(16,134,232,.685)}8%{box-shadow:0 0 78px 4px rgba(16,134,232,.486)}70%{box-shadow:0 0 78px 4px #1086e8}to{box-shadow:0 0 78px 4px rgba(16,134,232,.658)}}@keyframes letter-flicker{0%{opacity:.1;text-shadow:0 0 29px #f21616}2%{opacity:.1;text-shadow:0 0 29px #f21616}4%{opacity:1;text-shadow:0 0 29px #f21616}19%{opacity:1;text-shadow:0 0 29px #f21616}21%{opacity:.1;text-shadow:0 0 29px #f21616}23%{opacity:1;text-shadow:0 0 29px #f21616}80%{opacity:1;text-shadow:0 0 29px #f21616}83%{opacity:.4;text-shadow:0 0 29px #f21616}87%{opacity:1;text-shadow:0 0 29px #f21616}}.outrun{font-size:calc(30px + 3vh)}.outrun,.outrun.small{font-family:\"Road Rage\";font-weight:400}.outrun.small{font-size:calc(30px + 1vh)}@media screen and (max-width:600px){.outrun{font-size:calc(20px + 3vh)}.outrun,.outrun.small{font-family:\"Road Rage\";font-weight:400}.outrun.small{font-size:calc(10px + 1vh)}}.glow{animation:glow 1s ease-in-out infinite alternate;color:#fff;text-align:center}@keyframes glow{0%{text-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #e60073,0 0 40px #e60073,0 0 50px #e60073,0 0 60px #e60073,0 0 70px #e60073}to{text-shadow:0 0 20px #fff,0 0 30px #ff4da6,0 0 40px #ff4da6,0 0 50px #ff4da6,0 0 60px #ff4da6,0 0 70px #ff4da6,0 0 80px #ff4da6}}.chrome{-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:hsla(0,0%,100%,.4);background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(#2989cc,#d3e5ec 50%,#592451 51%,#b3628d 55%,#592451 59%,#b3628d 65%,#ac86a6 75%,#b3628d);font-family:\"Montserrat\";font-weight:900;position:relative}.chrome.large{font-size:calc(30px + 15vh);font-size:100%;font-size:15vw}.chrome.medium{font-size:calc(30px + 10vh);font-size:100%;font-size:10vw}.chrome.small{font-size:calc(30px + 7vh);font-size:100%;font-size:5vw}@media screen and (max-width:850px){.chrome.large{font-size:calc(20px + 5vh)}.chrome.medium{font-size:calc(20px + 3vh)}.chrome.small{font-size:calc(20px + 1vh)}}.chrome:before{opacity:1;text-shadow:-1px -1px 1px #2989cc,-2px -2px 1px #2989cc,-3px -3px 1px #2989cc,1px 1px 1px #000,0 -1px 2px #000,-1px -2px 2px #000,0 0 5px #fff;z-index:-1}.chrome:before,.shine:after{content:attr(data-text);position:absolute}.shine:after{animation:shine 10s ease infinite;animation-delay:0s;animation-delay:var(--shine-delay,0s);background-clip:text;-webkit-background-clip:text;background-image:linear-gradient(225deg,transparent 53%,#fff 55%,transparent 58%);background-size:400% 400%;height:100%;left:0;top:0;width:100%;z-index:999}@keyframes shine{0%{background-position:0 51%}50%{background-position:100% 50%}to{background-position:0 51%}}.spark{animation:blip 5s infinite;animation-timing-function:ease-in-out;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200' viewBox='120 250 1700 1200'%3E%3Cpath fill='none' d='M-1-1h182v402H-1z'/%3E%3Cellipse cx='274.5' cy='197.037' fill='%23fff' rx='5' ry='183'/%3E%3Cellipse cx='274.5' cy='197.037' fill='%23fff' rx='5' ry='183' transform='rotate(90 274.5 197.038)'/%3E%3Cellipse cx='276.193' cy='195.436' fill='%23fff' rx='3.223' ry='90.194' transform='rotate(126.7 276.193 195.436)'/%3E%3Cellipse cx='276.193' cy='195.436' fill='%23fff' rx='3.223' ry='90.194' transform='rotate(-134.608 276.193 195.436)'/%3E%3C/svg%3E\");filter:blur(.5px);height:45px;line-height:0;margin-left:-.3em;margin-top:4vh;position:absolute;transform:scale(0);width:37px;z-index:999}.chrome:last-of-type .spark{animation-delay:-2.5s}@keyframes blip{0%{transform:scale(0)}5%{transform:scale(1.2) rotate(0deg)}6%{transform:scale(1) rotate(0deg)}8%{transform:scale(1) rotate(180deg)}to{transform:scale(1) rotate(180deg)}}",""]),e.locals={},t.exports=e},274:function(t,o,n){"use strict";n.r(o),n.d(o,"state",(function(){return e})),n.d(o,"mutations",(function(){return r}));n(46);var e=function(){return{isSoundEnabled:!0}},r={toggleSound:function(t){t.isSoundEnabled=!t.isSoundEnabled,localStorage.setItem("isSoundEnabled",t.isSoundEnabled)},initializeSound:function(t){var o=JSON.parse(localStorage.getItem("isSoundEnabled"));o?(t.isSoundEnabled=!0,localStorage.setItem("isSoundEnabled",!0)):(t.isSoundEnabled=!1,localStorage.setItem("isSoundEnabled",!1))}}},39:function(t,o,n){"use strict";var e={layout:"empty",props:{error:{type:Object,default:null}},data:function(){return{pageNotFound:"404 Not Found",otherError:"An error occurred"}},head:function(){return{title:404===this.error.statusCode?this.pageNotFound:this.otherError}}},r=(n(261),n(47)),component=Object(r.a)(e,(function(){var t=this,o=t._self._c;return o("div",[o("div",{staticClass:"titleview"},[404===t.error.statusCode?o("div",{staticClass:"outrun glow"},[t._v(t._s(t.pageNotFound))]):o("div",{staticClass:"outrun glow"},[t._v(t._s(t.otherError))])]),o("div",{staticClass:"buttonrow"},[o("NuxtLink",{attrs:{to:"/"}},[o("button",[o("span",[t._v("Home page")])])])],1)])}),[],!1,null,"4aacf836",null);o.a=component.exports}},[[196,7,1,8]]]);
|