Merge branch 'feature/season4' into main

.yarnrc.yml

@@ -0,0 +1 @@
+nodeLinker: node-modules

docs/boilerplate_production_chains.md

@@ -15,7 +15,7 @@ NAME(<img src='${charcoalKilnIcon}' class='icon-size' /><span class='ratio-count
 ## chain with lower efficiency
 
 ```
-NAME(<span class='icon-flex-row'><img src='${steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>1</span></span></span>)
+NAME(<span class='icon-flex-row'><img src='${steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66.66%</span><span class='ratio-count'>1</span></span></span>)
 ```
 
 ## chain with electricity
@@ -31,7 +31,7 @@ Name(<img src='${heavyWeaponsIcon}' class='icon-size' /><span class='ratio-count
 ## chain with lower efficiency & electricity
 
 ```
-NAME(<span class='icon-flex-row'><img src='${steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>1</span></span></span>); style Name stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
+NAME(<span class='icon-flex-row'><img src='${steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66.66%</span><span class='ratio-count'>1</span></span></span>); style Name stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
 ```
 
 ## chain with world icon

docs/new_page.md

@@ -0,0 +1,6 @@
+# new_page.md
+
+Create page in src/pages
+Create ts in src/pages/data/$name.ts
+Add route in src/routers/routes.ts
+Add route in src/layouts/data/linksList.json

package.json

@@ -21,7 +21,7 @@
   },
   "devDependencies": {
     "@quasar/app-vite": "^1.0.0",
-    "@quasar/cli": "^1.3.2",
+    "@quasar/cli": "^2.3.0",
     "@types/mermaid": "^9.1.0",
     "@types/node": "^12.20.21",
     "@typescript-eslint/eslint-plugin": "^5.10.0",
@@ -39,5 +39,6 @@
     "node": "^18 || ^16 || ^14.19",
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
-  }
+  },
+  "packageManager": "yarn@4.0.2"
 }

src/css/app.scss

@@ -38,3 +38,13 @@
 .card-background {
   background-color: $burnt-light;
 }
+
+.box-border {
+  border: #8f6c40;
+  border-style: dashed;
+  border-width: 7px;
+}
+
+.box-container {
+  padding: 20px;
+}

src/layouts/MainLayout.vue

@@ -1,5 +1,6 @@
 <template>
   <q-layout view="lHh Lpr lFf" class="custom-width">
+    <!--<q-layout view="lHh Lpr lFf" class="">-->
     <q-header :reveal="true" :reveal-offset="0">
       <q-toolbar class="toolbar-background text-white">
         <q-btn

src/layouts/data/linksList.json

@@ -1,14 +1,38 @@
 [
   {
-    "title": "Season 1 - Season 2",
+    "title": "Base Game",
-    "caption": "Base Game up to Season 2",
+    "caption": "Chains for base game",
     "icon": "las la-atlas",
     "link": "/"
   },
   {
-    "title": "Season 3 - Season 4",
+    "title": "Misc",
-    "caption": "Expansions from Season 3 to Season 4",
+    "caption": "Chains for Ratios, Fuel, Electricity and Building Materials",
     "icon": "las la-atlas",
-    "link": "/expansions"
+    "link": "/misc"
+  },
+  {
+    "title": "Season 1",
+    "caption": "Chains for Season 1 (Sunken Treasures, Botanica & The Passage)",
+    "icon": "las la-atlas",
+    "link": "/season1"
+  },
+  {
+    "title": "Season 2",
+    "caption": "Chains for Season 2 (Seat of Power, Bright Harvest & Land of Lions)",
+    "icon": "las la-atlas",
+    "link": "/season2"
+  },
+  {
+    "title": "Season 3",
+    "caption": "Chains for Season 3 (Docklands, Tourist Season & The High Life)",
+    "icon": "las la-atlas",
+    "link": "/season3"
+  },
+  {
+    "title": "Season 4",
+    "caption": "Chains for Season 4 (Seeds of Change, Empire of the Skies & New World Rising)",
+    "icon": "las la-atlas",
+    "link": "/season4"
   }
 ]

src/pages/AnnoBase.vue

@@ -1,41 +1,41 @@
 <template>
-  <q-page>
+  <q-page class="custom-width">
-    <div class="column masonry-container">
+    <div class="box-container">
-      <div class="flex-break hidden item"></div>
+      <div class="column masonry-container box-border">
-      <div class="flex-break item"></div>
+        <div class="flex-break hidden item"></div>
-      <div class="flex-break item"></div>
+        <div class="flex-break item"></div>
-      <div class="flex-break item"></div>
+        <div class="flex-break item"></div>
-      <div class="flex-break item"></div>
+        <div class="flex-break item"></div>
-      <div class="flex-break item"></div>
+        <ChainTiers
-      <ChainTiers
+          :title="expansionInfoItem.title"
-        title="Information"
+          :col-break="false"
-        :col-break="false"
+          class="masonry-col item"
-        class="masonry-col item"
-      >
-        <InfoCard
-          :item-data="itemDataBase"
-          :item-world-data="worldItemDataBase"
         >
-          <InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
+          <InfoCard
-        </InfoCard>
+            :item-data="itemDataBase"
-      </ChainTiers>
+            :item-world-data="worldItemDataBase"
-      <ChainTiers
+          >
-        v-for="tier in productionChainsBase"
+            <InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
-        :key="tier.tierName"
+          </InfoCard>
-        :title="tier.tierName"
+        </ChainTiers>
-        :col-break="tier.colBreak"
+        <ChainTiers
-        class="masonry-col item"
+          v-for="tier in productionChainsBase"
-      >
+          :key="tier.tierName"
-        <div v-if="!tier.colBreak">
+          :title="tier.tierName"
-          <ProductionChain
+          :col-break="tier.colBreak"
-            v-for="chain in tier.productionChains"
+          class="masonry-col item"
-            :key="chain.productionChain"
+        >
-            :production-chain="chain.productionChain"
+          <div v-if="!tier.colBreak">
-            :chain-multiplier="chain.chainMultiplier"
+            <ProductionChain
-            :mermaid-definition="chain.mermaidDefinition"
+              v-for="chain in tier.productionChains"
-          ></ProductionChain>
+              :key="chain.productionChain"
-        </div>
+              :production-chain="chain.productionChain"
-      </ChainTiers>
+              :chain-multiplier="chain.chainMultiplier"
+              :mermaid-definition="chain.mermaidDefinition"
+            ></ProductionChain>
+          </div>
+        </ChainTiers>
+      </div>
     </div>
   </q-page>
 </template>
@@ -63,14 +63,15 @@ import { initialiseMermaid } from 'composables/mermaid';
 
 initialiseMermaid();
 const expansionInfoItem = ref({
-  icon: icons.landOfLionsIcon,
+  title: 'Base Game',
-  text: 'All chains from Base Game through Season 2 (Land of Lions).'
+  icon: icons.siteLogoIcon,
+  text: 'All chains for Base Game (including ratios, fuel, electricity and building materials)'
 });
 </script>
 
 <style lang="scss">
 // Masonry Layout - 5 cols
-$column: 6;
+$column: 4;
 
 .flex-break {
   flex: 1 0 100% !important;
@@ -88,11 +89,17 @@ $column: 6;
 }
 
 .masonry-container {
-  height: 5600px;
+  height: 4100px;
 
   .masonry-col {
     width: 1000px;
     padding: 1px;
   }
+
+  padding: 10px;
+}
+
+.custom-width {
+  width: 4200px;
 }
 </style>

src/pages/AnnoExpansions.vue

@@ -1,102 +0,0 @@
-<template>
-  <q-page>
-    <div class="column masonry-container">
-      <div class="flex-break hidden item"></div>
-      <div class="flex-break item"></div>
-      <div class="flex-break item"></div>
-      <div class="flex-break item"></div>
-      <div class="flex-break item"></div>
-      <div class="flex-break item"></div>
-      <ChainTiers
-        title="Information"
-        class="masonry-col item"
-        :col-break="false"
-      >
-        <InfoCard
-          :item-data="itemDataExpansions"
-          :item-world-data="worldItemDataExpansions"
-        >
-          <InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
-        </InfoCard>
-      </ChainTiers>
-      <ChainTiers
-        v-for="tier in productionChainsExpansions"
-        :key="tier.tierName"
-        :title="tier.tierName"
-        :col-break="tier.colBreak"
-        class="masonry-col item"
-      >
-        <div v-if="!tier.colBreak">
-          <ProductionChain
-            v-for="chain in tier.productionChains"
-            :key="chain.productionChain"
-            :production-chain="chain.productionChain"
-            :chain-multiplier="chain.chainMultiplier"
-            :mermaid-definition="chain.mermaidDefinition"
-          ></ProductionChain>
-        </div>
-      </ChainTiers>
-    </div>
-  </q-page>
-</template>
-
-<script setup lang="ts">
-import { ref } from 'vue';
-
-// Components
-import ChainTiers from 'components/ChainTiers.vue';
-import ProductionChain from 'components/ProductionChain.vue';
-import InfoCard from 'components/InfoCard.vue';
-import InfoCardItem from 'components/InfoCard/InfoCardItem.vue';
-
-// Production Chain Data
-import { productionChainsExpansions } from './data/production-chains-expansions';
-
-// Info Card Data
-import {
-  itemDataExpansions,
-  worldItemDataExpansions
-} from 'src/pages/data/info-card';
-
-// Icons
-import * as icons from './data/icons';
-
-// Mermaid
-import { initialiseMermaid } from 'composables/mermaid';
-
-initialiseMermaid();
-const expansionInfoItem = ref({
-  icon: icons.newWorldRisingIcon,
-  text: 'All chains from Season 3 through Season 4.'
-});
-</script>
-
-<style lang="scss">
-// Masonry Layout - 5 cols
-$columns: 6;
-
-.flex-break {
-  flex: 1 0 100% !important;
-  width: 0 !important;
-}
-
-@for $i from 1 through ($columns - 1) {
-  .masonry-container > .item:nth-child(#{$columns}n + #{$i}) {
-    order: #{$i};
-  }
-}
-
-.masonry-container > .item:nth-child(#{$columns}n) {
-  order: #{$columns};
-}
-
-.masonry-container {
-  height: 9100px;
-
-  .masonry-col {
-    width: 1000px;
-    padding: 1px;
-  }
-}
-
-</style>

src/pages/AnnoMisc.vue

@@ -0,0 +1,98 @@
+<template>
+  <q-page class="custom-width">
+    <div class="box-container">
+      <div class="column masonry-container box-border">
+        <div class="flex-break hidden item"></div>
+        <div class="flex-break item"></div>
+        <div class="flex-break item"></div>
+        <ChainTiers
+          :title="expansionInfoItem.title"
+          :col-break="false"
+          class="masonry-col item"
+        >
+          <InfoCard>
+            <InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
+          </InfoCard>
+        </ChainTiers>
+        <ChainTiers
+          v-for="tier in productionChainsMisc"
+          :key="tier.tierName"
+          :title="tier.tierName"
+          :col-break="tier.colBreak"
+          class="masonry-col item"
+        >
+          <div v-if="!tier.colBreak">
+            <ProductionChain
+              v-for="chain in tier.productionChains"
+              :key="chain.productionChain"
+              :production-chain="chain.productionChain"
+              :chain-multiplier="chain.chainMultiplier"
+              :mermaid-definition="chain.mermaidDefinition"
+            ></ProductionChain>
+          </div>
+        </ChainTiers>
+      </div>
+    </div>
+  </q-page>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+// Components
+import ChainTiers from 'components/ChainTiers.vue';
+import ProductionChain from 'components/ProductionChain.vue';
+import InfoCard from 'components/InfoCard.vue';
+import InfoCardItem from 'components/InfoCard/InfoCardItem.vue';
+
+// Production Chain Data
+import { productionChainsMisc } from './data/production-chains-misc';
+
+// Icons
+import * as icons from './data/icons';
+
+// Mermaid
+import { initialiseMermaid } from 'composables/mermaid';
+
+initialiseMermaid();
+const expansionInfoItem = ref({
+  title: 'ratios | fuel | materials',
+  icon: icons.siteLogoIcon,
+  text: 'All chains for Base Game (including ratios, fuel, electricity and building materials)'
+});
+</script>
+
+<style lang="scss">
+// Masonry Layout - 5 cols
+$column: 3;
+
+.flex-break {
+  flex: 1 0 100% !important;
+  width: 0 !important;
+}
+
+@for $i from 1 through ($column - 1) {
+  .masonry-container > .item:nth-child(#{$column}n + #{$i}) {
+    order: #{$i};
+  }
+}
+
+.masonry-container > .item:nth-child(#{$column}n) {
+  order: #{$column};
+}
+
+.masonry-container {
+  height: 3900px;
+
+  .masonry-col {
+    width: 1000px;
+    padding: 1px;
+  }
+
+  padding: 10px;
+}
+
+.custom-width {
+  width: 3200px;
+}
+</style>

src/pages/AnnoSeason1.vue

@@ -0,0 +1,97 @@
+<template>
+  <q-page class="custom-width">
+    <div class="box-container">
+      <div class="column masonry-container box-border">
+        <div class="flex-break hidden item"></div>
+        <div class="flex-break item"></div>
+        <ChainTiers
+          :title="expansionInfoItem.title"
+          :col-break="false"
+          class="masonry-col item"
+        >
+          <InfoCard>
+            <InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
+          </InfoCard>
+        </ChainTiers>
+        <ChainTiers
+          v-for="tier in productionChainsSeason1"
+          :key="tier.tierName"
+          :title="tier.tierName"
+          :col-break="tier.colBreak"
+          class="masonry-col item"
+        >
+          <div v-if="!tier.colBreak">
+            <ProductionChain
+              v-for="chain in tier.productionChains"
+              :key="chain.productionChain"
+              :production-chain="chain.productionChain"
+              :chain-multiplier="chain.chainMultiplier"
+              :mermaid-definition="chain.mermaidDefinition"
+            ></ProductionChain>
+          </div>
+        </ChainTiers>
+      </div>
+    </div>
+  </q-page>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+// Components
+import ChainTiers from 'components/ChainTiers.vue';
+import ProductionChain from 'components/ProductionChain.vue';
+import InfoCard from 'components/InfoCard.vue';
+import InfoCardItem from 'components/InfoCard/InfoCardItem.vue';
+
+// Production Chain Data
+import { productionChainsSeason1 } from './data/production-chains-season-1';
+
+// Icons
+import * as icons from './data/icons';
+
+// Mermaid
+import { initialiseMermaid } from 'composables/mermaid';
+
+initialiseMermaid();
+const expansionInfoItem = ref({
+  title: 'Season 1',
+  icon: icons.passageIcon,
+  text: 'All chains for Season 1 (Sunken Treasures, Botanica & The Passage).'
+});
+</script>
+
+<style lang="scss">
+// Masonry Layout - 5 cols
+$column: 2;
+
+.flex-break {
+  flex: 1 0 100% !important;
+  width: 0 !important;
+}
+
+@for $i from 1 through ($column - 1) {
+  .masonry-container > .item:nth-child(#{$column}n + #{$i}) {
+    order: #{$i};
+  }
+}
+
+.masonry-container > .item:nth-child(#{$column}n) {
+  order: #{$column};
+}
+
+.masonry-container {
+  height: 1430px;
+
+  .masonry-col {
+    width: 1000px;
+    padding: 1px;
+  }
+
+  padding: 10px;
+}
+
+.custom-width {
+  width: 2150px;
+}
+</style>

src/pages/AnnoSeason2.vue

