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 ## 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 ## chain with electricity
@@ -31,7 +31,7 @@ Name(<img src='${heavyWeaponsIcon}' class='icon-size' /><span class='ratio-count
## chain with lower efficiency & electricity ## 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 ## chain with world icon

10
src/css/app.scss
View File

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

78
src/pages/AnnoBase.vue
View File

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

72
src/pages/AnnoMisc.vue
View File

@@ -1,38 +1,37 @@
<template> <template>
<q-page class="custom-width"> <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>
<ChainTiers <div class="flex-break item"></div>
:title="expansionInfoItem.title" <ChainTiers
:col-break="false" :title="expansionInfoItem.title"
class="masonry-col item" :col-break="false"
> class="masonry-col item"
<InfoCard
:item-data="itemDataBase"
:item-world-data="worldItemDataBase"
> >
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem> <InfoCard>
</InfoCard> <InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
</ChainTiers> </InfoCard>
<ChainTiers </ChainTiers>
v-for="tier in productionChainsMisc" <ChainTiers
:key="tier.tierName" v-for="tier in productionChainsMisc"
:title="tier.tierName" :key="tier.tierName"
:col-break="tier.colBreak" :title="tier.tierName"
class="masonry-col item" :col-break="tier.colBreak"
> class="masonry-col item"
<div v-if="!tier.colBreak"> >
<ProductionChain <div v-if="!tier.colBreak">
v-for="chain in tier.productionChains" <ProductionChain
:key="chain.productionChain" v-for="chain in tier.productionChains"
:production-chain="chain.productionChain" :key="chain.productionChain"
:chain-multiplier="chain.chainMultiplier" :production-chain="chain.productionChain"
:mermaid-definition="chain.mermaidDefinition" :chain-multiplier="chain.chainMultiplier"
></ProductionChain> :mermaid-definition="chain.mermaidDefinition"
</div> ></ProductionChain>
</ChainTiers> </div>
</ChainTiers>
</div>
</div> </div>
</q-page> </q-page>
</template> </template>
@@ -49,9 +48,6 @@ import InfoCardItem from 'components/InfoCard/InfoCardItem.vue';
// Production Chain Data // Production Chain Data
import { productionChainsMisc } from './data/production-chains-misc'; import { productionChainsMisc } from './data/production-chains-misc';
// Info Card Data
import { itemDataBase, worldItemDataBase } from 'src/pages/data/info-card';
// Icons // Icons
import * as icons from './data/icons'; import * as icons from './data/icons';
@@ -86,15 +82,17 @@ $column: 3;
} }
.masonry-container { .masonry-container {
height: 2250px; height: 3900px;
.masonry-col { .masonry-col {
width: 1000px; width: 1000px;
padding: 1px; padding: 1px;
} }
padding: 10px;
} }
.custom-width { .custom-width {
width: 3100px; width: 3200px;
} }
</style> </style>

73
src/pages/AnnoSeason1.vue
View File

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

72
src/pages/AnnoSeason2.vue
View File

