add latest

docs/scaling_gas.md

@@ -0,0 +1,44 @@
+## department store
+
+needs 4 tons per min
+
+1 gas mine typically has 3-4 pumps available
+
+1 gas mine = 3 pumps
+1 pump = 0.22222
+
+need 4 tons of gas per min
+
+```
+4/0.22222= 18 pumps
+
+18/5=3.6
+5 mines @ 360%
+
+18/6=3
+6 mines @ 300%
+```
+
+---
+
+```
+5*3 = 15 pumps
+5*.6 = 3 pumps
+= 18 pumps
+```
+
+---
+
+## iron tower
+
+needs 1 ton per minute
+
+```
+1/0.222222 = 4.5 pumps
+
+4.5/1 = 4.5
+1 mine @ 450%
+
+4.5/2 = 2.25
+2 mines @ 225%
+```

src/components/ProductionChain.vue

@@ -1,11 +1,8 @@
 <template>
-  <div
+  <ProductionChainMultiplier
     v-if="chainMultiplier"
-    class="text-right absolute chain-multiplier q-pr-lg q-pt-md"
+    :chain-multiplier="chainMultiplier"
-  >
+  ></ProductionChainMultiplier>
-    <q-img src="~assets/productionChainMultiplier.svg" width="60px"></q-img>
-    {{ chainMultiplier }}
-  </div>
   <div ref="diagram"></div>
   <q-separator inset class="q-mb-sm" />
 </template>
@@ -13,6 +10,7 @@
 <script setup lang="ts">
 import { ref, watchEffect } from 'vue';
 import { mermaid } from 'composables/mermaid';
+import ProductionChainMultiplier from './ProductionChainMultiplier.vue';
 
 // DOM Refs
 const diagram = ref<HTMLInputElement | null>(null);
