diff --git a/src/components/energy/section-4/index.tsx b/src/components/energy/section-4/index.tsx index b3f9ba0..ab4dbcc 100644 --- a/src/components/energy/section-4/index.tsx +++ b/src/components/energy/section-4/index.tsx @@ -37,7 +37,7 @@ export default function Section4() { }, 'step-3': { initial: { top: '100%', opacity: 0 }, - animate: { top: isMobile ? '10%' : '10%', opacity: 1, transition }, + animate: { top: 0, opacity: 1, transition }, } }; @@ -52,7 +52,7 @@ export default function Section4() { const renderChart =
; @@ -100,14 +100,14 @@ export default function Section4() { } - {step !== 'step-1' && - + + {step !== 'step-1' && {step === 'step-2' && } {step === 'step-3' &&
- + -
- +
According to observations, it can be seen that during the first week of August 2018, temperatures reached 40°C in the southwestern part of the Iberian Peninsula due to a warm air intrusion that moved up from Africa. Two wildfires occurred in Spain during the heatwave, causing more than 4,500 burned hectares and thousands of people being evacuated. Some Spanish regions registered the highest number of deaths by heat stroke since official records started in 2004. A portion of health-related impacts could be mitigated by the use of air conditioning, but this caused a 10% rise in Iberian energy consumption and blackouts in Lisbon suburbs.
{renderChart}
-
- {legend} -
-
- Data source: average for xx months in 2018 +
+
+ {legend} +
+
+ Source: Destination Earth +
} - - } + } +
diff --git a/src/svgs/line.svg b/src/svgs/line.svg new file mode 100644 index 0000000..0539f81 --- /dev/null +++ b/src/svgs/line.svg @@ -0,0 +1,3 @@ + + +