dtomlinson/anno-production-chain-renderer
1
0
Fork 0
mirror of https://github.com/dtomlinson91/anno-production-chain-renderer.git synced 2025-12-21 22:05:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

move each season into own page, fix ratios

Browse Source
This commit is contained in:
Daniel Tomlinson
2023-12-09 03:01:04 +00:00
parent 51ca9e7c47
commit dbb449ee82
15 changed files with 318 additions and 311 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
docs/boilerplate_production_chains.md
View File

@@ -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

10
src/css/app.scss
View File

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

14
src/pages/AnnoBase.vue
View File

@@ -1,12 +1,11 @@
<template>
<q-page class="custom-width">
<div class="column masonry-container">
<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>
<div class="flex-break item"></div>
<div class="flex-break item"></div>
<ChainTiers
:title="expansionInfoItem.title"
:col-break="false"
@@ -37,6 +36,7 @@
</div>
</ChainTiers>
</div>
</div>
</q-page>
</template>
@@ -71,7 +71,7 @@ const expansionInfoItem = ref({
<style lang="scss">
// Masonry Layout - 5 cols
$column: 6;
$column: 4;
.flex-break {
flex: 1 0 100% !important;
@@ -89,15 +89,17 @@ $column: 6;
}
.masonry-container {
height: 2850px;
height: 4100px;
.masonry-col {
width: 1000px;
padding: 1px;
}
padding: 10px;
}
.custom-width {
width: 6100px;
width: 4200px;
}
</style>

18
src/pages/AnnoMisc.vue
View File

@@ -1,6 +1,7 @@
<template>
<q-page class="custom-width">
<div class="column masonry-container">
<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>
@@ -9,10 +10,7 @@
:col-break="false"
class="masonry-col item"
>
<InfoCard
:item-data="itemDataBase"
:item-world-data="worldItemDataBase"
>
<InfoCard>
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
</InfoCard>
</ChainTiers>
@@ -34,6 +32,7 @@
</div>
</ChainTiers>
</div>
</div>
</q-page>
</template>
@@ -49,9 +48,6 @@ import InfoCardItem from 'components/InfoCard/InfoCardItem.vue';
// Production Chain Data
import { productionChainsMisc } from './data/production-chains-misc';
// Info Card Data
import { itemDataBase, worldItemDataBase } from 'src/pages/data/info-card';
// Icons
import * as icons from './data/icons';
@@ -86,15 +82,17 @@ $column: 3;
}
.masonry-container {
height: 2250px;
height: 3900px;
.masonry-col {
width: 1000px;
padding: 1px;
}
padding: 10px;
}
.custom-width {
width: 3100px;
width: 3200px;
}
</style>

21
src/pages/AnnoSeason1.vue
View File

@@ -1,18 +1,15 @@
<template>
<q-page class="custom-width">
<div class="column masonry-container">
<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
:item-data="itemDataBase"
:item-world-data="worldItemDataBase"
>
<InfoCard>
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
</InfoCard>
</ChainTiers>
@@ -34,6 +31,7 @@
</div>
</ChainTiers>
</div>
</div>
</q-page>
</template>
@@ -49,9 +47,6 @@ import InfoCardItem from 'components/InfoCard/InfoCardItem.vue';
// Production Chain Data
import { productionChainsSeason1 } from './data/production-chains-season-1';
// Info Card Data
import { itemDataBase, worldItemDataBase } from 'src/pages/data/info-card';
// Icons
import * as icons from './data/icons';
@@ -68,7 +63,7 @@ const expansionInfoItem = ref({
<style lang="scss">
// Masonry Layout - 5 cols
$column: 3;
$column: 2;
.flex-break {
flex: 1 0 100% !important;
@@ -86,15 +81,17 @@ $column: 3;
}
.masonry-container {
height: 1400px;
height: 1430px;
.masonry-col {
width: 1000px;
padding: 1px;
}
padding: 10px;
}
.custom-width {
width: 3100px;
width: 2150px;
}
</style>

18
src/pages/AnnoSeason2.vue
View File

@@ -1,6 +1,7 @@
<template>
<q-page class="custom-width">
<div class="column masonry-container">
<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>
@@ -9,10 +10,7 @@
:col-break="false"
class="masonry-col item"
>
<InfoCard
:item-data="itemDataBase"
:item-world-data="worldItemDataBase"
>
<InfoCard>
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
</InfoCard>
</ChainTiers>
@@ -34,6 +32,7 @@
</div>
</ChainTiers>
</div>
</div>
</q-page>
</template>
@@ -49,9 +48,6 @@ import InfoCardItem from 'components/InfoCard/InfoCardItem.vue';
// Production Chain Data
import { productionChainsSeason2 } from './data/production-chains-season-2';
// Info Card Data
import { itemDataBase, worldItemDataBase } from 'src/pages/data/info-card';
// Icons
import * as icons from './data/icons';
@@ -86,15 +82,17 @@ $column: 3;
}
.masonry-container {
height: 2750px;
height: 2790px;
.masonry-col {
width: 1000px;
padding: 1px;
}
padding: 10px;
}
.custom-width {
width: 3100px;
width: 3150px;
}
</style>

18
src/pages/AnnoSeason3.vue
View File

@@ -1,6 +1,7 @@
<template>
<q-page class="custom-width">
<div class="column masonry-container">
<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>
@@ -10,10 +11,7 @@
:col-break="false"
class="masonry-col item"
>
<InfoCard
:item-data="itemDataBase"
:item-world-data="worldItemDataBase"
>
<InfoCard>
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
</InfoCard>
</ChainTiers>
@@ -35,6 +33,7 @@
</div>
</ChainTiers>
</div>
</div>
</q-page>
</template>
@@ -50,9 +49,6 @@ import InfoCardItem from 'components/InfoCard/InfoCardItem.vue';
// Production Chain Data
import { productionChainsSeason3 } from './data/production-chains-season-3';
// Info Card Data
import { itemDataBase, worldItemDataBase } from 'src/pages/data/info-card';
// Icons
import * as icons from './data/icons';
@@ -87,15 +83,17 @@ $column: 4;
}
.masonry-container {
height: 7650px;
height: 7690px;
.masonry-col {
width: 1000px;
padding: 1px;
}
padding: 10px;
}
.custom-width {
width: 4100px;
width: 4150px;
}
</style>

18
src/pages/AnnoSeason4.vue
View File

@@ -1,6 +1,7 @@
<template>
<q-page class="custom-width">
<div class="column masonry-container">
<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>
@@ -9,10 +10,7 @@
:col-break="false"
class="masonry-col item"
>
<InfoCard
:item-data="itemDataBase"
:item-world-data="worldItemDataBase"
>
<InfoCard>
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
</InfoCard>
</ChainTiers>
@@ -34,6 +32,7 @@
</div>
</ChainTiers>
</div>
</div>
</q-page>
</template>
@@ -49,9 +48,6 @@ import InfoCardItem from 'components/InfoCard/InfoCardItem.vue';
// Production Chain Data
import { productionChainsSeason4 } from './data/production-chains-season-4';
// Info Card Data
import { itemDataBase, worldItemDataBase } from 'src/pages/data/info-card';
// Icons
import * as icons from './data/icons';
@@ -86,15 +82,17 @@ $column: 3;
}
.masonry-container {
height: 7000px;
height: 5280px;
.masonry-col {
width: 1000px;
padding: 1px;
}
padding: 10px;
}
.custom-width {
width: 3100px;
width: 3150px;
}
</style>

