Skip to content
Snippets Groups Projects
Commit 27d7c2f4 authored by Philip Mundt's avatar Philip Mundt
Browse files

Merge branch 'main' of ssh://gitlab.igem.org/2024/bielefeld-cebitec

parents cfa5f800 31d091c9
No related branches found
No related tags found
No related merge requests found
Pipeline #467629 failed
Stage: build
Expand all Hide whitespace changes
Inline Side-by-side
src/contents/Human Practices/HP svgs/mendelows.tsx 0 → 100644
+ 360
− 0
View file @ 27d7c2f4
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>
);
src/contents/Human Practices/HP svgs/swots.tsx 0 → 100644
+ 1127
− 0
View file @ 27d7c2f4
This diff is collapsed.
src/contents/Human Practices/IHP.tsx
+ 153
− 0
View file @ 27d7c2f4
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">
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment