Build planner for PSO2: New Genesis.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
ngsplanner/index.html

4 lines
15 KiB

<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><link href="/favicon.ico" rel="icon"><meta content="width=device-width,initial-scale=1" name="viewport"><meta content="#000000" name="theme-color"><meta content="Web site created using create-react-app" name="description"><meta content="NGS Planner" property="og:title"><meta content="This tool was created for Phantasy Star Online 2: New Genesis. It is used to therorycraft builds and share them with other players!" property="og:description"><meta content="https://camo.githubusercontent.com/c81ca9acb785cbcaf87cea415c3438c946acb821628c5a68ea53742c7a12ff39/68747470733a2f2f6e6773706c616e6e65722e636f6d2f7370696e6e65722e676966" property="og:image"><link href="/logo192.png" rel="apple-touch-icon"><link href="/manifest.json" rel="manifest"><title>NGS Planner</title><link href="https://pbs.twimg.com" rel="preconnect"><link href="https://projectdivar.com:4504" rel="preconnect"><style type="text/css">@-webkit-keyframes fadeIn{0%{opacity:0;margin-bottom:30px}to{opacity:1;margin-bottom:0}}@keyframes fadeIn{0%{opacity:0;margin-bottom:30px}to{opacity:1;margin-bottom:0}}body,img{font:inherit}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;background-image:url(https://pbs.twimg.com/media/E8tfm23VUAQTAAu?format=jpg&name=4096x4096);background-color:#484848;background-repeat:no-repeat;background-position:50%;background-attachment:fixed;background-size:cover;color:#fff;font-family:ngs,Arial,sans-serif;font-size:16px;font-weight:400;text-align:center;text-shadow:-1px -1px 0 rgba(0,0,0,.66),1px -1px 0 rgba(0,0,0,.66),-1px 1px 0 rgba(0,0,0,.66),1px 1px 0 rgba(0,0,0,.66);min-height:100vh;vertical-align:baseline}a,div,footer,h1,h2,html,p,span{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}*,body,img{border:0;margin:0;padding:0}img{vertical-align:middle}footer{display:block}*{box-sizing:border-box;outline:0}@font-face{font-family:ngs;src:url(/static/media/4.b3395666.woff) format("woff")}@font-face{font-family:"Segoe UI Symbol";src:url(/static/media/seguisym.e8cb9d09.ttf) format("truetype")}a,a:active,a:hover,a:visited{color:#fff;text-decoration:none}a:active,a:hover{background-color:rgba(113,169,189,.33)}body,html{min-height:-webkit-fill-available}.box{color:#fff;background-clip:padding-box;background-color:rgba(24,36,48,.66);margin:10px 0 0;text-align:left;padding-bottom:10px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.boxTitleBar,.boxTitleBar h1{color:#fff;font-weight:400;font-size:18px}.boxTitleBar{background-color:rgba(124,144,148,.66);text-align:left;display:-webkit-flex;display:flex;-webkit-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-justify-content:space-between;justify-content:space-between}.boxTitleBar h1{margin-right:10px;padding:13px 13px 7px}.boxTitleBar h1:before{font-family:"Segoe UI Symbol";content:" \25C6";margin-right:10px}.box p{padding:10px 10px 0}.modalOverlaySplash{position:fixed;top:0;left:0;right:0;bottom:0;background:linear-gradient(rgba(0,0,0,.5),rgba(0,0,0,.8));display:grid;justify-items:stretch;-webkit-align-items:center;align-items:center;grid-template-columns:minmax(10px,1fr) minmax(200px,auto) minmax(10px,1fr);grid-template-rows:10px minmax(10px,1fr) minmax(10px,auto);min-height:100vh;min-height:-webkit-fill-available}.modalOverlaySplash>footer{grid-column:1/span 3;grid-row:3;padding-bottom:4vh;background:linear-gradient(transparent,rgba(0,0,0,.7))}.modalOverlaySplash>footer a:hover{background-color:transparent}span.github,span.twitter{font-size:24px;margin-right:15px;opacity:.75}span.github:hover,span.twitter:hover{opacity:1}.boxMisc h2:before,span.github:before,span.twitter:before{vertical-align:middle;margin-right:10px}span.github:before{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVz
!function(e){"use strict";var n=function(n,t,o){function i(e){if(a.body)return e();setTimeout(function(){i(e)})}function r(){l.addEventListener&&l.removeEventListener("load",r),l.media=o||"all"}var d,a=e.document,l=a.createElement("link");if(t)d=t;else{var f=(a.body||a.getElementsByTagName("head")[0]).childNodes;d=f[f.length-1]}var s=a.styleSheets;l.rel="stylesheet",l.href=n,l.media="only x",i(function(){d.parentNode.insertBefore(l,t?d:d.nextSibling)});var u=function(e){for(var n=l.href,t=s.length;t--;)if(s[t].href===n)return e();setTimeout(function(){u(e)})};return l.addEventListener&&l.addEventListener("load",r),l.onloadcssdefined=u,u(r),l};"undefined"!=typeof exports?exports.loadCSS=n:e.loadCSS=n}("undefined"!=typeof global?global:this);
/*! loadCSS rel=preload polyfill. [c]2017 Filament Group, Inc. MIT License */
!function(t){if(t.loadCSS){var e=loadCSS.relpreload={};if(e.support=function(){try{return t.document.createElement("link").relList.supports("preload")}catch(t){return!1}},e.poly=function(){for(var e=t.document.getElementsByTagName("link"),r=0;r<e.length;r++){var n=e[r];"preload"===n.rel&&"style"===n.getAttribute("as")&&(t.loadCSS(n.href,n,n.getAttribute("media")),n.rel=null)}},!e.support()){e.poly();var r=t.setInterval(e.poly,300);t.addEventListener&&t.addEventListener("load",function(){e.poly(),t.clearInterval(r)}),t.attachEvent&&t.attachEvent("onload",function(){t.clearInterval(r)})}}}(this);</script></body></html>