@@ -74,10 +72,4 @@ watchEffect(() => {
   display: flex;
   flex-direction: column;
 }
-
-.chain-multiplier {
-  font-size: 2.5rem;
-  font-weight: bold;
-  right: 0;
-}
 </style>

src/components/ProductionChainMultiplier.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="text-right absolute chain-multiplier q-pr-lg q-pt-md">
+    <q-img src="~assets/productionChainMultiplier.svg" width="60px"></q-img>
+    {{ chainMultiplier }}
+  </div>
+</template>
+
+<script setup lang="ts">
+defineProps<{
+  chainMultiplier: string;
+}>();
+</script>
+
+<style lang="scss">
+.chain-multiplier {
+  font-size: 2.5rem;
+  font-weight: bold;
+  right: 0;
+}
+</style>

src/pages/data/icons.ts

@@ -5,6 +5,7 @@ import archdukeSchnitzel from 'assets/annoIcons/Archdukes_Schnitzel.webp';
 import arcticIcon from 'assets/annoIcons/Icon_session_passage_0.png';
 import artisnalKitchenIcon from 'assets/annoIcons/Goulash.webp';
 import bananaSurpriseIcon from 'assets/annoIcons/Banana_Surprise.webp';
+import bankersLampsIcon from 'assets/annoIcons/Bankers_Lamps.webp';
 import bearIcon from 'assets/annoIcons/Bear_Hunting_Cabin.webp';
 import beefIcon from 'assets/annoIcons/Beef.webp';
 import blackMuscovyIcon from 'assets/annoIcons/Black_Muscovy.webp';
@@ -58,6 +59,7 @@ import fishFritesIcon from 'assets/annoIcons/Fish_and_Frites.webp';
 import fishIcon from 'assets/annoIcons/Fish.webp';
 import fishOilIcon from 'assets/annoIcons/Fish_Oil.webp';
 import flourIcon from 'assets/annoIcons/Flour.webp';
+import fourPosterBedsIcon from 'assets/annoIcons/Four-Poster_Beds.webp';
 import friedPlantainsIcon from 'assets/annoIcons/Fried_plantains.webp';
 import fuelIcon from 'assets/annoIcons/Fuel.webp';
 import furCoatsIcon from 'assets/annoIcons/Fur_Coats.webp';
@@ -96,6 +98,7 @@ import linenIcon from 'assets/annoIcons/Icon_linen_fabric_0.webp';
 import linseedIcon from 'assets/annoIcons/Icon_linen_farm_0.webp';
 import lobsterChemineeIcon from 'assets/annoIcons/Lobster_Cheminee.webp';
 import lobstersIcon from 'assets/annoIcons/Icon_seafood_0.webp';
+import loungeSeatingIcon from 'assets/annoIcons/Lounge_Seating.webp';
 import luminerIcon from 'assets/annoIcons/Icon_scriptures_0.webp';
 import malthouseIcon from 'assets/annoIcons/Malt.webp';
 import marquetryIcon from 'assets/annoIcons/Wood_veneers.webp';
@@ -158,6 +161,7 @@ import tortillasIcon from 'assets/annoIcons/Tortilla.webp';
 import tractorIcon from 'assets/annoIcons/TractorBarn.webp';
 import trifleTowerIcon from 'assets/annoIcons/Trifle_Tower.webp';
 import vaccumCleanersIcon from 'assets/annoIcons/Vacuum_Cleaners.webp';
+import vanityScreensIcon from 'assets/annoIcons/Vanity_Screens.webp';
 import venisonEnCrouteIcon from 'assets/annoIcons/Venison_en_Croute.webp';
 import venisonTartareIcon from 'assets/annoIcons/Venison_Tartare.webp';
 import watIcon from 'assets/annoIcons/Icon_wat_stew_0.webp';
@@ -167,6 +171,7 @@ import windowMakersIcon from 'assets/annoIcons/Windows.webp';
 import woodIcon from 'assets/annoIcons/Wood.webp';
 import woolIcon from 'assets/annoIcons/Wool.webp';
 import workClothesIcon from 'assets/annoIcons/Work_clothes.webp';
+import writingDesksIcon from 'assets/annoIcons/Writing_Desks.webp';
 import zincIcon from 'assets/annoIcons/Zinc.webp';
 
 export {
@@ -177,6 +182,7 @@ export {
   arcticIcon,
   artisnalKitchenIcon,
   bananaSurpriseIcon,
+  bankersLampsIcon,
   bearIcon,
   beefIcon,
   blackMuscovyIcon,
@@ -230,6 +236,7 @@ export {
   fishIcon,
   fishOilIcon,
   flourIcon,
+  fourPosterBedsIcon,
   friedPlantainsIcon,
   fuelIcon,
   furCoatsIcon,
@@ -268,6 +275,7 @@ export {
   linseedIcon,
   lobsterChemineeIcon,
   lobstersIcon,
+  loungeSeatingIcon,
   luminerIcon,
   malthouseIcon,
   marquetryIcon,
@@ -330,6 +338,7 @@ export {
   tractorIcon,
   trifleTowerIcon,
   vaccumCleanersIcon,
+  vanityScreensIcon,
   venisonEnCrouteIcon,
   venisonTartareIcon,
   watIcon,
@@ -339,5 +348,6 @@ export {
   woodIcon,
   woolIcon,
   workClothesIcon,
+  writingDesksIcon,
   zincIcon
 };

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

@@ -507,8 +507,47 @@ export const productionChainsExpansions: TieredProductionChain[] = [
       {
         productionChain: 'refrigerators',
         chainMultiplier: '4',
-        mermaidDefinition: endent``
+        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>)
+        Caoutchouc(<img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Gas(<span class='icon-flex-row'><img src='${icons.gasIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>450%</span><span class='ratio-count'>1</span></span></span>)
+        Refrigerators(<img src='${icons.refrigeratorsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        style Refrigerators stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
+        Iron & Coal --> Steel --> Refrigerators
+        Gas & Caoutchouc --> Refrigerators
+        `
+      },
+      {
+        productionChain: 'briefcases',
+        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>)
+        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>)
+        Briefcases(<img src='${icons.briefcasesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Cotton(<img src='${icons.cottonIcon}' class='icon-size' /><span class='ratio-count'>1</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>)
+        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>)
+        Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
+        Sanga(<img src='${icons.sangaIcon}' class='icon-size' /><span class='ratio-count'>1</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>)
+        style Briefcases stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
+        Copper & Zinc --> Brass --> Briefcases
+        Wood & Corn --> Ethanol
+        Cotton & CamphorWax & Ethanol --> Celluloid --> Briefcases
+        Sanga --> Briefcases
+        `
       }
     ]
+  },
+  {
+    colBreak: false,
+    tierName: 'Furniture Store',
+    productionChains: []
   }
 ];