<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vortex Plans</title> <style> :root { --primary-color: mediumslateblue; } * { box-sizing: border-box; } body { height: 100vh; display: grid; place-items: center; background-color: black; margin: 0rem; overflow: hidden; font-family: "Montserrat", sans-serif; } h1, h2, h3, p { margin: 0rem; } .card { width: 640px; position: relative; background-color: rgb(16 16 16); border: 1px solid rgb(255 255 255 / 5%); border-radius: 1.5rem; padding: 1rem; } .card:after { content: ""; height: 70px; width: 1px; position: absolute; left: -1px; top: 65%; transition: top, opacity; transition-duration: 600ms; transition-timing-function: ease; background: linear-gradient( transparent, var(--primary-color), transparent ); opacity: 0; } .card:after { top: 65%; opacity: 0; } .card:hover:after { top: 25%; opacity: 1; } .card-content { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1rem; background-image: radial-gradient( rgba(255, 255, 255, 0.1) 1px, transparent 1px ); background-position: 50% 50%; background-size: 1.1rem 1.1rem; padding: 4rem; border-radius: 1.25rem; overflow: hidden; } .card-content > :is(h1, h3, p) { text-align: center; } .card-content > h1 { color: rgb(250 249 246); font-size: 2.6rem; } .card-content > h3 { color: var(--primary-color); text-transform: uppercase; font-size: 0.76rem; } .card-content > p { color: rgb(255 255 255 / 75%); line-height: 1.5rem; } @media(max-width: 700px) { .card { width: calc(100% - 2rem); margin: 0rem 1rem; padding: 0.75rem; border-radius: 1rem; } } @media(max-width: 600px) { .card-content { padding: 3rem; } .card-content > h1 { font-size: 2.2rem; } } #links { display: flex; flex-direction: column; gap: 0.5rem; position: absolute; bottom: 0px; left: 0px; z-index: 10; padding: 1rem; } .meta-link { display: flex; align-items: center; gap: 0.5rem; } .meta-link > :is(span, a) { font-family: "Rubik", sans-serif; font-size: 1.25rem; color: white; } .meta-link > .label { text-align: right; } .meta-link > a { text-decoration: none; outline: none; } .meta-link > a.source { color: rgb(94, 106, 210); } .meta-link > a:is(:hover, :focus) > i { color: white; } .meta-link > a.youtube { color: rgb(239, 83, 80); } .meta-link > a.youtube > i { padding-top: 0.2rem; } .meta-link > a > i { height: 1rem; line-height: 1rem; } </style> </head> <body> <div class="card"> <div class="card-content"> <h3>VortexTranslation.com/</h3> <h1>This page is under construction. For more updates, stay tuned to our Discord!</h1> <p>Time remaining: 6 days until launch.</p> </div> </div> <script type='text/javascript'> var urlTotal,nextPageToken,postsDatePrefix=!1,accessOnly=!1,useApiV3=!1,apiKey="",blogId="",postsOrPages=["pages","posts"],jsonIndex=1,secondRequest=!0,feedPriority=0,amp="&amp;"[0];function urlVal(){var e=window.location.pathname,t=e.length;return".html"===e.substring(t-5)?0:t>1?1:2}function urlMod(){var e=window.location.pathname;"p"===e.substring(1,2)?(e=(e=e.substring(e.indexOf("/",1)+1)).substr(0,e.indexOf(".html")),history.replaceState(null,null,"../"+e)):(e=(e=postsDatePrefix?e.substring(1):e.substring(e.indexOf("/",7)+1)).substr(0,e.indexOf(".html")),history.replaceState(null,null,"../../"+e))}function urlSearch(e,t){var n=e+".html";t.forEach(function(e){-1!==e.search(n)&&(window.location=e)})}function urlManager(){var e=urlVal();0===e?accessOnly||urlMod():1===e?getJSON(postsOrPages[feedPriority],1):2===e&&(accessOnly||history.replaceState(null,null,"/"))}function getJSON(e,t){var n=document.createElement("script");if(useApiV3){var o="https://www.googleapis.com/blogger/v3/blogs/"+blogId+"/"+e+"?key="+apiKey+"#maxResults=500#fields=nextPageToken%2Citems(url)#callback=bloggerJSON";nextPageToken&&(o+="#pageToken="+nextPageToken),nextPageToken=void 0}else o=window.location.protocol+"//"+window.location.hostname+"/feeds/"+e+"/default?start-index="+t+"#max-results=150#orderby=published#alt=json-in-script#callback=bloggerJSON";o=o.replace(/#/g,amp),n.type="text/javascript",n.src=o,document.getElementsByTagName("head")[0].appendChild(n)}function bloggerJSON(e){var t=[];if(useApiV3||void 0===urlTotal&&(urlTotal=parseInt(e.feed.openSearch$totalResults.$t)),useApiV3){try{e.items.forEach(function(e,n){t.push(e.url)})}catch(e){}nextPageToken=e.nextPageToken}else try{e.feed.entry.forEach(function(n,o){var r=e.feed.entry[o];r.link.forEach(function(e,n){"alternate"===r.link[n].rel&&t.push(r.link[n].href)})})}catch(e){}urlSearch(window.location.pathname,t),urlTotal>150?(jsonIndex+=150,urlTotal-=150,getJSON(postsOrPages[feedPriority],jsonIndex)):nextPageToken?getJSON(postsOrPages[feedPriority]):secondRequest&&(nextPageToken=void 0,urlTotal=void 0,jsonIndex=1,secondRequest=!1,0===feedPriority?(feedPriority=1,getJSON("posts",1)):1===feedPriority&&(feedPriority=0,getJSON("pages",1)))}function bloggerJS(e){e&&(feedPriority=e),urlManager()}bloggerJS(); </script> </body> </html>