@@ -1,38 +1,37 @@
<template> <template>
<q-page class="custom-width"> <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>
<ChainTiers <div class="flex-break item"></div>
:title="expansionInfoItem.title" <ChainTiers
:col-break="false" :title="expansionInfoItem.title"
class="masonry-col item" :col-break="false"
> class="masonry-col item"
<InfoCard
:item-data="itemDataBase"
:item-world-data="worldItemDataBase"
> >
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem> <InfoCard>
</InfoCard> <InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
</ChainTiers> </InfoCard>
<ChainTiers </ChainTiers>
v-for="tier in productionChainsSeason2" <ChainTiers
:key="tier.tierName" v-for="tier in productionChainsSeason2"
:title="tier.tierName" :key="tier.tierName"
:col-break="tier.colBreak" :title="tier.tierName"
class="masonry-col item" :col-break="tier.colBreak"
> class="masonry-col item"
<div v-if="!tier.colBreak"> >
<ProductionChain <div v-if="!tier.colBreak">
v-for="chain in tier.productionChains" <ProductionChain
:key="chain.productionChain" v-for="chain in tier.productionChains"
:production-chain="chain.productionChain" :key="chain.productionChain"
:chain-multiplier="chain.chainMultiplier" :production-chain="chain.productionChain"
:mermaid-definition="chain.mermaidDefinition" :chain-multiplier="chain.chainMultiplier"
></ProductionChain> :mermaid-definition="chain.mermaidDefinition"
</div> ></ProductionChain>
</ChainTiers> </div>
</ChainTiers>
</div>
</div> </div>
</q-page> </q-page>
</template> </template>
@@ -49,9 +48,6 @@ import InfoCardItem from 'components/InfoCard/InfoCardItem.vue';
// Production Chain Data // Production Chain Data
import { productionChainsSeason2 } from './data/production-chains-season-2'; import { productionChainsSeason2 } from './data/production-chains-season-2';
// Info Card Data
import { itemDataBase, worldItemDataBase } from 'src/pages/data/info-card';
// Icons // Icons
import * as icons from './data/icons'; import * as icons from './data/icons';
@@ -86,15 +82,17 @@ $column: 3;
} }
.masonry-container { .masonry-container {
height: 2750px; height: 2790px;
.masonry-col { .masonry-col {
width: 1000px; width: 1000px;
padding: 1px; padding: 1px;
} }
padding: 10px;
} }
.custom-width { .custom-width {
width: 3100px; width: 3150px;
} }
</style> </style>

74
src/pages/AnnoSeason3.vue
View File

@@ -1,39 +1,38 @@
<template> <template>
<q-page class="custom-width"> <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>
<ChainTiers <div class="flex-break item"></div>
:title="expansionInfoItem.title" <ChainTiers
:col-break="false" :title="expansionInfoItem.title"
class="masonry-col item" :col-break="false"
> class="masonry-col item"
<InfoCard
:item-data="itemDataBase"
:item-world-data="worldItemDataBase"
> >
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem> <InfoCard>
</InfoCard> <InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
</ChainTiers> </InfoCard>
<ChainTiers </ChainTiers>
v-for="tier in productionChainsSeason3" <ChainTiers
:key="tier.tierName" v-for="tier in productionChainsSeason3"
:title="tier.tierName" :key="tier.tierName"
:col-break="tier.colBreak" :title="tier.tierName"
class="masonry-col item" :col-break="tier.colBreak"
> class="masonry-col item"
<div v-if="!tier.colBreak"> >
<ProductionChain <div v-if="!tier.colBreak">
v-for="chain in tier.productionChains" <ProductionChain
:key="chain.productionChain" v-for="chain in tier.productionChains"
:production-chain="chain.productionChain" :key="chain.productionChain"
:chain-multiplier="chain.chainMultiplier" :production-chain="chain.productionChain"
:mermaid-definition="chain.mermaidDefinition" :chain-multiplier="chain.chainMultiplier"
></ProductionChain> :mermaid-definition="chain.mermaidDefinition"
</div> ></ProductionChain>
</ChainTiers> </div>
</ChainTiers>
</div>
</div> </div>
</q-page> </q-page>
</template> </template>
@@ -50,9 +49,6 @@ import InfoCardItem from 'components/InfoCard/InfoCardItem.vue';
// Production Chain Data // Production Chain Data
import { productionChainsSeason3 } from './data/production-chains-season-3'; import { productionChainsSeason3 } from './data/production-chains-season-3';
// Info Card Data
import { itemDataBase, worldItemDataBase } from 'src/pages/data/info-card';
// Icons // Icons
import * as icons from './data/icons'; import * as icons from './data/icons';
@@ -87,15 +83,17 @@ $column: 4;
} }
.masonry-container { .masonry-container {
height: 7650px; height: 7690px;
.masonry-col { .masonry-col {
width: 1000px; width: 1000px;
padding: 1px; padding: 1px;
} }
padding: 10px;
} }
.custom-width { .custom-width {
width: 4100px; width: 4150px;
} }
</style> </style>

