mirror of
https://github.com/chaoticbackup/chaoticbackup.github.io.git
synced 2026-03-22 01:34:20 -05:00
include pack narratives
This commit is contained in:
Daniel
parent
7cc59014c7
commit
c119bde0fa
|
|
@ -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}.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 .block,.lore .title{margin-top:6px;text-align:center;font-weight:700}.lore .title{font-size:18px}.lore .block{font-size:24px}.lore div{margin:0 0 6px;line-height:22px!important}.lore .set{padding-left:5%;padding-right:5%}.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}
|
||||
|
|
@ -1 +1 @@
|
|||
(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{393:function(e,t,n){},396:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return y}));var a=n(122),r=n.n(a),l=n(62),o=n.n(l),i=n(53),c=n.n(i),s=n(119),u=n.n(s),d=n(120),m=n.n(d),h=n(121),f=n.n(h),b=n(0),p=n.n(b),E=n(54),v=n(34),w=(n(393),n(6),function(){return p.a.createElement("a",{href:"https://github.com/chaoticbackup",className:"name",rel:"noreferrer noopener",target:"_blank"},"Chaotic Backup Project")}),k=function(e){var t=e.block,n=e.text;return p.a.createElement("div",{className:"lore"},p.a.createElement("div",{className:"title"},t),n.map((function(e,t){return p.a.createElement("div",{key:t},e)})))},y=function(e){function t(){var e,n;o()(this,t);for(var a=arguments.length,r=new Array(a),l=0;l<a;l++)r[l]=arguments[l];return(n=u()(this,(e=m()(t)).call.apply(e,[this].concat(r)))).state={lore:[]},n}return f()(t,e),c()(t,[{key:"componentDidMount",value:function(){var e=this;fetch("/src/json/starter_lore.json").then((function(e){return e.json()})).then((function(t){e.setState({lore:t})})).catch((function(){e.setState({lore:[{block:"Unable to load lore...",text:[]}]})}))}},{key:"render",value:function(){return p.a.createElement("div",null,p.a.createElement("br",null),p.a.createElement("div",{className:"with-love"},p.a.createElement("div",null,"Welcome to the ",p.a.createElement(w,null),"."),p.a.createElement("span",null,"Built by fans for fans."),p.a.createElement("br",null),p.a.createElement("br",null),p.a.createElement("div",null,"Made with ",p.a.createElement("span",{className:"heart"},"♥")," by",p.a.createElement("br",null),"Danude Sandstorm (Project Lead)",p.a.createElement("br",null),"Chiodosin1 (Database Contributions)",p.a.createElement("br",null),"Afjak and Blitser (Art and Knowledge)"),p.a.createElement("div",null,"Do you like the site? You can donate to support it!"),p.a.createElement("div",{className:"donate"},p.a.createElement(v.e,null)),p.a.createElement("div",{className:"lore"},"We were unsatisfied with the options on how to search for cards. I took the design of the old Chaotic website and added my own modernizations. With an extensive lists of search options in the ",p.a.createElement(E.b,{to:"/collection"},"collection"),", you'll find deck building mores streamlined than ever before. Chaotic is full of rich lore, but unfortunately the best database of official lore disapeared when the ",p.a.createElement(E.b,{to:"/portal"},"Portal to Perim")," disapeared along with the site. You can again explore the official lore and information of Creatures!"),p.a.createElement("br",null),this.state.lore.length>0?this.state.lore.map((function(e,t){return p.a.createElement(k,r()({key:t},e))})):"Loading lore entries..."))}}]),t}(p.a.Component)}}]);
|
||||
(window.webpackJsonp=window.webpackJsonp||[]).push([[4],{393:function(e,t,n){},396:function(e,t,n){"use strict";n.r(t),n.d(t,"default",(function(){return y}));var a=n(122),r=n.n(a),l=n(62),o=n.n(l),i=n(53),c=n.n(i),s=n(119),u=n.n(s),m=n(120),d=n.n(m),h=n(121),f=n.n(h),b=n(0),E=n.n(b),p=n(54),v=n(34),k=(n(393),n(6),function(){return E.a.createElement("a",{href:"https://github.com/chaoticbackup",className:"name",rel:"noreferrer noopener",target:"_blank"},"Chaotic Backup Project")}),w=function(e){var t=e.block,n=e.text,a=e.sets;return E.a.createElement("div",{className:"lore"},E.a.createElement("div",{className:"block"},t),n.map((function(e,t){return E.a.createElement("div",{key:t},e)})),a.map((function(e,t){if(e.text&&e.text.length>0)return E.a.createElement("div",{className:"set",key:t},E.a.createElement("div",{className:"title"},e.title),e.text.map((function(e,t){return E.a.createElement("div",{key:t},e)})))})))},y=function(e){function t(){var e,n;o()(this,t);for(var a=arguments.length,r=new Array(a),l=0;l<a;l++)r[l]=arguments[l];return(n=u()(this,(e=d()(t)).call.apply(e,[this].concat(r)))).state={lore:[]},n}return f()(t,e),c()(t,[{key:"componentDidMount",value:function(){var e=this;fetch("/src/json/starter_lore.json").then((function(e){return e.json()})).then((function(t){e.setState({lore:t})})).catch((function(){e.setState({lore:[{block:"Unable to load lore...",text:[]}]})}))}},{key:"render",value:function(){return E.a.createElement("div",null,E.a.createElement("br",null),E.a.createElement("div",{className:"with-love"},E.a.createElement("div",null,"Welcome to the ",E.a.createElement(k,null),"."),E.a.createElement("span",null,"Built by fans for fans."),E.a.createElement("br",null),E.a.createElement("br",null),E.a.createElement("div",null,"Made with ",E.a.createElement("span",{className:"heart"},"♥")," by",E.a.createElement("br",null),"Danude Sandstorm (Project Lead)",E.a.createElement("br",null),"Chiodosin1 (Database Contributions)",E.a.createElement("br",null),"Afjak and Blitser (Art and Knowledge)"),E.a.createElement("div",null,"Do you like the site? You can donate to support it!"),E.a.createElement("div",{className:"donate"},E.a.createElement(v.e,null)),E.a.createElement("div",{className:"lore"},"We were unsatisfied with the options on how to search for cards. I took the design of the old Chaotic website and added my own modernizations. With an extensive lists of search options in the ",E.a.createElement(p.b,{to:"/collection"},"collection"),", you'll find deck building mores streamlined than ever before. Chaotic is full of rich lore, but unfortunately the best database of official lore disapeared when the ",E.a.createElement(p.b,{to:"/portal"},"Portal to Perim")," disapeared along with the site. You can again explore the official lore and information of Creatures!"),E.a.createElement("br",null),this.state.lore.length>0?this.state.lore.map((function(e,t){return E.a.createElement(w,r()({key:t},e))})):"Loading lore entries..."))}}]),t}(E.a.Component)}}]);
|
||||
|
|
@ -4,18 +4,30 @@
|
|||
text-align: left;
|
||||
padding-left: 10%;
|
||||
padding-right: 10%;
|
||||
}
|
||||
|
||||
.lore .title {
|
||||
margin-top: 6px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
.block, .title {
|
||||
margin-top: 6px;
|
||||
text-align: center;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.lore div {
|
||||
margin: 0 0 6px;
|
||||
line-height: 22px !important;
|
||||
.title {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.block {
|
||||
font-size: 24px;
|
||||
}
|
||||
|
||||
div {
|
||||
margin: 0 0 6px;
|
||||
line-height: 22px !important;
|
||||
}
|
||||
|
||||
.set {
|
||||
padding-left: 5%;
|
||||
padding-right: 5%;
|
||||
}
|
||||
}
|
||||
|
||||
.donate {
|
||||
|
|
|
|||
|
|
@ -13,11 +13,19 @@ const GithubLink = () => (
|
|||
</a>
|
||||
);
|
||||
|
||||
const LoreEntry = ({block, text}) => {
|
||||
const LoreEntry = ({block, text, sets}) => {
|
||||
return (
|
||||
<div className="lore">
|
||||
<div className="title">{block}</div>
|
||||
<div className="block">{block}</div>
|
||||
{text.map((entry, i) => <div key={i}>{entry}</div>)}
|
||||
{sets.map((set, i) => {
|
||||
if (set.text && set.text.length > 0) {
|
||||
return <div className="set" key={i}>
|
||||
<div className="title">{set.title}</div>
|
||||
{set.text.map((entry, i) => <div key={i}>{entry}</div>)}
|
||||
</div>;
|
||||
}
|
||||
})}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
|
|
|||
|
|
@ -19,6 +19,24 @@
|
|||
"The mysterious figure raised its arms as the ground began to shake. Then a deafening sound. And a blinding white light...",
|
||||
"Najarin awakes with a start - the early morning sun burning his eyes. Another night, the same dream. Or is it a prophecy? Before he can consider the imponderable, seven notes whisper their melody faintly in the wind, dancing in on morning's first light. The power of Mugic has no doubt been wielded in a faraway battle, the outcome of which could affect both the OverWorld and UnderWorld. But for now the Creatures of these realms rise once again to pursue their common cause, the Cothica, and to try to unravel the myster of the codes that weave their lives inextricably together.",
|
||||
"Thus a new day begins... its the Dawn of Perim."
|
||||
],
|
||||
"sets": [
|
||||
{
|
||||
"title": "Secrets",
|
||||
"text": [
|
||||
"With morning's first light, seven notes sound distantly in the wind. The power of Mugic has no doubt been cast in a faraway battle, the outcome of which could affect both the OverWorld and the UnderWorld.",
|
||||
"For now, the Creatures of these realms awaken to pursue their common cause, the Cothica, and to try to unravel the mystery of the codes that weave their lives inextricably together.",
|
||||
"Thus a new day begins... It is the Dawn of Perim."
|
||||
]
|
||||
},
|
||||
{
|
||||
"title": "Zenith of the Hive",
|
||||
"text": []
|
||||
},
|
||||
{
|
||||
"title": "Silent Sands",
|
||||
"text": []
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
|
|
@ -46,6 +64,24 @@
|
|||
"The Danians saw their precious freshwater reservoir underneath Mount PIllar become tainted at the hands of the Chieftain of Fear, Neth'uar, who promised instant defeat for those who lacked courage. Even the brave Danians started to want for heart and valor.",
|
||||
"It may be true to say that phelphor, the undercover M'arrillian thawed by Khybon, has served his masters well. The ancient Doors are now open, and the hunt for the Cothica has a new contending Tribe armed with fearsome mental powers. Soon enough the mighty leader of the Oligarchy of the Deep will be ready to enter Perim to attempt to secure the Cothica for the M'arrillians.",
|
||||
"The OverWorlders, UnderWorlders, Danians and Mipedians will struggle to bring their individual strengths to bear against these intruders, but will this be enough to stop the M'arrillian Invasion?"
|
||||
],
|
||||
"sets": [
|
||||
{
|
||||
"title": "Beyond the Doors",
|
||||
"text": []
|
||||
},
|
||||
{
|
||||
"title": "Rise of the Oligarch",
|
||||
"text": []
|
||||
},
|
||||
{
|
||||
"title": "Turn of the Tide",
|
||||
"text": []
|
||||
},
|
||||
{
|
||||
"title": "Forged Unity",
|
||||
"text": []
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
|
|
@ -53,6 +89,24 @@
|
|||
"text": [
|
||||
"...on a cloudless and starry night the culmination of more than a year of preparation occurred, as the four high muges of Perim convened on the deck of Captain Arrthoa's ship, the Ezoa, slowly sailing the moonlit surface of Lake Ken-I-Po.",
|
||||
"As Najarin, Enre-hep, Kopond, and Lore performed the hour-long Mugical ritual, tones of an unworldly beauty rang out over the lake. Ultimately, a thundering rumble accompanied the ascension of a levitating island that erupted from the waters of the lake. Atop it perched a magnificent citadel, sporting four towers - each attuned to one of the elements of Perim. The high Muges had succeded in raising the lost City of the Elements. They knew that the city held powerful secrets and treasures, possibly even the secret to the Cothica. But who would control this prize?"
|
||||
],
|
||||
"sets": [
|
||||
{
|
||||
"title": "Alliance Unraveled",
|
||||
"text": []
|
||||
},
|
||||
{
|
||||
"title": "Fire and Stone",
|
||||
"text": []
|
||||
},
|
||||
{
|
||||
"title": "Storm and Sea",
|
||||
"text": []
|
||||
},
|
||||
{
|
||||
"title": "Elemental Emperors",
|
||||
"text": []
|
||||
}
|
||||
]
|
||||
}
|
||||
]
|
||||
]
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user