mirror of
https://github.com/dtomlinson91/anno-production-chain-renderer.git
synced 2025-12-22 06:15:45 +00:00
update layout
This commit is contained in:
@@ -1,16 +1,16 @@
|
|||||||
<template>
|
<template>
|
||||||
<q-list separator class="big-font text-left">
|
<q-list separator class="big-font text-left">
|
||||||
<slot></slot>
|
<slot></slot>
|
||||||
<InfoCardItem
|
|
||||||
v-for="item in infoCardItemData"
|
|
||||||
:key="item.icon"
|
|
||||||
v-bind="item"
|
|
||||||
></InfoCardItem>
|
|
||||||
<InfoCardItemWorldIcon
|
<InfoCardItemWorldIcon
|
||||||
v-for="item in infoCardItemWorldData"
|
v-for="item in infoCardItemWorldData"
|
||||||
:key="item.icon"
|
:key="item.icon"
|
||||||
v-bind="item"
|
v-bind="item"
|
||||||
></InfoCardItemWorldIcon>
|
></InfoCardItemWorldIcon>
|
||||||
|
<InfoCardItem
|
||||||
|
v-for="item in infoCardItemData"
|
||||||
|
:key="item.icon"
|
||||||
|
v-bind="item"
|
||||||
|
></InfoCardItem>
|
||||||
</q-list>
|
</q-list>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -88,7 +88,7 @@ $column: 3;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.masonry-container {
|
.masonry-container {
|
||||||
height: 4500px;
|
height: 4400px;
|
||||||
|
|
||||||
.masonry-col {
|
.masonry-col {
|
||||||
width: 1000px;
|
width: 1000px;
|
||||||
|
|||||||
@@ -10,7 +10,10 @@
|
|||||||
:col-break="false"
|
:col-break="false"
|
||||||
class="masonry-col item"
|
class="masonry-col item"
|
||||||
>
|
>
|
||||||
<InfoCard>
|
<InfoCard
|
||||||
|
:info-card-item-data="miscItemData"
|
||||||
|
:info-card-item-world-data="miscItemWorldData"
|
||||||
|
>
|
||||||
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
|
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
|
||||||
</InfoCard>
|
</InfoCard>
|
||||||
</ChainTiers>
|
</ChainTiers>
|
||||||
@@ -48,6 +51,9 @@ 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 { miscItemData, miscItemWorldData } from 'src/pages/data/info-card';
|
||||||
|
|
||||||
// Icons
|
// Icons
|
||||||
import * as icons from './data/icons';
|
import * as icons from './data/icons';
|
||||||
|
|
||||||
@@ -82,7 +88,7 @@ $column: 3;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.masonry-container {
|
.masonry-container {
|
||||||
height: 4150px;
|
height: 4510px;
|
||||||
|
|
||||||
.masonry-col {
|
.masonry-col {
|
||||||
width: 1000px;
|
width: 1000px;
|
||||||
@@ -93,6 +99,6 @@ $column: 3;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.custom-width {
|
.custom-width {
|
||||||
width: 3200px;
|
width: 3150px;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -9,7 +9,10 @@
|
|||||||
:col-break="false"
|
:col-break="false"
|
||||||
class="masonry-col item"
|
class="masonry-col item"
|
||||||
>
|
>
|
||||||
<InfoCard>
|
<InfoCard
|
||||||
|
:info-card-item-data="season1ItemData"
|
||||||
|
:info-card-item-world-data="season1ItemWorldData"
|
||||||
|
>
|
||||||
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
|
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
|
||||||
</InfoCard>
|
</InfoCard>
|
||||||
</ChainTiers>
|
</ChainTiers>
|
||||||
@@ -47,6 +50,12 @@ 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 {
|
||||||
|
season1ItemData,
|
||||||
|
season1ItemWorldData
|
||||||
|
} from 'src/pages/data/info-card';
|
||||||
|
|
||||||
// Icons
|
// Icons
|
||||||
import * as icons from './data/icons';
|
import * as icons from './data/icons';
|
||||||
|
|
||||||
@@ -81,7 +90,7 @@ $column: 2;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.masonry-container {
|
.masonry-container {
|
||||||
height: 1430px;
|
height: 1450px;
|
||||||
|
|
||||||
.masonry-col {
|
.masonry-col {
|
||||||
width: 1000px;
|
width: 1000px;
|
||||||
|
|||||||
@@ -10,7 +10,10 @@
|
|||||||
:col-break="false"
|
:col-break="false"
|
||||||
class="masonry-col item"
|
class="masonry-col item"
|
||||||
>
|
>
|
||||||
<InfoCard>
|
<InfoCard
|
||||||
|
:info-card-item-data="season2ItemData"
|
||||||
|
:info-card-item-world-data="season2ItemWorldData"
|
||||||
|
>
|
||||||
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
|
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
|
||||||
</InfoCard>
|
</InfoCard>
|
||||||
</ChainTiers>
|
</ChainTiers>
|
||||||
@@ -48,6 +51,12 @@ 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 {
|
||||||
|
season2ItemData,
|
||||||
|
season2ItemWorldData
|
||||||
|
} from 'src/pages/data/info-card';
|
||||||
|
|
||||||
// Icons
|
// Icons
|
||||||
import * as icons from './data/icons';
|
import * as icons from './data/icons';
|
||||||
|
|
||||||
|
|||||||
@@ -11,7 +11,10 @@
|
|||||||
:col-break="false"
|
:col-break="false"
|
||||||
class="masonry-col item"
|
class="masonry-col item"
|
||||||
>
|
>
|
||||||
<InfoCard>
|
<InfoCard
|
||||||
|
:info-card-item-data="season3ItemData"
|
||||||
|
:info-card-item-world-data="season3ItemWorldData"
|
||||||
|
>
|
||||||
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
|
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
|
||||||
</InfoCard>
|
</InfoCard>
|
||||||
</ChainTiers>
|
</ChainTiers>
|
||||||
@@ -49,6 +52,12 @@ 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 {
|
||||||
|
season3ItemData,
|
||||||
|
season3ItemWorldData
|
||||||
|
} from 'src/pages/data/info-card';
|
||||||
|
|
||||||
// Icons
|
// Icons
|
||||||
import * as icons from './data/icons';
|
import * as icons from './data/icons';
|
||||||
|
|
||||||
|
|||||||
@@ -10,7 +10,10 @@
|
|||||||
:col-break="false"
|
:col-break="false"
|
||||||
class="masonry-col item"
|
class="masonry-col item"
|
||||||
>
|
>
|
||||||
<InfoCard>
|
<InfoCard
|
||||||
|
:info-card-item-data="season4ItemData"
|
||||||
|
:info-card-item-world-data="season4ItemWorldData"
|
||||||
|
>
|
||||||
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
|
<InfoCardItem v-bind="expansionInfoItem"></InfoCardItem>
|
||||||
</InfoCard>
|
</InfoCard>
|
||||||
</ChainTiers>
|
</ChainTiers>
|
||||||
@@ -48,6 +51,12 @@ 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 {
|
||||||
|
season4ItemData,
|
||||||
|
season4ItemWorldData
|
||||||
|
} from 'src/pages/data/info-card';
|
||||||
|
|
||||||
// Icons
|
// Icons
|
||||||
import * as icons from './data/icons';
|
import * as icons from './data/icons';
|
||||||
|
|
||||||
@@ -82,7 +91,7 @@ $column: 3;
|
|||||||
}
|
}
|
||||||
|
|
||||||
.masonry-container {
|
.masonry-container {
|
||||||
height: 5280px;
|
height: 5900px;
|
||||||
|
|
||||||
.masonry-col {
|
.masonry-col {
|
||||||
width: 1000px;
|
width: 1000px;
|
||||||
|
|||||||
@@ -75,35 +75,137 @@ export const baseItemData: InfoCardItem[] = [
|
|||||||
id: 'electricity',
|
id: 'electricity',
|
||||||
icon: icons.electricityIcon,
|
icon: icons.electricityIcon,
|
||||||
text: 'Building requires electricity.'
|
text: 'Building requires electricity.'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'fullChain',
|
||||||
|
icon: fullChainMultiplierIcon,
|
||||||
|
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'
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
export const baseItemWorldData: InfoCardItemWorldIcon[] = [
|
export const baseItemWorldData: InfoCardItemWorldIcon[] = [
|
||||||
{
|
{
|
||||||
id: 'furs',
|
id: 'baseFurs',
|
||||||
icon: icons.fursIcon,
|
icon: icons.fursIcon,
|
||||||
textPre: 'Furs use Old World',
|
textPre: 'Furs use Old World',
|
||||||
textPost: 'production rates.',
|
textPost: 'production rates.',
|
||||||
worldIcon: icons.oldWorldIcon
|
worldIcon: icons.oldWorldIcon
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'gold',
|
||||||
|
icon: icons.goldOreIcon,
|
||||||
|
textPre: 'Gold mines use New World',
|
||||||
|
textPost: 'production rates.',
|
||||||
|
worldIcon: icons.newWorldIcon
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|
||||||
// Misc
|
// Misc
|
||||||
export const miscItemData: InfoCardItem[] = [];
|
export const miscItemData: InfoCardItem[] = [
|
||||||
export const miscItemWorldData: InfoCardItemWorldIcon[] = [];
|
{
|
||||||
|
id: 'electricity',
|
||||||
|
icon: icons.electricityIcon,
|
||||||
|
text: 'Building requires electricity.'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'fullChain',
|
||||||
|
icon: fullChainMultiplierIcon,
|
||||||
|
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'
|
||||||
|
}
|
||||||
|
];
|
||||||
|
export const miscItemWorldData: InfoCardItemWorldIcon[] = [
|
||||||
|
{
|
||||||
|
id: 'clay',
|
||||||
|
icon: icons.clayIcon,
|
||||||
|
textPre: 'Enbesa',
|
||||||
|
textPost: ' production chains use Clay Collectors.',
|
||||||
|
worldIcon: icons.enbesaIcon
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
// S1
|
// S1
|
||||||
export const season1ItemData: InfoCardItem[] = [];
|
export const season1ItemData: InfoCardItem[] = [
|
||||||
|
{
|
||||||
|
id: 'fullChain',
|
||||||
|
icon: fullChainMultiplierIcon,
|
||||||
|
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'
|
||||||
|
}
|
||||||
|
];
|
||||||
export const season1ItemWorldData: InfoCardItemWorldIcon[] = [];
|
export const season1ItemWorldData: InfoCardItemWorldIcon[] = [];
|
||||||
|
|
||||||
// S2
|
// S2
|
||||||
export const season2ItemData: InfoCardItem[] = [];
|
export const season2ItemData: InfoCardItem[] = [
|
||||||
export const season2ItemWorldData: InfoCardItemWorldIcon[] = [];
|
{
|
||||||
|
id: 'electricity',
|
||||||
|
icon: icons.electricityIcon,
|
||||||
|
text: 'Building requires electricity.'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'fullChain',
|
||||||
|
icon: fullChainMultiplierIcon,
|
||||||
|
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'
|
||||||
|
}
|
||||||
|
];
|
||||||
|
export const season2ItemWorldData: InfoCardItemWorldIcon[] = [
|
||||||
|
{
|
||||||
|
id: 'clay',
|
||||||
|
icon: icons.clayIcon,
|
||||||
|
textPre: 'Enbesa',
|
||||||
|
textPost: ' production chains use Clay Collectors.',
|
||||||
|
worldIcon: icons.enbesaIcon
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|
||||||
// S3
|
// S3
|
||||||
export const season3ItemData: InfoCardItem[] = [];
|
export const season3ItemData: InfoCardItem[] = [
|
||||||
|
{
|
||||||
|
id: 'electricity',
|
||||||
|
icon: icons.electricityIcon,
|
||||||
|
text: 'Building requires electricity.'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'fullChain',
|
||||||
|
icon: fullChainMultiplierIcon,
|
||||||
|
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'
|
||||||
|
}
|
||||||
|
];
|
||||||
export const season3ItemWorldData: InfoCardItemWorldIcon[] = [];
|
export const season3ItemWorldData: InfoCardItemWorldIcon[] = [];
|
||||||
|
|
||||||
// S4
|
// S4
|
||||||
export const season4ItemData: InfoCardItem[] = [];
|
export const season4ItemData: InfoCardItem[] = [
|
||||||
export const season4ItemWorldData: InfoCardItemWorldIcon[] = [];
|
{
|
||||||
|
id: 'airship',
|
||||||
|
icon: icons.airshipIcon,
|
||||||
|
text: 'Airship drop chain ratios are the same for Old World & New World.'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'charcoal',
|
||||||
|
icon: icons.charcoalKilnIcon,
|
||||||
|
text: '2 Charcoal Kilns can be replaced with 1 Coal Mine.'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'electricity',
|
||||||
|
icon: icons.electricityIcon,
|
||||||
|
text: 'Building requires electricity.'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
id: 'fullChain',
|
||||||
|
icon: fullChainMultiplierIcon,
|
||||||
|
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'
|
||||||
|
}
|
||||||
|
];
|
||||||
|
export const season4ItemWorldData: InfoCardItemWorldIcon[] = [
|
||||||
|
{
|
||||||
|
id: 'hacienda',
|
||||||
|
icon: icons.haciendaIcon,
|
||||||
|
textPre: 'Hacienda chains use New World',
|
||||||
|
textPost: 'buildings.',
|
||||||
|
worldIcon: icons.newWorldIcon
|
||||||
|
}
|
||||||
|
];
|
||||||
|
|||||||
@@ -200,13 +200,14 @@ export const productionChainsBase: TieredProductionChain[] = [
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
productionChain: 'steamCarriages',
|
productionChain: 'steamCarriages',
|
||||||
|
chainMultiplier: '2',
|
||||||
mermaidDefinition: endent`
|
mermaidDefinition: endent`
|
||||||
flowchart LR
|
flowchart LR
|
||||||
SteamMotors(<img src='${icons.steamMotorsIcon}' class='icon-size' /><span class='ratio-count'>3</span>)
|
SteamMotors(<span class='icon-flex-row'><img src='${icons.steamMotorsIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>150%</span><span class='ratio-count'>2</span></span></span>); style SteamMotors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7;
|
||||||
SteamCarriages(<img src='${icons.steamCarriagesIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
|
SteamCarriages(<img src='${icons.steamCarriagesIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||||
Wood(<img src='${icons.woodIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||||
Caoutchouc(<img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>4</span>)
|
Caoutchouc(<img src='${icons.caoutchoucIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
|
||||||
Coaches(<img src='${icons.coachMakersIcon}' class='icon-size' /><span class='ratio-count'>8</span>)
|
Coaches(<img src='${icons.coachMakersIcon}' class='icon-size' /><span class='ratio-count'>4</span>)
|
||||||
SteamCarriages
|
SteamCarriages
|
||||||
style SteamMotors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
|
style SteamMotors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
|
||||||
style SteamCarriages stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
|
style SteamCarriages stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
|
||||||
|
|||||||
@@ -253,9 +253,9 @@ export const productionChainsMisc: TieredProductionChain[] = [
|
|||||||
productionChain: 'siloss3',
|
productionChain: 'siloss3',
|
||||||
mermaidDefinition: endent`
|
mermaidDefinition: endent`
|
||||||
flowchart LR
|
flowchart LR
|
||||||
Dung(<img src='${icons.dungIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
Dung(<span class='icon-flex-row'><img src='${icons.dungIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span><img src='${icons.alpacaWoolIcon}' class='electricity-icon' /></span><span class='ratio-count'>3</span></span></span>)
|
||||||
Fertiliser(<img src='${icons.fertiliserIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
Fertiliser(<img src='${icons.fertiliserIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||||
Silo(<img src='${icons.siloIcon}' class='icon-size' /><span class='ratio-count'>5</span>)
|
Silo(<img src='${icons.siloIcon}' class='icon-size' /><span class='ratio-count'>10</span>)
|
||||||
Dung --> Fertiliser --> Silo
|
Dung --> Fertiliser --> Silo
|
||||||
`
|
`
|
||||||
}
|
}
|
||||||
@@ -333,15 +333,16 @@ export const productionChainsMisc: TieredProductionChain[] = [
|
|||||||
productionChains: [
|
productionChains: [
|
||||||
{
|
{
|
||||||
productionChain: 'steamMotors',
|
productionChain: 'steamMotors',
|
||||||
|
chainMultiplier: '3',
|
||||||
mermaidDefinition: endent`
|
mermaidDefinition: endent`
|
||||||
flowchart LR
|
flowchart LR
|
||||||
Coal(<img src='${icons.coalIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
SteamMotors(<img src='${icons.steamMotorsIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||||
Iron(<img src='${icons.ironIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
Coal(<span class='icon-flex-row'><img src='${icons.coalIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
|
||||||
Steel(<img src='${icons.steelIcon}' class='icon-size' /><span class='ratio-count'>2</span>)
|
Iron(<span class='icon-flex-row'><img src='${icons.ironIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>33.33%</span><span class='ratio-count'>1</span></span></span>)
|
||||||
SteamMotors(<img src='${icons.steamMotorsIcon}' class='icon-size' /><span class='ratio-count'>3</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.67%</span><span class='ratio-count'>1</span></span></span>)
|
||||||
Copper(<img src='${icons.copperIcon}' class='icon-size' /><span class='ratio-count'>2</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'>66.67%</span><span class='ratio-count'>1</span></span></span>)
|
||||||
Zinc(<img src='${icons.zincIcon}' class='icon-size' /><span class='ratio-count'>2</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'>66.67%</span><span class='ratio-count'>1</span></span></span>)
|
||||||
Brass(<img src='${icons.brassIcon}' class='icon-size' /><span class='ratio-count'>4</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.67%</span><span class='ratio-count'>2</span></span></span>)
|
||||||
style SteamMotors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
|
style SteamMotors stroke:#0675BD,stroke-width:5px,stroke-dasharray: 7 7
|
||||||
Coal & Iron --> Steel --> SteamMotors
|
Coal & Iron --> Steel --> SteamMotors
|
||||||
Copper & Zinc --> Brass --> SteamMotors
|
Copper & Zinc --> Brass --> SteamMotors
|
||||||
|
|||||||
@@ -169,6 +169,7 @@ export const productionChainsSeason2: TieredProductionChain[] = [
|
|||||||
},
|
},
|
||||||
{ colBreak: true, tierName: 'skip' },
|
{ colBreak: true, tierName: 'skip' },
|
||||||
{ colBreak: true, tierName: 'skip' },
|
{ colBreak: true, tierName: 'skip' },
|
||||||
|
{ colBreak: true, tierName: 'skip' },
|
||||||
{
|
{
|
||||||
colBreak: false,
|
colBreak: false,
|
||||||
tierName: 'Advanced Chains (Scholars)',
|
tierName: 'Advanced Chains (Scholars)',
|
||||||
|
|||||||
@@ -76,7 +76,7 @@ export const productionChainsSeason4: TieredProductionChain[] = [
|
|||||||
productionChain: 'firestation',
|
productionChain: 'firestation',
|
||||||
chainMultiplier: '24',
|
chainMultiplier: '24',
|
||||||
mermaidDefinition: endent`
|
mermaidDefinition: endent`
|
||||||
flowchart LR;
|
flowchart TB;
|
||||||
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>)
|
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>)
|
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>)
|
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>)
|
||||||
@@ -248,6 +248,66 @@ export const productionChainsSeason4: TieredProductionChain[] = [
|
|||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
colBreak: false,
|
||||||
|
tierName: 'Hacienda',
|
||||||
|
productionChains: [
|
||||||
|
{
|
||||||
|
productionChain: 'hotSauce',
|
||||||
|
chainMultiplier: '2',
|
||||||
|
mermaidDefinition: endent`
|
||||||
|
flowchart LR
|
||||||
|
Spices(<span class='icon-flex-row icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.spicesIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||||
|
HotSauce(<img src='${icons.hotSauceIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||||
|
Spices --> HotSauce
|
||||||
|
`
|
||||||
|
},
|
||||||
|
{
|
||||||
|
productionChain: 'atole',
|
||||||
|
chainMultiplier: '2',
|
||||||
|
mermaidDefinition: endent`
|
||||||
|
flowchart LR
|
||||||
|
Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||||
|
SugarCane(<span class='icon-flex-row'><img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||||
|
Atole(<img src='${icons.atoleIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||||
|
Corn & SugarCane --> Atole
|
||||||
|
`
|
||||||
|
},
|
||||||
|
{
|
||||||
|
productionChain: 'haciendaRum',
|
||||||
|
chainMultiplier: '2',
|
||||||
|
mermaidDefinition: endent`
|
||||||
|
flowchart LR
|
||||||
|
SugarCane(<img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||||
|
Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||||
|
Rum(<img src='${icons.rumIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||||
|
SugarCane & Wood --> Rum
|
||||||
|
`
|
||||||
|
},
|
||||||
|
{
|
||||||
|
productionChain: 'haciendaSchnapps',
|
||||||
|
chainMultiplier: '2',
|
||||||
|
mermaidDefinition: endent`
|
||||||
|
flowchart LR
|
||||||
|
Potato(<span class='icon-flex-row icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.potatoIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
||||||
|
Schnapps(<span class='icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.schnappsIcon}' class='icon-size' /><span class='ratio-count'>1</span></span>)
|
||||||
|
Potato --> Schnapps
|
||||||
|
`
|
||||||
|
},
|
||||||
|
{
|
||||||
|
productionChain: 'haciendaBeer',
|
||||||
|
mermaidDefinition: endent`
|
||||||
|
flowchart LR
|
||||||
|
Grain(<span class='icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>1</span></span>)
|
||||||
|
Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
||||||
|
Beer(<span class='icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.breweryIcon}' class='icon-size' /><span class='ratio-count'>1</span></span>)
|
||||||
|
Grain & Corn --> Beer
|
||||||
|
`
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
{ colBreak: true, tierName: 'skip' },
|
||||||
|
{ colBreak: true, tierName: 'skip' },
|
||||||
{
|
{
|
||||||
colBreak: false,
|
colBreak: false,
|
||||||
tierName: 'Supply Factories | Airships',
|
tierName: 'Supply Factories | Airships',
|
||||||
@@ -329,65 +389,5 @@ export const productionChainsSeason4: TieredProductionChain[] = [
|
|||||||
`
|
`
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
|
||||||
{ colBreak: true, tierName: 'skip' },
|
|
||||||
{ colBreak: true, tierName: 'skip' },
|
|
||||||
{
|
|
||||||
colBreak: false,
|
|
||||||
tierName: 'Hacienda',
|
|
||||||
productionChains: [
|
|
||||||
{
|
|
||||||
productionChain: 'hotSauce',
|
|
||||||
chainMultiplier: '2',
|
|
||||||
mermaidDefinition: endent`
|
|
||||||
flowchart LR
|
|
||||||
Spices(<span class='icon-flex-row icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.spicesIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
|
||||||
HotSauce(<img src='${icons.hotSauceIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
|
||||||
Spices --> HotSauce
|
|
||||||
`
|
|
||||||
},
|
|
||||||
{
|
|
||||||
productionChain: 'atole',
|
|
||||||
chainMultiplier: '2',
|
|
||||||
mermaidDefinition: endent`
|
|
||||||
flowchart LR
|
|
||||||
Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
|
||||||
SugarCane(<span class='icon-flex-row'><img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
|
||||||
Atole(<img src='${icons.atoleIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
|
||||||
Corn & SugarCane --> Atole
|
|
||||||
`
|
|
||||||
},
|
|
||||||
{
|
|
||||||
productionChain: 'haciendaRum',
|
|
||||||
chainMultiplier: '2',
|
|
||||||
mermaidDefinition: endent`
|
|
||||||
flowchart LR
|
|
||||||
SugarCane(<img src='${icons.sugarCaneIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
|
||||||
Wood(<span class='icon-flex-row'><img src='${icons.woodIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
|
||||||
Rum(<img src='${icons.rumIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
|
||||||
SugarCane & Wood --> Rum
|
|
||||||
`
|
|
||||||
},
|
|
||||||
{
|
|
||||||
productionChain: 'haciendaSchnapps',
|
|
||||||
chainMultiplier: '2',
|
|
||||||
mermaidDefinition: endent`
|
|
||||||
flowchart LR
|
|
||||||
Potato(<span class='icon-flex-row icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.potatoIcon}' class='icon-size' /><span class='icon-flex-col q-pl-sm'><span class='efficiency-perc'>50%</span><span class='ratio-count'>1</span></span></span>)
|
|
||||||
Schnapps(<span class='icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.schnappsIcon}' class='icon-size' /><span class='ratio-count'>1</span></span>)
|
|
||||||
Potato --> Schnapps
|
|
||||||
`
|
|
||||||
},
|
|
||||||
{
|
|
||||||
productionChain: 'haciendaBeer',
|
|
||||||
mermaidDefinition: endent`
|
|
||||||
flowchart LR
|
|
||||||
Grain(<span class='icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.grainIcon}' class='icon-size' /><span class='ratio-count'>1</span></span>)
|
|
||||||
Corn(<img src='${icons.cornIcon}' class='icon-size' /><span class='ratio-count'>1</span>)
|
|
||||||
Beer(<span class='icon-regional-container'><img src='${icons.newWorldIcon}' class='icon-regional' /><img src='${icons.breweryIcon}' class='icon-size' /><span class='ratio-count'>1</span></span>)
|
|
||||||
Grain & Corn --> Beer
|
|
||||||
`
|
|
||||||
}
|
|
||||||
]
|
|
||||||
}
|
}
|
||||||
];
|
];
|
||||||
|
|||||||
Reference in New Issue
Block a user