diff --git a/build/4.css b/build/4.css index 388f1bd..4ad7e18 100644 --- a/build/4.css +++ b/build/4.css @@ -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} \ No newline at end of file +.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} \ No newline at end of file diff --git a/build/4.js b/build/4.js index a60020d..8ebfb4d 100644 --- a/build/4.js +++ b/build/4.js @@ -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;l0?this.state.lore.map((function(e,t){return p.a.createElement(k,r()({key:t},e))})):"Loading lore entries..."))}}]),t}(p.a.Component)}}]); \ No newline at end of file +(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;l0?this.state.lore.map((function(e,t){return E.a.createElement(w,r()({key:t},e))})):"Loading lore entries..."))}}]),t}(E.a.Component)}}]); \ No newline at end of file diff --git a/src/components/home/home.scss b/src/components/home/home.scss index 0a9f32a..fc14705 100644 --- a/src/components/home/home.scss +++ b/src/components/home/home.scss @@ -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 { diff --git a/src/components/home/index.js b/src/components/home/index.js index 6598280..626582f 100644 --- a/src/components/home/index.js +++ b/src/components/home/index.js @@ -13,11 +13,19 @@ const GithubLink = () => ( ); -const LoreEntry = ({block, text}) => { +const LoreEntry = ({block, text, sets}) => { return (
-
{block}
+
{block}
{text.map((entry, i) =>
{entry}
)} + {sets.map((set, i) => { + if (set.text && set.text.length > 0) { + return
+
{set.title}
+ {set.text.map((entry, i) =>
{entry}
)} +
; + } + })}
); } diff --git a/src/json/starter_lore.json b/src/json/starter_lore.json index 48c4678..f5ca8e4 100644 --- a/src/json/starter_lore.json +++ b/src/json/starter_lore.json @@ -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": [] + } ] } -] \ No newline at end of file +]