diff --git a/src/components/InfoCard/InfoCardItemWorld.vue b/src/components/InfoCard/InfoCardItemWorld.vue
index b699916..3aece8b 100644
--- a/src/components/InfoCard/InfoCardItemWorld.vue
+++ b/src/components/InfoCard/InfoCardItemWorld.vue
@@ -5,9 +5,9 @@
- {{ text }}
+ {{ textPre }}
- production rates.
+ {{ textPost }}
@@ -18,6 +18,7 @@
defineProps<{
icon: string;
worldIcon: string;
- text: string;
+ textPre: string;
+ textPost: string;
}>();
diff --git a/src/components/ProductionChain.vue b/src/components/ProductionChain.vue
index 2647c1b..2f7f9d8 100644
--- a/src/components/ProductionChain.vue
+++ b/src/components/ProductionChain.vue
@@ -68,6 +68,18 @@ watchEffect(() => {
flex-direction: row;
}
+.icon-regional-container {
+ margin-left: 45px;
+}
+
+.icon-regional {
+ width: 50px;
+ height: 50px;
+ position: absolute;
+ left: 0px;
+ top: 32px;
+}
+
.icon-flex-col {
display: flex;
flex-direction: column;
diff --git a/src/pages/data/info-card.ts b/src/pages/data/info-card.ts
index b6a28b9..20e6bf1 100644
--- a/src/pages/data/info-card.ts
+++ b/src/pages/data/info-card.ts
@@ -2,25 +2,32 @@ import * as icons from './icons';
import fullChainMultiplierIcon from 'assets/productionChainMultiplier.svg';
import { InfoCardItem, InfoCardWorldItem } from './models';
+export const commonWorldItemData: InfoCardWorldItem[] = [
+ {
+ id: 'gold',
+ icon: icons.goldOreIcon,
+ textPre: 'Gold mines use New World',
+ textPost: 'production rates.',
+ worldIcon: icons.newWorldIcon
+ }
+];
+
export const worldItemDataBase: InfoCardWorldItem[] = [
{
id: 'furs',
icon: icons.fursIcon,
- text: 'Furs use Old World',
+ textPre: 'Furs use Old World',
+ textPost: 'production rates.',
worldIcon: icons.oldWorldIcon
},
{
id: 'clay',
icon: icons.clayIcon,
- text: 'Clay uses Old World',
- worldIcon: icons.oldWorldIcon
+ textPre: 'Represents a Clay Mine. A clay collector includes Enbesa',
+ textPost: 'icon.',
+ worldIcon: icons.enbesaIcon
},
- {
- id: 'gold',
- icon: icons.goldOreIcon,
- text: 'Gold mines use New World',
- worldIcon: icons.newWorldIcon
- }
+ ...commonWorldItemData
];
export const itemDataBase: InfoCardItem[] = [
diff --git a/src/pages/data/models.ts b/src/pages/data/models.ts
index 46c6801..c648ca6 100644
--- a/src/pages/data/models.ts
+++ b/src/pages/data/models.ts
@@ -20,6 +20,7 @@ export interface InfoCardItem {
export interface InfoCardWorldItem {
id: string;
icon: string;
- text: string;
+ textPre: string;
+ textPost: string;
worldIcon: string;
}
diff --git a/src/pages/data/production-chains-base.ts b/src/pages/data/production-chains-base.ts
index 511ca88..fd420d7 100644
--- a/src/pages/data/production-chains-base.ts
+++ b/src/pages/data/production-chains-base.ts
@@ -145,7 +145,7 @@ export const productionChainsBase: TieredProductionChain[] = [
productionChain: 'mudBricks',
chainMultiplier: '4',
mermaidDefinition: endent`
- flowchart LR; Clay(
25%1)
+ flowchart LR; Clay(
25%1)
Teff(
1)
MudBricks(
1)
Clay & Teff --> MudBricks
diff --git a/src/pages/data/production-chains-expansions.ts b/src/pages/data/production-chains-expansions.ts
index 8d5d719..5b35f20 100644
--- a/src/pages/data/production-chains-expansions.ts
+++ b/src/pages/data/production-chains-expansions.ts
@@ -591,7 +591,7 @@ export const productionChainsExpansions: TieredProductionChain[] = [
flowchart LR
Copper(
50%1)
Zinc(
50%1)
- Brass(
1)
+ Brass(
1)
Sand(
50%1)
Glass(
50%1)
Coal(
25%1)