@@ -0,0 +1,98 @@
+<template>
+  <q-page class="custom-width">
+    <div class="box-container">
+      <div class="column masonry-container box-border">
+        <div class="flex-break hidden item"></div>
+        <div class="flex-break item"></div>
+        <div class="flex-break item"></div>
+        <ChainTiers
+          :title="expansionInfoItem.title"
+          :col-break="false"
+          class="masonry-col item"
+        >
+          <InfoCard>
+            <InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
+          </InfoCard>
+        </ChainTiers>
+        <ChainTiers
+          v-for="tier in productionChainsSeason2"
+          :key="tier.tierName"
+          :title="tier.tierName"
+          :col-break="tier.colBreak"
+          class="masonry-col item"
+        >
+          <div v-if="!tier.colBreak">
+            <ProductionChain
+              v-for="chain in tier.productionChains"
+              :key="chain.productionChain"
+              :production-chain="chain.productionChain"
+              :chain-multiplier="chain.chainMultiplier"
+              :mermaid-definition="chain.mermaidDefinition"
+            ></ProductionChain>
+          </div>
+        </ChainTiers>
+      </div>
+    </div>
+  </q-page>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+// Components
+import ChainTiers from 'components/ChainTiers.vue';
+import ProductionChain from 'components/ProductionChain.vue';
+import InfoCard from 'components/InfoCard.vue';
+import InfoCardItem from 'components/InfoCard/InfoCardItem.vue';
+
+// Production Chain Data
+import { productionChainsSeason2 } from './data/production-chains-season-2';
+
+// Icons
+import * as icons from './data/icons';
+
+// Mermaid
+import { initialiseMermaid } from 'composables/mermaid';
+
+initialiseMermaid();
+const expansionInfoItem = ref({
+  title: 'Season 2',
+  icon: icons.landOfLionsIcon,
+  text: 'All chains for Season 2 (Seat of Power, Bright Harvest & Land of Lions).'
+});
+</script>
+
+<style lang="scss">
+// Masonry Layout - 5 cols
+$column: 3;
+
+.flex-break {
+  flex: 1 0 100% !important;
+  width: 0 !important;
+}
+
+@for $i from 1 through ($column - 1) {
+  .masonry-container > .item:nth-child(#{$column}n + #{$i}) {
+    order: #{$i};
+  }
+}
+
+.masonry-container > .item:nth-child(#{$column}n) {
+  order: #{$column};
+}
+
+.masonry-container {
+  height: 2790px;
+
+  .masonry-col {
+    width: 1000px;
+    padding: 1px;
+  }
+
+  padding: 10px;
+}
+
+.custom-width {
+  width: 3150px;
+}
+</style>

src/pages/AnnoSeason3.vue

@@ -0,0 +1,99 @@
+<template>
+  <q-page class="custom-width">
+    <div class="box-container">
+      <div class="column masonry-container box-border">
+        <div class="flex-break hidden item"></div>
+        <div class="flex-break item"></div>
+        <div class="flex-break item"></div>
+        <div class="flex-break item"></div>
+        <ChainTiers
+          :title="expansionInfoItem.title"
+          :col-break="false"
+          class="masonry-col item"
+        >
+          <InfoCard>
+            <InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
+          </InfoCard>
+        </ChainTiers>
+        <ChainTiers
+          v-for="tier in productionChainsSeason3"
+          :key="tier.tierName"
+          :title="tier.tierName"
+          :col-break="tier.colBreak"
+          class="masonry-col item"
+        >
+          <div v-if="!tier.colBreak">
+            <ProductionChain
+              v-for="chain in tier.productionChains"
+              :key="chain.productionChain"
+              :production-chain="chain.productionChain"
+              :chain-multiplier="chain.chainMultiplier"
+              :mermaid-definition="chain.mermaidDefinition"
+            ></ProductionChain>
+          </div>
+        </ChainTiers>
+      </div>
+    </div>
+  </q-page>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+// Components
+import ChainTiers from 'components/ChainTiers.vue';
+import ProductionChain from 'components/ProductionChain.vue';
+import InfoCard from 'components/InfoCard.vue';
+import InfoCardItem from 'components/InfoCard/InfoCardItem.vue';
+
+// Production Chain Data
+import { productionChainsSeason3 } from './data/production-chains-season-3';
+
+// Icons
+import * as icons from './data/icons';
+
+// Mermaid
+import { initialiseMermaid } from 'composables/mermaid';
+
+initialiseMermaid();
+const expansionInfoItem = ref({
+  title: 'Season 3',
+  icon: icons.highLifeIcon,
+  text: 'All chains for Season 3 (Docklands, Tourist Season & The High Life).'
+});
+</script>
+
+<style lang="scss">
+// Masonry Layout - 5 cols
+$column: 4;
+
+.flex-break {
+  flex: 1 0 100% !important;
+  width: 0 !important;
+}
+
+@for $i from 1 through ($column - 1) {
+  .masonry-container > .item:nth-child(#{$column}n + #{$i}) {
+    order: #{$i};
+  }
+}
+
+.masonry-container > .item:nth-child(#{$column}n) {
+  order: #{$column};
+}
+
+.masonry-container {
+  height: 7690px;
+
+  .masonry-col {
+    width: 1000px;
+    padding: 1px;
+  }
+
+  padding: 10px;
+}
+
+.custom-width {
+  width: 4150px;
+}
+</style>

src/pages/AnnoSeason4.vue

@@ -0,0 +1,98 @@
+<template>
+  <q-page class="custom-width">
+    <div class="box-container">
+      <div class="column masonry-container box-border">
+        <div class="flex-break hidden item"></div>
+        <div class="flex-break item"></div>
+        <div class="flex-break item"></div>
+        <ChainTiers
+          :title="expansionInfoItem.title"
+          :col-break="false"
+          class="masonry-col item"
+        >
+          <InfoCard>
+            <InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
+          </InfoCard>
+        </ChainTiers>
+        <ChainTiers
+          v-for="tier in productionChainsSeason4"
+          :key="tier.tierName"
+          :title="tier.tierName"
+          :col-break="tier.colBreak"
+          class="masonry-col item"
+        >
+          <div v-if="!tier.colBreak">
+            <ProductionChain
+              v-for="chain in tier.productionChains"
+              :key="chain.productionChain"
+              :production-chain="chain.productionChain"
+              :chain-multiplier="chain.chainMultiplier"
+              :mermaid-definition="chain.mermaidDefinition"
+            ></ProductionChain>
+          </div>
+        </ChainTiers>
+      </div>
+    </div>
+  </q-page>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+
+// Components
+import ChainTiers from 'components/ChainTiers.vue';
+import ProductionChain from 'components/ProductionChain.vue';
+import InfoCard from 'components/InfoCard.vue';
+import InfoCardItem from 'components/InfoCard/InfoCardItem.vue';
+
+// Production Chain Data
+import { productionChainsSeason4 } from './data/production-chains-season-4';
+
+// Icons
+import * as icons from './data/icons';
+
+// Mermaid
+import { initialiseMermaid } from 'composables/mermaid';
+
+initialiseMermaid();
+const expansionInfoItem = ref({
+  title: 'Season 4',
+  icon: icons.newWorldRisingIcon,
+  text: 'All chains for Season 4 (Seeds of Change, Empire of the Skies & New World Rising).'
+});
+</script>
+
+<style lang="scss">
+// Masonry Layout - 5 cols
+$column: 3;
+
+.flex-break {
+  flex: 1 0 100% !important;
+  width: 0 !important;
+}
+
+@for $i from 1 through ($column - 1) {
+  .masonry-container > .item:nth-child(#{$column}n + #{$i}) {
+    order: #{$i};
+  }
+}
+
+.masonry-container > .item:nth-child(#{$column}n) {
+  order: #{$column};
+}
+
+.masonry-container {
+  height: 5280px;
+
+  .masonry-col {
+    width: 1000px;
+    padding: 1px;
+  }
+
+  padding: 10px;
+}
+
+.custom-width {
+  width: 3150px;
+}
+</style>

src/pages/data/icons.ts

@@ -107,6 +107,7 @@ import heliumIcon from 'assets/annoIcons/Helium.webp';
 import herbIcon from 'assets/annoIcons/Herbs.webp';
 import hibiscusFarmIcon from 'assets/annoIcons/Icon_hibiscus_farm_0.webp';
 import hibiscusTeaIcon from 'assets/annoIcons/Icon_hibiscus_tea_0.webp';
+import highLifeIcon from 'assets/annoIcons/Icon_dlc_high_life.webp';
 import highWheelerIcon from 'assets/annoIcons/High_wheeler.webp';
 import homardLitTerroirIcon from 'assets/annoIcons/Homard_Lit_de_Terroir.webp';
 import hopFarmIcon from 'assets/annoIcons/Hops.webp';
@@ -158,6 +159,7 @@ import palmierBiscuitIcon from 'assets/annoIcons/Palmier_Biscuit.webp';
 import pamphletsIcon from 'assets/annoIcons/Pamphlets.webp';
 import paperIcon from 'assets/annoIcons/Icon_paper_0.webp';
 import parkasIcon from 'assets/annoIcons/Parka_Factory.webp';
+import passageIcon from 'assets/annoIcons/Icon_dlc_passage.webp';
 import pearlsIcon from 'assets/annoIcons/Pearls.webp';
 import pemmicanIcon from 'assets/annoIcons/Pemmican_Cookhouse.webp';
 import perfumeIcon from 'assets/annoIcons/Perfumes.webp';
@@ -189,6 +191,7 @@ import seaMinesIcon from 'assets/annoIcons/Sea_Mines.webp';
 import sewingMachinesIcon from 'assets/annoIcons/Sewing_machines.webp';
 import shampooIcon from 'assets/annoIcons/Shampoo.webp';
 import siloIcon from 'assets/annoIcons/Silo.webp';
+import siteLogoIcon from 'assets/annoIcons/Site-logo.webp';
 import sledFrameIcon from 'assets/annoIcons/Sled_Frame_Factory.webp';
 import sleepingBagIcon from 'assets/annoIcons/Sleeping_Bag_Factory.webp';
 import soapIcon from 'assets/annoIcons/Soap.webp';
