add latest

src/assets/annoIcons/productionChainMultiplier.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="48" height="48" viewBox="0, 0, 48, 48">
+  <g id="Layer_1">
+    <path d="M45.5,24 C45.5,25.9 43.5,27.49 43.06,29.19 C42.62,30.89 43.73,33.37 42.89,34.93 C42.05,36.49 39.45,36.93 38.18,38.18 C36.91,39.43 36.55,42 34.93,42.89 C33.31,43.78 31.02,42.63 29.19,43.06 C27.36,43.49 25.9,45.5 24,45.5 C22.1,45.5 20.51,43.5 18.81,43.06 C17.11,42.62 14.63,43.73 13.07,42.89 C11.51,42.05 11.07,39.45 9.82,38.18 C8.57,36.91 6,36.55 5.11,34.93 C4.22,33.31 5.37,31.02 4.94,29.19 C4.51,27.36 2.5,25.9 2.5,24 C2.5,22.1 4.55,20.51 4.94,18.81 C5.33,17.11 4.27,14.63 5.11,13.07 C5.95,11.51 8.55,11.07 9.82,9.82 C11.09,8.57 11.45,6 13.07,5.11 C14.69,4.22 16.98,5.37 18.81,4.94 C20.64,4.51 22.1,2.5 24,2.5 C25.9,2.5 27.49,4.55 29.19,4.94 C30.89,5.33 33.37,4.27 34.93,5.11 C36.49,5.95 36.93,8.55 38.18,9.82 C39.43,11.09 42.02,11.45 42.89,13.07 C43.76,14.69 42.63,16.98 43.06,18.81 C43.49,20.64 45.5,22.1 45.5,24 z" fill-opacity="0" stroke="#906C40" stroke-width="3.91" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M29.86,16.18 L18.14,31.82" fill-opacity="0" stroke="#906C40" stroke-width="3.91" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M31.82,30.35 C31.82,31.162 31.162,31.82 30.35,31.82 C29.538,31.82 28.88,31.162 28.88,30.35 C28.88,29.538 29.538,28.88 30.35,28.88 C31.162,28.88 31.82,29.538 31.82,30.35 z" fill-opacity="0" stroke="#906C40" stroke-width="3.91" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M19.12,17.65 C19.12,18.462 18.462,19.12 17.65,19.12 C16.838,19.12 16.18,18.462 16.18,17.65 C16.18,16.838 16.838,16.18 17.65,16.18 C18.462,16.18 19.12,16.838 19.12,17.65 z" fill-opacity="0" stroke="#906C40" stroke-width="3.91" stroke-linecap="round" stroke-linejoin="round"/>
+  </g>
+</svg>

src/assets/productionChainMultiplier.svg

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0" y="0" width="48" height="48" viewBox="0, 0, 48, 48">
+  <g id="Layer_1">
+    <path d="M45.5,24 C45.5,25.9 43.5,27.49 43.06,29.19 C42.62,30.89 43.73,33.37 42.89,34.93 C42.05,36.49 39.45,36.93 38.18,38.18 C36.91,39.43 36.55,42 34.93,42.89 C33.31,43.78 31.02,42.63 29.19,43.06 C27.36,43.49 25.9,45.5 24,45.5 C22.1,45.5 20.51,43.5 18.81,43.06 C17.11,42.62 14.63,43.73 13.07,42.89 C11.51,42.05 11.07,39.45 9.82,38.18 C8.57,36.91 6,36.55 5.11,34.93 C4.22,33.31 5.37,31.02 4.94,29.19 C4.51,27.36 2.5,25.9 2.5,24 C2.5,22.1 4.55,20.51 4.94,18.81 C5.33,17.11 4.27,14.63 5.11,13.07 C5.95,11.51 8.55,11.07 9.82,9.82 C11.09,8.57 11.45,6 13.07,5.11 C14.69,4.22 16.98,5.37 18.81,4.94 C20.64,4.51 22.1,2.5 24,2.5 C25.9,2.5 27.49,4.55 29.19,4.94 C30.89,5.33 33.37,4.27 34.93,5.11 C36.49,5.95 36.93,8.55 38.18,9.82 C39.43,11.09 42.02,11.45 42.89,13.07 C43.76,14.69 42.63,16.98 43.06,18.81 C43.49,20.64 45.5,22.1 45.5,24 z" fill-opacity="0" stroke="#906C40" stroke-width="3.91" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M29.86,16.18 L18.14,31.82" fill-opacity="0" stroke="#906C40" stroke-width="3.91" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M31.82,30.35 C31.82,31.162 31.162,31.82 30.35,31.82 C29.538,31.82 28.88,31.162 28.88,30.35 C28.88,29.538 29.538,28.88 30.35,28.88 C31.162,28.88 31.82,29.538 31.82,30.35 z" fill-opacity="0" stroke="#906C40" stroke-width="3.91" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M19.12,17.65 C19.12,18.462 18.462,19.12 17.65,19.12 C16.838,19.12 16.18,18.462 16.18,17.65 C16.18,16.838 16.838,16.18 17.65,16.18 C18.462,16.18 19.12,16.838 19.12,17.65 z" fill-opacity="0" stroke="#906C40" stroke-width="3.91" stroke-linecap="round" stroke-linejoin="round"/>
+  </g>
+</svg>

