Skip to content

Commit

Permalink
Update illustrations
Browse files Browse the repository at this point in the history
  • Loading branch information
Bluesmile82 committed Nov 15, 2024
1 parent 1f9d0eb commit ea18a2f
Show file tree
Hide file tree
Showing 11 changed files with 25 additions and 12 deletions.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
18 changes: 9 additions & 9 deletions src/components/energy/section-7/data.ts
Original file line number Diff line number Diff line change
Expand Up @@ -31,41 +31,41 @@ export const TAB_CONTENT = [
[
{
text: "Andrea is an energy engineer working for a public organisation at the European level. He is tasked with supplying policymakers with evidence-based facts to advance European energy policies. His main concerns are ensuring the security of the energy supply, the price and grid stability of the European energy system. Therefore, he is interested in estimating the energy supply in European and also neighbouring countries.",
image: "/images/energy-section-7-content-1-1.svg",
image: "/images/home-our-shared-impact-story1/info_story1-1.svg",
},
{
text: "Andrea gets information on wind resource data from current climate models, which provide wind speed data at 10 metres and at a low spatial resolution, since he is interested in national data. However, wind turbines are placed at a much higher height (around 100 m), and many times wind farms are placed in mountainous areas, which have a very particular orography not well captured by global climate models. This makes the estimation of potential wind energy production more challenging.",
image: "/images/energy-section-7-content-1-1.svg",
image: "/images/home-our-shared-impact-story1/info_story1-2.svg",
},
{
text: "He knows that the climate adaptation digital twin has revolutionised the way climate information is provided. Without hesitating he accesses the digital twin model outputs and realises that wind speed at 100 m height is available globally at high resolution. This information is extremely valuable for more accurately estimating the capacity factor, an indicator widely used by the energy sector and that corresponds to the amount of energy that a turbine produces compared to its maximum theoretical output.",
image: "/images/energy-section-7-content-1-1.svg",
image: "/images/home-our-shared-impact-story1/info_story1-3.svg",
},
{
text: "With this information, Andrea analyses the changes in the distribution of the capacity factor 30 years into the future. He can now estimate the changes in energy output in different wind farms and in different European countries. He provides this information to policymakers, who will be able to better plan for impacts on the energy demand and energy prices in the future (e.g., under more frequent heatwave episodes) as well as to better estimate particular regions that will become productive for renewable energy in the next decades.",
image: "/images/energy-section-7-content-1-1.svg",
image: "/images/home-our-shared-impact-story1/info_story1-4.svg",
},
{
text: "Andrea is an energy engineer working for a public organisation at the European level. He is tasked with supplying policymakers with evidence-based facts to advance European energy policies. His main concerns are ensuring the security of the energy supply, the price and grid stability of the European energy system. Therefore, he is interested in estimating the energy supply in European and also neighbouring countries.",
image: "/images/energy-section-7-content-1-1.svg",
image: "/images/home-our-shared-impact-story1/info_story1-5.svg",
},
],
[
{
text: "Picture Lisbon, the capital of Portugal, situated on the Atlantic coast. In the last 20 years, heatwaves have become a common occurrence here, and this summer is no different. Those with air conditioning at home can probably cope better with the scorching heat, but there is also a higher risk of blackouts if energy supply cannot meet the peak in the demand. To account for the climate hazards, their accompanying risks, and the possibilities of citizens in different vulnerability situations, an urban planning regulation is in place in Lisbon. Urban green infrastructure is vital to the city’s ability to cope with climate change.",
image: "/images/energy-section-7-content-1-1.svg",
image: "/images/home-our-shared-impact-story2/info_story2-1.svg",
},
{
text: "Ana, a geospatial data scientist with a passion for understanding the urban climate, has become skilled in running model simulations in her daily job. While analyzing the climate adaptiveness of Lisbon, she discovers that, unlike flooding and sea-level rise, changes in the urban climate are not translated into regulation enforcement. For example, ventilation corridors in the city valleys can become blocked if new settlements are built, ramping up the city temperature.",
image: "/images/energy-section-7-content-1-1.svg",
image: "/images/home-our-shared-impact-story2/info_story2-2.svg",
},
{
text: "By closely examining the climate maps, she confirms that the regional information available from climate models is not fit for building meaningful urban scenarios and forecasts. Due to the positioning and characteristics of Lisbon, a mountainous coastal city, the heat island effect is quite unique. With outputs from regional models, she is not able to capture the thermal signal between neighborhoods during a heatwave.",
image: "/images/energy-section-7-content-1-1.svg",
image: "/images/home-our-shared-impact-story2/info_story2-3.svg",
},
{
text: "Ana is aware of the recent climate modelling efforts to build a digital twin of the Earth’s climate. She finds out that the high-resolution model outputs from the digital twin can help her determine energy acclimatisation needs in the city, as well as to calculate other handy indicators during a heatwave, such as the number of tropical nights and the excess heat factor, which can help estimate health risks and hospital submission rates. The digital twin may help urban planners to interact with the simulations for a better understanding of the best adaptation practices against extreme temperatures in urban environments.",
image: "/images/energy-section-7-content-1-1.svg",
image: "/images/home-our-shared-impact-story2/info_story2-4.svg",
},
],
];
10 changes: 7 additions & 3 deletions src/components/energy/section-7/index.tsx
Original file line number Diff line number Diff line change
@@ -1,13 +1,17 @@
"use client";
import { useState } from "react";

import { motion, AnimatePresence } from "framer-motion";

import { cn } from "@/lib/utils";

import KnowMoreButton from "@/components/know-more-button";
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
import VideoPlayer from "@/components/video-player";

import { TAB_DATA } from "./data";
import TabContentItem from "./tab-content-item";
import TabTriggerItem from "./tab-trigger-item";
import { TAB_DATA } from "./data";
import { cn } from "@/lib/utils";
import VideoPlayer from "@/components/video-player";

const SharedImpactTabs = () => {
const [selectedValue, setSelectedValue] = useState(TAB_DATA[0].value);
Expand Down

0 comments on commit ea18a2f

Please sign in to comment.