From 91714518e688dd0b98fadc008003506bb111aedc Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de>
Date: Sun, 29 Sep 2024 21:29:25 +0200
Subject: [PATCH] mendelow
---
.../Human Practices/HP svgs/mendelows.tsx | 360 ++++++++++++++++++
src/contents/Human Practices/IHP.tsx | 153 ++++++++
2 files changed, 513 insertions(+)
create mode 100644 src/contents/Human Practices/HP svgs/mendelows.tsx
diff --git a/src/contents/Human Practices/HP svgs/mendelows.tsx b/src/contents/Human Practices/HP svgs/mendelows.tsx
new file mode 100644
index 00000000..595a6180
--- /dev/null
+++ b/src/contents/Human Practices/HP svgs/mendelows.tsx
@@ -0,0 +1,360 @@
+export const WholeMendelow = () => (
+ <svg
+ viewBox="-1500 0 9000 6000"
+ xmlns="http://www.w3.org/2000/svg"
+ xmlnsXlink="http://www.w3.org/1999/xlink"
+ xmlSpace="preserve"
+ overflow="hidden"
+ >
+ <g transform="translate(-339 -829)">
+ <g>
+ <path
+ d="M28.6458-2.9618e-06 28.6462 3347.24-28.6455 3347.24-28.6458 2.9618e-06ZM85.9378 3318.59 0.000360892 3490.47-85.9372 3318.59Z"
+ fill="#32232C"
+ fillRule="nonzero"
+ fillOpacity={1}
+ transform="matrix(1 0 0 -1 871.5 5049.97)"
+ />
+ <path
+ d="M1286 1623.84C1286 1444.44 1431.44 1299 1610.84 1299L2910.16 1299C3089.56 1299 3235 1444.44 3235 1623.84L3235 2923.16C3235 3102.56 3089.56 3248 2910.16 3248L1610.84 3248C1431.44 3248 1286 3102.56 1286 2923.16Z"
+ fill="#B85BD1"
+ fillRule="evenodd"
+ fillOpacity={1}
+ />
+ <text
+ fill="var(--ourbeige)"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={400}
+ fontStretch="normal"
+ fontSize={147}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 1442.34 2089)"
+ >
+ {"High Power, Low Interest"}
+ </text>
+ <text
+ fill="var(--ourbeige)"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={238}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 1439.48 2548)"
+ >
+ {"Keep "}
+ </text>
+ <text
+ fill="var(--ourbeige)"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={238}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 2088.02 2548)"
+ >
+ {"Satisfied"}
+ </text>
+ <path
+ d="M3386 1623.84C3386 1444.44 3531.44 1299 3710.84 1299L5010.16 1299C5189.56 1299 5335 1444.44 5335 1623.84L5335 2923.16C5335 3102.56 5189.56 3248 5010.16 3248L3710.84 3248C3531.44 3248 3386 3102.56 3386 2923.16Z"
+ fill="#850E78"
+ fillRule="evenodd"
+ fillOpacity={1}
+ />
+ <text
+ fill="var(--ourbeige)"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={400}
+ fontStretch="normal"
+ fontSize={147}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 3525.83 2089)"
+ >
+ {"High Power, High Interest"}
+ </text>
+ <text
+ fill="var(--ourbeige)"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={238}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 3711.75 2548)"
+ >
+ {"Keep Close"}
+ </text>
+ <path
+ d="M1286 3743.84C1286 3564.44 1431.44 3419 1610.84 3419L2910.16 3419C3089.56 3419 3235 3564.44 3235 3743.84L3235 5043.16C3235 5222.56 3089.56 5368 2910.16 5368L1610.84 5368C1431.44 5368 1286 5222.56 1286 5043.16Z"
+ fill="var(--darkerbeige)"
+ fillRule="evenodd"
+ fillOpacity={1}
+ />
+ <text
+ fill="#32232C"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={400}
+ fontStretch="normal"
+ fontSize={147}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 1458.67 4208)"
+ >
+ {"Low Power, Low Interest"}
+ </text>
+ <text
+ fill="#32232C"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={238}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 1492.2 4667)"
+ >
+ {"Keep Minimal"}
+ </text>
+ <path
+ d="M3386 3743.84C3386 3564.44 3531.44 3419 3710.84 3419L5010.16 3419C5189.56 3419 5335 3564.44 5335 3743.84L5335 5043.16C5335 5222.56 5189.56 5368 5010.16 5368L3710.84 5368C3531.44 5368 3386 5222.56 3386 5043.16Z"
+ fill="#A0A7F3"
+ fillRule="evenodd"
+ fillOpacity={1}
+ />
+ <text
+ fill="var(--ourbeige)"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={400}
+ fontStretch="normal"
+ fontSize={147}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 3542.16 4208)"
+ >
+ {"High Power, Low Interest"}
+ </text>
+ <text
+ fill="var(--ourbeige)"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={238}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 3526.12 4667)"
+ >
+ {"Keep "}
+ </text>
+ <text
+ fill="var(--ourbeige)"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={238}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 4174.66 4667)"
+ >
+ {"Informed"}
+ </text>
+ <path
+ d="M28.6458-2.9618e-06 28.6462 3347.24-28.6455 3347.24-28.6458 2.9618e-06ZM85.9378 3318.59 0.000360892 3490.47-85.9372 3318.59Z"
+ fill="#32232C"
+ fillRule="nonzero"
+ fillOpacity={1}
+ transform="matrix(6.12323e-17 1 1 -6.12323e-17 1641.5 5804.5)"
+ />
+ <text
+ fill="#32232C"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={165}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(-1.83697e-16 -1 1 -1.83697e-16 665.153 4092)"
+ >
+ {"POWER "}
+ </text>
+ <text
+ fill="#32232C"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={165}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(-1.83697e-16 -1 1 -1.83697e-16 665.153 3423)"
+ >
+ {"OF IMPACT"}
+ </text>
+ <text
+ fill="#32232C"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={165}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 2368.38 6113)"
+ >
+ {"INTEREST "}
+ </text>
+ <text
+ fill="#32232C"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="normal"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={165}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 3230.04 6113)"
+ >
+ {"FOR PROJECT"}
+ </text>
+ <text
+ fill="#32232C"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="italic"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={183}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 654.587 5871)"
+ >
+ {"LOW"}
+ </text>
+ <text
+ fill="#32232C"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="italic"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={183}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 5684.95 5856)"
+ >
+ {"HIGH"}
+ </text>
+ <text
+ fill="#32232C"
+ fillOpacity={1}
+ fontFamily="Arial,Arial_MSFontService,sans-serif"
+ fontStyle="italic"
+ fontVariant="normal"
+ fontWeight={700}
+ fontStretch="normal"
+ fontSize={183}
+ textAnchor="start"
+ direction="ltr"
+ writingMode="lr-tb"
+ unicodeBidi="normal"
+ textDecoration="none"
+ transform="matrix(1 0 0 1 638.277 1067)"
+ >
+ {"HIGH"}
+ </text>
+ </g>
+ </g>
+ </svg>
+);
+
+
diff --git a/src/contents/Human Practices/IHP.tsx b/src/contents/Human Practices/IHP.tsx
index 569b4ca7..7fc8ad2f 100644
--- a/src/contents/Human Practices/IHP.tsx
+++ b/src/contents/Human Practices/IHP.tsx
@@ -1,14 +1,18 @@
import { ButtonOne } from "../../components/Buttons";
+import { H4, H5 } from "../../components/Headings";
import { HPTimeline } from "../../components/HP-timeline";
import { LoremMedium, LoremShort } from "../../components/Loremipsum";
import PreCyse from "../../components/precyse";
import { Section, Subesction } from "../../components/sections";
+import { useNavigation } from "../../utils";
import { HPFeedback } from "./Feedback";
import { HP3new } from "./HP svgs/hp3";
+import {WholeMendelow} from "./HP svgs/mendelows";
import { StakeholderManagement } from "./HP svgs/stakeholder-management";
import { HPUnderstanding } from "./HP svgs/understanding";
export function HPIntegrated(){
+ const { goToPageWithTabAndScroll} = useNavigation();
return(
<Section title="Integrated Human Practices" id="Integrated Human Practices">
@@ -51,6 +55,7 @@ export function HPIntegrated(){
<div className="align-items-center">
<StakeholderManagement/>
</div>
+ <H4 text="Stakeholder Management Framework"/>
<p>To clearly communicate to our stakeholders how they can support the <PreCyse/> project and the specific areas requiring
their input, we developed a stakeholder management framework highlighting four key areas. Starting at the bottom right of the
figure and moving clockwise, the first area needing feedback is <b>implementation</b>. It is crucial for our team to ensure that the project
@@ -65,9 +70,157 @@ export function HPIntegrated(){
</p>
</div>
<div className="col framecycletab" id="mendelow" style={{display: "none"}}>
+ <H4 text="Power-Interest Matrix according to Mendelow"/>
+ <p>Using the Mendelow Power-Interest Matrix, we classified the potential stakeholders associated with our project in terms of their power (the ability to provide important feedback on our project design and influence our project development) and interest in our project. The matrix consists of four quadrants arranged in descending order according to their priority level in the project:
+ </p>
+ <ul>
+ <li>High Power, High Interest (Key Players)</li>
+ <li>High Power, Low Interest (Keep Satisfied)</li>
+ <li>Low Power, High Interest (Keep Informed)</li>
+ <li>Low Power, Low Interest (Minimal Effort)</li>
+ </ul>
+ <p>This categorization helps to develop appropriate communication and management strategies for the different stakeholder groups and to ensure that their needs and influences are considered during the project.
+ </p>
+ <WholeMendelow/>
+ <div className="row">
+ <div className="col">
+ <a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "mendelow-one", scrollToId: "keyplayersH" })}>
+ <img src="https://static.igem.wiki/teams/5247/scientific-figures/mendelow-1.svg"/>
+ </a>
+ </div>
+ <div className="col">
+ <a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "mendelow-two", scrollToId: "keepH" })}>
+ <img src="https://static.igem.wiki/teams/5247/scientific-figures/mendelow-2.svg"/>
+ </a>
+ </div>
+ <div className="col">
+ <a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "mendelow-three", scrollToId: "informedH" })}>
+ <img src="https://static.igem.wiki/teams/5247/scientific-figures/mendelow-3-1.svg"/>
+ </a>
+ </div>
+ <div className="col">
+ <a onClick={() => goToPageWithTabAndScroll({path: "", tabId: "mendelow-four", scrollToId: "minimalH" })}>
+ <img src="https://static.igem.wiki/teams/5247/scientific-figures/mendelow-4.svg"/>
+ </a>
+ </div>
+ </div>
+ {/* TABS */}
+ <div className="mendelowtab" id="mendelow-one">
+ <H4 text="Key Players" id="keyplayersH"/>
+ <H5 text="High Power, High Interest - Priority Level 4"/>
+ <p>
+ Close support and extensive feedback are necessary to successfully implement PreCyse.
+ Target groups include experts and physicians with expertise in gene therapy and treatment
+ strategies for cystic fibrosis. The project has a reasonable, responsible, and future-oriented
+ significance for the world. Furthermore, scientific-technological knowledge and biosafety are
+ crucial. Collaboration with specialists in the field of gene therapy, cystic fibrosis, and different
+ treatment strategies ensures the quality and effectiveness of the solutions developed.
+ </p>
+
+ <p><b>Scientific community and research institutions</b></p>
+ <p>
+ This group includes researchers, scientists, and research institutions specializing in gene editing
+ and gene therapy. They have a high interest in the success of prime editing technology and have
+ the power to significantly influence the project, be it through collaborations, scientific support,
+ or critical reviews of the research results.
+ </p>
+
+ <p><b>Regulatory authorities (e.g. FDA, EMA)</b></p>
+ <p>
+ Regulatory agencies have both the power and the interest to ensure that gene therapy is safe and
+ effective. They are crucial for the approval and authorization of the therapy for clinical use.
+ </p>
+
+
+ </div>
+ <div className="mendelowtab" id="mendelow-two">
+ <H4 text=" Keep Satisfied" id="keepH"/>
+ <H5 text="High Power, Low Interest - Priority Level 3"/>
+ <p>
+ In order to successfully implement PreCyse, all concerns must be fully considered, even if they
+ may differ from the project interests. CF specialists, bioethics specialists, and regulatory experts
+ provide important information. Their input is beneficial to the implementation of our project.
+ These categories of experts help to ensure that the project is ethical and compliant with the law.
+ Their expertise ensures that all relevant aspects are covered.
+ </p>
+
+ <p><b>Government and public health authorities</b></p>
+ <p>
+ Although these stakeholders have some interest in new therapies that improve population health,
+ their day-to-day interest may not be specifically focused on the iGEM project. However, they have
+ the power to influence the project through funding, political support, or regulatory action.
+ </p>
+
+ <p><b>Pharmaceutical companies and industries</b></p>
+ <p>
+ Large pharmaceutical companies have the power to significantly support the project through
+ investment or strategic partnerships. However, their interest may be low for the time being until
+ the project has proven that it is commercially promising.
+ </p>
+
+ </div>
+ <div className="mendelowtab" id="mendelow-three">
+ <H4 text="Keep Informed" id="informedH"/>
+ <H5 text="KEEP INFORMED - Low Power, High Interest - Priority Level 2"/>
+ <p> <b>Potential users of PreCyse</b> </p>
+ <p>
+ are important for understanding the needs, even if their expertise
+ may not be sufficient to solve all the problems that arise in the project. It is therefore important to
+ keep them informed. These users include stakeholders as their needs coincide with the project.
+ Their feedback can provide valuable insights. This collaboration helps to better tailor the project
+ to user needs.
+ </p>
+ <p><b>Patients and patient organizations</b></p>
+ <p>
+
+ Patients suffering from cystic fibrosis and the organizations that support them have a high interest in
+ new therapies that could improve their quality of life. However, their power to influence the project
+ is limited.
+ </p>
+ <p> <b>Academic community and students</b></p>
+ <p>
+
+ This group includes universities, professors, and students who are interested in the latest research
+ in gene therapy. Although they do not have the direct power to influence the project, they can
+ support and promote the project through research and academic publications.
+ </p>
+
+ </div>
+ <div className="mendelowtab" id="mendelow-four">
+ <H4 text="Minimal Effort" id="minimalH"/>
+ <H5 text="Low Power, Low Interest - Priority Level 1" />
+ <p><b>Stakeholders who are regularly monitored</b></p>
+ <p>
+ may not be interested in the project and do not provide feedback. However, this can change over time.
+ Stakeholders in this category are involved in the right situation. For example, the public of Bielefeld is
+ essential for understanding the background information about the awareness of gene therapy or Cystic Fibrosis.
+ Their involvement occurs when it is relevant and other groups of people cannot meet their needs.
+ </p>
+
+ <p><b>General public of Bielefeld</b></p>
+ <p>
+ The public may have little interest and power in relation to the specific iGEM project. While a certain level
+ of education and awareness of the topic is important, intensive involvement of this group is generally not necessary.
+ </p>
+
+ <p><b>Media</b></p>
+ <p>
+ The media may have an interest in scientific breakthroughs and new technologies, but they tend to have little
+ power in terms of directly influencing the project. Nevertheless, strategic communication with the media can
+ be important to manage public perception.
+ </p>
+
+
+ </div>
</div>
<div className="col framecycletab" id="swot" style={{display: "none"}}>
+ <H4 text="SWOT Analyses"/>
+ <p>A <b>SWOT</b> analysis is a strategic tool used to evaluate the <b>S</b>trengths, <b>W</b>eaknesses, <b>O</b>pportunities, and <b>T</b>hreats of an
+ organization. In the context of our Human Practice approach, this analysis helps us identify internal strengths and weaknesses of our project, such as
+ technical capabilities and resource limitations, while also examining external opportunities, like potential collaborations, and threats, such as regulatory
+ challenges or public perception.
+ </p>
<div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "1vh"}}>
<div className="col">
--
GitLab