@@ -343,6 +346,7 @@ export {
   herbIcon,
   hibiscusFarmIcon,
   hibiscusTeaIcon,
+  highLifeIcon,
   highWheelerIcon,
   homardLitTerroirIcon,
   hopFarmIcon,
@@ -394,6 +398,7 @@ export {
   pamphletsIcon,
   paperIcon,
   parkasIcon,
+  passageIcon,
   pearlsIcon,
   pemmicanIcon,
   perfumeIcon,
@@ -425,6 +430,7 @@ export {
   sewingMachinesIcon,
   shampooIcon,
   siloIcon,
+  siteLogoIcon,
   sledFrameIcon,
   sleepingBagIcon,
   soapIcon,
@@ -467,5 +473,5 @@ export {
   woolIcon,
   workClothesIcon,
   writingDesksIcon,
-  zincIcon,
+  zincIcon
 };

src/pages/data/info-card.ts

@@ -9,17 +9,21 @@ export const commonItemData: InfoCardItem[] = [
     icon: icons.charcoalKilnIcon,
     text: '2 Charcoal Kilns can be replaced with 1 Coal Mine.'
   },
+  {
+    id: 'airship',
+    icon: icons.airshipIcon,
+    text: 'Airship drop chain ratios are the same for Old World & New World.'
+  },
   {
     id: 'electricity',
     icon: icons.electricityIcon,
-    text: 'Building has electricity.'
+    text: 'Building requires electricity.'
   },
   {
     id: 'fullChain',
     icon: fullChainMultiplierIcon,
-    text: 'Multiplier for a full chain. To scale chain to 100%:',
+    text: 'The multiplier for a full chain. To scale chain to 100% multiply together (for every item in the chain): ',
-    additionalText:
+    additionalText: ' number of buildings × efficiency % × multiplier'
-      'multiply together number of buildings * efficiency % * multiplier for each building in the chain.'
   }
 ];
 
@@ -30,10 +34,16 @@ const commonWorldItemData: InfoCardWorldItem[] = [
     textPre: 'Gold mines use New World',
     textPost: 'production rates.',
     worldIcon: icons.newWorldIcon
+  },
+  {
+    id: 'hacienda',
+    icon: icons.haciendaIcon,
+    textPre: 'Hacienda chains use New World',
+    textPost: 'buildings.',
+    worldIcon: icons.newWorldIcon
   }
 ];
 
-// Base to S2
 export const itemDataBase: InfoCardItem[] = [...commonItemData];
 
 export const worldItemDataBase: InfoCardWorldItem[] = [
@@ -55,22 +65,15 @@ export const worldItemDataBase: InfoCardWorldItem[] = [
 ];
 
 // S2 to S4
-export const itemDataExpansions: InfoCardItem[] = [
+// export const itemDataExpansions: InfoCardItem[] = [, ...commonItemData];
-  {
-    id: 'airship',
-    icon: icons.airshipIcon,
-    text: 'Airship drop chain ratios are the same for Old World & New World.'
-  },
-  ...commonItemData
-];
 
-export const worldItemDataExpansions: InfoCardWorldItem[] = [
+// export const worldItemDataExpansions: InfoCardWorldItem[] = [
-  ...commonWorldItemData,
+//   ...commonWorldItemData,
-  {
+//   {
-    id: 'hacienda',
+//     id: 'hacienda',
-    icon: icons.haciendaIcon,
+//     icon: icons.haciendaIcon,
-    textPre: 'Hacienda chains use New World',
+//     textPre: 'Hacienda chains use New World',
-    textPost: 'buildings.',
+//     textPost: 'buildings.',
-    worldIcon: icons.newWorldIcon
+//     worldIcon: icons.newWorldIcon
-  }
+//   }
-];
+// ];

src/pages/data/production-chains-base.ts

@@ -4,241 +4,6 @@ import * as icons from './icons';
 
 // Production Chains
 export const productionChainsBase: TieredProductionChain[] = [
-  {
-    colBreak: false,
-    tierName: 'Region Ratios',
-    productionChains: [
-      {
-        productionChain: 'coalRatio',
-        mermaidDefinition: endent`
-        flowchart LR
-        Coal(<img src='${icons.coalIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Charcoal(<img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Coal --> Charcoal
-        `
-      },
-      {
-        productionChain: 'goldRatio',
-        mermaidDefinition: endent`
-        flowchart LR
-        ArcticGold(<span class='icon-flex-row'><img src='${icons.goldOreIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.arcticIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>)
-        NewWorldGold(<span class='icon-flex-row'><img src='${icons.goldOreIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.newWorldIcon}' class='electricity-icon' /></span><span class='ratio-count'>4</span></span></span>)
-        ArcticGold --> NewWorldGold
-        `
-      },
-      {
-        productionChain: 'furRatio',
-        mermaidDefinition: endent`
-        flowchart LR
-        ArcticFur(<span class='icon-flex-row'><img src='${icons.fursIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.arcticIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>)
-        OldWorldFur(<span class='icon-flex-row'><img src='${icons.fursIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.oldWorldIcon}' class='electricity-icon' /></span><span class='ratio-count'>4</span></span></span>)
-        ArcticFur --> OldWorldFur
-        `
-      },
-      {
-        productionChain: 'clayRatio',
-        mermaidDefinition: endent`
-        flowchart LR
-        EnbesaClay(<span class='icon-flex-row'><img src='${icons.clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.enbesaIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>)
-        OldWorldClay(<span class='icon-flex-row'><img src='${icons.clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.oldWorldIcon}' class='electricity-icon' /></span><span class='ratio-count'>2</span></span></span>)
-        EnbesaClay --> OldWorldClay
-        `
-      }
-    ]
-  },
-  {
-    colBreak: false,
-    tierName: 'Fuel | Silo',
-    productionChains: [
-      {
-        productionChain: 'tractorGrain',
-        mermaidDefinition: endent`
-        flowchart LR
-        TractorGrain(<span class='icon-flex-row'><img src='${icons.grainIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.tractorIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>)
-        Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>4</span>)
-        TractorGrain --> Grain
-        `
-      },
-      {
-        productionChain: 'siloPig',
-        mermaidDefinition: endent`
-        flowchart LR
-        SiloPig(<span class='icon-flex-row'><img src='${icons.pigsIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.siloIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>)
-        Pig(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>2.66</span>)
-        SiloPig --> Pig
-        `
-      },
-      {
-        productionChain: 'tractor',
-        mermaidDefinition: endent`
-        flowchart LR
-        OilWell(<img src='${icons.oilWellIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Fuel(<img src='${icons.fuelIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Tractor(<img src='${icons.tractorIcon}' class='icon-size' /><span class='ratio-count'>20</span>)
-        OilWell --> Fuel --> Tractor
-        `
-      },
-      {
-        productionChain: 'silos',
-        mermaidDefinition: endent`
-        flowchart TB
-        Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Teff(<img src='${icons.teffIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Silo(<img src='${icons.siloIcon}' class='icon-size' /><span class='ratio-count'>5</span>)
-        Grain --> Silo
-        Corn --> Silo
-        Teff --> Silo
-        `
-      }
-    ]
-  },
-
-  {
-    colBreak: false,
-    tierName: 'Electricity',
-    productionChains: [
-      {
-        productionChain: 'oilPowerPlant',
-        mermaidDefinition: endent`
-        flowchart LR
-        OilWell(<img src='${icons.oilWellIcon}' class='icon-size' /><span class='ratio-count'>3</span>)
-        OilPowerPlant(<img src='${icons.oilPowerPlantIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        OilWell --> OilPowerPlant
-        `
-      },
-      {
-        productionChain: 'oilTanker',
-        mermaidDefinition: endent`
-        flowchart LR
-        OilTanker(<img src='${icons.oilTankerIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        OilPowerPlant(<img src='${icons.oilPowerPlantIcon}' class='icon-size' /><span class='ratio-count'>2-3</span>)
-        OilTanker --> OilPowerPlant
-        `
-      },
-      {
-        productionChain: 'gasPowerPlant',
-        mermaidDefinition: endent`
-        flowchart LR
-        Gas(<img src='${icons.gasIcon}' class='icon-size' /><span class='ratio-count'>6</span>)
-        GasPlant(<img src='${icons.gasPowerPlantIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Gas --> GasPlant
-        `
-      }
-    ]
-  },
-  {
-    colBreak: false,
-    tierName: 'Building Materials',
-    productionChains: [
-      {
-        productionChain: 'timber',
-        mermaidDefinition: endent`
-        flowchart LR
-        Wood(<img src='${icons.woodIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Timber(<img src='${icons.timberIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Wood --> Timber
-        `
-      },
-      {
-        productionChain: 'bricks',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart LR
-        Clay(<span class='icon-flex-row'><img src='${icons.clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Bricks(<img src='${icons.bricksIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Clay --> Bricks
-        `
-      },
-      {
-        productionChain: 'steelBeams',
-        chainMultiplier: '3',
-        mermaidDefinition: endent`
-        flowchart LR
-        CharcoalKiln(<span class='icon-flex-row'><img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>1</span></span></span>)
-        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>)
-        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>1</span></span></span>)
-        SteelBeams(<img src='${icons.steelBeamsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        CharcoalKiln & Iron --> Steel --> SteelBeams
-        `
-      },
-      {
-        productionChain: 'windows',
-        chainMultiplier: '4',
-        mermaidDefinition: endent`
-        flowchart LR
-        Sand(<span class='icon-flex-row'><img src='${icons.sandIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        GlassMakers(<span class='icon-flex-row'><img src='${icons.glassIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        WindowMakers(<img src='${icons.windowMakersIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        Sand --> GlassMakers --> WindowMakers
-        Wood --> WindowMakers
-        `
-      },
-      {
-        productionChain: 'concrete',
-        chainMultiplier: '4',
-        mermaidDefinition: endent`
-        flowchart LR
-        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        Coal(<span class='icon-flex-row'><img src='${icons.coalIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Concrete(<img src='${icons.concreteFactory}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Limestone(<span class='icon-flex-row'><img src='${icons.limestoneIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Iron & Coal --> Steel  --> Concrete
-        Limestone --> Concrete
-        `
-      },
-      {
-        productionChain: 'mudBricks',
-        chainMultiplier: '4',
-        mermaidDefinition: endent`
-        flowchart LR; Clay(<span class='icon-flex-row icon-regional-container'><img src='${icons.enbesaIcon}' class='icon-regional' /><img src='${icons.clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        Teff(<img src='${icons.teffIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        MudBricks(<img src='${icons.mudBricksIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Clay & Teff --> MudBricks
-        `
-      }
-    ]
-  },
-  {
-    colBreak: false,
-    tierName: 'Machinery',
-    productionChains: [
-      {
-        productionChain: 'steamMotors',
-        mermaidDefinition: endent`
-        flowchart LR
-        Coal(<img src='${icons.coalIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Iron(<img src='${icons.ironIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Steel(<img src='${icons.steelIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        SteamMotors(<img src='${icons.steamMotorsIcon}' class='icon-size' /><span class='ratio-count'>3</span>)
-        Copper(<img src='${icons.copperIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Zinc(<img src='${icons.zincIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Brass(<img src='${icons.brassIcon}' class='icon-size' /><span class='ratio-count'>4</span>)
-        style SteamMotors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
-        Coal & Iron --> Steel --> SteamMotors
-        Copper & Zinc --> Brass --> SteamMotors
-        `
-      },
-      {
-        productionChain: 'steamCarriages',
-        mermaidDefinition: endent`
-        flowchart LR
-        SteamMotors(<img src='${icons.steamMotorsIcon}' class='icon-size' /><span class='ratio-count'>3</span>)
-        SteamCarriages(<img src='${icons.steamCarriagesIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Wood(<img src='${icons.woodIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Caoutchouc(<img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>4</span>)
-        Coaches(<img src='${icons.coachMakersIcon}' class='icon-size' /><span class='ratio-count'>8</span>)
-        SteamCarriages
-        style SteamMotors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
-        style SteamCarriages stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
-        SteamMotors --> SteamCarriages
-        Wood & Caoutchouc --> Coaches --> SteamCarriages
-        `
-      }
-    ]
-  },
   {
     colBreak: false,
     tierName: 'Farmers | Workers',
@@ -266,7 +31,7 @@ export const productionChainsBase: TieredProductionChain[] = [
         chainMultiplier: '2',
         mermaidDefinition: endent`
         flowchart LR
-        Pig(<span class='icon-flex-row'><img src='${icons.pigsIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Pig(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         Sausages(<img src='${icons.sausageIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         Pig --> Sausages
         `
@@ -316,11 +81,11 @@ export const productionChainsBase: TieredProductionChain[] = [
         chainMultiplier: '6',
         mermaidDefinition: endent`
         flowchart LR
-        Beef(<span class='icon-flex-row'><img src='${icons.beefIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>2</span></span></span>)
+        Beef(<span class='icon-flex-row'><img src='${icons.beefIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66.66%</span><span class='ratio-count'>2</span></span></span>)
-        RedPepper(<span class='icon-flex-row'><img src='${icons.redPeppersIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>2</span></span></span>)
+        RedPepper(<span class='icon-flex-row'><img src='${icons.redPeppersIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66.66%</span><span class='ratio-count'>2</span></span></span>)
-        ArtisnalKitchen(<span class='icon-flex-row'><img src='${icons.artisnalKitchenIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>2</span></span></span>)
+        ArtisnalKitchen(<span class='icon-flex-row'><img src='${icons.artisnalKitchenIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66.66%</span><span class='ratio-count'>2</span></span></span>)
         Cannery(<img src='${icons.cannedFoodIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>16%</span><span class='ratio-count'>1</span></span></span>)
+        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>16.66%</span><span class='ratio-count'>1</span></span></span>)
         Beef & RedPepper --> ArtisnalKitchen --> Cannery
         Iron --> Cannery
         `
@@ -387,12 +152,12 @@ export const productionChainsBase: TieredProductionChain[] = [
         chainMultiplier: '3',
         mermaidDefinition: endent`
         flowchart LR
-        Sand(<span class='icon-flex-row'><img src='${icons.sandIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>)
+        Sand(<span class='icon-flex-row'><img src='${icons.sandIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
-        Glass(<span class='icon-flex-row'><img src='${icons.glassIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>)
+        Glass(<span class='icon-flex-row'><img src='${icons.glassIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
         Glasses(<img src='${icons.glassesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Copper(<span class='icon-flex-row'><img src='${icons.copperIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>)
+        Copper(<span class='icon-flex-row'><img src='${icons.copperIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
-        Zinc(<span class='icon-flex-row'><img src='${icons.zincIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>)
+        Zinc(<span class='icon-flex-row'><img src='${icons.zincIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
-        Brass(<span class='icon-flex-row'><img src='${icons.brassIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>1</span></span></span>)
+        Brass(<span class='icon-flex-row'><img src='${icons.brassIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66.66%</span><span class='ratio-count'>1</span></span></span>)
         Sand --> Glass --> Glasses
         Copper & Zinc --> Brass --> Glasses
         `
@@ -402,12 +167,12 @@ export const productionChainsBase: TieredProductionChain[] = [
         chainMultiplier: '3',
         mermaidDefinition: endent`
         flowchart LR
-        GoldOre(<span class='icon-flex-row'><img src='${icons.goldOreIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>83%</span><span class='ratio-count'>4</span></span></span>)
+        GoldOre(<span class='icon-flex-row'><img src='${icons.goldOreIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>83.33%</span><span class='ratio-count'>4</span></span></span>)
-        Coal(<span class='icon-flex-row'><img src='${icons.coalIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>)
+        Coal(<span class='icon-flex-row'><img src='${icons.coalIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
-        Gold(<span class='icon-flex-row'><img src='${icons.goldIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>2</span></span></span>)
+        Gold(<span class='icon-flex-row'><img src='${icons.goldIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66.66%</span><span class='ratio-count'>2</span></span></span>)
         PocketWatches(<img src='${icons.pocketWatchesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Sand(<span class='icon-flex-row'><img src='${icons.sandIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>1</span></span></span>)
+        Sand(<span class='icon-flex-row'><img src='${icons.sandIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66.66%</span><span class='ratio-count'>1</span></span></span>)
-        Glass(<span class='icon-flex-row'><img src='${icons.glassIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>1</span></span></span>)
+        Glass(<span class='icon-flex-row'><img src='${icons.glassIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66.66%</span><span class='ratio-count'>1</span></span></span>)
         style PocketWatches stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
         GoldOre & Coal --> Gold --> PocketWatches
         Sand --> Glass --> PocketWatches
@@ -476,324 +241,6 @@ export const productionChainsBase: TieredProductionChain[] = [
       }
     ]
   },
-  {
-    colBreak: false,
-    tierName: 'Explorers',
-    productionChains: [
-      {
-        productionChain: 'pemmican',
-        mermaidDefinition: endent`
-        flowchart LR
-        Whaling(<img src='${icons.whalingIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Caribou(<img src='${icons.caribouIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Pemmican(<img src='${icons.pemmicanIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Whaling & Caribou --> Pemmican
-        `
-      },
-      {
-        productionChain: 'sleepingBag',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart LR
-        Seal(<span class='icon-flex-row'><img src='${icons.sealIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Goose(<img src='${icons.gooseIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        SleepingBag(<img src='${icons.sleepingBagIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Seal & Goose --> SleepingBag
-        `
-      },
-      {
-        productionChain: 'oilLamp',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart LR
-        Copper(<span class='icon-flex-row'><img src='${icons.copperIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Zinc(<span class='icon-flex-row'><img src='${icons.zincIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Brass(<img src='${icons.brassIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        OilLamp(<img src='${icons.oilLampIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Whaling(<img src='${icons.whalingIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Copper & Zinc --> Brass --> OilLamp
-        Whaling --> OilLamp
-        `
-      }
-    ]
-  },
-  {
-    colBreak: false,
-    tierName: 'Technicians',
-    productionChains: [
-      {
-        productionChain: 'parkas',
-        chainMultiplier: '3',
-        mermaidDefinition: endent`
-        flowchart LR
-        Bears(<img src='${icons.bearIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Seal(<span class='icon-flex-row'><img src='${icons.sealIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>)
-        Parkas(<img src='${icons.parkasIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Bears & Seal --> Parkas
-        `
-      },
-      {
-        productionChain: 'huskySled',
-        chainMultiplier: '4',
-        mermaidDefinition: endent`
-        flowchart LR
-        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        Seal(<span class='icon-flex-row'><img src='${icons.sealIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        SledFrame(<img src='${icons.sledFrameIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        HuskySled(<img src='${icons.huskySledIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Husky(<img src='${icons.huskyIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Wood & Seal --> SledFrame --> HuskySled
-        Husky --> HuskySled
-        `
-      }
-    ]
-  },
-  {
-    colBreak: false,
-    tierName: 'Shepherds',
-    productionChains: [
-      {
-        productionChain: 'finery',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart LR
-        Linseed(<img src='${icons.linseedIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Linen(<span class='icon-flex-row'><img src='${icons.linenIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Embroidery(<img src='${icons.embroidererIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Linseed --> Linen --> Embroidery
-        `
-      },
-      {
-        productionChain: 'driedMeat',
-        mermaidDefinition: endent`
-        flowchart LR
-        Salt(<img src='${icons.saltIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Sanga(<img src='${icons.sangaIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        DryHouse(<img src='${icons.dryHouseIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Salt & Sanga --> DryHouse
-        `
-      },
-      {
-        productionChain: 'hibiscusTea',
-        chainMultiplier: '3',
-        mermaidDefinition: endent`
-        flowchart LR
-        HibiscusFarm(<span class='icon-flex-row'><img src='${icons.hibiscusFarmIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>1</span></span></span>)
-        HibiscusTea(<img src='${icons.hibiscusTeaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        HibiscusFarm --> HibiscusTea
-        `
-      }
-    ]
-  },
-  {
-    colBreak: false,
-    tierName: 'Elders',
-    productionChains: [
-      {
-        productionChain: 'ceramics',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart LR
-        Clay(<span class='icon-flex-row icon-regional-container'><img src='${icons.enbesaIcon}' class='icon-regional' /><img src='${icons.clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Indigo(<img src='${icons.indigoIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Ceramics(<img src='${icons.ceramicsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Clay & Indigo --> Ceramics
-        `
-      },
-      {
-        productionChain: 'tapestries',
-        mermaidDefinition: endent`
-        flowchart LR
-        Linseed(<img src='${icons.linseedIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Linen(<img src='${icons.linenIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Tapestry(<img src='${icons.tapestriesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Indigo(<img src='${icons.indigoIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Linseed --> Linen --> Tapestry
-        Indigo --> Tapestry
-        `
-      },
-      {
-        productionChain: 'wat',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart LR
-        Teff(<img src='${icons.teffIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Spices(<img src='${icons.spicesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        TeffMill(<span class='icon-flex-row'><img src='${icons.teffMillIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Wat(<img src='${icons.watIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Lobster(<img src='${icons.lobstersIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Teff & Spices --> TeffMill --> Wat
-        Lobster --> Wat
-        `
-      },
-      {
-        productionChain: 'pipes',
-        chainMultiplier: '6',
-        mermaidDefinition: endent`
-        flowchart LR
-        Clay(<span class='icon-flex-row icon-regional-container'><img src='${icons.enbesaIcon}' class='icon-regional' /><img src='${icons.clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>16%</span><span class='ratio-count'>1</span></span></span>)
-        Tobacco(<span class='icon-flex-row'><img src='${icons.tobaccoIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>2</span></span></span>)
-        Pipes(<img src='${icons.pipesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Clay & Tobacco --> Pipes
-        `
-      },
-      {
-        productionChain: 'luminer',
-        chainMultiplier: '4',
-        mermaidDefinition: endent`
-        flowchart LR
-        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        Paper(<span class='icon-flex-row'><img src='${icons.paperIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        Luminer(<img src='${icons.luminerIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Indigo(<img src='${icons.indigoIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Wood --> Paper --> Luminer
-        Indigo --> Luminer
-        `
-      },
-      {
-        productionChain: 'lanterns',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart LR
-        Sand(<span class='icon-flex-row'><img src='${icons.sandIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Glass(<span class='icon-flex-row'><img src='${icons.glassIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Lanterns(<img src='${icons.lanternsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Apiary(<span class='icon-flex-row'><img src='${icons.apiaryIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Candles(<span class='icon-flex-row'><img src='${icons.candlesIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Sand --> Glass --> Lanterns
-        Cotton & Apiary --> Candles --> Lanterns
-        `
-      }
-    ]
-  },
-  {
-    colBreak: false,
-    tierName: 'Scholars',
-    productionChains: [
-      {
-        productionChain: 'boots',
-        mermaidDefinition: endent`
-        flowchart LR
-        Sanga(<img src='${icons.sangaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Boots(<img src='${icons.bootsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Sanga --> Boots
-        `
-      },
-      {
-        productionChain: 'tailors',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart LR
-        Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        CottonMill(<span class='icon-flex-row'><img src='${icons.cottonMillIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Tailors(<img src='${icons.tailorsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Linseed(<img src='${icons.linseedIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Linen(<span class='icon-flex-row'><img src='${icons.linenIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Cotton --> CottonMill --> Tailors
-        Linseed --> Linen --> Tailors
-        `
-      },
-      {
-        productionChain: 'telephones',
-        chainMultiplier: '3',
-        mermaidDefinition: endent`
-        flowchart LR
-        Coal(<span class='icon-flex-row'><img src='${icons.coalIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>)
-        Filament(<span class='icon-flex-row'><img src='${icons.filamentIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>2</span></span></span>)
-        Telephones(<img src='${icons.telephonesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>)
-        Marquetry(<span class='icon-flex-row'><img src='${icons.marquetryIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66%</span><span class='ratio-count'>2</span></span></span>)
-        style Telephones stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
-        Coal --> Filament --> Telephones
-        Wood --> Marquetry --> Telephones
-        `
-      }
-    ]
-  },
-  { colBreak: true, tierName: 'blank', productionChains: [] },
-  {
-    colBreak: false,
-    tierName: 'Weapons',
-    productionChains: [
-      {
-        productionChain: 'weapons',
-        chainMultiplier: '6',
-        mermaidDefinition: endent`
-        flowchart LR
-        CharcoalKiln(<img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>16%</span><span class='ratio-count'>1</span></span></span>)
-        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>)
-        Weapons(<img src='${icons.weaponsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        CharcoalKiln & Iron --> Steel --> Weapons
-        `
-      },
-      {
-        productionChain: 'heavyWeapons',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart LR
-        Saltpeter(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Dynamite(<img src='${icons.dynamiteIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        HeavyWeapons(<img src='${icons.heavyWeaponsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Pig(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Tallow(<img src='${icons.tallowIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Dynamite
-        Charcoal(<img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Steel(<img src='${icons.steelIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        style HeavyWeapons stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
-        Saltpeter --> Dynamite --> HeavyWeapons
-        Pig --> Tallow --> Dynamite
-        Charcoal & Iron --> Steel --> HeavyWeapons
-        `
-      }
-    ]
-  },
-  {
-    colBreak: false,
-    tierName: 'Advanced Chains (Scholars)',
-    productionChains: [
-      {
-        productionChain: 'advancedCoffee',
-        mermaidDefinition: endent`
-        flowchart LR
-        Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        MaltHouse(<img src='${icons.malthouseIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Coffee(<img src='${icons.coffeeIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        style Coffee stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
-        Grain --> MaltHouse --> Coffee
-        `
-      },
-      {
-        productionChain: 'advancedRum',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart LR
-        Coal(<span class='icon-flex-row'><img src='${icons.coalIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Potato(<img src='${icons.potatoIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Rum(<img src='${icons.rumIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        style Rum stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
-        Coal & Potato --> Rum
-        `
-      },
-      {
-        productionChain: 'advancedCotton',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart LR
-        Sheep(<img src='${icons.woolIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Cotton(<img src='${icons.cottonMillIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        style Cotton stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
-        Sheep & Wood --> Cotton
-        `
-      }
-    ]
-  },
-  { colBreak: true, tierName: 'blank', productionChains: [] },
-  { colBreak: true, tierName: 'blank', productionChains: [] },
-  { colBreak: true, tierName: 'blank', productionChains: [] },
   {
     colBreak: false,
     tierName: 'Jornaleros | Obreros',
@@ -876,6 +323,82 @@ export const productionChainsBase: TieredProductionChain[] = [
       }
     ]
   },
+  {
+    colBreak: false,
+    tierName: 'Machinery',
+    productionChains: [
+      {
+        productionChain: 'steamMotors',
+        mermaidDefinition: endent`
+        flowchart LR
+        Coal(<img src='${icons.coalIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Iron(<img src='${icons.ironIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Steel(<img src='${icons.steelIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        SteamMotors(<img src='${icons.steamMotorsIcon}' class='icon-size' /><span class='ratio-count'>3</span>)
+        Copper(<img src='${icons.copperIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Zinc(<img src='${icons.zincIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Brass(<img src='${icons.brassIcon}' class='icon-size' /><span class='ratio-count'>4</span>)
+        style SteamMotors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
+        Coal & Iron --> Steel --> SteamMotors
+        Copper & Zinc --> Brass --> SteamMotors
+        `
+      },
+      {
+        productionChain: 'steamCarriages',
+        mermaidDefinition: endent`
+        flowchart LR
+        SteamMotors(<img src='${icons.steamMotorsIcon}' class='icon-size' /><span class='ratio-count'>3</span>)
+        SteamCarriages(<img src='${icons.steamCarriagesIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Wood(<img src='${icons.woodIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Caoutchouc(<img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>4</span>)
+        Coaches(<img src='${icons.coachMakersIcon}' class='icon-size' /><span class='ratio-count'>8</span>)
+        SteamCarriages
+        style SteamMotors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
+        style SteamCarriages stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
+        SteamMotors --> SteamCarriages
+        Wood & Caoutchouc --> Coaches --> SteamCarriages
+        `
+      }
+    ]
+  },
+  {
+    colBreak: false,
+    tierName: 'Weapons',
+    productionChains: [
+      {
+        productionChain: 'weapons',
+        chainMultiplier: '6',
+        mermaidDefinition: endent`
+        flowchart LR
+        CharcoalKiln(<span class='icon-flex-row'><img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
+        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>16.66%</span><span class='ratio-count'>1</span></span></span>)
+        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
+        Weapons(<img src='${icons.weaponsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        CharcoalKiln & Iron --> Steel --> Weapons
+        `
+      },
+      {
+        productionChain: 'heavyWeapons',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart LR
+        Saltpeter(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Dynamite(<img src='${icons.dynamiteIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        HeavyWeapons(<img src='${icons.heavyWeaponsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Pig(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Tallow(<img src='${icons.tallowIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Dynamite
+        Charcoal(<span class='icon-flex-row'><img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        style HeavyWeapons stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
+        Saltpeter --> Dynamite --> HeavyWeapons
+        Pig --> Tallow --> Dynamite
+        Charcoal & Iron --> Steel --> HeavyWeapons
+        `
+      }
+    ]
+  },
   {
     colBreak: false,
     tierName: 'Sails',

src/pages/data/production-chains-misc.ts

@@ -0,0 +1,306 @@
+import { TieredProductionChain } from './models';
+import endent from 'endent';
+import * as icons from './icons';
+
+// Production Chains
+export const productionChainsMisc: TieredProductionChain[] = [
+  {
+    colBreak: false,
+    tierName: 'Building Materials | Construction',
+    productionChains: [
+      {
+        productionChain: 'timber',
+        mermaidDefinition: endent`
+        flowchart LR
+        Wood(<img src='${icons.woodIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Timber(<img src='${icons.timberIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Wood --> Timber
+        `
+      },
+      {
+        productionChain: 'bricks',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart LR
+        Clay(<span class='icon-flex-row'><img src='${icons.clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Bricks(<img src='${icons.bricksIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Clay --> Bricks
+        `
+      },
+      {
+        productionChain: 'steelBeams',
+        chainMultiplier: '3',
+        mermaidDefinition: endent`
+        flowchart LR
+        CharcoalKiln(<span class='icon-flex-row'><img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66.66%</span><span class='ratio-count'>1</span></span></span>)
+        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
+        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66.66%</span><span class='ratio-count'>1</span></span></span>)
+        SteelBeams(<img src='${icons.steelBeamsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        CharcoalKiln & Iron --> Steel --> SteelBeams
+        `
+      },
+      {
+        productionChain: 'windows',
+        chainMultiplier: '4',
+        mermaidDefinition: endent`
+        flowchart LR
+        Sand(<span class='icon-flex-row'><img src='${icons.sandIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        GlassMakers(<span class='icon-flex-row'><img src='${icons.glassIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        WindowMakers(<img src='${icons.windowMakersIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Sand --> GlassMakers --> WindowMakers
+        Wood --> WindowMakers
+        `
+      },
+      {
+        productionChain: 'concrete',
+        chainMultiplier: '4',
+        mermaidDefinition: endent`
+        flowchart LR
+        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Coal(<span class='icon-flex-row'><img src='${icons.coalIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Concrete(<img src='${icons.concreteFactory}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Limestone(<span class='icon-flex-row'><img src='${icons.limestoneIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Iron & Coal --> Steel  --> Concrete
+        Limestone --> Concrete
+        `
+      },
+      {
+        productionChain: 'mudBricks',
+        chainMultiplier: '4',
+        mermaidDefinition: endent`
+        flowchart LR; Clay(<span class='icon-flex-row icon-regional-container'><img src='${icons.enbesaIcon}' class='icon-regional' /><img src='${icons.clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Teff(<img src='${icons.teffIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        MudBricks(<img src='${icons.mudBricksIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Clay & Teff --> MudBricks
+        `
+      },
+      {
+        productionChain: 'elevators',
+        mermaidDefinition: endent`
+        flowchart LR
+        Iron(<img src='${icons.ironIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Coal(<img src='${icons.coalIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Steel(<img src='${icons.steelIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Wood(<img src='${icons.woodIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Marquetry(<img src='${icons.marquetryIcon}' class='icon-size' /><span class='ratio-count'>4</span>)
+        SteamMotor(<img src='${icons.steamMotorsIcon}' class='icon-size' /><span class='ratio-count'>3</span>)
+        Elevator(<img src='${icons.elevatorIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        style SteamMotor stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
+        style Elevator stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
+        Iron & Coal --> Steel --> Elevator
+        Wood --> Marquetry --> Elevator
+        SteamMotor --> Elevator
+        `
+      },
+      {
+        productionChain: 'aluminium',
+        chainMultiplier: '9',
+        mermaidDefinition: endent`
+        flowchart LR
+        Bauxite(<span class='icon-flex-row'><img src='${icons.bauxiteIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>11.11%</span><span class='ratio-count'>1</span></span></span>)
+        Charcoal(<span class='icon-flex-row'><img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
+        Aluminium(<img src='${icons.aluminiumIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Bauxite & Charcoal --> Aluminium
+      `
+      },
+      {
+        productionChain: 'helium',
+        mermaidDefinition: endent`
+        flowchart LR
+        Clay(<img src='${icons.clayIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        FishOil(<img src='${icons.fishOilIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        IndustrialLubricant(<img src='${icons.industrialLubricant}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Saltpeter(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>8</span>)
+        Helium(<img src='${icons.heliumIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Clay --> Helium
+        FishOil & Saltpeter --> IndustrialLubricant --> Helium
+      `
+      }
+    ]
+  },
+  {
+    colBreak: false,
+    tierName: 'Region Ratios',
+    productionChains: [
+      {
+        productionChain: 'coalRatio',
+        mermaidDefinition: endent`
+        flowchart LR
+        Coal(<img src='${icons.coalIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Charcoal(<img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Coal --> Charcoal
+        `
+      },
+      {
+        productionChain: 'goldRatio',
+        mermaidDefinition: endent`
+        flowchart LR
+        ArcticGold(<span class='icon-flex-row'><img src='${icons.goldOreIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.arcticIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>)
+        NewWorldGold(<span class='icon-flex-row'><img src='${icons.goldOreIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.newWorldIcon}' class='electricity-icon' /></span><span class='ratio-count'>2.5</span></span></span>)
+        ArcticGold --> NewWorldGold
+        `
+      },
+      {
+        productionChain: 'furRatio',
+        mermaidDefinition: endent`
+        flowchart LR
+        ArcticFur(<span class='icon-flex-row'><img src='${icons.fursIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.arcticIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>)
+        OldWorldFur(<span class='icon-flex-row'><img src='${icons.fursIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.oldWorldIcon}' class='electricity-icon' /></span><span class='ratio-count'>4</span></span></span>)
+        ArcticFur --> OldWorldFur
+        `
+      },
+      {
+        productionChain: 'clayRatio',
+        mermaidDefinition: endent`
+        flowchart LR
+        EnbesaClay(<span class='icon-flex-row'><img src='${icons.clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.enbesaIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>)
+        OldWorldClay(<span class='icon-flex-row'><img src='${icons.clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.oldWorldIcon}' class='electricity-icon' /></span><span class='ratio-count'>2</span></span></span>)
+        EnbesaClay --> OldWorldClay
+        `
+      }
+    ]
+  },
+  {
+    colBreak: false,
+    tierName: 'Electricity',
+    productionChains: [
+      {
+        productionChain: 'oilPowerPlant',
+        mermaidDefinition: endent`
+        flowchart LR
+        OilWell(<img src='${icons.oilWellIcon}' class='icon-size' /><span class='ratio-count'>3</span>)
+        OilPowerPlant(<img src='${icons.oilPowerPlantIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        OilWell --> OilPowerPlant
+        `
+      },
+      {
+        productionChain: 'oilTanker',
+        mermaidDefinition: endent`
+        flowchart LR
+        OilTanker(<img src='${icons.oilTankerIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        OilPowerPlant(<img src='${icons.oilPowerPlantIcon}' class='icon-size' /><span class='ratio-count'>2-3</span>)
+        OilTanker --> OilPowerPlant
+        `
+      },
+      {
+        productionChain: 'gasPowerPlant',
+        mermaidDefinition: endent`
+        flowchart LR
+        Gas(<img src='${icons.gasIcon}' class='icon-size' /><span class='ratio-count'>6</span>)
+        GasPlant(<img src='${icons.gasPowerPlantIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Gas --> GasPlant
+        `
+      }
+    ]
+  },
+  { colBreak: true, tierName: 'skip' },
+  {
+    colBreak: false,
+    tierName: 'Fuel | Silo',
+    productionChains: [
+      {
+        productionChain: 'tractorGrain',
+        mermaidDefinition: endent`
+        flowchart LR
+        TractorGrain(<span class='icon-flex-row'><img src='${icons.grainIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.tractorIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>)
+        Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>4</span>)
+        TractorGrain --> Grain
+        `
+      },
+      {
+        productionChain: 'siloPig',
+        mermaidDefinition: endent`
+        flowchart LR
+        SiloPig(<span class='icon-flex-row'><img src='${icons.pigsIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.siloIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>)
+        Pig(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>2.66</span>)
+        SiloPig --> Pig
+        `
+      },
+      {
+        productionChain: 'tractor',
+        mermaidDefinition: endent`
+        flowchart LR
+        OilWell(<img src='${icons.oilWellIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Fuel(<img src='${icons.fuelIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Tractor(<img src='${icons.tractorIcon}' class='icon-size' /><span class='ratio-count'>20</span>)
+        OilWell --> Fuel --> Tractor
+        `
+      },
+      {
+        productionChain: 'silos',
+        mermaidDefinition: endent`
+        flowchart TB
+        Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Teff(<img src='${icons.teffIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Silo(<img src='${icons.siloIcon}' class='icon-size' /><span class='ratio-count'>5</span>)
+        Grain --> Silo
+        Corn --> Silo
+        Teff --> Silo
+        `
+      },
+      {
+        productionChain: 'siloAlpaca',
+        mermaidDefinition: endent`
+        flowchart LR
+        SiloPig(<span class='icon-flex-row'><img src='${icons.grainIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.siloIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>)
+        Pig(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>2.66</span>)
+        SiloPig --> Pig
+        `
+      },
+      {
+        productionChain: 'siloss3',
+        mermaidDefinition: endent`
+        flowchart LR
+        Dung(<img src='${icons.dungIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Fertiliser(<img src='${icons.fertiliserIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Silo(<img src='${icons.siloIcon}' class='icon-size' /><span class='ratio-count'>5</span>)
+        Dung --> Fertiliser --> Silo
+        `
+      }
+    ]
+  },
+  {
+    colBreak: false,
+    tierName: 'Chemical Plant',
+    productionChains: [
+      {
+        productionChain: 'ethanol',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart TB
+        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Ethanol(<img src='${icons.ethanolIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Wood & Corn --> Ethanol
+        `
+      },
+      {
+        productionChain: 'lacquer',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart TB
+        Ethanol(<img src='${icons.ethanolIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Sand(<img src='${icons.sandIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Resin(<img src='${icons.resinIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Lacquer(<img src='${icons.lacquerIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Sand & Resin & Ethanol --> Lacquer
+        `
+      },
+      {
+        productionChain: 'celluloid',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart TB
+        Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        CamphorWax(<img src='${icons.camphorWaxIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Ethanol(<img src='${icons.ethanolIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Celluloid(<img src='${icons.celluloidIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Cotton & CamphorWax & Ethanol --> Celluloid
+        `
+      }
+    ]
+  }
+];

src/pages/data/production-chains-season-1.ts

@@ -0,0 +1,79 @@
+import { TieredProductionChain } from './models';
+import endent from 'endent';
+import * as icons from './icons';
+
+// Production Chains
+export const productionChainsSeason1: TieredProductionChain[] = [
+  {
+    colBreak: false,
+    tierName: 'Explorers',
+    productionChains: [
+      {
+        productionChain: 'pemmican',
+        mermaidDefinition: endent`
+        flowchart LR
+        Whaling(<img src='${icons.whalingIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Caribou(<img src='${icons.caribouIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Pemmican(<img src='${icons.pemmicanIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Whaling & Caribou --> Pemmican
+        `
+      },
+      {
+        productionChain: 'sleepingBag',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart LR
+        Seal(<span class='icon-flex-row'><img src='${icons.sealIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Goose(<img src='${icons.gooseIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        SleepingBag(<img src='${icons.sleepingBagIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Seal & Goose --> SleepingBag
+        `
+      },
+      {
+        productionChain: 'oilLamp',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart LR
+        Copper(<span class='icon-flex-row'><img src='${icons.copperIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Zinc(<span class='icon-flex-row'><img src='${icons.zincIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Brass(<img src='${icons.brassIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        OilLamp(<img src='${icons.oilLampIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Whaling(<img src='${icons.whalingIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Copper & Zinc --> Brass --> OilLamp
+        Whaling --> OilLamp
+        `
+      }
+    ]
+  },
+  {
+    colBreak: false,
+    tierName: 'Technicians',
+    productionChains: [
+      {
+        productionChain: 'parkas',
+        chainMultiplier: '3',
+        mermaidDefinition: endent`
+        flowchart LR
+        Bears(<img src='${icons.bearIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Seal(<span class='icon-flex-row'><img src='${icons.sealIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
+        Parkas(<img src='${icons.parkasIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Bears & Seal --> Parkas
+        `
+      },
+      {
+        productionChain: 'huskySled',
+        chainMultiplier: '4',
+        mermaidDefinition: endent`
+        flowchart LR
+        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Seal(<span class='icon-flex-row'><img src='${icons.sealIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        SledFrame(<img src='${icons.sledFrameIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        HuskySled(<img src='${icons.huskySledIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Husky(<img src='${icons.huskyIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Wood & Seal --> SledFrame --> HuskySled
+        Husky --> HuskySled
+        `
+      }
+    ]
+  }
+];

src/pages/data/production-chains-season-2.ts

@@ -0,0 +1,213 @@
+import { TieredProductionChain } from './models';
+import endent from 'endent';
+import * as icons from './icons';
+
+// Production Chains
+export const productionChainsSeason2: TieredProductionChain[] = [
+  {
+    colBreak: false,
+    tierName: 'Shepherds',
+    productionChains: [
+      {
+        productionChain: 'finery',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart LR
+        Linseed(<img src='${icons.linseedIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Linen(<span class='icon-flex-row'><img src='${icons.linenIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Embroidery(<img src='${icons.embroidererIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Linseed --> Linen --> Embroidery
+        `
+      },
+      {
+        productionChain: 'driedMeat',
+        mermaidDefinition: endent`
+        flowchart LR
+        Salt(<img src='${icons.saltIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Sanga(<img src='${icons.sangaIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        DryHouse(<img src='${icons.dryHouseIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Salt & Sanga --> DryHouse
+        `
+      },
+      {
+        productionChain: 'hibiscusTea',
+        chainMultiplier: '3',
+        mermaidDefinition: endent`
+        flowchart LR
+        HibiscusFarm(<span class='icon-flex-row'><img src='${icons.hibiscusFarmIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66.66%</span><span class='ratio-count'>1</span></span></span>)
+        HibiscusTea(<img src='${icons.hibiscusTeaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        HibiscusFarm --> HibiscusTea
+        `
+      }
+    ]
+  },
+  {
+    colBreak: false,
+    tierName: 'Elders',
+    productionChains: [
+      {
+        productionChain: 'ceramics',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart LR
+        Clay(<span class='icon-flex-row icon-regional-container'><img src='${icons.enbesaIcon}' class='icon-regional' /><img src='${icons.clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Indigo(<img src='${icons.indigoIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Ceramics(<img src='${icons.ceramicsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Clay & Indigo --> Ceramics
+        `
+      },
+      {
+        productionChain: 'tapestries',
+        mermaidDefinition: endent`
+        flowchart LR
+        Linseed(<img src='${icons.linseedIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Linen(<img src='${icons.linenIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Tapestry(<img src='${icons.tapestriesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Indigo(<img src='${icons.indigoIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Linseed --> Linen --> Tapestry
+        Indigo --> Tapestry
+        `
+      },
+      {
+        productionChain: 'wat',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart LR
+        Teff(<img src='${icons.teffIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Spices(<img src='${icons.spicesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        TeffMill(<span class='icon-flex-row'><img src='${icons.teffMillIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Wat(<img src='${icons.watIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Lobster(<img src='${icons.lobstersIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Teff & Spices --> TeffMill --> Wat
+        Lobster --> Wat
+        `
+      },
+      {
+        productionChain: 'pipes',
+        chainMultiplier: '6',
+        mermaidDefinition: endent`
+        flowchart LR
+        Clay(<span class='icon-flex-row icon-regional-container'><img src='${icons.enbesaIcon}' class='icon-regional' /><img src='${icons.clayIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>16.66%</span><span class='ratio-count'>1</span></span></span>)
+        Tobacco(<span class='icon-flex-row'><img src='${icons.tobaccoIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66.66%</span><span class='ratio-count'>2</span></span></span>)
+        Pipes(<img src='${icons.pipesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Clay & Tobacco --> Pipes
+        `
+      },
+      {
+        productionChain: 'luminer',
+        chainMultiplier: '4',
+        mermaidDefinition: endent`
+        flowchart LR
+        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Paper(<span class='icon-flex-row'><img src='${icons.paperIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Luminer(<img src='${icons.luminerIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Indigo(<img src='${icons.indigoIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Wood --> Paper --> Luminer
+        Indigo --> Luminer
+        `
+      },
+      {
+        productionChain: 'lanterns',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart LR
+        Sand(<span class='icon-flex-row'><img src='${icons.sandIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Glass(<span class='icon-flex-row'><img src='${icons.glassIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Lanterns(<img src='${icons.lanternsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Apiary(<span class='icon-flex-row'><img src='${icons.apiaryIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Candles(<span class='icon-flex-row'><img src='${icons.candlesIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Sand --> Glass --> Lanterns
+        Cotton & Apiary --> Candles --> Lanterns
+        `
+      }
+    ]
+  },
+  {
+    colBreak: false,
+    tierName: 'Scholars',
+    productionChains: [
+      {
+        productionChain: 'boots',
+        mermaidDefinition: endent`
+        flowchart LR
+        Sanga(<img src='${icons.sangaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Boots(<img src='${icons.bootsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Sanga --> Boots
+        `
+      },
+      {
+        productionChain: 'tailors',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart LR
+        Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        CottonMill(<span class='icon-flex-row'><img src='${icons.cottonMillIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Tailors(<img src='${icons.tailorsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Linseed(<img src='${icons.linseedIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Linen(<span class='icon-flex-row'><img src='${icons.linenIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Cotton --> CottonMill --> Tailors
+        Linseed --> Linen --> Tailors
+        `
+      },
+      {
+        productionChain: 'telephones',
+        chainMultiplier: '3',
+        mermaidDefinition: endent`
+        flowchart LR
+        Coal(<span class='icon-flex-row'><img src='${icons.coalIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
+        Filament(<span class='icon-flex-row'><img src='${icons.filamentIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66.66%</span><span class='ratio-count'>2</span></span></span>)
+        Telephones(<img src='${icons.telephonesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
+        Marquetry(<span class='icon-flex-row'><img src='${icons.marquetryIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>66.66%</span><span class='ratio-count'>2</span></span></span>)
+        style Telephones stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
+        Coal --> Filament --> Telephones
+        Wood --> Marquetry --> Telephones
+        `
+      }
+    ]
+  },
+  { colBreak: true, tierName: 'skip' },
+  { colBreak: true, tierName: 'skip' },
+  {
+    colBreak: false,
+    tierName: 'Advanced Chains (Scholars)',
+    productionChains: [
+      {
+        productionChain: 'advancedCoffee',
+        mermaidDefinition: endent`
+        flowchart LR
+        Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        MaltHouse(<img src='${icons.malthouseIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Coffee(<img src='${icons.coffeeIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        style Coffee stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
+        Grain --> MaltHouse --> Coffee
+        `
+      },
+      {
+        productionChain: 'advancedRum',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart LR
+        Coal(<span class='icon-flex-row'><img src='${icons.coalIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Potato(<img src='${icons.potatoIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Rum(<img src='${icons.rumIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        style Rum stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
+        Coal & Potato --> Rum
+        `
+      },
+      {
+        productionChain: 'advancedCotton',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart LR
+        Sheep(<img src='${icons.woolIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Cotton(<img src='${icons.cottonMillIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        style Cotton stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
+        Sheep & Wood --> Cotton
+        `
+      }
+    ]
+  }
+];

src/pages/data/production-chains-season-3.ts

@@ -1,59 +1,9 @@
-import endent from 'endent';
 import { TieredProductionChain } from './models';
+import endent from 'endent';
 import * as icons from './icons';
 
-export const productionChainsExpansions: TieredProductionChain[] = [
+// Production Chains
-  // { colBreak: true, tierName: 'skip' },
+export const productionChainsSeason3: TieredProductionChain[] = [
-  {
-    colBreak: false,
-    tierName: 'Building Materials',
-    productionChains: [
-      {
-        productionChain: 'elevators',
-        mermaidDefinition: endent`
-      flowchart LR
-      Iron(<img src='${icons.ironIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-      Coal(<img src='${icons.coalIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-      Steel(<img src='${icons.steelIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-      Wood(<img src='${icons.woodIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-      Marquetry(<img src='${icons.marquetryIcon}' class='icon-size' /><span class='ratio-count'>4</span>)
-      SteamMotor(<img src='${icons.steamMotorsIcon}' class='icon-size' /><span class='ratio-count'>3</span>)
-      Elevator(<img src='${icons.elevatorIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-      style SteamMotor stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
-      style Elevator stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
-      Iron & Coal --> Steel --> Elevator
-      Wood --> Marquetry --> Elevator
-      SteamMotor --> Elevator
-      `,
-      },
-    ],
-  },
-  {
-    colBreak: false,
-    tierName: 'Silo',
-    productionChains: [
-      {
-        productionChain: 'siloAlpaca',
-        mermaidDefinition: endent`
-        flowchart LR
-        SiloPig(<span class='icon-flex-row'><img src='${icons.alpacaWoolIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.siloIcon}' class='electricity-icon' /></span><span class='ratio-count'>1</span></span></span>)
-        Pig(<img src='${icons.alpacaWoolIcon}' class='icon-size' /><span class='ratio-count'>2.66</span>)
-        SiloPig --> Pig
-        `,
-      },
-      {
-        productionChain: 'silos',
-        mermaidDefinition: endent`
-        flowchart LR
-        Dung(<img src='${icons.dungIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Fertiliser(<img src='${icons.fertiliserIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Silo(<img src='${icons.siloIcon}' class='icon-size' /><span class='ratio-count'>5</span>)
-        Dung --> Fertiliser --> Silo
-        `,
-      },
-    ],
-  },
-
   {
     colBreak: false,
     tierName: 'Skyscrapers',
@@ -69,7 +19,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         ChewingGum(<img src='${icons.chewingGumIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         SugarCane --> Sugar
         Caoutchouc & Sugar & Cinnamon --> ChewingGum
-        `,
+        `
       },
       {
         productionChain: 'typewriters',
@@ -87,7 +37,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Iron & Coal --> Steel --> Typewriters
         Copper & Zinc --> Brass --> Typewriters
         Lacquer --> Typewriters
-        `,
+        `
       },
       {
         productionChain: 'violins',
@@ -103,7 +53,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Iron & Coal --> Steel --> Violins
         CherryWood --> Violins
         Lacquer --> Violins
-        `,
+        `
       },
       {
         productionChain: 'biscuits',
@@ -119,7 +69,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Pigs --> Tallow --> Biscuits
         Grain --> Flour --> Biscuits
         Citrus --> Biscuits
-        `,
+        `
       },
       {
         productionChain: 'cognac',
@@ -132,7 +82,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Cognac(<img src='${icons.cognacIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         SugarCane --> Sugar
         Vineyard & CherryWood & Sugar --> Cognac
-        `,
+        `
       },
       {
         productionChain: 'billiardsTable',
@@ -147,7 +97,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         CherryWood --> Billiards
         Alpaca --> Felt --> Billiards
         Celluloid --> Billiards
-        `,
+        `
       },
       {
         productionChain: 'toys',
@@ -161,248 +111,9 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Toys(<img src='${icons.toysIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         Alpaca --> Felt --> Toys
         Celluloid & Lacquer --> Toys
-        `,
+        `
-      },
+      }
-    ],
+    ]
-  },
-  {
-    colBreak: false,
-    tierName: 'Artistas',
-    productionChains: [
-      {
-        productionChain: 'sewingmachinesnw',
-        chainMultiplier: '6',
-        mermaidDefinition: endent`
-        flowchart LR;
-        Bauxite(<span class='icon-flex-row'><img src='${icons.bauxiteIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>)
-        Charcoal(<img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Aluminium(<img src='${icons.aluminiumIcon}' class='icon-size' /><span class='ratio-count'>3</span>)
-        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        SewingMachines(<img src='${icons.sewingMachinesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Bauxite & Charcoal --> Aluminium
-        Wood & Aluminium --> SewingMachines
-        `,
-      },
-      {
-        productionChain: 'soccerballs',
-        mermaidDefinition: endent`
-        flowchart LR;
-        Nandu(<img src='${icons.nanduIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Caoutchouc(<img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        SoccerBalls(<img src='${icons.soccerBallsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Nandu & Caoutchouc --> SoccerBalls
-        `,
-      },
-      {
-        productionChain: 'mezcal',
-        mermaidDefinition: endent`
-        flowchart LR;
-        SugarCane(<img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Citrus(<img src='${icons.citrusIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Sugar(<img src='${icons.sugarIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Herb(<img src='${icons.herbIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Mezcal(<img src='${icons.mezcalIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        SugarCane --> Sugar
-        Citrus & Sugar & Herb --> Mezcal
-        `,
-      },
-      {
-        productionChain: 'jalea',
-        mermaidDefinition: endent`
-        flowchart TB;
-        Calamari(<img src='${icons.calamariIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Herb(<img src='${icons.herbIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Jalea(<img src='${icons.jaleaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Calamari & Herb & Corn --> Jalea
-        `,
-      },
-      {
-        productionChain: 'icecream',
-        chainMultiplier: '6',
-        mermaidDefinition: endent`
-        flowchart LR;
-        SugarCane(<span class='icon-flex-row'><img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Sugar(<span class='icon-flex-row'><img src='${icons.sugarIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Chocolate(<span class='icon-flex-row'><img src='${icons.chocolateIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Citrus(<span class='icon-flex-row'><img src='${icons.citrusIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Cocoa(<img src='${icons.cocoaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        IceCream(<img src='${icons.iceCreamIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Milk(<span class='icon-flex-row'><img src='${icons.milkIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>17%</span><span class='ratio-count'>1</span></span></span>); style Milk stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
-        SugarCane --> Sugar --> Chocolate
-        Cocoa --> Chocolate
-        Milk & Chocolate & Citrus --> IceCream
-        `,
-      },
-      {
-        productionChain: 'firestation',
-        chainMultiplier: '24',
-        mermaidDefinition: endent`
-        flowchart LR;
-        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>5%</span><span class='ratio-count'>1</span></span></span>)
-        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>9%</span><span class='ratio-count'>1</span></span></span>)
-        Charcoal(<span class='icon-flex-row'><img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>9%</span><span class='ratio-count'>1</span></span></span>)
-        Caoutchouc(<span class='icon-flex-row'><img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>17%</span><span class='ratio-count'>1</span></span></span>)
-        FireExtinguisher(<span class='icon-flex-row'><img src='${icons.fireExtinguisher}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>13%</span><span class='ratio-count'>1</span></span></span>)
-        FireDepartment(<img src='${icons.fireDepartment}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Iron & Charcoal --> Steel
-        Steel & Caoutchouc --> FireExtinguisher --> FireDepartment
-        `,
-      },
-      {
-        productionChain: 'perfume',
-        chainMultiplier: '4',
-        mermaidDefinition: endent`
-        flowchart LR;
-        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        Orchid(<span class='icon-flex-row'><img src='${icons.orchidIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Ethanol(<span class='icon-flex-row'><img src='${icons.ethanolIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        CoconutOil(<span class='icon-flex-row'><img src='${icons.coconutOilIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Perfume(<img src='${icons.perfumeIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Ethanol & Orchid & CoconutOil --> Perfume
-        Wood & Corn --> Ethanol
-        `,
-      },
-      {
-        productionChain: 'samba',
-        chainMultiplier: '8',
-        mermaidDefinition: endent`
-        flowchart LR;
-        Cotton(<span class='icon-flex-row'><img src='${icons.cottonIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        CottonMill(<span class='icon-flex-row'><img src='${icons.cottonMillIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        Minerals(<span class='icon-flex-row'><img src='${icons.mineralIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>13%</span><span class='ratio-count'>1</span></span></span>)
-        Pigments(<span class='icon-flex-row'><img src='${icons.pigmentIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>38%</span><span class='ratio-count'>1</span></span></span>)
-        Costumes(<span class='icon-flex-row'><img src='${icons.costumeIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Saltpeter(<span class='icon-flex-row'><img src='${icons.saltpeterIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>); style Saltpeter stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
-        NanduFeathers(<span class='icon-flex-row'><img src='${icons.nanduFeathersIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>); style NanduFeathers stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
-        Samba(<img src='${icons.sambaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Cotton --> CottonMill
-        Saltpeter & Minerals --> Pigments
-        CottonMill & Pigments & NanduFeathers --> Costumes
-        Costumes --> Samba
-        `,
-      },
-      {
-        productionChain: 'police',
-        chainMultiplier: '24',
-        mermaidDefinition: endent`
-        flowchart LR;
-        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>5%</span><span class='ratio-count'>1</span></span></span>)
-        Charcoal(<span class='icon-flex-row'><img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>9%</span><span class='ratio-count'>1</span></span></span>)
-        Cotton(<span class='icon-flex-row'><img src='${icons.cottonIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>17%</span><span class='ratio-count'>1</span></span></span>)
-        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>5%</span><span class='ratio-count'>1</span></span></span>)
-        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>9%</span><span class='ratio-count'>1</span></span></span>)
-        CottonMill(<span class='icon-flex-row'><img src='${icons.cottonMillIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>9%</span><span class='ratio-count'>1</span></span></span>)
-        PoliceEquipment(<span class='icon-flex-row'><img src='${icons.policeEquipementIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>17%</span><span class='ratio-count'>1</span></span></span>)
-        PoliceHeadquarters(<img src='${icons.policeHeadquartersIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Iron & Charcoal --> Steel
-        Cotton --> CottonMill
-        Wood & Steel & CottonMill --> PoliceEquipment
-        PoliceEquipment --> PoliceHeadquarters
-        `,
-      },
-      {
-        productionChain: 'fan',
-        chainMultiplier: '6',
-        mermaidDefinition: endent`
-        flowchart LR;
-        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Bauxite(<span class='icon-flex-row'><img src='${icons.bauxiteIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>)
-        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Copper(<img src='${icons.copperIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Caoutchouc(<img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        CamphorWax(<img src='${icons.camphorWaxIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Ethanol(<img src='${icons.ethanolIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Charcoal0(<img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Charcoal1(<img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Cables(<img src='${icons.electricCablesIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Celluloid(<img src='${icons.celluloidIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Steel(<img src='${icons.steelIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Aluminium(<img src='${icons.aluminiumIcon}' class='icon-size' /><span class='ratio-count'>3</span>)
-        Motors(<img src='${icons.motorIcon}' class='icon-size' /><span class='ratio-count'>1</span>); style Motors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
-        Fans(<img src='${icons.fansIcon}' class='icon-size' /><span class='ratio-count'>1</span>); style Fans stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
-        Wood & Corn --> Ethanol
-        Copper & Caoutchouc --> Cables
-        Cotton & CamphorWax & Ethanol --> Celluloid
-        Iron & Charcoal0 --> Steel
-        Cables & Celluloid & Steel --> Motors
-        Bauxite & Charcoal1 --> Aluminium
-        Motors & Aluminium --> Fans
-        `,
-      },
-      {
-        productionChain: 'cinema',
-        chainMultiplier: '12',
-        mermaidDefinition: endent`
-        flowchart LR;
-        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>9%</span><span class='ratio-count'>1</span></span></span>)
-        Corn(<span class='icon-flex-row'><img src='${icons.cornIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>)
-        Cotton(<span class='icon-flex-row'><img src='${icons.cottonIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>)
-        CamphorWax(<span class='icon-flex-row'><img src='${icons.camphorWaxIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>17%</span><span class='ratio-count'>1</span></span></span>)
-        Ethanol(<span class='icon-flex-row'><img src='${icons.ethanolIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>17%</span><span class='ratio-count'>1</span></span></span>)
-        Celluloid(<span class='icon-flex-row'><img src='${icons.celluloidIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>17%</span><span class='ratio-count'>1</span></span></span>)
-        Film(<span class='icon-flex-row'><img src='${icons.filmReelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>17%</span><span class='ratio-count'>1</span></span></span>)
-        Saltpeter(<span class='icon-flex-row'><img src='${icons.saltpeterIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>); style Saltpeter stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
-        Cinema(<img src='${icons.cinemaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Wood & Corn --> Ethanol
-        Cotton & CamphorWax & Ethanol --> Celluloid
-        Saltpeter & Celluloid --> Film
-        Film --> Cinema
-        `,
-      },
-      {
-        productionChain: 'hospital',
-        chainMultiplier: '24',
-        mermaidDefinition: endent`
-        flowchart LR;
-        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>5%</span><span class='ratio-count'>1</span></span></span>)
-        Corn(<span class='icon-flex-row'><img src='${icons.cornIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>17%</span><span class='ratio-count'>1</span></span></span>)
-        Orchid(<span class='icon-flex-row'><img src='${icons.orchidIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>9%</span><span class='ratio-count'>1</span></span></span>)
-        Ethanol(<span class='icon-flex-row'><img src='${icons.ethanolIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>9%</span><span class='ratio-count'>1</span></span></span>)
-        Herb(<span class='icon-flex-row'><img src='${icons.herbIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>9%</span><span class='ratio-count'>1</span></span></span>)
-        Medicine(<span class='icon-flex-row'><img src='${icons.medicineIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>13%</span><span class='ratio-count'>1</span></span></span>)
-        Hospital(<img src='${icons.hospitalIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Wood & Corn --> Ethanol
-        Orchid & Ethanol & Herb --> Medicine
-        Medicine --> Hospital
-        `,
-      },
-      {
-        productionChain: 'scooter',
-        chainMultiplier: '4',
-        mermaidDefinition: endent`
-        flowchart LR;
-        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        Copper(<span class='icon-flex-row'><img src='${icons.copperIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        CamphorWax(<span class='icon-flex-row'><img src='${icons.camphorWaxIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Ethanol(<span class='icon-flex-row'><img src='${icons.ethanolIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        Charcoal(<span class='icon-flex-row'><img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Mineral(<span class='icon-flex-row'><img src='${icons.mineralIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        Celluloid(<span class='icon-flex-row'><img src='${icons.celluloidIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Pigments(<span class='icon-flex-row'><img src='${icons.pigmentIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>75%</span><span class='ratio-count'>1</span></span></span>)
-        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Caoutchouc0(<img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Cables(<img src='${icons.electricCablesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Caoutchouc1(<img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Saltpeter(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>1</span>); style Saltpeter stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
-        Scooter(<img src='${icons.scooterIcon}' class='icon-size' /><span class='ratio-count'>1</span>); style Scooter stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
-        Motors(<span class='icon-flex-row'><img src='${icons.motorIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>); style Motors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
-        Wood & Corn --> Ethanol
-        Copper & Caoutchouc0 --> Cables
-        Cotton & CamphorWax & Ethanol --> Celluloid
-        Iron & Charcoal --> Steel
-        Saltpeter & Mineral --> Pigments
-        Cables & Celluloid & Steel --> Motors
-        Pigments & Motors & Caoutchouc1 --> Scooter
-        `,
-      },
-    ],
   },
   {
     colBreak: false,
@@ -418,7 +129,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Flour(<span class='icon-flex-row'><img src='${icons.flourIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
         Bakery(<img src='${icons.breadIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         Beef(<img src='${icons.beefIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        GoldOre(<span class='icon-flex-row'><img src='${icons.goldOreIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>83%</span><span class='ratio-count'>3</span></span></span>)
+        GoldOre(<span class='icon-flex-row'><img src='${icons.goldOreIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>83.33%</span><span class='ratio-count'>3</span></span></span>)
         Coal(<span class='icon-flex-row'><img src='${icons.coalIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
         Gold(<img src='${icons.goldIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         BriocheRoyale(<img src='${icons.briocheRoyaleIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
@@ -426,7 +137,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Grain --> Flour --> Bakery --> BriocheRoyale
         Beef --> BriocheRoyale
         GoldOre & Coal --> Gold --> BriocheRoyale
-        `,
+        `
       },
       {
         productionChain: 'trifleTower',
@@ -446,7 +157,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Grain --> Flour --> Bread --> Trifle
         Vineyard --> Trifle
         SugarCane1 --> Sugar --> Trifle
-        `,
+        `
       },
       {
         productionChain: 'ladyMarmelade',
@@ -466,7 +177,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Sand --> Glass --> Champagne --> LadyMarmelade
         Vineyard --> Champagne
         Citrus & Jam --> LadyMarmelade
-        `,
+        `
       },
       {
         productionChain: 'ageOfExploration',
@@ -478,7 +189,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Beef(<img src='${icons.beefIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
         AgeOfExploration(<img src='${icons.ageOfExplorationIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         Gas & Potato & RedPepper & Beef --> AgeOfExploration
-        `,
+        `
       },
       {
         productionChain: 'homardLitTerroir',
@@ -490,58 +201,9 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Spices(<img src='${icons.spicesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         HomardLitTerroir(<img src='${icons.homardLitTerroirIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         Lobster & Sanga & Potato & Spices --> HomardLitTerroir
-        `,
+        `
-      },
+      }
-    ],
+    ]
-  },
-  {
-    colBreak: false,
-    tierName: 'Tourists',
-    productionChains: [
-      {
-        productionChain: 'shampoo',
-        mermaidDefinition: endent`
-        flowchart LR
-        CoconutOil(<img src='${icons.coconutOilIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Cinnamon(<img src='${icons.cinnamonIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Shampoo(<img src='${icons.shampooIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Pigs(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Tallow(<img src='${icons.tallowIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Soap(<img src='${icons.soapIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        CoconutOil & Cinnamon --> Shampoo
-        Pigs --> Tallow --> Soap --> Shampoo
-        `,
-      },
-      {
-        productionChain: 'lemonade',
-        mermaidDefinition: endent`
-        flowchart LR
-        SugarCane(<img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Sugar(<img src='${icons.sugarIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Lemonade(<img src='${icons.lemonadeIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Citrus(<img src='${icons.citrusIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Saltpeter(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>4</span>)
-        SugarCane --> Sugar --> Lemonade
-        Citrus --> Lemonade
-        Saltpeter --> Lemonade
-        `,
-      },
-      {
-        productionChain: 'souvenirs',
-        mermaidDefinition: endent`
-        flowchart LR
-        CamphorWax(<img src='${icons.camphorWaxIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Souvenirs(<img src='${icons.souvenirsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Sand(<img src='${icons.sandIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Glass(<img src='${icons.glassIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Souvenirs
-        Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        CamphorWax --> Souvenirs
-        Sand --> Glass --> Souvenirs
-        Cotton --> Souvenirs
-        `,
-      },
-    ],
   },
   {
     colBreak: false,
@@ -561,7 +223,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Pigs0 --> Schnitzel
         Potato --> Schnitzel
         Pigs1 --> Tallow --> Schnitzel
-        `,
+        `
       },
       {
         productionChain: 'stroggofGoulash',
@@ -572,7 +234,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         StroggofGoulash(<img src='${icons.stroggofGoulashIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         Beef & RedPeppers & Corn --> StroggofGoulash
-        `,
+        `
       },
       {
         productionChain: 'fishFrites',
@@ -584,7 +246,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Citrus(<span class='icon-flex-row'><img src='${icons.citrusIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
         FishFrites(<img src='${icons.fishFritesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         Fish & Potato & Citrus --> FishFrites
-        `,
+        `
       },
       {
         productionChain: 'venisonEnCroute',
@@ -599,7 +261,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Grain --> Flour --> VenisonEnCroute
         Potato --> VenisonEnCroute
         Caribou --> VenisonEnCroute
-        `,
+        `
       },
       {
         productionChain: 'lobsterCheminee',
@@ -611,9 +273,9 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Tobacco(<img src='${icons.tobaccoIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
         LobsterCheminee(<img src='${icons.lobsterChemineeIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         Lobster & Citrus & Tobacco --> LobsterCheminee
-        `,
+        `
-      },
+      }
-    ],
+    ]
   },
   {
     colBreak: false,
@@ -633,7 +295,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Grain --> Flour --> Donut
         Pig --> Tallow --> Donut
         Jam --> Donut
-        `,
+        `
       },
       {
         productionChain: 'eclair',
@@ -654,7 +316,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         SugarCane1 --> Sugar1 --> Chocolate
         Cocoa --> Chocolate
         Chocolate --> Eclair
-        `,
+        `
       },
       {
         productionChain: 'palmierBiscuit',
@@ -670,7 +332,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Grain --> Flour --> PalmierBiscuit
         Pig --> Tallow --> PalmierBiscuit
         Cinnamon --> PalmierBiscuit
-        `,
+        `
       },
       {
         productionChain: 'venisonTartare',
@@ -682,7 +344,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Caribou(<img src='${icons.caribouIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         Citrus(<span class='icon-flex-row'><img src='${icons.citrusIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
         Grapes & Caribou & Citrus --> VenisonTartare
-        `,
+        `
       },
       {
         productionChain: 'bananaSurprise',
@@ -694,13 +356,10 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Cinnamon(<span class='icon-flex-row'><img src='${icons.cinnamonIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
         BananaSurprise(<img src='${icons.bananaSurpriseIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         Goat & Plantains & Cinnamon --> BananaSurprise
-        `,
+        `
-      },
+      }
-    ],
+    ]
   },
-  { colBreak: true, tierName: 'skip' },
-  { colBreak: true, tierName: 'skip' },
-  { colBreak: true, tierName: 'skip' },
   {
     colBreak: false,
     tierName: 'Bar',
@@ -719,7 +378,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         SugarCane0 --> DaiquiriTropic
         SugarCane1 & Wood --> Rum --> DaiquiriTropic
         Plantain --> DaiquiriTropic
-        `,
+        `
       },
       {
         productionChain: 'blackMuscovy',
@@ -737,7 +396,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         CoffeeBeans --> Coffee --> BlackMuscovy
         SugarCane & Wood --> Rum --> BlackMuscovy
         Potato --> Schnapps --> BlackMuscovy
-        `,
+        `
       },
       {
         productionChain: 'montmatre',
@@ -756,7 +415,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Sand --> Glass --> Champagne --> Montmatre
         Vineyard --> Champagne
         Citrus --> Montmatre
-        `,
+        `
       },
       {
         productionChain: 'glegg',
@@ -768,7 +427,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Cinnamon(<span class='icon-flex-row'><img src='${icons.cinnamonIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
         Glogg(<img src='${icons.gloggIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         Whales & Vineyard & Cinnamon --> Glogg
-        `,
+        `
       },
       {
         productionChain: 'enbesaSunrise',
@@ -784,11 +443,10 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Hibiscus --> EnbesaSunrise
         SugarCane & Wood --> Rum --> EnbesaSunrise
         Spices --> EnbesaSunrise
-        `,
+        `
-      },
+      }
-    ],
+    ]
   },
-
   {
     colBreak: false,
     tierName: 'Department Store',
@@ -809,7 +467,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Iron & Coal --> Steel --> Toasters
         Zinc --> Toasters
         Coal0 --> Filament --> Toasters
-        `,
+        `
       },
       {
         productionChain: 'vaccumCleaners',
@@ -826,7 +484,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Celluloid --> VaccumCleaners
         Iron & Coal --> Steel --> VaccumCleaners
         Sheep --> VaccumCleaners
-        `,
+        `
       },
       {
         productionChain: 'crockery',
@@ -841,7 +499,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Clay --> Crockery
         Lacquer --> Crockery
         Sand0 --> Crockery
-        `,
+        `
       },
       {
         productionChain: 'refrigerators',
@@ -857,7 +515,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         style Refrigerators stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
         Iron & Coal --> Steel --> Refrigerators
         Gas & Caoutchouc --> Refrigerators
-        `,
+        `
       },
       {
         productionChain: 'briefcases',
@@ -874,9 +532,9 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Copper & Zinc --> Brass --> Briefcases
         Celluloid --> Briefcases
         Sanga --> Briefcases
-        `,
+        `
-      },
+      }
-    ],
+    ]
   },
   {
     colBreak: false,
@@ -904,7 +562,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Coal --> Filament --> LightBulb
         Sand0 --> Glass0 --> LightBulb
         LightBulb --> BankerLamp
-      `,
+      `
       },
       {
         productionChain: 'vanityScreens',
@@ -920,7 +578,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         style VanityScreens stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
         Cotton --> CottonMill
         CottonMill & CherryWood & Lacquer --> VanityScreens
-      `,
+      `
       },
       {
         productionChain: 'writingDesks',
@@ -938,7 +596,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Copper & Zinc --> Brass
         Wood --> Marquetry
         Brass & Marquetry & Lacquer --> WritingDesks
-      `,
+      `
       },
       {
         productionChain: 'fourPosterBeds',
@@ -951,7 +609,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         FourPosterBeds(<img src='${icons.fourPosterBedsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         style FourPosterBeds stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
         BearHunting & Goose & CherryWood --> FourPosterBeds
-        `,
+        `
       },
       {
         productionChain: 'loungeSeating',
@@ -964,9 +622,9 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         LoungeSeating(<img src='${icons.loungeSeatingIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         style LoungeSeating stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
         Sheep & Sanga & WansaWood --> LoungeSeating
-        `,
+        `
-      },
+      }
-    ],
+    ]
   },
   {
     colBreak: false,
@@ -988,7 +646,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         SugarCane --> Sugar --> Toothpaste
         Coal --> Toothpaste
         Pig --> Tallow --> Soap --> Toothpaste
-        `,
+        `
       },
       {
         productionChain: 'detergent',
@@ -1001,7 +659,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Detergent(<img src='${icons.detergentIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         style Detergent stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
         Ethanol & Citrus & Saltpeter --> Detergent
-        `,
+        `
       },
       {
         productionChain: 'lipstick',
@@ -1014,7 +672,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Lipstick(<img src='${icons.lipstickIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         style Lipstick stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
         FishOil & CoconutOil & Lacquer --> Lipstick
-        `,
+        `
       },
       {
         productionChain: 'faceCream',
@@ -1027,7 +685,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         FaceCream(<img src='${icons.faceCreamIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         style FaceCream stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
         CoconutOil & Citrus & Whaling --> FaceCream
-        `,
+        `
       },
       {
         productionChain: 'pomade',
@@ -1040,220 +698,59 @@ export const productionChainsExpansions: TieredProductionChain[] = [
         Pomade(<img src='${icons.pomadeIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         style Pomade stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
         CamphorWax & Apiary & Hibiscus --> Pomade
-        `,
+        `
-      },
+      }
-    ],
+    ]
   },
   { colBreak: true, tierName: 'skip' },
+  { colBreak: true, tierName: 'skip' },
   {
     colBreak: false,
-    tierName: 'Supply Factories | Airships',
+    tierName: 'Tourists',
     productionChains: [
       {
-        productionChain: 'bombs',
+        productionChain: 'shampoo',
-        chainMultiplier: '4',
         mermaidDefinition: endent`
         flowchart LR
-        Saltpeter(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        CoconutOil(<img src='${icons.coconutOilIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Pig(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Cinnamon(<img src='${icons.cinnamonIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Saltpeter0(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Shampoo(<img src='${icons.shampooIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Dynamite(<img src='${icons.dynamiteIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Pigs(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Tallow(<img src='${icons.tallowIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Tallow(<img src='${icons.tallowIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Soap(<img src='${icons.soapIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Coal(<span class='icon-flex-row'><img src='${icons.coalIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        CoconutOil & Cinnamon --> Shampoo
-        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Pigs --> Tallow --> Soap --> Shampoo
-        Bomb(<img src='${icons.bombsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        `
-        Saltpeter --> Bomb
-        Pig --> Tallow --> Dynamite --> Bomb
-        Saltpeter0 --> Dynamite
-        Iron & Coal --> Steel --> Bomb
-        `,
       },
       {
-        productionChain: 'seaMines',
+        productionChain: 'lemonade',
-        chainMultiplier: '4',
-        mermaidDefinition: endent`
-        flowchart LR
-        Copper(<span class='icon-flex-row'><img src='${icons.copperIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Pig(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Tallow(<img src='${icons.tallowIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Saltpeter(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Dynamite(<img src='${icons.dynamiteIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        SeaMine(<img src='${icons.seaMinesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        Coal(<span class='icon-flex-row'><img src='${icons.coalIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Copper --> SeaMine
-        Pig --> Tallow --> Dynamite --> SeaMine
-        Saltpeter --> Dynamite
-        Iron & Coal --> Steel --> SeaMine
-        `,
-      },
-      {
-        productionChain: 'pamphlets',
-        chainMultiplier: '4',
-        mermaidDefinition: endent`
-        flowchart LR
-        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Pamphlets(<img src='${icons.pamphletsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Wood & Cotton --> Pamphlets
-        `,
-      },
-      {
-        productionChain: 'carePackage',
-        chainMultiplier: '4',
-        mermaidDefinition: endent`
-        flowchart LR
-        Cattle(<img src='${icons.beefIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        RedPeppers(<img src='${icons.redPeppersIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        ArtisnalKitchen(<img src='${icons.artisnalKitchenIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Cannery(<span class='icon-flex-row'><img src='${icons.cannedFoodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>75%</span><span class='ratio-count'>2</span></span></span>)
-        Iron(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
-        CarePackage(<img src='${icons.carePackagesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        SugarCane(<span class='icon-flex-row'><img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Sugar(<span class='icon-flex-row'><img src='${icons.sugarIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Chocolate(<span class='icon-flex-row'><img src='${icons.chocolateIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Cocoa(<img src='${icons.cocoaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Cattle(<img src='${icons.beefIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Potato(<span class='icon-flex-row'><img src='${icons.potatoIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Schnapps(<span class='icon-flex-row'><img src='${icons.schnappsIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Cattle & RedPeppers --> ArtisnalKitchen --> Cannery --> CarePackage
-        Iron --> Cannery
-        SugarCane --> Sugar --> Chocolate --> CarePackage
-        Cocoa --> Chocolate
-        Potato --> Schnapps --> CarePackage
-        `,
-      },
-    ],
-  },
-  {
-    colBreak: false,
-    tierName: 'Hacienda',
-    productionChains: [
-      {
-        productionChain: 'hotSauce',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart LR
-        Spices(<span class='icon-flex-row icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.spicesIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        HotSauce(<img src='${icons.hotSauceIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Spices --> HotSauce
-        `,
-      },
-      {
-        productionChain: 'atole',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart LR
-        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        SugarCane(<span class='icon-flex-row'><img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Atole(<img src='${icons.atoleIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Corn & SugarCane --> Atole
-        `,
-      },
-      {
-        productionChain: 'haciendaRum',
-        chainMultiplier: '2',
         mermaidDefinition: endent`
         flowchart LR
         SugarCane(<img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Sugar(<img src='${icons.sugarIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Rum(<img src='${icons.rumIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Lemonade(<img src='${icons.lemonadeIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        SugarCane & Wood --> Rum
+        Citrus(<img src='${icons.citrusIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        `,
+        Saltpeter(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>4</span>)
+        SugarCane --> Sugar --> Lemonade
+        Citrus --> Lemonade
+        Saltpeter --> Lemonade
+        `
       },
       {
-        productionChain: 'haciendaSchnapps',
+        productionChain: 'souvenirs',
-        chainMultiplier: '2',
         mermaidDefinition: endent`
         flowchart LR
-        Potato(<span class='icon-flex-row icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.potatoIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Schnapps(<span class='icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.schnappsIcon}' class='icon-size' /><span class='ratio-count'>1</span></span>)
-        Potato --> Schnapps
-        `,
-      },
-      {
-        productionChain: 'haciendaBeer',
-        mermaidDefinition: endent`
-        flowchart LR
-        Grain(<span class='icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>1</span></span>)
-        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Beer(<span class='icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.breweryIcon}' class='icon-size' /><span class='ratio-count'>1</span></span>)
-        Grain & Corn --> Beer
-        `,
-      },
-    ],
-  },
-  {
-    colBreak: false,
-    tierName: 'Chemical Plant',
-    productionChains: [
-      {
-        productionChain: 'ethanol',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart TB
-        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
-        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Ethanol(<img src='${icons.ethanolIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Wood & Corn --> Ethanol
-        `,
-      },
-      {
-        productionChain: 'lacquer',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart TB
-        Ethanol(<img src='${icons.ethanolIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Sand(<img src='${icons.sandIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Resin(<img src='${icons.resinIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Lacquer(<img src='${icons.lacquerIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Sand & Resin & Ethanol --> Lacquer
-        `,
-      },
-      {
-        productionChain: 'celluloid',
-        chainMultiplier: '2',
-        mermaidDefinition: endent`
-        flowchart TB
-        Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
         CamphorWax(<img src='${icons.camphorWaxIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Ethanol(<img src='${icons.ethanolIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Souvenirs(<img src='${icons.souvenirsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Celluloid(<img src='${icons.celluloidIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Sand(<img src='${icons.sandIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Cotton & CamphorWax & Ethanol --> Celluloid
+        Glass(<img src='${icons.glassIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        `,
+        Souvenirs
-      },
+        Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-    ],
+        CamphorWax --> Souvenirs
-  },
+        Sand --> Glass --> Souvenirs
-  {
+        Cotton --> Souvenirs
-    colBreak: false,
+        `
-    tierName: 'Empire of the Skies',
+      }
-    productionChains: [
+    ]
-      {
+  }
-        productionChain: 'aluminium',
-        chainMultiplier: '9',
-        mermaidDefinition: endent`
-        flowchart LR
-        Bauxite(<span class='icon-flex-row'><img src='${icons.bauxiteIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>11%</span><span class='ratio-count'>1</span></span></span>)
-        Charcoal(<span class='icon-flex-row'><img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33%</span><span class='ratio-count'>1</span></span></span>)
-        Aluminium(<img src='${icons.aluminiumIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Bauxite & Charcoal --> Aluminium
-      `,
-      },
-      {
-        productionChain: 'helium',
-        mermaidDefinition: endent`
-        flowchart LR
-        Clay(<img src='${icons.clayIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        FishOil(<img src='${icons.fishOilIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
-        IndustrialLubricant(<img src='${icons.industrialLubricant}' class='icon-size' /><span class='ratio-count'>2</span>)
-        Saltpeter(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>8</span>)
-        Helium(<img src='${icons.heliumIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Clay --> Helium
-        FishOil & Saltpeter --> IndustrialLubricant --> Helium
-      `,
-      },
-    ],
-  },
 ];

src/pages/data/production-chains-season-4.ts

@@ -0,0 +1,393 @@
+import endent from 'endent';
+import { TieredProductionChain } from './models';
+import * as icons from './icons';
+
+export const productionChainsSeason4: TieredProductionChain[] = [
+  {
+    colBreak: false,
+    tierName: 'Artistas',
+    productionChains: [
+      {
+        productionChain: 'sewingmachinesnw',
+        chainMultiplier: '6',
+        mermaidDefinition: endent`
+        flowchart LR;
+        Bauxite(<span class='icon-flex-row'><img src='${icons.bauxiteIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
+        Charcoal(<img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Aluminium(<img src='${icons.aluminiumIcon}' class='icon-size' /><span class='ratio-count'>3</span>)
+        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        SewingMachines(<img src='${icons.sewingMachinesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Bauxite & Charcoal --> Aluminium
+        Wood & Aluminium --> SewingMachines
+        `
+      },
+      {
+        productionChain: 'soccerballs',
+        mermaidDefinition: endent`
+        flowchart LR;
+        Nandu(<img src='${icons.nanduIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Caoutchouc(<img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        SoccerBalls(<img src='${icons.soccerBallsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Nandu & Caoutchouc --> SoccerBalls
+        `
+      },
+      {
+        productionChain: 'mezcal',
+        mermaidDefinition: endent`
+        flowchart LR;
+        SugarCane(<img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Citrus(<img src='${icons.citrusIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Sugar(<img src='${icons.sugarIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Herb(<img src='${icons.herbIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Mezcal(<img src='${icons.mezcalIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        SugarCane --> Sugar
+        Citrus & Sugar & Herb --> Mezcal
+        `
+      },
+      {
+        productionChain: 'jalea',
+        mermaidDefinition: endent`
+        flowchart TB;
+        Calamari(<img src='${icons.calamariIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Herb(<img src='${icons.herbIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Jalea(<img src='${icons.jaleaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Calamari & Herb & Corn --> Jalea
+        `
+      },
+      {
+        productionChain: 'icecream',
+        chainMultiplier: '6',
+        mermaidDefinition: endent`
+        flowchart LR;
+        SugarCane(<span class='icon-flex-row'><img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Sugar(<span class='icon-flex-row'><img src='${icons.sugarIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Chocolate(<span class='icon-flex-row'><img src='${icons.chocolateIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Citrus(<span class='icon-flex-row'><img src='${icons.citrusIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Cocoa(<img src='${icons.cocoaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        IceCream(<img src='${icons.iceCreamIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Milk(<span class='icon-flex-row'><img src='${icons.milkIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>16.66%</span><span class='ratio-count'>1</span></span></span>); style Milk stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
+        SugarCane --> Sugar --> Chocolate
+        Cocoa --> Chocolate
+        Milk & Chocolate & Citrus --> IceCream
+        `
+      },
+      {
+        productionChain: 'firestation',
+        chainMultiplier: '24',
+        mermaidDefinition: endent`
+        flowchart LR;
+        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>4.17%</span><span class='ratio-count'>1</span></span></span>)
+        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>8.33%</span><span class='ratio-count'>1</span></span></span>)
+        Charcoal(<span class='icon-flex-row'><img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>8.33%</span><span class='ratio-count'>1</span></span></span>)
+        Caoutchouc(<span class='icon-flex-row'><img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>16.66%</span><span class='ratio-count'>1</span></span></span>)
+        FireExtinguisher(<span class='icon-flex-row'><img src='${icons.fireExtinguisher}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>12.5%</span><span class='ratio-count'>1</span></span></span>)
+        FireDepartment(<img src='${icons.fireDepartment}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Iron & Charcoal --> Steel
+        Steel & Caoutchouc --> FireExtinguisher --> FireDepartment
+        `
+      },
+      {
+        productionChain: 'perfume',
+        chainMultiplier: '4',
+        mermaidDefinition: endent`
+        flowchart LR;
+        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Orchid(<span class='icon-flex-row'><img src='${icons.orchidIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Ethanol(<span class='icon-flex-row'><img src='${icons.ethanolIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        CoconutOil(<span class='icon-flex-row'><img src='${icons.coconutOilIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Perfume(<img src='${icons.perfumeIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Ethanol & Orchid & CoconutOil --> Perfume
+        Wood & Corn --> Ethanol
+        `
+      },
+      {
+        productionChain: 'samba',
+        chainMultiplier: '8',
+        mermaidDefinition: endent`
+        flowchart LR;
+        Cotton(<span class='icon-flex-row'><img src='${icons.cottonIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        CottonMill(<span class='icon-flex-row'><img src='${icons.cottonMillIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Minerals(<span class='icon-flex-row'><img src='${icons.mineralIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>12.5%</span><span class='ratio-count'>1</span></span></span>)
+        Pigments(<span class='icon-flex-row'><img src='${icons.pigmentIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>37.5%</span><span class='ratio-count'>1</span></span></span>)
+        Costumes(<span class='icon-flex-row'><img src='${icons.costumeIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Saltpeter(<span class='icon-flex-row'><img src='${icons.saltpeterIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>); style Saltpeter stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
+        NanduFeathers(<span class='icon-flex-row'><img src='${icons.nanduFeathersIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>); style NanduFeathers stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
+        Samba(<img src='${icons.sambaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Cotton --> CottonMill
+        Saltpeter & Minerals --> Pigments
+        CottonMill & Pigments & NanduFeathers --> Costumes
+        Costumes --> Samba
+        `
+      },
+      {
+        productionChain: 'police',
+        chainMultiplier: '24',
+        mermaidDefinition: endent`
+        flowchart LR;
+        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>4.17%</span><span class='ratio-count'>1</span></span></span>)
+        Charcoal(<span class='icon-flex-row'><img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>8.33%</span><span class='ratio-count'>1</span></span></span>)
+        Cotton(<span class='icon-flex-row'><img src='${icons.cottonIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>16.66%</span><span class='ratio-count'>1</span></span></span>)
+        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>4.17%</span><span class='ratio-count'>1</span></span></span>)
+        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>8.33%</span><span class='ratio-count'>1</span></span></span>)
+        CottonMill(<span class='icon-flex-row'><img src='${icons.cottonMillIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>8.33%</span><span class='ratio-count'>1</span></span></span>)
+        PoliceEquipment(<span class='icon-flex-row'><img src='${icons.policeEquipementIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>16.66%</span><span class='ratio-count'>1</span></span></span>)
+        PoliceHeadquarters(<img src='${icons.policeHeadquartersIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Iron & Charcoal --> Steel
+        Cotton --> CottonMill
+        Wood & Steel & CottonMill --> PoliceEquipment
+        PoliceEquipment --> PoliceHeadquarters
+        `
+      }
+    ]
+  },
+  {
+    colBreak: false,
+    tierName: 'Artistas',
+    productionChains: [
+      {
+        productionChain: 'fan',
+        chainMultiplier: '6',
+        mermaidDefinition: endent`
+        flowchart LR;
+        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Bauxite(<span class='icon-flex-row'><img src='${icons.bauxiteIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
+        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Copper(<img src='${icons.copperIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Caoutchouc(<img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        CamphorWax(<img src='${icons.camphorWaxIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Ethanol(<img src='${icons.ethanolIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Charcoal0(<img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Charcoal1(<img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Cables(<img src='${icons.electricCablesIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Celluloid(<img src='${icons.celluloidIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Steel(<img src='${icons.steelIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Aluminium(<img src='${icons.aluminiumIcon}' class='icon-size' /><span class='ratio-count'>3</span>)
+        Motors(<img src='${icons.motorIcon}' class='icon-size' /><span class='ratio-count'>1</span>); style Motors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
+        Fans(<img src='${icons.fansIcon}' class='icon-size' /><span class='ratio-count'>1</span>); style Fans stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
+        Wood & Corn --> Ethanol
+        Copper & Caoutchouc --> Cables
+        Cotton & CamphorWax & Ethanol --> Celluloid
+        Iron & Charcoal0 --> Steel
+        Cables & Celluloid & Steel --> Motors
+        Bauxite & Charcoal1 --> Aluminium
+        Motors & Aluminium --> Fans
+        `
+      },
+      {
+        productionChain: 'cinema',
+        chainMultiplier: '12',
+        mermaidDefinition: endent`
+        flowchart BT;
+        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>8.33%</span><span class='ratio-count'>1</span></span></span>)
+        Corn(<span class='icon-flex-row'><img src='${icons.cornIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
+        Cotton(<span class='icon-flex-row'><img src='${icons.cottonIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
+        CamphorWax(<span class='icon-flex-row'><img src='${icons.camphorWaxIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>16.66%</span><span class='ratio-count'>1</span></span></span>)
+        Ethanol(<span class='icon-flex-row'><img src='${icons.ethanolIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>16.66%</span><span class='ratio-count'>1</span></span></span>)
+        Celluloid(<span class='icon-flex-row'><img src='${icons.celluloidIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>16.66%</span><span class='ratio-count'>1</span></span></span>)
+        Film(<span class='icon-flex-row'><img src='${icons.filmReelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>16.66%</span><span class='ratio-count'>1</span></span></span>)
+        Saltpeter(<span class='icon-flex-row'><img src='${icons.saltpeterIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>); style Saltpeter stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
+        Cinema(<img src='${icons.cinemaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Wood & Corn --> Ethanol
+        Cotton & CamphorWax & Ethanol --> Celluloid
+        Saltpeter & Celluloid --> Film
+        Film --> Cinema
+        `
+      },
+      {
+        productionChain: 'hospital',
+        chainMultiplier: '24',
+        mermaidDefinition: endent`
+        flowchart LR;
+        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>4.17%</span><span class='ratio-count'>1</span></span></span>)
+        Corn(<span class='icon-flex-row'><img src='${icons.cornIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>16.66%</span><span class='ratio-count'>1</span></span></span>)
+        Orchid(<span class='icon-flex-row'><img src='${icons.orchidIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>8.33%</span><span class='ratio-count'>1</span></span></span>)
+        Ethanol(<span class='icon-flex-row'><img src='${icons.ethanolIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>8.33%</span><span class='ratio-count'>1</span></span></span>)
+        Herb(<span class='icon-flex-row'><img src='${icons.herbIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>8.33%</span><span class='ratio-count'>1</span></span></span>)
+        Medicine(<span class='icon-flex-row'><img src='${icons.medicineIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>12.5%</span><span class='ratio-count'>1</span></span></span>)
+        Hospital(<img src='${icons.hospitalIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Wood & Corn --> Ethanol
+        Orchid & Ethanol & Herb --> Medicine
+        Medicine --> Hospital
+        `
+      },
+      {
+        productionChain: 'scooter',
+        chainMultiplier: '4',
+        mermaidDefinition: endent`
+        flowchart LR;
+        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Copper(<span class='icon-flex-row'><img src='${icons.copperIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        CamphorWax(<span class='icon-flex-row'><img src='${icons.camphorWaxIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Ethanol(<span class='icon-flex-row'><img src='${icons.ethanolIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Charcoal(<span class='icon-flex-row'><img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Mineral(<span class='icon-flex-row'><img src='${icons.mineralIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Celluloid(<span class='icon-flex-row'><img src='${icons.celluloidIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Pigments(<span class='icon-flex-row'><img src='${icons.pigmentIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>75%</span><span class='ratio-count'>1</span></span></span>)
+        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Caoutchouc0(<img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Cables(<img src='${icons.electricCablesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Caoutchouc1(<img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Saltpeter(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>1</span>); style Saltpeter stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
+        Scooter(<img src='${icons.scooterIcon}' class='icon-size' /><span class='ratio-count'>1</span>); style Scooter stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
+        Motors(<img src='${icons.motorIcon}' class='icon-size' /><span class='ratio-count'>1</span>); style Motors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
+        Wood & Corn --> Ethanol
+        Copper & Caoutchouc0 --> Cables
+        Cotton & CamphorWax & Ethanol --> Celluloid
+        Iron & Charcoal --> Steel
+        Saltpeter & Mineral --> Pigments
+        Cables & Celluloid & Steel --> Motors
+        Pigments & Motors & Caoutchouc1 --> Scooter
+        `
+      }
+    ]
+  },
+  {
+    colBreak: false,
+    tierName: 'Supply Factories | Airships',
+    productionChains: [
+      {
+        productionChain: 'bombs',
+        chainMultiplier: '4',
+        mermaidDefinition: endent`
+        flowchart LR
+        Saltpeter(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Pig(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Saltpeter0(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Dynamite(<img src='${icons.dynamiteIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Tallow(<img src='${icons.tallowIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Coal(<span class='icon-flex-row'><img src='${icons.coalIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Bomb(<img src='${icons.bombsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Saltpeter --> Bomb
+        Pig --> Tallow --> Dynamite --> Bomb
+        Saltpeter0 --> Dynamite
+        Iron & Coal --> Steel --> Bomb
+        `
+      },
+      {
+        productionChain: 'seaMines',
+        chainMultiplier: '4',
+        mermaidDefinition: endent`
+        flowchart LR
+        Copper(<span class='icon-flex-row'><img src='${icons.copperIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Pig(<img src='${icons.pigsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Tallow(<img src='${icons.tallowIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Saltpeter(<img src='${icons.saltpeterIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Dynamite(<img src='${icons.dynamiteIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        SeaMine(<img src='${icons.seaMinesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Coal(<span class='icon-flex-row'><img src='${icons.coalIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Steel(<span class='icon-flex-row'><img src='${icons.steelIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Copper --> SeaMine
+        Pig --> Tallow --> Dynamite --> SeaMine
+        Saltpeter --> Dynamite
+        Iron & Coal --> Steel --> SeaMine
+        `
+      },
+      {
+        productionChain: 'pamphlets',
+        chainMultiplier: '4',
+        mermaidDefinition: endent`
+        flowchart LR
+        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Pamphlets(<img src='${icons.pamphletsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Wood & Cotton --> Pamphlets
+        `
+      },
+      {
+        productionChain: 'carePackage',
+        chainMultiplier: '4',
+        mermaidDefinition: endent`
+        flowchart LR
+        Cattle(<img src='${icons.beefIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        RedPeppers(<img src='${icons.redPeppersIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        ArtisnalKitchen(<img src='${icons.artisnalKitchenIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Cannery(<span class='icon-flex-row'><img src='${icons.cannedFoodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>75%</span><span class='ratio-count'>2</span></span></span>)
+        Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>25%</span><span class='ratio-count'>1</span></span></span>)
+        CarePackage(<img src='${icons.carePackagesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        SugarCane(<span class='icon-flex-row'><img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Sugar(<span class='icon-flex-row'><img src='${icons.sugarIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Chocolate(<span class='icon-flex-row'><img src='${icons.chocolateIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Cocoa(<img src='${icons.cocoaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Cattle(<img src='${icons.beefIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Potato(<span class='icon-flex-row'><img src='${icons.potatoIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Schnapps(<span class='icon-flex-row'><img src='${icons.schnappsIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Cattle & RedPeppers --> ArtisnalKitchen --> Cannery --> CarePackage
+        Iron --> Cannery
+        SugarCane --> Sugar --> Chocolate --> CarePackage
+        Cocoa --> Chocolate
+        Potato --> Schnapps --> CarePackage
+        `
+      }
+    ]
+  },
+  { colBreak: true, tierName: 'skip' },
+  { colBreak: true, tierName: 'skip' },
+  {
+    colBreak: false,
+    tierName: 'Hacienda',
+    productionChains: [
+      {
+        productionChain: 'hotSauce',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart LR
+        Spices(<span class='icon-flex-row icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.spicesIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        HotSauce(<img src='${icons.hotSauceIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Spices --> HotSauce
+        `
+      },
+      {
+        productionChain: 'atole',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart LR
+        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        SugarCane(<span class='icon-flex-row'><img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Atole(<img src='${icons.atoleIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Corn & SugarCane --> Atole
+        `
+      },
+      {
+        productionChain: 'haciendaRum',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart LR
+        SugarCane(<img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Rum(<img src='${icons.rumIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        SugarCane & Wood --> Rum
+        `
+      },
+      {
+        productionChain: 'haciendaSchnapps',
+        chainMultiplier: '2',
+        mermaidDefinition: endent`
+        flowchart LR
+        Potato(<span class='icon-flex-row icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.potatoIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
+        Schnapps(<span class='icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.schnappsIcon}' class='icon-size' /><span class='ratio-count'>1</span></span>)
+        Potato --> Schnapps
+        `
+      },
+      {
+        productionChain: 'haciendaBeer',
+        mermaidDefinition: endent`
+        flowchart LR
+        Grain(<span class='icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>1</span></span>)
+        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Beer(<span class='icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.breweryIcon}' class='icon-size' /><span class='ratio-count'>1</span></span>)
+        Grain & Corn --> Beer
+        `
+      }
+    ]
+  }
+];

src/pages/data/storage.ts

@@ -0,0 +1 @@
+{

src/router/routes.ts

@@ -6,19 +6,20 @@ const routes: RouteRecordRaw[] = [
     component: () => import('layouts/MainLayout.vue'),
     children: [
       { path: '', component: () => import('pages/AnnoBase.vue') },
-      {
+      { path: '/misc', component: () => import('pages/AnnoMisc.vue') },
-        path: '/expansions',
+      { path: '/season1', component: () => import('pages/AnnoSeason1.vue') },
-        component: () => import('pages/AnnoExpansions.vue'),
+      { path: '/season2', component: () => import('pages/AnnoSeason2.vue') },
-      },
+      { path: '/season3', component: () => import('pages/AnnoSeason3.vue') },
-    ],
+      { path: '/season4', component: () => import('pages/AnnoSeason4.vue') }
+    ]
   },
 
   // Always leave this as last one,
   // but you can also remove it
   {
     path: '/:catchAll(.*)*',
-    component: () => import('pages/ErrorNotFound.vue'),
+    component: () => import('pages/ErrorNotFound.vue')
-  },
+  }
 ];
 
 export default routes;