mirror of
https://github.com/chaoticbackup/chaoticbackup.github.io.git
synced 2026-03-21 17:24:14 -05:00
improve chunking; fix portal css; fix dependency update issues
This commit is contained in:
Daniel
parent
346995f7d3
commit
687dd1380a
10
404.html
10
404.html
|
|
@ -17,19 +17,19 @@
|
|||
// with Internet Explorer (it is currently > 512 bytes)
|
||||
|
||||
// If you're creating a Project Pages site and NOT using a custom domain,
|
||||
// then set segmentCount to 1 (enterprise users may need to set it to > 1).
|
||||
// then set segCount to 1 (enterprise users may need to set it to > 1).
|
||||
// This way the code will only replace the route part of the path, and not
|
||||
// the real directory in which the app resides, for example:
|
||||
// https://username.github.io/repo-name/one/two?a=b&c=d#qwe becomes
|
||||
// https://username.github.io/repo-name/?p=/one/two&q=a=b~and~c=d#qwe
|
||||
// Otherwise, leave segmentCount as 0.
|
||||
var segmentCount = 0;
|
||||
// Otherwise, leave segCount as 0.
|
||||
var segCount = 0;
|
||||
|
||||
var l = window.location;
|
||||
l.replace(
|
||||
l.protocol + '//' + l.hostname + (l.port ? ':' + l.port : '') +
|
||||
l.pathname.split('/').slice(0, 1 + segmentCount).join('/') + '/?p=/' +
|
||||
l.pathname.slice(1).split('/').slice(segmentCount).join('/').replace(/&/g, '~and~') +
|
||||
l.pathname.split('/').slice(0, 1 + segCount).join('/') + '/?p=/' +
|
||||
l.pathname.slice(1).split('/').slice(segCount).join('/').replace(/&/g, '~and~') +
|
||||
(l.search ? '&q=' + l.search.slice(1).replace(/&/g, '~and~') : '') +
|
||||
l.hash
|
||||
);
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
.icon14{height:14px;padding-bottom:2px}.icon16{height:16px}.icon20{height:20px}.icon24{height:24px}.bigger{font-size:14px}.name{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.name .subname:before{content:"\a ";white-space:pre}.name .subname{font-size:13px;padding-bottom:4px;display:inherit}#player{text-align:center}@media only screen and (min-width:975px){.collection{margin-top:5px;margin-right:5px;margin-left:5px}.collection>.left{font-family:Roboto,Arial,sans-serif;float:left;width:30%}.collection>.right{font-family:Roboto,Arial,sans-serif;float:right;width:70%}}@media only screen and (min-width:975px){.collection #buttons{margin:0 0 2% 1%}.collection #buttons,.collection .button,.collection input[type=button],.collection input[type=text]{border-radius:5px;border-color:transparent;text-align:center;outline:none}.collection input[type=text]{margin-bottom:2px}.collection .centeredCheckBox,.collection input[type=text]{width:220px}.collection .text-entry{display:flex;justify-content:center;align-items:center}.collection .text-entry input:focus{outline:none}.collection .card{text-align:left;display:flex;border:1px solid #aeaeae}.collection .card .left,.collection .card .right,.collection .card .stats{padding-top:4px}.collection .card .bigger{text-align:center;font-weight:700}.collection .card .energy{display:flex;width:20px!important}.collection .card .left{vertical-align:text-top;float:left;width:210px;padding-left:4px}.collection .card .right{float:left;width:calc(100% - 322px);border-left:2px solid #aeaeae;padding-left:4px;padding-right:4px;padding-bottom:6px;white-space:pre-line}.collection .creature .right{width:calc(100% - 366px)}.collection .creature .stats{vertical-align:text-top;float:left;text-align:right;width:40px}.collection .SearchForm{padding-top:3px;font-family:Roboto,Arial,sans-serif}.collection .searchName{display:flex;justify-content:center;align-items:center;padding:2%;font-size:16pt}.collection .centeredCheckBox{margin:0 auto;text-align:left}.collection .centeredSpacing{display:flex;justify-content:space-between}.collection .setBox{width:80%;float:right}.collection #sets{width:80%}.collection .centeredButtons{display:flex;justify-content:center;align-items:center}.collection #search{width:25%;margin:2%;border-radius:5px;border-color:transparent;text-align:center}.collection .minMax{display:flex;justify-content:space-between;margin:0 auto;width:50%;text-align:right}.collection .brainwashed{border-radius:3px;background-color:#dcdddf;color:#000!important}.collection .chieftain,.collection .flavortext{font-style:italic}.collection .disciplines input{width:30px;height:14px;text-align:center;margin-top:2px}.collection .mull input{margin-left:0;margin-top:1px}.collection .Collapsible__contentInner input,.collection .mull input{vertical-align:middle}.collection .Collapsible__contentInner .centeredCheckBox{width:50%}.collection .mcbp input{width:24px;height:14px;padding:unset;text-align:center;margin-top:2px}.collection .tribes{width:96%;text-align:center}.collection .and,.collection .disciplines{text-align:center}.collection .and{vertical-align:text-bottom;width:15%;border-radius:5px;border-color:transparent;margin:2%}}.collection .card .icon14,.collection .card .icon16,.collection .card .icon20,.collection .card .icon24{vertical-align:middle}.collection .thumb{width:100px;height:98px}.collection .card .thumb{float:left}.collection .Collapsible{margin-bottom:5px;margin-top:5px;width:96%}.collection .Collapsible__trigger{background-color:#333;display:block;position:relative;padding-top:5px;padding-bottom:5px;text-indent:5px;font-weight:700;white-space:pre}.collection .Collapsible__trigger:hover{background-color:red}.collection .Collapsible__trigger:after{content:"^";position:absolute;right:10px;top:10px;display:block;transition:transform .4s}.collection .Collapsible__trigger.is-open:after{transform:rotate(180deg);right:5px;top:5px}.collection .Collapsible__trigger.is-disabled{opacity:.5;background-color:grey}.collection .Collapsible__contentInner{margin-top:5px}.collection .left{position:relative}.collection .card_img{position:absolute;width:100%;z-index:2;left:-11px}.collection .card_img .hidden{display:none;max-height:0}.collection .card_img img{max-width:250px;max-height:350px}.collection .entries{text-align:left;width:100%}.collection .entries input[type=button]{margin:0 0 2% 1%}.collection .list-nav-top{display:flex}.collection .extended .fullcard{max-width:250px;max-height:350px}.collection hr{width:96%;margin-inline-start:0}.collection .none{display:inline}.collection .none>span{top:-3px;position:relative}.collection label{user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-o-user-select:none;-moz-user-select:none}
|
||||
.icon14{height:14px;padding-bottom:2px}.icon16{height:16px}.icon20{height:20px}.icon24{height:24px}.bigger{font-size:14px}.name{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.name .subname:before{content:"\a ";white-space:pre}.name .subname{font-size:13px;padding-bottom:4px;display:inherit}@media only screen and (min-width:975px){.collection{margin-top:5px;margin-right:5px;margin-left:5px}.collection>.left{font-family:Roboto,Arial,sans-serif;float:left;width:30%}.collection>.right{font-family:Roboto,Arial,sans-serif;float:right;width:70%}}@media only screen and (min-width:975px){.collection #buttons{margin:0 0 2% 1%}.collection #buttons,.collection .button,.collection input[type=button],.collection input[type=text]{border-radius:5px;border-color:transparent;text-align:center;outline:none}.collection input[type=text]{margin-bottom:2px}.collection .centeredCheckBox,.collection input[type=text]{width:220px}.collection .text-entry{display:flex;justify-content:center;align-items:center}.collection .text-entry input:focus{outline:none}.collection .card{text-align:left;display:flex;border:1px solid #aeaeae}.collection .card .left,.collection .card .right,.collection .card .stats{padding-top:4px}.collection .card .bigger{text-align:center;font-weight:700}.collection .card .energy{display:flex;width:20px!important}.collection .card .left{vertical-align:text-top;float:left;width:210px;padding-left:4px}.collection .card .right{float:left;width:calc(100% - 322px);border-left:2px solid #aeaeae;padding-left:4px;padding-right:4px;padding-bottom:6px;white-space:pre-line}.collection .creature .right{width:calc(100% - 366px)}.collection .creature .stats{vertical-align:text-top;float:left;text-align:right;width:40px}.collection .SearchForm{padding-top:3px;font-family:Roboto,Arial,sans-serif}.collection .searchName{display:flex;justify-content:center;align-items:center;padding:2%;font-size:16pt}.collection .centeredCheckBox{margin:0 auto;text-align:left}.collection .centeredSpacing{display:flex;justify-content:space-between}.collection .setBox{width:80%;float:right}.collection #sets{width:80%}.collection .centeredButtons{display:flex;justify-content:center;align-items:center}.collection #search{width:25%;margin:2%;border-radius:5px;border-color:transparent;text-align:center}.collection .minMax{display:flex;justify-content:space-between;margin:0 auto;width:50%;text-align:right}.collection .brainwashed{border-radius:3px;background-color:#dcdddf;color:#000!important}.collection .chieftain,.collection .flavortext{font-style:italic}.collection .disciplines input{width:30px;height:14px;text-align:center;margin-top:2px}.collection .mull input{margin-left:0;margin-top:1px}.collection .Collapsible__contentInner input,.collection .mull input{vertical-align:middle}.collection .Collapsible__contentInner .centeredCheckBox{width:50%}.collection .mcbp input{width:24px;height:14px;padding:unset;text-align:center;margin-top:2px}.collection .tribes{width:96%;text-align:center}.collection .and,.collection .disciplines{text-align:center}.collection .and{vertical-align:text-bottom;width:15%;border-radius:5px;border-color:transparent;margin:2%}}.collection .card .icon14,.collection .card .icon16,.collection .card .icon20,.collection .card .icon24{vertical-align:middle}.collection .thumb{width:100px;height:98px}.collection .card .thumb{float:left}.collection .Collapsible{margin-bottom:5px;margin-top:5px;width:96%}.collection .Collapsible__trigger{background-color:#333;display:block;position:relative;padding-top:5px;padding-bottom:5px;text-indent:5px;font-weight:700;white-space:pre}.collection .Collapsible__trigger:hover{background-color:red}.collection .Collapsible__trigger:after{content:"^";position:absolute;right:10px;top:10px;display:block;transition:transform .4s}.collection .Collapsible__trigger.is-open:after{transform:rotate(180deg);right:5px;top:5px}.collection .Collapsible__trigger.is-disabled{opacity:.5;background-color:grey}.collection .Collapsible__contentInner{margin-top:5px}.collection .left{position:relative}.collection .card_img{position:absolute;width:100%;z-index:2;left:-11px}.collection .card_img .hidden{display:none;max-height:0}.collection .card_img img{max-width:250px;max-height:350px}.collection .entries{text-align:left;width:100%}.collection .entries input[type=button]{margin:0 0 2% 1%}.collection .list-nav-top{display:flex}.collection .extended .fullcard{max-width:250px;max-height:350px}.collection hr{width:96%;margin-inline-start:0}.collection .none{display:inline}.collection .none>span{top:-3px;position:relative}.collection label{user-select:none;-webkit-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-o-user-select:none;-moz-user-select:none}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1 +1 @@
|
|||
.lore{text-align:left;padding-left:10%;padding-right:10%}.lore .title{margin-top:6px;text-align:center;font-weight:700;font-size:18px}.lore div{margin:0 0 6px;line-height:22px!important}.donate{margin-bottom:6px}.donate form a{border-bottom:none}@-webkit-keyframes love{to{-webkit-transform:scale(1.1)}}@-moz-keyframes love{to{-moz-transform:scale(1.1)}}@keyframes love{to{transform:scale(1.1)}}.with-love{color:#333}.with-love div,.with-love span{font-size:14px!important;line-height:18px!important}.with-love div{padding-bottom:4px}.with-love .heart{font-size:1.4em;color:#ff79c6;-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);-webkit-animation:love .5s linear infinite alternate-reverse;-moz-animation:love .5s infinite linear alternate-reverse;animation:love .5s linear infinite alternate-reverse}.with-love a{text-decoration:none;border-bottom:1px dotted}
|
||||
.icon14{height:14px;padding-bottom:2px}.icon16{height:16px}.icon20{height:20px}.icon24{height:24px}.bigger{font-size:14px}.name{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.name .subname:before{content:"\a ";white-space:pre}.name .subname{font-size:13px;padding-bottom:4px;display:inherit}.lore{text-align:left;padding-left:10%;padding-right:10%}.lore .title{margin-top:6px;text-align:center;font-weight:700;font-size:18px}.lore div{margin:0 0 6px;line-height:22px!important}.donate{margin-bottom:6px}.donate form a{border-bottom:none}@-webkit-keyframes love{to{-webkit-transform:scale(1.1)}}@-moz-keyframes love{to{-moz-transform:scale(1.1)}}@keyframes love{to{transform:scale(1.1)}}.with-love{color:#333}.with-love div,.with-love span{font-size:14px!important;line-height:18px!important}.with-love div{padding-bottom:4px}.with-love .heart{font-size:1.4em;color:#ff79c6;-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);-webkit-animation:love .5s linear infinite alternate-reverse;-moz-animation:love .5s infinite linear alternate-reverse;animation:love .5s linear infinite alternate-reverse}.with-love a{text-decoration:none;border-bottom:1px dotted}
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1 +1 @@
|
|||
.portal .navbar h1{font-size:16px}.portal .navbar ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#333}.portal .navbar li{float:left}.portal .navbar .dropbtn,.portal .navbar li a{display:inline-block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none}.portal .navbar .dropdown:hover .dropbtn,.portal .navbar li a:hover{background-color:red}.portal .navbar li.dropdown{display:inline-block}.portal .navbar .dropdown-content{display:none;position:absolute;background-color:#333;min-width:140px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.portal .navbar .dropdown-content a{color:#fff;padding:12px 16px;text-decoration:none;display:block;text-align:left}.portal .navbar .dropdown:hover .dropdown-content{display:block}.portal .magnifying-glass{cursor:pointer;transition:color .2s;z-index:1;vertical-align:middle;fill:currentColor;height:18px;min-width:18px;width:18px}.portal .search .results div{padding-bottom:10px}.portal .search .results a{font-size:16px;line-height:20px}.portal .entry{font-size:1.2em}.portal .entry .title{font-weight:700;font-size:16px}.portal .entry .left{float:left;width:100px}.portal .entry .right{float:right;width:86%}.portal .entry .left .title{text-align:left;padding-bottom:10px}.portal .entry .icon14,.portal .entry .icon16,.portal .entry .icon20,.portal .entry .icon24{vertical-align:middle}.portal .entry .entry_content{min-height:550px;height:calc(100vh - 300px);overflow-y:auto;width:100%;position:relative}.portal .entry .entry_content .entry_splash{padding-bottom:4px}.portal .entry .entry_content .entry_splash img{max-width:100%}.portal .entry .entry_content .entry_splash .arrow{position:absolute;color:#f1f1f1;font-size:40px;font-weight:700;width:100%;top:95%}.portal .entry .entry_content .entry_body{position:relative;max-width:100%;padding-bottom:4px;display:flex;flex-wrap:wrap}.portal .entry .entry_content .entry_body hr{margin:0}.portal .entry .entry_content .entry_body .title{min-width:100%}.portal .entry .entry_content .entry_body .title hr{margin-top:8px}.portal .entry .entry_content .entry_body .column>div,.portal .entry .entry_content .entry_body .nocolumn>div{padding:8px}.portal .entry .entry_content .entry_body .column:nth-child(2){flex-grow:1;text-align:left;min-width:0;width:30%}.portal .entry .entry_content .entry_body .column:last-child{flex-grow:2;min-width:0;flex:60%;border-left:1px solid #fff}.portal .entry .entry_content .entry_body .ability{white-space:pre-line;word-wrap:break-all}.portal .entry .entry_content .entry_body div{white-space:pre-line}.portal .entry .entry_content::-webkit-scrollbar{width:1px}.portal .entry .cat_title{text-align:left;background-color:#1a1a1a;font-weight:700;font-size:16px;padding-top:1px;padding-left:4px}.portal .entry .entry_nav{background-color:#1a1a1a;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.portal .entry .entry_nav>div{display:inline-block}.portal .entry .entry_nav>div img{margin-right:3px;margin-left:3px}.portal .entry .modal{position:fixed;z-index:10;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.9)}.portal .entry .modal.hidden{display:none}.portal .entry .modal-content{margin:auto;display:block;max-height:calc(100vh - 100px);max-width:90vw}.portal .entry .caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.portal .entry #caption,.portal .entry .modal-content{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}@-webkit-keyframes zoom{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.portal .entry .close{position:fixed;top:35px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.portal .entry .close:focus,.portal .entry .close:hover{color:#bbb;text-decoration:none;cursor:pointer}
|
||||
.icon14{height:14px;padding-bottom:2px}.icon16{height:16px}.icon20{height:20px}.icon24{height:24px}.bigger{font-size:14px}.name{-webkit-user-select:all;-moz-user-select:all;-ms-user-select:all;user-select:all}.name .subname:before{content:"\a ";white-space:pre}.name .subname{font-size:13px;padding-bottom:4px;display:inherit}.portal .navbar h1{font-size:16px}.portal .navbar ul{list-style-type:none;margin:0;padding:0;overflow:hidden;background-color:#333}.portal .navbar li{float:left}.portal .navbar .dropbtn,.portal .navbar li a{display:inline-block;color:#fff;text-align:center;padding:14px 16px;text-decoration:none}.portal .navbar .dropdown:hover .dropbtn,.portal .navbar li a:hover{background-color:red}.portal .navbar li.dropdown{display:inline-block}.portal .navbar .dropdown-content{display:none;position:absolute;background-color:#333;min-width:140px;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);z-index:1}.portal .navbar .dropdown-content a{color:#fff;padding:12px 16px;text-decoration:none;display:block;text-align:left}.portal .navbar .dropdown:hover .dropdown-content{display:block}.portal .magnifying-glass{cursor:pointer;transition:color .2s;z-index:1;vertical-align:middle;fill:currentColor;height:18px;min-width:18px;width:18px}.portal .search .results div{padding-bottom:10px}.portal .search .results a{font-size:16px;line-height:20px}.portal .entry{font-size:1.2em}.portal .entry .title{font-weight:700;font-size:16px}.portal .entry .left{float:left;width:100px}.portal .entry .right{float:right;width:86%}.portal .entry .left .title{text-align:left;padding-bottom:10px}.portal .entry .icon14,.portal .entry .icon16,.portal .entry .icon20,.portal .entry .icon24{vertical-align:middle}.portal .entry .entry_content{min-height:550px;height:calc(100vh - 300px);overflow-y:auto;width:100%;position:relative}.portal .entry .entry_content .entry_splash{padding-bottom:4px}.portal .entry .entry_content .entry_splash img{max-width:100%}.portal .entry .entry_content .entry_splash .arrow{position:absolute;color:#f1f1f1;font-size:40px;font-weight:700;width:100%;top:95%}.portal .entry .entry_content .entry_body{position:relative;max-width:100%;padding-bottom:4px;display:flex;flex-wrap:wrap}.portal .entry .entry_content .entry_body hr{margin:0}.portal .entry .entry_content .entry_body .title{min-width:100%}.portal .entry .entry_content .entry_body .title hr{margin-top:8px}.portal .entry .entry_content .entry_body .column>div,.portal .entry .entry_content .entry_body .nocolumn>div{padding:8px}.portal .entry .entry_content .entry_body .column:nth-child(2){flex-grow:1;text-align:left;min-width:0;width:30%}.portal .entry .entry_content .entry_body .column:last-child{flex-grow:2;min-width:0;flex:60%;border-left:1px solid #fff}.portal .entry .entry_content .entry_body .ability{white-space:pre-line;word-wrap:break-all}.portal .entry .entry_content .entry_body div{white-space:pre-line}.portal .entry .entry_content::-webkit-scrollbar{width:1px}.portal .entry .cat_title{text-align:left;background-color:#1a1a1a;font-weight:700;font-size:16px;padding-top:1px;padding-left:4px}.portal .entry .entry_nav{background-color:#1a1a1a;overflow-x:scroll;overflow-y:hidden;white-space:nowrap}.portal .entry .entry_nav>div{display:inline-block}.portal .entry .entry_nav>div img{margin-right:3px;margin-left:3px;height:100px}.portal .entry.base_path .cat_title,.portal .entry.base_path .entry_nav{background-color:inherit}.portal .entry.base_path .cat_title{padding-top:1em;padding-bottom:1em}.portal .entry.base_path .entry_nav{overflow-y:auto;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-content:space-between}.portal .entry.base_path .entry_nav>div{overflow-wrap:break-word;margin:3px;max-width:106px}.portal .entry .modal{position:fixed;z-index:10;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.9)}.portal .entry .modal.hidden{display:none}.portal .entry .modal-content{margin:auto;display:block;max-height:calc(100vh - 100px);max-width:90vw}.portal .entry .caption{margin:auto;display:block;width:80%;max-width:700px;text-align:center;color:#ccc;padding:10px 0;height:150px}.portal .entry #caption,.portal .entry .modal-content{-webkit-animation-name:zoom;-webkit-animation-duration:.6s;animation-name:zoom;animation-duration:.6s}@-webkit-keyframes zoom{0%{-webkit-transform:scale(0)}to{-webkit-transform:scale(1)}}@keyframes zoom{0%{transform:scale(0)}to{transform:scale(1)}}.portal .entry .close{position:fixed;top:35px;right:35px;color:#f1f1f1;font-size:40px;font-weight:700;transition:.3s}.portal .entry .close:focus,.portal .entry .close:hover{color:#bbb;text-decoration:none;cursor:pointer}
|
||||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -2,8 +2,8 @@
|
|||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Chaotic Backup</title>
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="Chaotic Backup">
|
||||
<link rel="stylesheet" type="text/css" href="/src/css/legacy.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
|
||||
|
|
|
|||
|
|
@ -3,7 +3,6 @@
|
|||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Chaotic Backup</title>
|
||||
<meta name="description" content="Chaotic Backup">
|
||||
<link rel="stylesheet" type="text/css" href="/src/css/legacy.css">
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
|
||||
|
|
@ -51,6 +50,14 @@
|
|||
// the single page app to route accordingly.
|
||||
(function(l) {
|
||||
if (l.search) {
|
||||
let title = l.search.split('&')[0].split('/')[1];
|
||||
if (title != "") {
|
||||
document.title = title.charAt(0).toUpperCase() + title.slice(1);
|
||||
}
|
||||
else {
|
||||
document.title = "Chaotic Backup";
|
||||
}
|
||||
|
||||
var q = {};
|
||||
l.search.slice(1).split('&').forEach(function(v) {
|
||||
var a = v.split('=');
|
||||
|
|
|
|||
15
package-lock.json
generated
15
package-lock.json
generated
|
|
@ -1042,6 +1042,15 @@
|
|||
"to-fast-properties": "^2.0.0"
|
||||
}
|
||||
},
|
||||
"@loadable/component": {
|
||||
"version": "5.10.3",
|
||||
"resolved": "https://registry.npmjs.org/@loadable/component/-/component-5.10.3.tgz",
|
||||
"integrity": "sha512-/aSO+tXw4vFMwZ6fgLaNQgLuEa7bgTpoBE4PxNzf08/ewAjymrCS3J7v3SbGE7IjGmmKL6vVwkpb7S3cYrk+ag==",
|
||||
"requires": {
|
||||
"@babel/runtime": "^7.6.0",
|
||||
"hoist-non-react-statics": "^3.3.0"
|
||||
}
|
||||
},
|
||||
"@types/cookie": {
|
||||
"version": "0.3.3",
|
||||
"resolved": "https://registry.npmjs.org/@types/cookie/-/cookie-0.3.3.tgz",
|
||||
|
|
@ -10264,12 +10273,6 @@
|
|||
}
|
||||
}
|
||||
},
|
||||
"webpack-async-chunk-names-plugin": {
|
||||
"version": "0.1.1",
|
||||
"resolved": "https://registry.npmjs.org/webpack-async-chunk-names-plugin/-/webpack-async-chunk-names-plugin-0.1.1.tgz",
|
||||
"integrity": "sha1-67je2lmIdgMzH/LKu67luFP+C7U=",
|
||||
"dev": true
|
||||
},
|
||||
"webpack-cli": {
|
||||
"version": "3.3.9",
|
||||
"resolved": "https://registry.npmjs.org/webpack-cli/-/webpack-cli-3.3.9.tgz",
|
||||
|
|
|
|||
|
|
@ -13,6 +13,7 @@
|
|||
"author": "Danude Sandstorm",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"@loadable/component": "^5.10.3",
|
||||
"lokijs": "^1.5.7",
|
||||
"mobx": "^5.13.0",
|
||||
"mobx-react": "^5.4.4",
|
||||
|
|
@ -58,7 +59,6 @@
|
|||
"style-loader": "^1.0.0",
|
||||
"uglifyjs-webpack-plugin": "^2.2.0",
|
||||
"webpack": "^4.41.0",
|
||||
"webpack-async-chunk-names-plugin": "^0.1.1",
|
||||
"webpack-cli": "^3.3.9",
|
||||
"webpack-dev-server": "^3.8.1"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -35,8 +35,4 @@
|
|||
font-size: 13px;
|
||||
padding-bottom: 4px;
|
||||
display: inherit;
|
||||
}
|
||||
|
||||
#player {
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
@import 'base';
|
||||
@import '../base';
|
||||
|
||||
@media only screen and (min-width: 975px) {
|
||||
|
||||
|
|
@ -4,7 +4,7 @@ import {observable} from "mobx";
|
|||
import {observer, inject} from 'mobx-react';
|
||||
import CardList from './List';
|
||||
import SearchForm from './search/index.js';
|
||||
import '../../scss/collection.scss'
|
||||
import './collection.scss'
|
||||
|
||||
@inject((stores, props, context) => props) @observer
|
||||
export default class Home extends React.Component {
|
||||
|
|
|
|||
|
|
@ -166,7 +166,7 @@ export default class SearchCollection extends React.Component {
|
|||
return (<Loading />);
|
||||
}
|
||||
|
||||
let gen = (d, display, text) => {
|
||||
const gen = (d, display, text) => {
|
||||
let tmp = [];
|
||||
Object.keys(this.input[d]).forEach((item, i) => {
|
||||
tmp.push(<label style={{display: display}} key={i}><input type="checkbox" name={item} checked={this.input[d][item]} onChange={e => this.handleChange(e, d)} />{text(item)}</label>
|
||||
|
|
@ -175,27 +175,27 @@ export default class SearchCollection extends React.Component {
|
|||
return tmp;
|
||||
}
|
||||
|
||||
let sets = gen("sets", "block", (item) => {
|
||||
const sets = gen("sets", "block", (item) => {
|
||||
return API.sets[item.toUpperCase()];
|
||||
});
|
||||
|
||||
let types = gen("types", "block", (item) => {
|
||||
const types = gen("types", "block", (item) => {
|
||||
return item.charAt(0).toUpperCase()+item.slice(1);
|
||||
});
|
||||
|
||||
let rarity = gen("rarity", "block", (item) => {
|
||||
const rarity = gen("rarity", "block", (item) => {
|
||||
return item.split(" ").map(st => {return st.charAt(0).toUpperCase()+st.slice(1)}).join(" ");
|
||||
});
|
||||
|
||||
// let gender = gen("gender", "block", (item) => {
|
||||
// const gender = gen("gender", "block", (item) => {
|
||||
// return item.charAt(0).toUpperCase()+item.slice(1);
|
||||
// });
|
||||
|
||||
let tribes = gen("tribes", "inline", (item) => {
|
||||
const tribes = gen("tribes", "inline", (item) => {
|
||||
return (<span><img className="icon16" src={"/src/img/icons/tribes/"+item+".png"} /></span>);
|
||||
});
|
||||
|
||||
let elements = gen("elements", "inline", (item) => {
|
||||
const elements = gen("elements", "inline", (item) => {
|
||||
return (<span><img className="icon20" src={"/src/img/icons/elements/"+item+".png"} /> </span>);
|
||||
}).slice(0, -2);
|
||||
|
||||
|
|
|
|||
|
|
@ -7,14 +7,17 @@ import DigitInput from 'react-digit-input';
|
|||
import API from '../SpreadsheetData';
|
||||
import {Loading} from '../Snippets';
|
||||
import style from '../../styles/style';
|
||||
import './packs.scss';
|
||||
|
||||
const s = Object.create(style);
|
||||
s.input = {
|
||||
width: '1em',
|
||||
height: '1em',
|
||||
width: '1.2em',
|
||||
height: '1.4em',
|
||||
font: 'inherit',
|
||||
textAlign: 'center',
|
||||
margin: '0.1em',
|
||||
margin: '0.05em',
|
||||
backgroundColor: "rgba(0,0,0,0)",
|
||||
color: "white",
|
||||
}
|
||||
|
||||
s.inputGroup = {
|
||||
|
|
@ -32,7 +35,7 @@ s.hyphen = {
|
|||
@inject((stores, props, context) => props) @observer
|
||||
export default class EnterTheCode extends React.Component {
|
||||
@observable code = "";
|
||||
@observable message = null;
|
||||
message = observable({contents: null}, { contents: observable.ref });
|
||||
@observable fan = null;
|
||||
|
||||
render() {
|
||||
|
|
@ -53,18 +56,21 @@ export default class EnterTheCode extends React.Component {
|
|||
let validate = (e) => {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
if (this.code == "" || this.code.indexOf(" ") === 1) {
|
||||
this.message = (
|
||||
|
||||
if (this.code.length < 12 || this.code.indexOf(" ") != -1) {
|
||||
this.message.contents = (
|
||||
<p style={{'color': 'red'}}>Please enter a 12 digit code</p>
|
||||
);
|
||||
}
|
||||
else {
|
||||
let card = this.fan[getRandomInt(0, this.fan.length)];
|
||||
this.message = (
|
||||
<div key="1">
|
||||
let rgx = /.*.png|.*.jpg/i;
|
||||
let img = (rgx.test(card.gsx$image.$t) ? card.gsx$image.$t : API.base_image + card.gsx$image.$t);
|
||||
this.message.contents = (
|
||||
<div key={0}>
|
||||
<p> Congrats on your scan! </p><br />
|
||||
<p> {card.gsx$name.$t} </p><br />
|
||||
<img className="card" src={API.base_image + card.gsx$image.$t} />
|
||||
<p className="bigger"> {card.gsx$name.$t} </p><br />
|
||||
<img className="card" src={img} />
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
@ -103,7 +109,7 @@ export default class EnterTheCode extends React.Component {
|
|||
<br />
|
||||
<button onClick={validate}>Validate Code</button>
|
||||
<br /><br />
|
||||
{this.message}
|
||||
{this.message.contents}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@ import Interactive from 'react-interactive';
|
|||
import API from '../SpreadsheetData';
|
||||
import {Loading} from '../Snippets';
|
||||
import s from '../../styles/style';
|
||||
import '../../scss/packs.scss';
|
||||
import './packs.scss';
|
||||
|
||||
@inject((stores, props, context) => props) @observer
|
||||
export default class PackSimulator extends React.Component {
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@ export default class Base extends React.Component {
|
|||
function Routing(props) {
|
||||
const match = props.match;
|
||||
return (
|
||||
<div>
|
||||
<div className="pack">
|
||||
<Route exact path={match.url} component={EnterTheCode} />
|
||||
<Route path={`${match.url}/PackSimulator`} component={PackSimulator} />
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
@import '../base';
|
||||
|
||||
.lore {
|
||||
text-align: left;
|
||||
padding-left: 10%;
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
import React from 'react';
|
||||
import {Link} from 'react-router-dom';
|
||||
import {Donate} from '../Snippets';
|
||||
import "../../scss/home.scss";
|
||||
import "./home.scss";
|
||||
|
||||
const GithubLink = () => (
|
||||
<a
|
||||
|
|
|
|||
|
|
@ -1,7 +1,7 @@
|
|||
import React from 'react';
|
||||
import { render } from 'react-dom';
|
||||
import { BrowserRouter as Router, Link, Route, Switch } from 'react-router-dom';
|
||||
import loadable from 'react-loadable';
|
||||
import loadable from '@loadable/component';
|
||||
import s from '../styles/app.style';
|
||||
|
||||
/* Components */
|
||||
|
|
@ -9,25 +9,25 @@ import API from './SpreadsheetData';
|
|||
import {PageNotFound, UnderConstruction, Donate, Loading} from './Snippets';
|
||||
import Create from './create/index';
|
||||
|
||||
const EnterTheCode = loadable({
|
||||
loader: () => import('./entercode'),
|
||||
loading: Loading
|
||||
})
|
||||
const EnterTheCode = loadable(
|
||||
() => import('./entercode'),
|
||||
{fallback: <Loading />}
|
||||
);
|
||||
|
||||
const Home = loadable({
|
||||
loader: () => import('./home'),
|
||||
loading: Loading
|
||||
});
|
||||
const Home = loadable(
|
||||
() => import('./home'),
|
||||
{fallback: <Loading />}
|
||||
);
|
||||
|
||||
const Portal = loadable({
|
||||
loader: () => import('./portal'),
|
||||
loading: Loading
|
||||
});
|
||||
const Portal = loadable(
|
||||
() => import('./portal'),
|
||||
{fallback: <Loading />}
|
||||
);
|
||||
|
||||
const Collection = loadable({
|
||||
loader: () => import('./collection'),
|
||||
loading: Loading
|
||||
});
|
||||
const Collection = loadable(
|
||||
() => import('./collection'),
|
||||
{fallback: <Loading />}
|
||||
);
|
||||
|
||||
function Routing(props) {
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -44,23 +44,44 @@ export default class Category extends React.Component {
|
|||
</div>);
|
||||
};
|
||||
|
||||
let base_path = true;
|
||||
let cat_title = "";
|
||||
let top_content = (<div></div>);
|
||||
let top_content = (<div />);
|
||||
let bottom_nav = [];
|
||||
|
||||
let path = this.props.location.pathname.split("/");
|
||||
if (path[path.length-1] == "") path.pop(); // Remove trailing backslash
|
||||
|
||||
// ** Process the tribe ** //
|
||||
if (this.type == "creatures" || this.type == "mugic") {
|
||||
// /portal/Creatures/
|
||||
// /portal/Creatures/{Tribe}
|
||||
// The first / gets counted
|
||||
let path = this.props.location.pathname.split("/");
|
||||
if (path[path.length-1] == "") path.pop(); // Remove trailing backslash
|
||||
|
||||
const tribe = (() => {
|
||||
if (path.length >= 4 && API.tribes.includes(path[3])) return path[3];
|
||||
else return null;
|
||||
})();
|
||||
|
||||
if (tribe) {
|
||||
if (path.length > 4) {
|
||||
base_path = false;
|
||||
top_content = <Route path={`${this.props.match.url}/${tribe}/:card`} component={this.props.component} />;
|
||||
}
|
||||
}
|
||||
else {
|
||||
if (path.length > 3) {
|
||||
base_path = false;
|
||||
top_content = <Route path={`${this.props.match.url}/:card`} component={this.props.component} />;
|
||||
}
|
||||
}
|
||||
|
||||
cat_title = ((tribe) ?
|
||||
`${tribe} ${this.props.type}`
|
||||
:
|
||||
this.props.type
|
||||
);
|
||||
|
||||
bottom_nav = ((tribe) ?
|
||||
API.portal[this.type].chain().find({'gsx$tribe': tribe}).simplesort('gsx$name').data()
|
||||
:
|
||||
|
|
@ -74,30 +95,38 @@ export default class Category extends React.Component {
|
|||
);
|
||||
return create_link(card_portal, card_data, i, url);
|
||||
});
|
||||
cat_title = ((tribe) ?
|
||||
`${tribe} ${this.props.type}`
|
||||
:
|
||||
this.props.type
|
||||
);
|
||||
top_content = ((tribe) ?
|
||||
(<Route path={`${this.props.match.url}/${tribe}/:card`} component={this.props.component} />)
|
||||
:
|
||||
(<Route path={`${this.props.match.url}/:card`} component={this.props.component} />)
|
||||
);
|
||||
}
|
||||
else {
|
||||
bottom_nav = API.portal[this.type].data.map((card_portal, i) => {
|
||||
if (path.length > 3) {
|
||||
base_path = false;
|
||||
top_content = (<Route path={`${this.props.match.url}/:card`} component={this.props.component} />);
|
||||
}
|
||||
|
||||
cat_title = this.props.type;
|
||||
|
||||
bottom_nav = API.portal[this.type].data
|
||||
.sort((a, b) => (a.gsx$name > b.gsx$name) ? 1 : -1)
|
||||
.map((card_portal, i) => {
|
||||
let card_data = API.cards[this.type].findOne({'gsx$name': card_portal.gsx$name});
|
||||
return create_link(card_portal, card_data, i);
|
||||
});
|
||||
cat_title = this.props.type;
|
||||
top_content = (<Route path={`${this.props.match.url}/:card`} component={this.props.component} />);
|
||||
}
|
||||
|
||||
return (<div className={`entry ${this.type}`}>
|
||||
if (base_path) {
|
||||
return (
|
||||
<div className={`entry ${this.type} base_path`}>
|
||||
<div className="cat_title">{cat_title}</div>
|
||||
<div className="entry_nav">{bottom_nav}</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className={`entry ${this.type}`}>
|
||||
<div className="entry_content">{top_content}</div>
|
||||
<div className="cat_title">{cat_title}</div>
|
||||
<div className="entry_nav">{bottom_nav}</div>
|
||||
</div>);
|
||||
</div>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -17,7 +17,7 @@ import Creature from './Single/Creature';
|
|||
import Location from './Single/Location';
|
||||
import Mugic from './Single/Mugic';
|
||||
|
||||
import '../../scss/portal.scss';
|
||||
import './portal.scss';
|
||||
|
||||
@inject((stores, props, context) => props) @observer
|
||||
export default class Base extends React.Component {
|
||||
|
|
|
|||
|
|
@ -1,3 +1,5 @@
|
|||
@import '../base';
|
||||
|
||||
.portal {
|
||||
/* portal css */
|
||||
.navbar h1 {
|
||||
|
|
@ -224,6 +226,31 @@
|
|||
img {
|
||||
margin-right: 3px;
|
||||
margin-left: 3px;
|
||||
min-width: 96px;
|
||||
height: 100px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&.base_path {
|
||||
.entry_nav, .cat_title {
|
||||
background-color: inherit;
|
||||
}
|
||||
.cat_title {
|
||||
padding-top: 1em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
.entry_nav {
|
||||
overflow-y: auto;
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
justify-content: flex-start;
|
||||
align-content: space-between;
|
||||
> div {
|
||||
overflow-wrap: break-word;
|
||||
margin: 3px;
|
||||
max-width: 106px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -3,8 +3,10 @@
|
|||
#player {
|
||||
width: calc(100% - 20px);
|
||||
margin: 0 10px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
||||
/*-------------- Content Formatting --------------*/
|
||||
/*------------------------------------------------------*/
|
||||
.shift-txt-tenR {margin-left:10px;}
|
||||
|
|
|
|||
|
|
@ -4,7 +4,6 @@ const webpack = require('webpack');
|
|||
const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
|
||||
const MiniCssExtractPlugin = require('mini-css-extract-plugin');
|
||||
const OptimizeCSSAssetsPlugin = require('optimize-css-assets-webpack-plugin');
|
||||
const AsyncChunkNames = require('webpack-async-chunk-names-plugin');
|
||||
require('@babel/register');
|
||||
|
||||
const devMode = (process.env.NODE_ENV !== 'production' && process.argv.indexOf('-p') === -1);
|
||||
|
|
@ -43,7 +42,7 @@ const config = {
|
|||
splitChunks: {
|
||||
cacheGroups: {
|
||||
default: false,
|
||||
vendor: {
|
||||
vendors: {
|
||||
// name of the chunk
|
||||
name: 'vendor',
|
||||
// sync + async chunks
|
||||
|
|
@ -61,10 +60,10 @@ const config = {
|
|||
common: {
|
||||
name: 'common',
|
||||
minChunks: 2,
|
||||
chunks: 'async',
|
||||
chunks: 'all',
|
||||
priority: 10,
|
||||
reuseExistingChunk: true,
|
||||
enforce: true
|
||||
enforce: true,
|
||||
},
|
||||
},
|
||||
},
|
||||
|
|
@ -108,9 +107,7 @@ const config = {
|
|||
// First array is dev only, second is production
|
||||
plugins: devMode
|
||||
? [
|
||||
new AsyncChunkNames(),
|
||||
]
|
||||
: [
|
||||
] : [
|
||||
new webpack.DefinePlugin({
|
||||
'process.env.NODE_ENV': JSON.stringify('production'),
|
||||
}),
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user