1 line
19 KiB
JavaScript
1 line
19 KiB
JavaScript
(window.webpackJsonp=window.webpackJsonp||[]).push([[0],{180:function(t,o,n){var content=n(253);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,n(77).default)("182f638a",content,!0,{sourceMap:!1})},187: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(45),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},188:function(t,o,n){n(189),t.exports=n(190)},252:function(t,o,n){"use strict";n(180)},253:function(t,o,n){var e=n(76)(!1);e.push([t.i,"h1[data-v-4aacf836]{font-size:20px}",""]),t.exports=e},256:function(t,o,n){var content=n(257);content.__esModule&&(content=content.default),"string"==typeof content&&(content=[[t.i,content,""]]),content.locals&&(t.exports=content.locals);(0,n(77).default)("1dfbd988",content,!0,{sourceMap:!1})},257:function(t,o,n){var e=n(76)(!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{background-attachment:fixed;position:fixed;bottom:-30%;left:0;margin-left:-50%;width:200%;height:100%;background-position-y:0;background-image:repeating-linear-gradient(90deg,#000,transparent 1px,transparent var(--grid-size),#000 calc(var(--grid-size) + 1px)),repeating-linear-gradient(180deg,#000,transparent 1px,transparent var(--grid-size),#000 calc(var(--grid-size) + 1px));background-image:repeating-linear-gradient(90deg,var(--grid-color,#000),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),transparent calc(1px + var(--grid-blur, 0px)),transparent var(--grid-size),var(--grid-color,#000) calc(var(--grid-size) + 1px + var(--grid-blur, 0px)));transform:perspective(50vh) rotateX(60deg) translateZ(10px);animation:moving-grid .5s linear infinite;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;position:fixed;width:200px;height:200px;border-radius:100%;background-color:#ff0;left:50%;bottom:40%;transform:translateX(-50%);background-image:linear-gradient(red,#ff0),linear-gradient(#000,#fff);-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%);box-shadow:0 0 20px rgba(255,128,0,.7)}.mountain{background-attachment:fixed;position:fixed;bottom:35%;left:50%;left:calc(50% + var(--mountain-offset, 0px));border-bottom:100px solid #fff;border-bottom:var(--mountain-height,100px) solid var(--mountain-color1,#fff);transform-origin:bottom;transform:skewX(0deg);transform:skewX(var(--mountain-tilt,0deg))}.mountain,.mountain:after{content:\"\";border-left:calc(var(--mountain-base)/2) solid transparent;border-top:0 solid transparent;border-right:50px solid transparent;border-right:calc(var(--mountain-base, 100px)/2) solid transparent}.mountain:after{border-bottom:100px solid #000;border-bottom:var(--mountain-height,100px) solid var(--mountain-color2,#000);transform:translate(-50%) scale(.98);position:absolute;left:0;top:0}.overlay{width:100%;height:100%;z-index:9999;background-attachment:fixed;background-image:repeating-linear-gradient(rgba(0,0,0,.3),transparent 1px,transparent 2px,rgba(0,0,0,.3) 3px);pointer-events:none}.background-80s,.overlay{position:fixed;left:0;top:0}.background-80s{background:linear-gradient(180deg,#010310 0,#0c1142 24%,#45125e 45%,#d53567 60%,#f0c3d9 65%,#0c1142 0) fixed;background-size:100% 100vh;background-size:100% var(--background-height,100vh);overflow:hidden;background-attachment:fixed;width:100vw;height:100vh;height:var(--background-height,100vh);z-index:-2}.animated-clouds:before{filter:url(#synth-filter)}.background-80s:before{content:\"\";background:linear-gradient(180deg,#010310 0,#0c1142 24%,#45125e 45%,#d53567 60%,#f0c3d9 65%,#0c1142 0) fixed;width:100%;height:55%;background-attachment:fixed;position:fixed;z-index:-1;left:0;top:0;opacity:.2}.stars:after{transform:translateY(-40%);content:\" \";border-radius:100%;width:3px;height:4px;position:absolute;left:0;top:0;z-index:-1;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;opacity:.3;animation:glitter 2s infinite}@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{border:3px solid #a684cb;background-color:#b533b3;color:#000;border-radius:10px;padding:5px;animation:background-flicker 6s ease-in-out infinite}.ui-control span{font-size:20px}@media screen and (max-width:600px){.ui-control button{border:0 solid #fff;background-color:#dd3dda;color:#000;border-radius:10px;padding:5px}}.titleview{position:absolute;left:50%;top:50%;text-align:center;transform:translate(-50%,-50%);white-space:nowrap}.titleview a{text-decoration:none;color:#fff}.title{top:15%;transform:translate(-50%,-50%)}.buttonrow,.title{position:absolute;left:50%;text-align:center;white-space:nowrap}.buttonrow{bottom:20%;transform:translate(-50%)}.buttonrow a{display:inline-block}.footer{position:fixed;z-index:5;left:0;bottom:5px;width:100%;color:#fff;text-align:center;white-space:nowrap;transform:translate(0)}.footer a{margin:0 20px}@media screen and (max-width:600px){.footer a{margin:auto 5px}}.navbutton{margin:5px 10px;padding:10px;background-color:#000;border-radius:15%}a{color:#09ff00;text-decoration:none}.button,button{border:5px solid #b533b3;background-color:#a684cb;color:#fff;border-radius:20px;padding:5px 20px;animation:border-flicker 2s linear infinite}.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{font-family:\"Montserrat\";font-weight:900;font-size:calc(10px + 1vh);letter-spacing:5px;animation:text-flicker 3s linear infinite}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%{opacity:.1;box-shadow:0 0 78px 4px rgba(16,134,232,.73)}2%{opacity:1;box-shadow:0 0 78px 4px rgba(16,134,232,.73)}4%{opacity:.1;box-shadow:0 0 78px 4px rgba(16,134,232,.73)}8%{opacity:1;box-shadow:0 0 78px 4px rgba(16,134,232,.73)}70%{opacity:.7;box-shadow:0 0 78px 4px rgba(16,134,232,.73)}to{opacity:1;box-shadow:0 0 78px 4px rgba(16,134,232,.73)}}@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{color:#fff;text-align:center;animation:glow 1s ease-in-out infinite alternate}@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{font-family:\"Montserrat\";font-weight:900;background-image:linear-gradient(#2989cc,#d3e5ec 50%,#592451 51%,#b3628d 55%,#592451 59%,#b3628d 65%,#ac86a6 75%,#b3628d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:hsla(0,0%,100%,.4);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{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;opacity:1;z-index:-1}.chrome:before,.shine:after{content:attr(data-text);position:absolute}.shine:after{background-image:linear-gradient(225deg,transparent 53%,#fff 55%,transparent 58%);width:100%;height:100%;top:0;left:0;background-clip:text;-webkit-background-clip:text;z-index:999;background-size:400% 400%;animation:shine 10s ease infinite;animation-delay:0s;animation-delay:var(--shine-delay,0s)}@keyframes shine{0%{background-position:0 51%}50%{background-position:100% 50%}to{background-position:0 51%}}.spark{margin-top:4vh;margin-left:-.3em;line-height:0;position:absolute;width:37px;height:45px;z-index:999;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg viewBox='120 250 1700 1200' width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='none' d='M-1-1h182v402H-1z'/%3E%3Cg%3E%3Cellipse ry='183' rx='5' cy='197.037' cx='274.5' fill='%23fff'/%3E%3Cellipse transform='rotate(90 274.5 197.038)' ry='183' rx='5' cy='197.037' cx='274.5' fill='%23fff'/%3E%3Cellipse transform='rotate(126.7 276.193 195.436)' ry='90.194' rx='3.223' cy='195.436' cx='276.193' fill='%23fff'/%3E%3Cellipse transform='rotate(-134.608 276.193 195.436)' ry='90.194' rx='3.223' cy='195.436' cx='276.193' fill='%23fff'/%3E%3C/g%3E%3C/svg%3E\");filter:blur(.5px);transform:scale(0);animation:blip 5s infinite;animation-timing-function:ease-in-out}.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)}}",""]),t.exports=e},265:function(t,o,n){"use strict";n.r(o),n.d(o,"state",(function(){return e})),n.d(o,"mutations",(function(){return r}));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))}}},37: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(252),n(45)),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}},[[188,7,1,8]]]); |