72
src/pages/AnnoSeason4.vue
View File

@@ -1,38 +1,37 @@
<template> <template>
<q-page class="custom-width"> <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>
<ChainTiers <div class="flex-break item"></div>
:title="expansionInfoItem.title" <ChainTiers
:col-break="false" :title="expansionInfoItem.title"
class="masonry-col item" :col-break="false"
> class="masonry-col item"
<InfoCard
:item-data="itemDataBase"
:item-world-data="worldItemDataBase"
> >
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem> <InfoCard>
</InfoCard> <InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
</ChainTiers> </InfoCard>
<ChainTiers </ChainTiers>
v-for="tier in productionChainsSeason4" <ChainTiers
:key="tier.tierName" v-for="tier in productionChainsSeason4"
:title="tier.tierName" :key="tier.tierName"
:col-break="tier.colBreak" :title="tier.tierName"
class="masonry-col item" :col-break="tier.colBreak"
> class="masonry-col item"
<div v-if="!tier.colBreak"> >
<ProductionChain <div v-if="!tier.colBreak">
v-for="chain in tier.productionChains" <ProductionChain
:key="chain.productionChain" v-for="chain in tier.productionChains"
:production-chain="chain.productionChain" :key="chain.productionChain"
:chain-multiplier="chain.chainMultiplier" :production-chain="chain.productionChain"
:mermaid-definition="chain.mermaidDefinition" :chain-multiplier="chain.chainMultiplier"
></ProductionChain> :mermaid-definition="chain.mermaidDefinition"
</div> ></ProductionChain>
</ChainTiers> </div>
</ChainTiers>
</div>
</div> </div>
</q-page> </q-page>
</template> </template>
@@ -49,9 +48,6 @@ import InfoCardItem from 'components/InfoCard/InfoCardItem.vue';
// Production Chain Data // Production Chain Data
import { productionChainsSeason4 } from './data/production-chains-season-4'; import { productionChainsSeason4 } from './data/production-chains-season-4';
// Info Card Data
import { itemDataBase, worldItemDataBase } from 'src/pages/data/info-card';
// Icons // Icons
import * as icons from './data/icons'; import * as icons from './data/icons';
@@ -86,15 +82,17 @@ $column: 3;
} }
.masonry-container { .masonry-container {
height: 7000px; height: 5280px;
.masonry-col { .masonry-col {
width: 1000px; width: 1000px;
padding: 1px; padding: 1px;
} }
padding: 10px;
} }
.custom-width { .custom-width {
width: 3100px; width: 3150px;
} }
</style> </style>

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

@@ -9,6 +9,11 @@ export const commonItemData: InfoCardItem[] = [
icon: icons.charcoalKilnIcon, icon: icons.charcoalKilnIcon,
text: '2 Charcoal Kilns can be replaced with 1 Coal Mine.' 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', id: 'electricity',
icon: icons.electricityIcon, icon: icons.electricityIcon,
@@ -17,7 +22,7 @@ export const commonItemData: InfoCardItem[] = [
{ {
id: 'fullChain', id: 'fullChain',
icon: fullChainMultiplierIcon, 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' additionalText: ' number of buildings × efficiency % × multiplier'
} }
]; ];
@@ -29,10 +34,16 @@ const commonWorldItemData: InfoCardWorldItem[] = [
textPre: 'Gold mines use New World', textPre: 'Gold mines use New World',
textPost: 'production rates.', textPost: 'production rates.',
worldIcon: icons.newWorldIcon 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 itemDataBase: InfoCardItem[] = [...commonItemData];
export const worldItemDataBase: InfoCardWorldItem[] = [ export const worldItemDataBase: InfoCardWorldItem[] = [
@@ -54,22 +65,15 @@ export const worldItemDataBase: InfoCardWorldItem[] = [
]; ];
// S2 to S4 // 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
} // }
]; // ];

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