src/components/InfoCard/InfoCardItem.vue

@@ -4,7 +4,8 @@
       <q-img :src="icon" class="info-icon"></q-img>
     </q-item-section>
     <q-item-section>
-      <span>{{ text }}</span>
+      <q-item-label>{{ text }}</q-item-label>
+      <q-item-label>{{ additionalText }}</q-item-label>
     </q-item-section>
   </q-item>
 </template>
@@ -14,5 +15,6 @@
 defineProps<{
   icon: string;
   text: string;
+  additionalText?: string;
 }>();
 </script>

src/components/InfoCardBase.vue

@@ -14,8 +14,8 @@
 </template>
 
 <script setup lang="ts">
-import InfoCardItem from './info_card/InfoCardItem.vue';
+import InfoCardItem from './InfoCard/InfoCardItem.vue';
-import InfoCardItemWorld from './info_card/InfoCardItemWorld.vue';
+import InfoCardItemWorld from './InfoCard/InfoCardItemWorld.vue';
 import { itemData, worldItemData } from 'src/pages/data/info-card';
 </script>
 

src/components/ProductionChain.vue

@@ -1,4 +1,11 @@
 <template>
+  <div
+    v-if="chainMultiplier"
+    class="text-right absolute chain-multiplier q-pr-lg q-pt-md"
+  >
+    <q-img src="~assets/productionChainMultiplier.svg" width="60px"></q-img>
+    {{ chainMultiplier }}
+  </div>
   <div ref="diagram"></div>
   <q-separator inset class="q-mb-sm" />
 </template>