44
src/pages/data/info-card.ts
View File

@@ -9,6 +9,11 @@ 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,
@@ -17,7 +22,7 @@ export const commonItemData: InfoCardItem[] = [
{
id: 'fullChain',
icon: fullChainMultiplierIcon,
text: 'The multiplier for a full chain. To scale chain to 100% multiply together (for every building in the chain): ',
text: 'The multiplier for a full chain. To scale chain to 100% multiply together (for every item in the chain): ',
additionalText: ' number of buildings × efficiency % × multiplier'
}
];
@@ -29,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[] = [
@@ -54,22 +65,15 @@ export const worldItemDataBase: InfoCardWorldItem[] = [
];
// S2 to S4
export const itemDataExpansions: InfoCardItem[] = [
{
id: 'airship',
icon: icons.airshipIcon,
text: 'Airship drop chain ratios are the same for Old World & New World.'
},
...commonItemData
];
// export const itemDataExpansions: InfoCardItem[] = [, ...commonItemData];
export const worldItemDataExpansions: InfoCardWorldItem[] = [
...commonWorldItemData,
{
id: 'hacienda',
icon: icons.haciendaIcon,
textPre: 'Hacienda chains use New World',
textPost: 'buildings.',
worldIcon: icons.newWorldIcon
}
];
// export const worldItemDataExpansions: InfoCardWorldItem[] = [
// ...commonWorldItemData,
// {
// id: 'hacienda',
// icon: icons.haciendaIcon,
// textPre: 'Hacienda chains use New World',
// textPost: 'buildings.',
// worldIcon: icons.newWorldIcon
// }
// ];

34
src/pages/data/production-chains-base.ts
View File

@@ -81,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>)
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>)
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>)
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.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
`
@@ -152,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>)
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>)
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.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>)
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>)
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>)
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.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.66%</span><span class='ratio-count'>1</span></span></span>)
Sand --> Glass --> Glasses
Copper & Zinc --> Brass --> Glasses
`
@@ -167,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>)
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>)
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>)
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.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.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>)
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>)
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.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
@@ -370,9 +370,9 @@ export const productionChainsBase: TieredProductionChain[] = [
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%</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%</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>)
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
`

10
src/pages/data/production-chains-misc.ts
View File

@@ -32,9 +32,9 @@ export const productionChainsMisc: TieredProductionChain[] = [
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>)
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
`
@@ -99,8 +99,8 @@ export const productionChainsMisc: TieredProductionChain[] = [
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>)
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
`

2
src/pages/data/production-chains-season-1.ts
View File

@@ -55,7 +55,7 @@ export const productionChainsSeason1: TieredProductionChain[] = [
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>)
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
`