@@ -81,11 +81,11 @@ export const productionChainsBase: TieredProductionChain[] = [
chainMultiplier: '6', chainMultiplier: '6',
mermaidDefinition: endent` mermaidDefinition: endent`
flowchart LR 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>) 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 Beef & RedPepper --> ArtisnalKitchen --> Cannery
Iron --> Cannery Iron --> Cannery
` `
@@ -152,12 +152,12 @@ export const productionChainsBase: TieredProductionChain[] = [
chainMultiplier: '3', chainMultiplier: '3',
mermaidDefinition: endent` mermaidDefinition: endent`
flowchart LR 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>) 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 Sand --> Glass --> Glasses
Copper & Zinc --> Brass --> Glasses Copper & Zinc --> Brass --> Glasses
` `
@@ -167,12 +167,12 @@ export const productionChainsBase: TieredProductionChain[] = [
chainMultiplier: '3', chainMultiplier: '3',
mermaidDefinition: endent` mermaidDefinition: endent`
flowchart LR 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>) 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; style PocketWatches stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
GoldOre & Coal --> Gold --> PocketWatches GoldOre & Coal --> Gold --> PocketWatches
Sand --> Glass --> PocketWatches Sand --> Glass --> PocketWatches
@@ -370,9 +370,9 @@ export const productionChainsBase: TieredProductionChain[] = [
chainMultiplier: '6', chainMultiplier: '6',
mermaidDefinition: endent` mermaidDefinition: endent`
flowchart LR 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>) 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%</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%</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>) Weapons(<img src='${icons.weaponsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
CharcoalKiln & Iron --> Steel --> Weapons CharcoalKiln & Iron --> Steel --> Weapons
` `

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

@@ -32,9 +32,9 @@ export const productionChainsMisc: TieredProductionChain[] = [
chainMultiplier: '3', chainMultiplier: '3',
mermaidDefinition: endent` mermaidDefinition: endent`
flowchart LR 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>) 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%</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%</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>) SteelBeams(<img src='${icons.steelBeamsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
CharcoalKiln & Iron --> Steel --> SteelBeams CharcoalKiln & Iron --> Steel --> SteelBeams
` `
@@ -99,8 +99,8 @@ export const productionChainsMisc: TieredProductionChain[] = [
chainMultiplier: '9', chainMultiplier: '9',
mermaidDefinition: endent` mermaidDefinition: endent`
flowchart LR 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>) 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%</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>) Aluminium(<img src='${icons.aluminiumIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
Bauxite & Charcoal --> Aluminium Bauxite & Charcoal --> Aluminium
` `

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

@@ -55,7 +55,7 @@ export const productionChainsSeason1: TieredProductionChain[] = [
mermaidDefinition: endent` mermaidDefinition: endent`
flowchart LR flowchart LR
Bears(<img src='${icons.bearIcon}' class='icon-size' /><span class='ratio-count'>1</span>) 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>) Parkas(<img src='${icons.parkasIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
Bears & Seal --> Parkas Bears & Seal --> Parkas
` `

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

@@ -34,7 +34,7 @@ export const productionChainsSeason2: TieredProductionChain[] = [
chainMultiplier: '3', chainMultiplier: '3',
mermaidDefinition: endent` mermaidDefinition: endent`
flowchart LR 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>) HibiscusTea(<img src='${icons.hibiscusTeaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
HibiscusFarm --> HibiscusTea HibiscusFarm --> HibiscusTea
` `
@@ -87,8 +87,8 @@ export const productionChainsSeason2: TieredProductionChain[] = [
chainMultiplier: '6', chainMultiplier: '6',
mermaidDefinition: endent` mermaidDefinition: endent`
flowchart LR 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>) 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%</span><span class='ratio-count'>2</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>) Pipes(<img src='${icons.pipesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
Clay & Tobacco --> Pipes Clay & Tobacco --> Pipes
` `
@@ -155,11 +155,11 @@ export const productionChainsSeason2: TieredProductionChain[] = [
chainMultiplier: '3', chainMultiplier: '3',
mermaidDefinition: endent` mermaidDefinition: endent`
flowchart LR 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>) 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%</span><span class='ratio-count'>2</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>) 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>) 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%</span><span class='ratio-count'>2</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; style Telephones stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
Coal --> Filament --> Telephones Coal --> Filament --> Telephones
Wood --> Marquetry --> Telephones Wood --> Marquetry --> Telephones
@@ -167,6 +167,8 @@ export const productionChainsSeason2: TieredProductionChain[] = [
} }
] ]
}, },
{ colBreak: true, tierName: 'skip' },
{ colBreak: true, tierName: 'skip' },
{ {
colBreak: false, colBreak: false,
tierName: 'Advanced Chains (Scholars)', 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>) 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>) 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>) 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>) 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>) 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>) 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', chainMultiplier: '6',
mermaidDefinition: endent` mermaidDefinition: endent`
flowchart LR; 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>) 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>) 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>) 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>) 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>) 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>) 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 SugarCane --> Sugar --> Chocolate
Cocoa --> Chocolate Cocoa --> Chocolate
Milk & Chocolate & Citrus --> IceCream Milk & Chocolate & Citrus --> IceCream
@@ -77,11 +77,11 @@ export const productionChainsSeason4: TieredProductionChain[] = [
chainMultiplier: '24', chainMultiplier: '24',
mermaidDefinition: endent` mermaidDefinition: endent`
flowchart LR; 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>) 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'>9%</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'>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'>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'>17%</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'>13%</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>) FireDepartment(<img src='${icons.fireDepartment}' class='icon-size' /><span class='ratio-count'>1</span>)
Iron & Charcoal --> Steel Iron & Charcoal --> Steel
Steel & Caoutchouc --> FireExtinguisher --> FireDepartment Steel & Caoutchouc --> FireExtinguisher --> FireDepartment
@@ -109,8 +109,8 @@ export const productionChainsSeason4: TieredProductionChain[] = [
flowchart LR; 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>) 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>) 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>) 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'>38%</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>) 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; 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; 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', chainMultiplier: '24',
mermaidDefinition: endent` mermaidDefinition: endent`
flowchart LR; 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>) 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'>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'>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'>17%</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'>5%</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'>9%</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'>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'>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'>17%</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>) PoliceHeadquarters(<img src='${icons.policeHeadquartersIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
Iron & Charcoal --> Steel Iron & Charcoal --> Steel
Cotton --> CottonMill Cotton --> CottonMill
@@ -153,7 +153,7 @@ export const productionChainsSeason4: TieredProductionChain[] = [
flowchart LR; 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>) 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>) 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>) 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>) 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>) Caoutchouc(<img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
@@ -181,15 +181,15 @@ export const productionChainsSeason4: TieredProductionChain[] = [
productionChain: 'cinema', productionChain: 'cinema',
chainMultiplier: '12', chainMultiplier: '12',
mermaidDefinition: endent` mermaidDefinition: endent`
flowchart LR; 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'>9%</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'>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%</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%</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'>17%</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'>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'>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'>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'>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'>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'>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%</span><span class='ratio-count'>1</span></span></span>); style Saltpeter stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7; 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>) Cinema(<img src='${icons.cinemaIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
Wood & Corn --> Ethanol Wood & Corn --> Ethanol
Cotton & CamphorWax & Ethanol --> Celluloid Cotton & CamphorWax & Ethanol --> Celluloid
@@ -202,12 +202,12 @@ export const productionChainsSeason4: TieredProductionChain[] = [
chainMultiplier: '24', chainMultiplier: '24',
mermaidDefinition: endent` mermaidDefinition: endent`
flowchart LR; 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>) 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'>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'>9%</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'>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'>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'>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'>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'>13%</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>) Hospital(<img src='${icons.hospitalIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
Wood & Corn --> Ethanol Wood & Corn --> Ethanol
Orchid & Ethanol & Herb --> Medicine 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>) 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; 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; 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 Wood & Corn --> Ethanol
Copper & Caoutchouc0 --> Cables Copper & Caoutchouc0 --> Cables
Cotton & CamphorWax & Ethanol --> Celluloid Cotton & CamphorWax & Ethanol --> Celluloid