@@ -14,6 +21,7 @@ const diagram = ref<HTMLInputElement | null>(null);
 const props = defineProps<{
   productionChain: string;
   mermaidDefinition: string;
+  chainMultiplier?: string;
 }>();
 
 watchEffect(() => {
@@ -66,4 +74,10 @@ watchEffect(() => {
   display: flex;
   flex-direction: column;
 }
+
+.chain-multiplier {
+  font-size: 2.5rem;
+  font-weight: bold;
+  right: 0;
+}
 </style>

src/css/app.scss

@@ -2,6 +2,7 @@
 @import 'src/css/rubik-font.scss';
 @import 'src/css/mermaid.scss';
 
+// Font & Text
 @font-face {
   font-family: Soleil;
   src: url('assets/fonts/SoleilRegular.otf');
@@ -21,6 +22,7 @@
   color: #a47718 !important;
 }
 
+// Background
 .bg-off-black {
   background: $off-black !important;
 }

src/pages/AnnoBase.vue

@@ -7,7 +7,11 @@
       <div class="flex-break item"></div>
       <div class="flex-break item"></div>
 
-      <ChainTiers title="Information" :col-break="false">
+      <ChainTiers
+        title="Information"
+        :col-break="false"
+        class="masonry-col item"
+      >
         <InfoCardBase></InfoCardBase>
       </ChainTiers>
       <ChainTiers
@@ -22,6 +26,7 @@
             v-for="chain in tier.productionChains"
             :key="chain.productionChain"
             :production-chain="chain.productionChain"
+            :chain-multiplier="chain.chainMultiplier"
             :mermaid-definition="chain.mermaidDefinition"
           ></ProductionChain>
         </div>

src/pages/data/icons.ts

@@ -92,7 +92,6 @@ import paperIcon from 'assets/annoIcons/Icon_paper_0.webp';
 import parkasIcon from 'assets/annoIcons/Parka_Factory.webp';
 import pearlsIcon from 'assets/annoIcons/Pearls.webp';
 import pemmicanIcon from 'assets/annoIcons/Pemmican_Cookhouse.webp';
-import pigIcon from 'assets/annoIcons/Pigs.webp';
 import pigsIcon from 'assets/annoIcons/Pigs.webp';
 import pipesIcon from 'assets/annoIcons/Icon_tobacco_pipes_0.webp';
 import plantainPlantationIcon from 'assets/annoIcons/Plantains.webp';

src/pages/data/info-card.ts

@@ -1,4 +1,5 @@
 import * as icons from './icons';
+import fullChainMultiplierIcon from 'assets/productionChainMultiplier.svg';
 
 export const worldItemData = [
   {
@@ -19,8 +20,18 @@ export const worldItemData = [
 ];
 
 export const itemData = [
+  {
+    icon: icons.charcoalKilnIcon,
+    text: '2 Charcoal Kilns can be replaced with 1 Coal Mine'
+  },
   {
     icon: icons.electricityIcon,
     text: 'Building has electricity'
+  },
+  {
+    icon: fullChainMultiplierIcon,
+    text: 'Multiplier for a full chain. To scale chain to 100%:',
+    additionalText:
+      'multiply together number * efficiency * multiplier for each building in the chain.'
   }
 ];

src/pages/data/models.ts

@@ -6,5 +6,6 @@ export interface TieredProductionChain {
 
 export interface ProductionChain {
   productionChain: string;
+  chainMultiplier?: string;
   mermaidDefinition: string;
 }

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

@@ -94,15 +94,17 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'bricks',
+        chainMultiplier: '2',
         mermaidDefinition: endent`
         flowchart LR
-        Clay(<img src='${icons.clayIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        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'>2</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>)
@@ -114,6 +116,7 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         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>)
@@ -126,6 +129,7 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         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>)
@@ -139,6 +143,7 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'mudBricks',
+        chainMultiplier: '4',
         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'>25%</span><span class='ratio-count'>1</span></span></span>)
         Teff(<img src='${icons.teffIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
@@ -210,20 +215,22 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'sausages',
+        chainMultiplier: '2',
         mermaidDefinition: endent`
         flowchart LR
-        Pig(<img src='${icons.pigIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        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>)
-        Sausages(<img src='${icons.sausageIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Sausages(<img src='${icons.sausageIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         Pig --> Sausages
         `
       },
       {
         productionChain: 'bread',
+        chainMultiplier: '2',
         mermaidDefinition: endent`
         flowchart LR
-        Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Flour(<img src='${icons.flourIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        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>)
-        Bread(<img src='${icons.breadIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Bread(<img src='${icons.breadIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
         Grain --> Flour --> Bread
         `
       },
@@ -239,12 +246,13 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'beer',
+        chainMultiplier: '2',
         mermaidDefinition: endent`
         flowchart LR
-        Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Grain(<img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        Malthouse(<img src='${icons.malthouseIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Malthouse(<span class='icon-flex-row'><img src='${icons.malthouseIcon}' 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>)
-        Brewery(<img src='${icons.breweryIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
+        Brewery(<img src='${icons.breweryIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
-        HopFarm(<img src='${icons.hopFarmIcon}' class='icon-size' /><span class='ratio-count'>3</span>)
+        HopFarm(<span class='icon-flex-row'><img src='${icons.hopFarmIcon}' 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>)
         Grain --> Malthouse --> Brewery
         HopFarm --> Brewery
         `
@@ -257,6 +265,7 @@ export const productionChainsBase: TieredProductionChain[] = [
     productionChains: [
       {
         productionChain: 'cannedFood',
+        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>)
@@ -270,6 +279,7 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'sewingMachines',
+        chainMultiplier: '2',
         mermaidDefinition: endent`
         flowchart LR
         Charcoal(<img src='${icons.charcoalKilnIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
@@ -284,6 +294,7 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'rum',
+        chainMultiplier: '2',
         mermaidDefinition: endent`
         flowchart LR
         SugarCane(<img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
@@ -326,6 +337,7 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'glasses',
+        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>)
@@ -340,6 +352,7 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'pocketWatches',
+        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>)
@@ -355,6 +368,7 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'lightBulb',
+        chainMultiplier: '2',
         mermaidDefinition: endent`
         flowchart LR
         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>)
@@ -382,6 +396,7 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'gramophone',
+        chainMultiplier: '4',
         mermaidDefinition: `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>) --> Marquetry(<img src='${icons.marquetryIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Gramophone(<img src='${icons.gramophoneIcon}' class='icon-size' /><span class='ratio-count'>1</span>); style Gramophone stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;; 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>) --> Gramophone`
       }
     ]
@@ -396,10 +411,12 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'sleepingBag',
+        chainMultiplier: '2',
         mermaidDefinition: `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>)`
       },
       {
         productionChain: 'oilLamp',
+        chainMultiplier: '2',
         mermaidDefinition: `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>) --> OilLamp`
       }
     ]
@@ -410,10 +427,12 @@ export const productionChainsBase: TieredProductionChain[] = [
     productionChains: [
       {
         productionChain: 'parkas',
+        chainMultiplier: '3',
         mermaidDefinition: `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>)`
       },
       {
         productionChain: 'huskySled',
+        chainMultiplier: '4',
         mermaidDefinition: `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>) --> HuskySled`
       }
     ]
@@ -424,6 +443,7 @@ export const productionChainsBase: TieredProductionChain[] = [
     productionChains: [
       {
         productionChain: 'finery',
+        chainMultiplier: '2',
         mermaidDefinition: `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>)`
       },
       {
@@ -432,6 +452,7 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'hibiscusTea',
+        chainMultiplier: '3',
         mermaidDefinition: `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>)`
       }
     ]
@@ -442,6 +463,7 @@ export const productionChainsBase: TieredProductionChain[] = [
     productionChains: [
       {
         productionChain: 'ceramics',
+        chainMultiplier: '2',
         mermaidDefinition: `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>) & 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>)`
       },
       {
@@ -450,18 +472,22 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'wat',
+        chainMultiplier: '2',
         mermaidDefinition: `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>) --> Wat`
       },
       {
         productionChain: 'pipes',
+        chainMultiplier: '6',
         mermaidDefinition: `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'>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>)`
       },
       {
         productionChain: 'luminer',
+        chainMultiplier: '4',
         mermaidDefinition: `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>); IndigoIcon(<img src='${icons.indigoIcon}' class='icon-size' /><span class='ratio-count'>1</span>) --> Luminer`
       },
       {
         productionChain: 'lanterns',
+        chainMultiplier: '2',
         mermaidDefinition: `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>) --> Lanterns`
       }
     ]
@@ -476,10 +502,12 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'tailors',
+        chainMultiplier: '2',
         mermaidDefinition: `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>) --> Tailors`
       },
       {
         productionChain: 'telephones',
+        chainMultiplier: '3',
         mermaidDefinition: `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>) --> Telephones; style Telephones stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;`
       }
     ]
@@ -504,10 +532,12 @@ export const productionChainsBase: TieredProductionChain[] = [
     productionChains: [
       {
         productionChain: 'weapons',
+        chainMultiplier: '6',
         mermaidDefinition: `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'>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'>33%</span><span class='ratio-count'>1</span></span></span>) --> Weapons(<img src='${icons.weaponsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)`
       },
       {
         productionChain: 'heavyWeapons',
+        chainMultiplier: '2',
         mermaidDefinition: `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(<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>) --> HeavyWeapons; style HeavyWeapons stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7`
       }
     ]
@@ -529,6 +559,7 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         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>)
@@ -540,6 +571,7 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'advancedCotton',
+        chainMultiplier: '2',
         mermaidDefinition: endent`
         flowchart LR
         Sheep(<img src='${icons.woolIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
@@ -579,6 +611,7 @@ export const productionChainsBase: TieredProductionChain[] = [
       },
       {
         productionChain: 'cigars',
+        chainMultiplier: '2',
         mermaidDefinition: `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>) --> Marquetry(<img src='${icons.marquetryIcon}' class='icon-size' /><span class='ratio-count'>2</span>) --> Cigars(<img src='${icons.cigarIcon}' class='icon-size' /><span class='ratio-count'>1</span>); Tobacco(<img src='${icons.tobaccoIcon}' class='icon-size' /><span class='ratio-count'>4</span>) --> Cigars`
       },
       {