16
src/pages/data/production-chains-season-2.ts
View File

@@ -34,7 +34,7 @@ export const productionChainsSeason2: TieredProductionChain[] = [
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>)
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
`
@@ -87,8 +87,8 @@ export const productionChainsSeason2: TieredProductionChain[] = [
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>)
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
`
@@ -155,11 +155,11 @@ export const productionChainsSeason2: TieredProductionChain[] = [
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>)
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%</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>)
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
@@ -167,6 +167,8 @@ export const productionChainsSeason2: TieredProductionChain[] = [
}
]
},
{ colBreak: true, tierName: 'skip' },
{ colBreak: true, tierName: 'skip' },
{
colBreak: false,
tierName: 'Advanced Chains (Scholars)',

2
src/pages/data/production-chains-season-3.ts
View File

@@ -129,7 +129,7 @@ export const productionChainsSeason3: 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>)

66
src/pages/data/production-chains-season-4.ts
View File

@@ -12,7 +12,7 @@ export const productionChainsSeason4: TieredProductionChain[] = [
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>)
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>)
@@ -66,7 +66,7 @@ export const productionChainsSeason4: 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>)
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;
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
@@ -77,11 +77,11 @@ export const productionChainsSeason4: TieredProductionChain[] = [
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>)
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
@@ -109,8 +109,8 @@ export const productionChainsSeason4: TieredProductionChain[] = [
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>)
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;
@@ -126,13 +126,13 @@ export const productionChainsSeason4: TieredProductionChain[] = [
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>)
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
@@ -153,7 +153,7 @@ export const productionChainsSeason4: TieredProductionChain[] = [
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>)
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>)
@@ -181,15 +181,15 @@ export const productionChainsSeason4: TieredProductionChain[] = [
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;
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
@@ -202,12 +202,12 @@ export const productionChainsSeason4: TieredProductionChain[] = [
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>)
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
@@ -236,7 +236,7 @@ export const productionChainsSeason4: TieredProductionChain[] = [
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;
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