Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found

Target

Select target project
  • 2024/bielefeld-cebitec
  • l-sanfilippo/bielefeld-ce-bi-tec-temp
2 results
Show changes
Hide whitespace changes
Inline Side-by-side
Showing
with 6246 additions and 303 deletions
src/components/Boxes.tsx
View file @ 3fd292fd
......@@ -57,9 +57,9 @@ export function InfoBox({title, children, id}:{title: string, children: React.Re
{title}
</p>
<div className="v-card-text">
<p>
<div>
{children}
</p>
</div>
</div>
</aside>
)
......@@ -77,4 +77,34 @@ export function WarnBox({title, children}:{title: string, children: React.ReactN
</div>
</aside>
)
}
export function BlueInfoBox({title, children}:{title: string, children: React.ReactNode}){
return(
<aside className="hint-container danger">
<p className="hint-container-title">
{title}
</p>
<div className="v-card-text">
<p>
{children}
</p>
</div>
</aside>
)
}
export function NoteBox({title, children, id}:{title: string, children: React.ReactNode, id: string}){
return(
<aside className="hint-container note" id={id}>
<p className="hint-container-title">
{title}
</p>
<div className="v-card-text">
<p>
{children}
</p>
</div>
</aside>
)
}
\ No newline at end of file
src/components/Breathe.tsx 0 → 100644
View file @ 3fd292fd
import { useEffect, useRef, useState } from "react";
export function Breathe(){
const [isVisible, setVisible] = useState(false);
const domRef = useRef(null)!;
useEffect(() => {
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => setVisible(entry.isIntersecting));
});
observer.observe(domRef.current!);
}, []);
const [isVisible2, setVisible2] = useState(false);
const domRef2 = useRef(null)!;
useEffect(() => {
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => setVisible2(entry.isIntersecting));
});
observer.observe(domRef2.current!);
}, []);
const [isVisible3, setVisible3] = useState(false);
const domRef3 = useRef(null)!;
useEffect(() => {
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => setVisible3(entry.isIntersecting));
});
observer.observe(domRef3.current!);
}, []);
const [isVisible4, setVisible4] = useState(false);
const domRef4 = useRef(null)!;
useEffect(() => {
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => setVisible4(entry.isIntersecting));
});
observer.observe(domRef4.current!);
}, []);
const [isVisible5, setVisible5] = useState(false);
const domRef5 = useRef(null)!;
useEffect(() => {
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => setVisible5(entry.isIntersecting));
});
observer.observe(domRef5.current!);
}, []);
const [isVisible6, setVisible6] = useState(false);
const domRef6 = useRef(null)!;
useEffect(() => {
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => setVisible6(entry.isIntersecting));
});
observer.observe(domRef6.current!);
}, []);
const [isVisible7, setVisible7] = useState(false);
const domRef7 = useRef(null)!;
useEffect(() => {
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => setVisible7(entry.isIntersecting));
});
observer.observe(domRef7.current!);
}, []);
const [isVisible8, setVisible8] = useState(false);
const domRef8 = useRef(null)!;
useEffect(() => {
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => setVisible8(entry.isIntersecting));
});
observer.observe(domRef8.current!);
}, []);
return (
<>
{/* purple */}
<div
className='col'
style={{ 'height': '700vh'}}
ref={domRef}>
<img
style={{
'zIndex': '1',
'position': 'fixed',
'top': '20vh',
'left': '30vw',
'width': '60vw',
'height': '60vh',
'transition': 'opacity 0.6s ease-out',
'opacity': `${isVisible ? '1' : '0'}`,
'visibility': `${isVisible ? 'visible' : 'hidden'}`
}}
id="breathf" src="https://static.igem.wiki/teams/5247/landing/breath/textless/breath-only-1.webp">
</img>
{/* Spacing Block */}
<div className='col' style={{ 'height': '100vh' }}></div>
<div style={{ 'height': '100vh'}} ref={domRef2}>
<p id="breatht" style={{'fontSize' : '2.5em'}}>Take a moment to</p>
<p id="breatht" style={{'fontSize' : '2.5em'}}>deeply breathe in...</p>
<img style={{
'position': 'fixed',
'top': '20vh',
'left': '30vw',
'width': '60vw',
'height': '60vh',
'transition': 'scale 2.0s ease-out',
'scale': `${isVisible2 ? '1' : '0'}`,
'visibility': `${isVisible2 ? 'visible' : 'hidden'}`
}}
id="breathf" src="https://static.igem.wiki/teams/5247/landing/breath/circles/purplecircle.webp"></img>
</div>
{/* Spacing Block */}
<div className='col' style={{ 'height': '95vh' }}></div>
<div style={{ 'height': '100vh'}} ref={domRef3}>
<p id="breatht" style={{'fontSize' : '2.5em'}}>and deeply.</p>
<p id="breatht" style={{'fontSize' : '2.5em'}}>breathe out...</p>
<img style={{
'position': 'fixed',
'top': '20vh',
'left': '30vw',
'width': '60vw',
'height': '60vh',
'transition': 'scale 2.0s ease-out',
'scale': `${isVisible3 ? '0' : '1'}`,
'visibility': `${isVisible3 ? 'visible' : 'hidden'}`
}}
id="breathf"src="https://static.igem.wiki/teams/5247/landing/breath/circles/purplecircle.webp"></img>
</div>
{/* Spacing Block */}
<div className='col' style={{ 'height': '100vh' }}></div>
<p id="breatht" style={{'fontSize' : '2.5em'}}>You feel <strong>revitalized</strong></p>
<p id="breatht" style={{'fontSize' : '2.5em'}}>Your body and mind</p>
<p id="breatht" style={{'fontSize' : '2.5em'}}>become <strong>grounded</strong>.</p>
{/* Spacing Block */}
<div className='col' style={{ 'height': '100vh' }}></div>
<p id="breatht"style={{'fontSize' : '2.5em'}}>Now deeply breathe in</p>
<p id="breatht"style={{'fontSize' : '2.5em'}}>and hold your breath.</p>
<div style={{ 'height': '100vh'}} ref={domRef4}>
<img style={{
'position': 'fixed',
'top': '20vh',
'left': '30vw',
'width': '60vw',
'height': '60vh',
'transition': 'scale 2.0s ease-out',
'scale': `${isVisible4 ? '1' : '0'}`,
'visibility': `${isVisible4 ? 'visible' : 'hidden'}`
}}
id="breathf"src="https://static.igem.wiki/teams/5247/landing/breath/circles/purplecircle.webp"></img>
</div>
</div>
{/* black */}
<div
style={{ 'height': '300vh'}} ref={domRef5}>
<img
style={{
'zIndex': '1',
'position': 'fixed',
'top': '20vh',
'left': '30vw',
'width': '60vw',
'height': '60vh',
'transition': 'opacity 0.6s ease-out',
'opacity': `${isVisible5 ? '1' : '0'}`,
'visibility': `${isVisible5 ? 'visible' : 'hidden'}`
}}
id="breathf"src="https://static.igem.wiki/teams/5247/landing/breath/textless/breath-only-2.webp">
</img>
<div style={{ 'height': '100vh'}} ref={domRef6}>
<img style={{
'position': 'fixed',
'top': '20vh',
'left': '30vw',
'width': '60vw',
'height': '60vh',
'visibility': `${isVisible6 ? 'visible' : 'hidden'}`
}}
id="breathf"src="https://static.igem.wiki/teams/5247/landing/breath/circles/darkerpurplecircle.webp"></img>
</div>
<p id="breatht"style={{'fontSize' : '2.5em'}}>Breathing is </p>
<p id="breatht"style={{'fontSize' : '2.5em'}}>essential.</p>
{/* <p style={{'fontSize' : '2.5em'}}>Breathing is essential, </p>
<p style={{'fontSize' : '2.5em'}}>but many people </p>
<p style={{'fontSize' : '2.5em'}}>struggle with it.</p> */}
<div style={{ 'height': '100vh'}} ref={domRef7}>
<img style={{
'position': 'fixed',
'top': '20vh',
'left': '30vw',
'width': '60vw',
'height': '60vh',
'scale': `${isVisible7 ? '1' : '0'}`,
'visibility': `${isVisible7 ? 'visible' : 'hidden'}`
}}
id="breathf"src="https://static.igem.wiki/teams/5247/landing/breath/circles/fullblackcircle.webp"></img>
</div>
{/* Spacing Block */}
<div className='col' style={{ 'height': '100vh' }}></div>
<p id="breatht"style={{'fontSize' : '2.5em'}}>That is why we </p>
<p id="breatht"style={{'fontSize' : '2.5em'}}>persue gene therapy for </p>
<p id="breatht"style={{'fontSize' : '2.5em'}}><b>Cystic Fibrosis.</b></p>
</div>
{/* grey */}
<div
style={{ 'height': '200vh'}} ref={domRef8}>
<img
style={{
'zIndex': '1',
'position': 'fixed',
'top': '20vh',
'left': '30vw',
'width': '60vw',
'height': '60vh',
'transition': 'opacity 0.6s ease-out',
'opacity': `${isVisible8 ? '1' : '0'}`,
'visibility': `${isVisible8 ? 'visible' : 'hidden'}`
}}
id="breathf" src="https://static.igem.wiki/teams/5247/landing/breath/textless/breath-only-3.webp">
</img>
</div>
<p id="breatht"style={{'fontSize' : '2.5em'}}>To help restore the ability </p>
<p id="breatht"style={{'fontSize' : '2.5em'}}>to breathe freely, offering</p>
<p id="breatht"style={{'fontSize' : '2.5em'}}><b>hope</b> to those whose lungs</p>
<p id="breatht"style={{'fontSize' : '2.5em'}}>can not properly function</p> {/* on their own. */}
<p id="breatht"style={{'fontSize' : '2.5em'}}>on their own.</p>
{/* Spacing Block */}
<div className='col' style={{ 'height': '100vh' }}></div>
</>
);
}
src/components/Buttons.tsx
View file @ 3fd292fd
import { Link } from "react-router-dom";
import { openCity } from "./HorizontalTimeline";
import { openFromOtherPage } from "../utils/openFromOtherpAge";
import { openThem } from "../utils/openThem";
import { openElement } from "../utils/openElement";
import { useNavigation } from "../utils/useNavigation";
interface UrlButtonProps{
href: string,
children: string,
};
interface TabButtonProps{
classy?: string,
closing: string,
opentype: string
/* children?: React.ReactNode, */
/* onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void, */
name: string,
type: string
}
export function Villagebutton({ title, source, page }: { title: string; source: string; page:string}) {
return (
<Link className="btn village-style-button" role="button" to={page}>
<img src={source} className="d-block mx-auto mb-2" alt=""></img>
<h3>{title}</h3>
</Link>
<Link className="btn village-style-button" role="button" to={page}>
<img src={source} className="d-block mx-auto mb-2" alt=""></img>
<h3>{title}</h3>
</Link>
)
}
export function Villbuttonrow(){
return(
<div className="row align-items-center bottom-buttons">
<Villagebutton page="/human-practices" source="https://static.igem.wiki/teams/5247/design/icons/humanpractices.png" title="Human Practice"></Villagebutton>
<Villagebutton page="/team" source="https://static.igem.wiki/teams/5247/design/icons/team.png" title="Team"></Villagebutton>
<Villagebutton page="/experiments" source="https://static.igem.wiki/teams/5247/design/icons/lab.png" title="Experiments"></Villagebutton>
<Villagebutton page="/description" source="https://static.igem.wiki/teams/5247/design/icons/dna.png" title="Description"></Villagebutton>
<Villagebutton page="/engineering" source="https://static.igem.wiki/teams/5247/design/icons/genetic-engineering.png" title="Engineering"></Villagebutton>
<Villagebutton page="/safety" source="https://static.igem.wiki/teams/5247/design/icons/safety.png" title="Safety"></Villagebutton>
<Villagebutton page="/results" source="https://static.igem.wiki/teams/5247/design/icons/results.png" title="Results"></Villagebutton>
<div className="small-row align-items-center bottom-buttons">
<Villagebutton page="/human-practices?tab=hp-quote" source="https://static.igem.wiki/teams/5247/design/icons/humanpractices.png" title="Human Practice"></Villagebutton>
<Villagebutton page="/team?tab=members" source="https://static.igem.wiki/teams/5247/design/icons/team.png" title="Team"></Villagebutton>
<Villagebutton page="/materials-methods?scrollTo=introduction" source="https://static.igem.wiki/teams/5247/design/icons/lab.png" title="Methods"></Villagebutton>
<Villagebutton page="/description?tab=obenindescription" source="https://static.igem.wiki/teams/5247/design/icons/dna.png" title="Description"></Villagebutton>
<Villagebutton page="/engineering?tab=tab-our-cycle&scrollTo=ourcycle" source="https://static.igem.wiki/teams/5247/design/icons/genetic-engineering.png" title="Engineering"></Villagebutton>
<Villagebutton page="/safety?tab=Role" source="https://static.igem.wiki/teams/5247/design/icons/safety.png" title="Safety"></Villagebutton>
<Villagebutton page="/results?tab=Abstract" source="https://static.igem.wiki/teams/5247/design/icons/results.png" title="Results"></Villagebutton>
</div>
)
}
......@@ -62,19 +72,49 @@ const handleDownload = () => {
console.error("Error fetching the file:", error);
});
};
return (
<a type="button" onClick={handleDownload} className="download-butt">
<span>Download</span>
</a>
);
};
export const DownloadImageButton = ({ url, fileName, children}: {url: string, fileName: string, children: React.ReactNode}) => {
const handleDownload = () => {
fetch(url)
.then((response) => response.blob())
.then((blob) => {
const url = window.URL.createObjectURL(new Blob([blob]));
const link = document.createElement("a");
link.href = url;
link.download = fileName || "downloaded-file";
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
window.URL.revokeObjectURL(url);
})
.catch((error) => {
console.error("Error fetching the file:", error);
});
};
return (
<a type="button" onClick={handleDownload} className="download-butt">
Download
<a type="button" onClick={handleDownload} className="download-butt-image">
{children}
</a>
);
};
export function TabButtonRow({data, classy, opentype, closing}: {data: Array<TabDatensatz>, classy?: string, opentype: string, closing: string}){
let rows = []
let rows: JSX.Element[] = []
for ( let i = 0; i < data.length; i++ ){
if(classy){
rows.push(<TabButton classy={classy} type={data[i].cssname} name={data[i].buttonname} opentype={opentype} closing={closing}/>)
......@@ -90,38 +130,32 @@ export function TabButtonRow({data, classy, opentype, closing}: {data: Array<Tab
interface TabButtonProps{
classy?: string,
closing: string,
opentype: string
/* children?: React.ReactNode, */
/* onClick: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void, */
name: string,
type: string
}
// neuer
export function TabButton({classy, name, closing, opentype, type}:TabButtonProps){
if (!classy){
classy = ""
}
let classname = "tabbutton " + type + " " + classy;
let classname = "btn1 tabbutton " + type + " " + classy;
return(
<>
<button className={classname} onClick={openTab({cityName: type, cla: opentype, weg: closing })}> {name}</button>
<button className={classname} onClick={openElement({elementToOpen: type, classToHide: opentype, classToClose: closing, buttonClass: "tabbutton" })}> {name}</button>
</>
)
}
export function HPMoreButton({name}: {name: string}){
let c = "timelinepersontabs"
export function BFHMoreButton({it}: {it: string}){
return(
<button className="tablinks hp-more-button" onClick={openTab({cityName: name, cla: c})}> More</button>
<button className="tablinks btn1" onClick={expandIt({it})}> More</button>
)
}
export function BFHMoreButton({it}: {it: string}){
export function NewHPMoreButton({tab, scroll}: {tab: string, scroll: string}){
const {goToPageWithTabAndScroll} = useNavigation();
return(
<button className="tablinks bfh-more-button" onClick={expandIt({it})}> More</button>
<button className="tablinks btn1" onClick={() => goToPageWithTabAndScroll({path: "", tabId: tab, scrollToId: scroll})}> More</button>
)
}
......@@ -139,67 +173,46 @@ function expandIt({it}: {it: string}){
return openit;
}
export function openTab({cityName, cla, weg}:{cityName: string, cla: string, weg?: string}) {
const opencity = (event : React.MouseEvent<HTMLButtonElement, MouseEvent>) =>{
var i, tabcontent, tablinks, wegcontent;
tabcontent = document.getElementsByClassName(cla);
for (i = 0; i < tabcontent.length; i++) {
(tabcontent[i] as HTMLElement).style.display = "none";
}
tablinks = document.getElementsByClassName("tabbutton");
for (i = 0; i < tablinks.length; i++) {
tablinks[i].className = tablinks[i].className.replace(" active", "");
}
if (weg){
wegcontent = document.getElementsByClassName(weg);
for (i = 0; i < wegcontent.length; i++) {
(wegcontent[i] as HTMLElement).style.display = "none";
}
export function ButtonOne({text, open, openclass}: {text:string, open:string, openclass?: string}){
const { goToPagesAndOpenTab } = useNavigation();
if (openclass) {
return(
<button className="btn-one" onClick={() => goToPagesAndOpenTab(open, "")}><span>{text}</span></button>
)
}
document.getElementById(cityName)!.style.display = "block";
event.currentTarget.className += " active";
else{
return(
<button className="btn-one" onClick={() => openFromOtherPage(open)}> <span>{text}</span> </button>
)
}
return opencity;
}
export function ButtonThree(){
return(
<div className="boxy-3">
<div className="btn-new btn-three">
<span typeof="button" onClick={openCity({cityName: "about"})}>HOVER ME</span>
export function ButtonOneWithScroll({text, open, openclass, scrollId}: {text:string, scrollId: string, open:string, openclass?: string}){
const { goToPageWithTabAndScroll } = useNavigation();
if (openclass) {
return(
<button className="btn-one" onClick={() => goToPageWithTabAndScroll({ path: "", tabId: open, scrollToId: scrollId })}><span>{text}</span></button>
)
}
else{
return(
<div className="boxy-1">
<span typeof="button" onClick={openFromOtherPage(open)}>
<div className="btn-new btn-one">
{text}
</div></span>
</div>
</div>
)
)
}
}
export function ButtonTwo(){
return(
<div className="boxy-2">
<div className="btn-new btn-two">
<span typeof="button" onClick={openCity({cityName: "about"})}>HOVER ME</span>
</div>
</div>
)
}
export function ButtonOne({text, open}: {text:string, open:string}){
export function ButtonOneEngineering({label, open, scrollToId}: {label:string, open:string, scrollToId: string}){
return(
<div className="boxy-1">
<span typeof="button" onClick={openFromOtherPage(open)}>
<div className="btn-new btn-one">
{text}
</div></span>
</div>
)
}
export function ButtonOneEngineering({label, open}: {label:string, open:string}){
return(
<div className="boxy-1">
<span typeof="button" onClick={openThem({it: open})}>
<div className="btn-new btn-one">
{label}
</div></span>
</div>
<button className="btn-one" onClick={openThem({it: open, scrollToId})}><span>{label}</span></button>
)
}
......@@ -232,106 +245,59 @@ export function ButtonFourRotate(){
}
export function openIt({it}: {it: string}){
const openit = (event : React.MouseEvent<HTMLElement, MouseEvent>) => {
/* console.log(document.getElementById(it)) */
console.log(document.getElementById(it)?.className)
let tabcontent = document.getElementsByClassName("cycletab");
for (let i = 0; i < tabcontent.length; i++) {
(tabcontent[i] as HTMLElement).style.display = "none";
}
/* console.log(document.getElementById(it)!.style.display) */
document.getElementById(it)!.style.display = "block";
event.currentTarget.className += " active";
}
return openit;
export function BackUp(){
return(
<>
<br/>
<div className="col" id="eng-backup" style={{display: "flex", alignItems: "right"}}>
<a onClick={() => scrollUpWithOffset()} className="backtotop">
Back to Top &#8593;
</a>
</div>
</>
)
}
export function openItTwo({it}: {it: string}){
const openit = (event : React.MouseEvent<HTMLElement, MouseEvent>) => {
/* console.log(document.getElementById(it)) */
console.log(document.getElementById(it)?.className)
let tabcontent = document.getElementsByClassName("col outreach");
for (let i = 0; i < tabcontent.length; i++) {
(tabcontent[i] as HTMLElement).style.display = "none";
}
/* console.log(document.getElementById(it)!.style.display) */
document.getElementById(it)!.style.display = "block";
event.currentTarget.className += " active";
function scrollUpWithOffset() {
if (typeof window !== 'undefined') {
const offset = window.innerHeight ; // 50% der Viewport-Höhe
const targetScrollPosition = Math.max(0, offset); // Neue Scroll-Position, aber nicht unter 0
console.log(`Scrolling up to position: ${targetScrollPosition}`);
window.scrollTo({ top: targetScrollPosition, behavior: 'smooth' });
}
return openit;
}
export function ShowSolution({element}: {element: string}){
return(
<button onClick={flip(element)} className="quiz-button">Show solution</button>
)
}
export function openFromOtherPage(it: string) {
return (event: React.MouseEvent<HTMLElement> | { currentTarget: HTMLElement }) => {
// Get all elements with class "cycletab" and hide them
let tabcontent = document.getElementsByClassName("cycletab");
for (let i = 0; i < tabcontent.length; i++) {
(tabcontent[i] as HTMLElement).style.display = "none";
}
// Show the specific tab content based on the "it" parameter
const tabToOpen = document.getElementById(it);
if (tabToOpen) {
tabToOpen.style.display = "block";
// Scroll the tab content into view
const elementTop = tabToOpen.getBoundingClientRect().top + window.pageYOffset;
const offset = window.innerHeight / 2 - tabToOpen.offsetHeight / 2;
const scrollPosition = elementTop - offset;
window.scrollTo({
top: scrollPosition,
behavior: 'smooth',
});
}
// Optionally, add an "active" class to the clicked button (if needed)
const tabs = document.querySelectorAll('.btn-new');
tabs.forEach(tab => tab.classList.remove('active'));
if (event.currentTarget) {
event.currentTarget.classList.add('active');
}
export function HideSolution({element}: {element: string}){
return(
<button onClick={flipBack(element)} className="quiz-button">Return to question</button>
)
}
function flip(element: string){
const flipp = (_event: React.MouseEvent<HTMLElement, MouseEvent>) => {
let elementToHide = document.getElementById("front-"+element);
(elementToHide as HTMLElement).style.display = "none";
let elementToFind = document.getElementById("back-"+element);
(elementToFind as HTMLElement).style.display = "block";
}
return flipp;
}
function openThem({it}: {it: string}){
const gotoandopen = (_event : React.MouseEvent<HTMLElement, MouseEvent>) => {
console.log("it classname: " + document.getElementById(it)?.className)
console.log("it: " + it)
let contenttabid = "tab-" + it;
let parent = "parent-" + it;
console.log("we want to open " + it + " and " + contenttabid)
let sideitems = document.getElementsByClassName("sideitem");
let subtabs = document.getElementsByClassName("sidesubtab");
let contenttabs = document.getElementsByClassName("enginneeringtab");
for (let i = 0; i < subtabs.length; i++) {
(subtabs[i] as HTMLElement).style.display = "none";
console.log("Hiding sidebar subtab...")
}
for (let i = 0; i < contenttabs.length; i++) {
(contenttabs[i] as HTMLElement).style.display = "none";
console.log("Hiding content tab...")
}
for (let i = 0; i < sideitems.length; i++) {
(sideitems[i] as HTMLElement)!.classList.remove("active-sideitem");
console.log("Hiding sidebar subtab...")
}
document.getElementById(it)!.style.display = "block";
document.getElementById(parent)!.classList.add("active-sideitem");
document.getElementById(contenttabid)!.style.display = "block";
function flipBack(element: string){
const flippback = (_event: React.MouseEvent<HTMLElement, MouseEvent>) => {
let elementToHide = document.getElementById("back-"+element);
(elementToHide as HTMLElement).style.display = "none";
let elementToFind = document.getElementById("front-"+element);
(elementToFind as HTMLElement).style.display = "block";
}
return gotoandopen;
}
\ No newline at end of file
return flippback;
}
src/components/Calendar/Calendar.tsx 0 → 100644
View file @ 3fd292fd
import { CalTabs } from "./cal-content";
export function Calendar(){
let arrows: JSX.Element[] = Arrows();
let tabs: JSX.Element[] = CalTabs();
return(
<div className="cal">
{arrows}
<ul className="weekdays">
<li>Mo</li>
<li>Tu</li>
<li>We</li>
<li>Th</li>
<li>Fr</li>
<li>Sa</li>
<li>Su</li>
</ul>
{Februar}
{March}
{April}
{May}
{June}
{July}
{August}
{September}
{October}
<br/>
{tabs}
</div>
)
}
function Arrows(){
const months = ["February", "March", "April", "May", "June", "July", "August", "September", "October"]
let arrows: JSX.Element[] = [];
for (let index = 0; index < months.length; index++) {
if (index == 0) {
console.log(`months[index] = ${months[index]}` )
arrows.push(
<div className="month hideable" id={`${months[index]}-head`} style={{display: "block"}}>
<ul>
<span >
<li className="next">
<a onClick={switchTo(months[index+1])}><div>&#10095;</div></a>
</li>
</span>
<li>
{months[index]}
<br/>
<span style={{fontSize:"18px"}}>2024</span>
</li>
</ul>
</div>
)
}
if (index == (months.length - 1)) {
arrows.push(
<div className="month hideable" id={`${months[index]}-head`} style={{display: "none"}}>
<ul>
<span>
<li className="prev">
<a onClick={switchTo(months[index-1])}><div>&#10094;</div></a>
</li>
</span>
<li>
{months[index]}
<br/>
<span style={{fontSize:"18px"}}>2024</span>
</li>
</ul>
</div>
)
}
else{
arrows.push(
<div className="month hideable" id={`${months[index]}-head`} style={{display: "none"}}>
<ul>
<span >
<li className="prev">
<a onClick={switchTo(months[index-1])}><div>&#10094;</div></a>
</li>
<li className="next">
<a onClick={switchTo(months[index+1])}><div>&#10095;</div></a>
</li>
</span>
<li>
{months[index]}
<br/>
<span style={{fontSize:"18px"}}>2024</span>
</li>
</ul>
</div>
)
}
}
return arrows;
}
function switchTo(month: string){
console.log(`Called Next Date with ${month}`)
const nextdate = (_event: React.MouseEvent<HTMLElement, MouseEvent>) => {
console.log("nextDate open")
let elementsToHide = document.getElementsByClassName("hideable");
console.log(elementsToHide)
for (let index = 0; index < elementsToHide.length; index++) {
(elementsToHide[index] as HTMLElement).style.display = "none";
}
console.log("new month is: " + month + " and we are calling " + `${month}-name`)
if (document.getElementById(`${month}-dates`)) {
let newdates = document.getElementById(`${month}-dates`);
(newdates as HTMLElement).style.display = "block";
}
else{
console.error(`Element with id ${month}-dates does not exist`)
}
let newArrows = document.getElementById(`${month}-head`);
(newArrows as HTMLElement).style.display = "block";
console.log(newArrows)
}
return nextdate;
}
function showEntry(entry:string){
const showentry = (_event: React.MouseEvent<HTMLElement, MouseEvent>) => {
let elementsToHide = document.getElementsByClassName("cal-entry");
for (let index = 0; index < elementsToHide.length; index++) {
(elementsToHide[index] as HTMLElement).style.display = "none";
}
let entryBlock = document.getElementById(entry);
(entryBlock as HTMLElement).style.display = "block";
}
return showentry;
}
const Februar = <ul id="February-dates" className="days hideable">
<li></li>
<li></li>
<li></li>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li><a onClick={showEntry("february27")}><span className="active">27</span></a></li>
<li>28</li>
<li><a onClick={showEntry("february29")}><span className="active">29</span></a></li>
</ul>
const March = <ul id="March-dates" className="days hideable" style={{display: "none"}}>
<li></li>
<li></li>
<li></li>
<li></li>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li><a onClick={showEntry("march7")}><span className="active">7</span></a></li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li><a onClick={showEntry("march12")}><span className="active">12</span></a></li>
<li>13</li>
<li><a onClick={showEntry("march14")}><span className="active">14</span></a></li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li><a onClick={showEntry("march19")}><span className="active">19</span></a></li>
<li>20</li>
<li><a onClick={showEntry("march21")}><span className="active">21</span></a></li>
<li>22</li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li><a onClick={showEntry("march27")}><span className="active">27</span></a></li>
<li>28</li>
<li><a onClick={showEntry("march29")}><span className="active">29</span></a></li>
<li>30</li>
<li>31</li>
</ul>
const April = <ul id="April-dates" className="days hideable" style={{display: "none"}}>
<li>1</li>
<li><a onClick={showEntry("april2")}><span className="active">2</span></a></li>
<li>3</li>
<li><a onClick={showEntry("april4")}><span className="active">4</span></a></li>
<li>5</li>
<li><a onClick={showEntry("april6")}><span className="active">6</span></a></li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
<li><a onClick={showEntry("april11")}><span className="active">11</span></a></li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li><a onClick={showEntry("april16")}><span className="active">16</span></a></li>
<li>17</li>
<li><a onClick={showEntry("april18")}><span className="active">18</span></a></li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li><a onClick={showEntry("april23")}><span className="active">23</span></a></li>
<li>24</li>
<li><a onClick={showEntry("april25")}><span className="active">25</span></a></li>
<li>26</li>
<li>27</li>
<li>28</li>
<li>29</li>
<li><a onClick={showEntry("april30")}><span className="active">30</span></a></li>
</ul>
const May = <ul id="May-dates" className="days hideable" style={{display: "none"}}>
<li></li>
<li></li>
<li>1</li>
<li><a onClick={showEntry("may2")}><span className="active">2</span></a></li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li><a onClick={showEntry("may7")}><span className="active">7</span></a></li>
<li>8</li>
<li>9</li>
<li>10</li>
<li>11</li>
<li>12</li>
<li>13</li>
<li><a onClick={showEntry("may14")}><span className="active">14</span></a></li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li><a onClick={showEntry("may22")}><span className="active">22</span></a></li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li>27</li>
<li>28</li>
<li>29</li>
<li>30</li>
<li>31</li>
</ul>
const June = <ul id="June-dates" className="days hideable" style={{display: "none"}}>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li><span className="active">10</span></li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li>27</li>
<li>28</li>
<li>29</li>
<li>30</li>
</ul>
const July = <ul id="July-dates" className="days hideable" style={{display: "none"}}>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li><span className="active">10</span></li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li>27</li>
<li>28</li>
<li>29</li>
<li>30</li>
<li>31</li>
</ul>
const August = <ul id="August-dates" className="days hideable" style={{display: "none"}}>
<li></li>
<li></li>
<li></li>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li><span className="active">10</span></li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li>27</li>
<li>28</li>
<li>29</li>
<li>30</li>
<li>31</li>
</ul>
const September = <ul id="September-dates" className="days hideable" style={{display: "none"}}>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li><span className="active">10</span></li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li>27</li>
<li>28</li>
<li>29</li>
<li>30</li>
</ul>
const October = <ul id="October-dates" className="days hideable" style={{display: "none"}}>
<li></li>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li><span className="active">10</span></li>
<li>11</li>
<li>12</li>
<li>13</li>
<li>14</li>
<li>15</li>
<li>16</li>
<li>17</li>
<li>18</li>
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li>23</li>
<li>24</li>
<li>25</li>
<li>26</li>
<li>27</li>
<li>28</li>
<li>29</li>
<li>30</li>
<li>31</li>
</ul>
src/components/Calendar/cal-content.tsx 0 → 100644
View file @ 3fd292fd
import { H5 } from "../Headings";
import PreCyse from "../precyse";
export function CalTabs(){
let tablist: JSX.Element[] = [];
for (let index = 0; index < tabs.length; index++) {
tablist.push(
<div className="cal-entry" id={tabs[index].cssname} style={{display: "none"}}>
<div className="entry-header">
<H5 text={parseDateFromCode(tabs[index].cssname)}/>
</div>
<div className="entry-body">
{tabs[index].node}
</div>
</div>
)
}
return tablist;
}
let tabs = [
{
cssname: "february27",
node: <><h1>Team Meeting</h1>
<h2>Organisation</h2>
<p>The team discussed important deadlines, including the Team Member Ticket due on April 5th, the Team Grand Jamboree Fee on July 31st, the Wiki Freeze on October 2nd, and the presentation video submission on October 9th. Deliverables were outlined, with each member assigning themselves to three subject areas, which include a village presentation (15 minutes), a judging session (30 minutes), and a team booth. Essential forms such as the project safety form, judging form, and attribution form were highlighted, along with video requirements for both presentation and promotion.</p>
<h2>Public Outreach</h2>
<p>Teams are to be established for various responsibilities, including a public outreach team with a minimum of five members focusing on social media and networking with other iGEM teams. Specific positions to fill include a deadline manager and teams for sponsoring, theme areas, and the Grand Jamboree presentations. Additional responsibilities include organizing the village booth, design team tasks, and ensuring the completion of safety, judging, and attribution forms.</p>
<h2>Jamboree & MeetUps</h2>
<p>The team plans a trip to Paris via train, which takes approximately 6 hours and 15 minutes. Travel costs will be covered, with team members only needing to pay for meals. Suggested travel dates are from October 21st to 31st, coinciding with the iGEM Jamboree from October 23rd to 26th, with accommodation to be determined based on team preferences.</p>
<h2>Links & Co</h2>
<p>A presentation regarding iGEM guidelines will be provided by Sinan.</p>
</>
},
{
cssname: "february29",
node: <><h1>Team Meeting</h1>
<h2>Urgent</h2>
<p>The team discussed the structure for topic identification, considering whether to start with general or specific areas. An idea was proposed to create three or more topic areas for group formation based on personal interests, with each member preparing a slide to facilitate clustering ideas. Sinan will create a presentation to be completed by Thursday, March 7th.</p>
<h2>Organisation</h2>
<p>For future communication, teams will use a dedicated platform starting March 5th, while Slack will serve for informal networking. The need for internal deadlines was emphasized, suggesting one week prior to official deadlines, and everyone is encouraged to monitor the iGEM website for updates. Possible initiatives include organizing a sticker album, newsletter, postcard campaign, and even a Mini Jamboree or Junior Jam in Bielefeld.</p>
<h2>Documentation</h2>
<p>Utilizing Zotero as a literature platform was agreed upon, with attention needed on the accuracy of citations, especially for older publications. The project description should be concise, incorporating relevant literature and engaging content for judges, with a final version due by the Wiki Freeze and a preliminary version by June 21st. Additionally, new parts must be created if unavailable in the Registry, ensuring compatibility with specific restriction enzymes.</p>
<h2>Project Software</h2>
<p>Discussion highlighted the potential relevance of project software depending on the focus, with further details available in the upcoming presentation. Awards were outlined, emphasizing that medals do not require special awards and depend on project success and human practices. The team aims for the Gold medal, which necessitates three major achievements across various categories.</p>
<h2>Team</h2>
<p>A team-building weekend was proposed, with details on pricing and a final vote to be clarified by Kathleen and Kim. The team also agreed to a bowling activity instead of the meeting on March 5th, with further information to be shared via WhatsApp.</p>
<h2>Tasks</h2>
<p>Sinan is tasked with creating a presentation to outline various topics for the team.</p>
<h2>Wiki</h2>
<p>The wiki will be essential for documenting the project and presenting research. It will include sections for contributions and must not alter iGEM links. A basic wiki will be established, with a “Cold Wednesday” planned for reviewing videos and other materials before the Wiki Freeze.</p>
<h2>Links & Co</h2>
<p>Sinan will also provide a presentation regarding iGEM guidelines.</p>
</>
},
{
cssname: "march7",
node: <><h1>Team Meeting</h1>
<h2>Organisation</h2>
<p>The team discussed the formation of subteams, emphasizing that moderation and main responsibilities are shared, rather than unilateral decision-making. A designated person will oversee all deadlines and check them two weeks in advance, with internal deadlines managed through a calendar on Microsoft Teams, which will also include birthdays. Small group brainstorming sessions aimed to generate 1-3 concrete project ideas, with summaries recorded for reference.</p>
<p>For literature management, Zotero will be utilized for organizing publications into subfolders, requiring the use of DOI or ISBN for attachments. This will ensure easy access and prevent duplicate entries. Microsoft Teams will be set up for communication, transferring information from Notion to facilitate calendar management, chat, and document uploads.</p>
<h2>Team</h2>
<p>The bowling event was a success, and photos were taken for potential inclusion in a "Photo Book." There is a suggestion to make this a monthly team event, with an upcoming excursion where the team will vote between The Hague or Hamburg, coordinated by Kim and Kathleen.</p>
<h2>Jamboree & MeetUps</h2>
<p>The team identified members responsible for planning the Paris excursion and discussed preparing a detailed document covering accommodation and train travel. Emphasis was placed on maintaining team dynamics during this planning phase.</p>
<h2>Public Outreach</h2>
<p>The public outreach team, consisting of Lydia, Asal, Philip, Kaya, and Vera, will focus on social media and networking initiatives. They are planning activities such as postcard and sticker campaigns and aim to organize a Mini Jamboree involving approximately 25 teams from across Europe, along with contributions to local radio/newspaper efforts.</p>
<h2>Sponsoring</h2>
<p>The sponsoring team, made up of Vincent, Lydia, Anna, Nane, Dayan, and Isabell, will develop an application booklet outlining what iGEM entails for potential sponsors. Their tasks include negotiating contract terms and pricing categories, with an emphasis on starting to contact sponsors immediately.</p>
</>
},
{
cssname: "march12",
node: <><h1>Team Meeting</h1>
<h2>Organisation</h2>
<p>Brainstorming will continue in the same groups, with each group selecting two topics to present at the next meeting. Anyone without access to the meeting room should email Lutz Wobbe, with Jörn copied, for assistance. Device borrowing cards have been distributed, granting access to the Digital Learning Lab, and requests to use facilities like the 3D printer should be sent via email.</p>
<h2>Team</h2>
<p>The team is planning a weekend in The Hague, focusing on workshop content and the possibility of hosting a workshop themselves. Coordination with the Leiden and Delft teams for a meet-up and a visit to the research center is underway, with discussions needed on participant numbers, including supervisors and PIs. Additionally, a meme channel will be created to share lab-related humor.</p>
<h2>Jamboree & MeetUps</h2>
<p>A poll will be distributed to assess the feasibility of the planned trip to Paris from October 21 to October 31, asking for participation in the full trip or part of it. The suitability of Bielefeld for a meet-up will be evaluated, with assistance from the Hamburg/Frankfurt teams for program and speaker organization. Jörn has contacts for potential speakers, and the meet-up plan is in development, pending official approval.</p>
<h2>Tasks</h2>
<p>All meeting minutes will be merged into a single Word document for clarity. A team of at least three (Christian, Nane, and Lisa) is tasked with setting up the Attribution Form to document contributions and deliverables. All members are encouraged to monitor the calendar created by Kai and add any important dates and deadlines.</p>
<h2>Public Outreach</h2>
<p>A tour of the Making Media Lab is scheduled for Thursday, March 14, at 17:30, with potential collaboration with the Hamburg and Frankfurt teams for a rotating-location meet-up. A vote will be held regarding the organization of this year's meet-up in Bielefeld, and a professional team photo is planned, with consent already obtained from all present members.</p>
<h2>Sponsoring</h2>
<p>Upcoming events include the LabSupply Fair on April 24 and FameLab, with preliminary rounds on April 11 and the finals on June 12 in Bielefeld. The JuniorJam in Münster is highlighted as a "mandatory event" from August 16 to 18, and planning for attendance and organization is needed. The sponsoring team will meet twice a week as planning is just beginning.</p>
<h2>Wiki</h2>
<p>Maximilian emphasized the need for experience with HTML, CSS, and JavaScript for building the Wiki page, and he will organize an introductory course to ensure everyone learns the basics before the Wiki Freeze. He will also configure software for error detection and autocomplete functionality, and will address the time delay for Wiki updates. Inspiration can be drawn from previous Wiki designs, with a goal to enhance competitiveness in the iGEM contest.</p>
</>
},
{
cssname: "march14",
node: <><h1>Team Meeting</h1>
<h2>Organisation</h2>
<p>The team brainstormed various topics for potential projects, including Cystic Fibrosis, Duchenne Muscular Dystrophy, Rapid Antigen Test, Huntington’s Disease, Phage Therapy for the Gut, Magnetic Microswimmers, and Toxic Cyanobacterial Blooms. Each team will prepare a brief introduction of their assigned topic, with guidelines for a 10-15 minute presentation covering the problem, proposed solution, existing studies, and project challenges. The goal is to complete the project outline by March 21, 2024, incorporating university resources and outlining possible subprojects.</p>
<h2>Team</h2>
<p>The availability of lab coats was confirmed for a uniform team photo, ensuring everyone is prepared for the occasion.</p>
<h2>Jamboree & MeetUps</h2>
<p>The planning for the Paris trip is underway, with the team narrowing down accommodation options. Three to four hotel choices will be presented in the upcoming meeting on Tuesday.</p>
</>
},
{
cssname: "march19",
node: <><h1>Team Meeting</h1>
<h2>Organisation</h2>
<p>The team discussed the implementation of a protocol structure, emphasizing the need for an agenda to be introduced ahead of time. Participants can add topics to be discussed in the upcoming meetings directly in the minutes. Additionally, topic presentations are scheduled for March 26, aiming to follow the iGEM presentation style to effectively pitch ideas and practice for future presentations.</p>
<h2>Jamboree & MeetUps</h2>
<p>Kathleen presented four accommodation options for the Paris trip, which have been uploaded to Teams for review. Options range from self-catering apartments to a hostel, each varying in cost, atmosphere, and proximity to the event venue. A poll for accommodation preferences will close on March 21, 2024, at 6 p.m. on WhatsApp, after which additional booking details will be provided.</p>
<h2>Sponsoring</h2>
<p>The team is coordinating attendance and organization for the Lab-Supply Fair and other related events. This internal coordination aims to ensure effective participation among interested members.</p>
</>
},
{
cssname: "march21",
node: <><h1>Team Meeting</h1>
<h2>Team</h2>
<p>The Hamburg iGEM team is scheduled for a retreat but is expected to have time available for a meet-up on Friday.</p>
<h2>Jamboree & MeetUps</h2>
<p>During the meeting, the team confirmed that the Aparthotel was the preferred accommodation option for the Paris trip. However, there are challenges with booking, as accommodations cannot be reserved via Booking.com, and the individual booking sites show insufficient availability.</p>
</>
},
{
cssname: "march27",
node: <><h1>Team Meeting</h1>
<h2>Organisation</h2>
<h3>First Presentation: Red Biotechnology - Duchenne Muscular Dystrophy</h3>
<p>Duchenne muscular dystrophy is a genetic disease characterized by muscle tissue replacement. Several cure approaches were discussed, including exon skipping and using AAV vectors, but current treatments are limited. Questions raised included the integration of long DNA into cells and potential community engagement strategies.</p>
<h3>Second Presentation: Magnetic Microswimmers for Targeted Cancer Therapy</h3>
<p>This presentation focused on using biodegradable algae as carriers for non-invasive drug delivery targeting ovarian cancer. The method involves magnetizing microswimmers to enhance mobility and deliver drugs to cancer cells, ensuring minimal damage to healthy tissue. Questions included concerns about biodegradability with magnetic particles and the challenges of targeting specific areas.</p>
<h3>Third Presentation: Cyanobacteria Bloom Prevention with Algae</h3>
<p>Cyanobacteria blooms pose significant ecological threats, and current control methods are inadequate. The proposed solution involves using peptides from algae to prevent blooms while preserving ecosystems. Key pathways and targets were identified, emphasizing the need for conservation and biodiversity.</p>
<h3>Fourth Presentation: Cystic Fibrosis</h3>
<p>Cystic Fibrosis affects a significant number of individuals and is diagnosed through sweat tests and genetic screening. Current treatments focus on managing symptoms, but the goal is to develop long-term cures by targeting the genetic basis of the disorder. The team is collaborating with various specialists and organizations to develop educational materials and optimize treatment strategies.</p>
<h3>Further Presentations</h3>
<p>Discussions included the potential of phages as an alternative to antibiotics and future presentations on related topics.</p>
</>
},
{
cssname: "march29",
node: <><h1>Team Meeting</h1>
<h2>Organisation</h2>
<h3>Vote for Topic</h3>
<p>Each member was allowed one vote for a project topic, with the first vote due by midnight. The top three results were: Microswimmers with 5 votes, Duchenne Muscular Dystrophy (DMD) with 4 votes, and Cystic Fibrosis (CF) also with 4 votes.</p>
<h3>Topic Presentations</h3>
<p>The presentations were generally well-received, though improvements are still needed. A seminar will provide a brief overview and discuss limitations, challenges, and the pros and cons of each topic, with more details available in the presentations and meeting minutes from March 26.</p>
<h2>Team</h2>
<p>A reminder for the Hamburg team: Don't forget your towel!</p>
</>
},
{
cssname: "april2",
node: <><h1>Team Meeting</h1>
<h2>Organisation</h2>
<h3>Vote for Topic</h3>
<p>Each member has one vote for a project topic, with the first vote due by midnight. The top three results from the voting were: Microswimmers with 5 votes, Duchenne Muscular Dystrophy (DMD) with 4 votes, and Cystic Fibrosis (CF) also with 4 votes.</p>
<h3>Topic Presentations</h3>
<p>The presentations were generally well-received, though there is still room for improvement. A presentation seminar is planned to provide an overview and facilitate discussions on the limitations, challenges, and pros and cons of each topic, with more details available in the meeting minutes from March 26.</p>
<h2>Team</h2>
<p>Reminder for the Hamburg team: Don’t forget your towel!</p>
</>
},
{
cssname: "april4",
node: <><h1>Team Meeting</h1>
<h2>Urgent</h2>
<p>The team has decided to pursue a therapy topic instead of focusing on cyanobacteria. Among the options, Cystic Fibrosis (CF) was selected over Duchenne Muscular Dystrophy (DMD).</p>
<h2>Team</h2>
<p>A reminder for the Hamburg trip: Departure is scheduled for Friday at 8 AM.</p>
<h2>Tasks</h2>
<p>All members are required to save the papers they have read in Zotero during their self-study time.</p>
</>
},
{
cssname: "april6",
node: <><h1>Team Meeting</h1>
<h2>Organisation</h2>
<p>The team is tasked with searching PubMed for reviews on Cystic Fibrosis (CF) from the last two years to identify unexplored therapeutic niches and formulate clear goals. A systemic approach using AAV-based strategies and organ-specific approaches is being considered. Additionally, strategies for reading papers include starting with the results section to determine their value before delving into the discussion.</p>
<p>Project concept ideas discussed include epigenome editing with a modular toolkit and the application of smaller Cas variants to enhance delivery and facilitate nuclear entry.</p>
<h2>Public Outreach</h2>
<p>A screening event for the movie "Five Feet Apart," which focuses on Cystic Fibrosis, will be organized, along with providing additional information to the audience. Phillip will coordinate with the university cinema to arrange the event.</p>
<p>The team is encouraged to participate in MUKOmove, a Cystic Fibrosis awareness initiative in May, involving a sport event. Isabell will register the team, and promotional activities on social media, including a unique hashtag, will be implemented to increase awareness and participation.</p>
<h2>Wet Lab</h2>
<p>Sub-teams are expected to provide updates every 3-4 weeks regarding cell acquisition for the project, with a focus on obtaining healthy and patient-derived cell lines. Vera confirmed that with a safety form, the use of their own cells is possible. Preparations for the new lab include assessing equipment and creating a staffing plan to ensure daily coverage.</p>
<p>Effective communication and organization are emphasized for lab work, with plans to establish a shift schedule for team members.</p>
<h2>Creativity</h2>
<p>The team members assigned to promotional tasks include Philip, Michael, Vera, Lisa, Liliana, Isabell, and Asal. They will focus on developing promotional materials, including flyers and logo design, to enhance team visibility.</p>
</>
},
{
cssname: "april11",
node: <><h1>Team Meeting</h1>
<h2>Organisation</h2>
<p>The team discussed various project ideas related to access to oocytes, emphasizing gene correction and potential strategies such as using transposase for genomic integration without cutting. Key considerations include exploring lipid nanoparticles (LNPs) for lung delivery and addressing the packaging limitations of AAV. The team aims to read more about CRISPR and relevant literature, and possibly consult a genetic counseling center for guidance on intervention strategies.</p>
<p>A proof of concept experiment is essential to validate the proposed ideas, including the potential use of a multi-organ chip in collaboration with a research entity.</p>
<h2>Human Practices</h2>
<p>Max shared insights about essential medications for Cystic Fibrosis (CF), including individualized treatments like Kreon and Orkambi. Kreon aids digestion and is adapted based on fat content in meals, while Orkambi is a significant medication specific to certain mutations, although it comes with a high cost. The discussion highlighted the importance of diagnosis age and targeted treatments, and suggested creating informational materials for healthcare professionals.</p>
<h2>Creativity</h2>
<p>The team reviewed the presentation of the color scheme and discussed team photos as part of their promotional efforts.</p>
</>
},
{
cssname: "april16",
node: <><h1>Team Meeting</h1>
<h2>Jamboree & MeetUps</h2>
<p>The BFH Meet-Up website is now live, featuring details on the location, program, registration, and pricing. Registration is currently open, and all team members are encouraged to support the Instagram channel.</p>
<h2>Mechanism</h2>
<p>The team is focusing on Prime Editing as the main idea, but further details need to be developed to refine this approach.</p>
<h2>Delivery</h2>
<p>Various delivery methods were brainstormed, including lipid nanoparticles (LNPs), which are considered a viable option, although they require more elaboration. Adeno-Associated Virus (AAV) delivery has more available literature, especially for oocytes, but remains underexplored. Enucleated sperm cells were also discussed as a non-invasive approach, with potential for targeting oocytes.</p>
<h2>Public Outreach</h2>
<p>For MukoMOVE, posters have been prepared and photos taken; Isabell is applying for permission to display the posters in the city for a fee of €12, while additional posters will be ordered. However, hanging posters in trains was deemed too expensive.</p>
</>
},
{
cssname: "april18",
node: <><h1>Team Meeting</h1>
<h2>Team</h2>
<p>A reminder was issued for everyone to complete the Attribution Form, which tracks contributions and participation. The document is available on Teams under General &gt; Documents &gt; Everything iGEM &gt; Attribution. Additionally, the iGEM Distribution Kit was opened to check available materials.</p>
<h2>Jamboree & MeetUps</h2>
<p>Plans for the European Meet-Up include creating a list of snacks with names, dates, types, and quantities to ensure adequate preparation.</p>
<h2>Mechanism</h2>
<p>Findings were presented, highlighting a proof of concept using an existing prime editing system to target the five most common mutations in Cystic Fibrosis (CF). Optimization efforts involve a modified Cas12a for higher specificity and a new enzyme called Fanzor, which requires engineering for precise cuts. A debate on targeting oocytes versus lungs was held, with plans for parallel work on both approaches and suggestions for efficient lab concept designs.</p>
<h2>Delivery</h2>
<p>Two main delivery possibilities were discussed: aerosolizing lipid nanoparticles (LNPs), which face stability issues and lung defense mechanisms, and intravenous delivery, which necessitates regular doctor visits due to the liver acting as a filter. Research on LNP production and cellular targeting, particularly of basal cells or erythrocytes, was also highlighted. The feasibility of a model system to ensure the drug's efficacy in reaching the target cells was considered advantageous.</p>
<h2>Public Outreach</h2>
<p>For the MukoMOVE initiative, plans to hang posters in Bielefeld include creating a map for designated responsibilities and ensuring they are removed the day after the event. Additionally, a flyer distribution plan was proposed, involving three team members per day to distribute flyers in the cafeteria.</p>
<h2>Sponsoring</h2>
<p>A table was created to organize participation for both the Hannover Fair and the Lab-Supply Fair, ensuring effective planning and resource allocation.</p>
</>
},
{
cssname: "april23",
node: <><h1>Team Meeting</h1>
<h2>Mechanism</h2>
<p>The focus is on prime editing using a fusion protein that combines Cas and RNA molecules, with plans to replace the Cas protein with the Fanzor protein. It is essential to determine the exact target and organize the necessary sequences, potentially requiring cloning. Attention must be paid to the development cycle, as this will be scrutinized by judges, particularly regarding the Wiki presentation.</p>
<h2>Delivery</h2>
<p>Discussions highlighted RNA as the cargo, with potential cell targets including ionocytes and club cells, as basal cells are too deep-seated. NLD1, which contains PEG for stability, faces transportation challenges due to its limited shelf life. Alternative delivery methods, such as Chitosan LNP and Atomic Force Microscopy, are being explored, with the company AIRinhale mentioned for collaboration.</p>
<h2>Human Practices</h2>
<p>Judging in human practices will be rigorous; transparency and detailed documentation are crucial to win over judges. Interviews should include a diverse range of experts, and visual documentation, including photos, is essential to support the narrative. Additionally, there is a need to gather research on how other teams approach various sub-aspects of their projects.</p>
<h2>Public Outreach</h2>
<p>Restrictions for MUKOMove posters have been emphasized, with guidelines uploaded by Isa for adherence. Posters must include 40 stickers in the top right corner, and they cannot be displayed without them.</p>
<h2>Urgent</h2>
<p>Liliana is tasked with reaching out to individuals for video contributions regarding gene therapy for the upcoming European Conference of Cystic Fibrosis, scheduled for June 5th to 8th in Glasgow. There will be a special prize for efforts in human practices, outreach, and education, including opportunities for "eposters" and connecting with experts.</p>
</>
},
{
cssname: "april25",
node: <><h1>Team Meeting</h1>
<h2>Urgent</h2>
<p>The project description for the Promega project needs to be completed immediately. Kai will draft the description and share it on Teams for team members to review and provide feedback.</p>
<h2>Organisation</h2>
<p>The presentation on Monday will be prepared by Kim, Kai, Phillip, and Asal.</p>
<h2>Mechanism</h2>
<p>Plasmid and construct planning is an immediate priority, with the team pursuing three approaches: Cas9, Cas12, and Fanzor. Key components include Reverse Transcriptase, template DNA, and pegRNA, which must be carefully designed to ensure compatibility with the constructs. The Fanzor requires modification to act as a nickase, and the team will work to optimize the constructs to create smaller, more effective designs.</p>
<h3>Proof of Concept</h3>
<p>A plasmid with a CMV promoter will be ordered according to guidelines in a relevant paper, and a T7 promoter will be used for mRNA production. Testing will involve HEC/HELA cell lines to evaluate expression, with a focus on a control cell line lacking the CFTR gene. The constructs will be characterized over time, and a transfection marker will be included to assess repair functionality.</p>
<h3>Task Distribution</h3>
<p>Team members are assigned to various tasks: everyone will review the RFC10 standard, while the experimental workflow team will include Kai, Christian, and Liliana. Other tasks will focus on sequencing, linkers, and reverse transcriptase, with laboratory tasks such as pouring plates and making E. coli competent also prioritized.</p>
<h2>Public Outreach</h2>
<p>The MukoMOVE initiative is progressing, with the cafeteria covered and 21 posters hung around the Old Town. Remaining posters will be distributed soon.</p>
<h2>Biosafety</h2>
<p>Safety mechanisms discussed include a protein that degrades the linker using a reporter system (Toehold Switch), which activates only in the presence of the mRNA transcript. Additionally, a Na+ riboswitch will mask the guide sequence under low ion conditions, unfolding only when sufficient ions are present.</p>
</>
},
{
cssname: "april30",
node: <><h1>Team Meeting</h1>
<h2>Organisation</h2>
<p>The Steering Committee provided positive feedback on the project, emphasizing simplicity and the importance of small successes. There was discussion about the use of the Ussing chamber and a preference for the patch-clamp method for measuring ion channels. The committee encouraged more collaboration with the medical faculty and acknowledged contributions from Philip, Kim, and Christian.</p>
<h2>Team</h2>
<p>Kaya expressed concerns about missing meetings and proposed changes to the meeting structure to improve attendance. Kathleen highlighted the need for personal accountability, urging everyone to take more initiative. The Miro board was demonstrated for task assignments, and it was suggested that one person be responsible for sub-teams while Kaya will compile meeting minutes.</p>
<h2>Jamboree & MeetUps</h2>
<p>Currently, around 70 people are registered for the BFH meetup with about 10 teams participating, which will also be promoted on LinkedIn. Additionally, the iGEM Eindhoven Meetup is scheduled for October.</p>
<h2>Mechanism</h2>
<p>The current focus includes discussions on RNA, particularly riboswitches, while circular RNA topics are postponed. There is a need for a comprehensive concept that outlines Prime Editing improvements and explores the binding capabilities of toehold switches. The team plans to produce mRNA for delivery, packaging it into LNPs, with a detailed mRNA pathway established for effective cellular entry.</p>
<h3>Specifics on Constructs</h3>
<p>Plans involve using 600 Fanzor and 1600 Reverse Transcriptase (RT) for construct optimization. The Chimera software will be utilized to analyze amino acid sequences and review linkers, while PAM and TAM sequences will be researched by Kathleen for effective cut sites. Testing for Cas proteins will include determining which Cas12 to use, mutation integration, and conducting PCR for mutation testing.</p>
<h2>Human Practices</h2>
<p>Liliana reported that more individuals are available for interviews, with some preferring Zoom for video interactions. The team is encouraged to maintain flexibility in conducting interviews.</p>
</>
},
{
cssname: "may2",
node: <><h1>Team Meeting</h1>
<h2>Urgent</h2>
<p>The project name must be finalized by May 6th.</p>
<h2>Team</h2>
<p>Team organization is crucial; all members should belong to at least two or three teams, with a clear definition of special prize categories. Public Outreach and Human Practices will have separate teams, and individual team meetings should be organized by May 7th to discuss progress. Monthly Steering Committee meetings will occur, requiring each team to report updates on a single slide.</p>
<p>The current project direction is promising, but there's a risk of becoming overly theoretical, delaying practical lab work. The goal is to transition from theory to practice quickly, focusing on generating a Prime Editing Complex (PEC) and demonstrating its functionality in a suitable model system. By breaking down goals into manageable stages, the team can aim for gold while also exploring opportunities for special prizes.</p>
<h2>Mechanism</h2>
<p>Philip will prepare a summary of the constructs and resources, including a YouTube video on Prime Editing experiments and ChimeraX exploration. Questions regarding the exportability of ChimeraX into 3D formats will be addressed. Finalization of the Biodiversity Pre-Deliverable and proceeding with plasmid orders are next steps.</p>
<h2>Delivery</h2>
<p>The team is in the final stages of completing the logo.</p>
<h2>Human Practices</h2>
<p>All external contacts should be documented in a Word file under Human Practices.</p>
<h2>Public Outreach</h2>
<p>The university will utilize sports sets for Mukomove, encouraging family and friends to promote the initiative.</p>
<h2>Sponsoring</h2>
<p>Assistance is urgently needed for sponsorship efforts.</p>
</>
},
{
cssname: "may7",
node: <><h1>Team Meeting</h1>
<h2>Urgent</h2>
<p>The team is currently behind the planned timeline for the lab activities.</p>
<h2>Organisation</h2>
<p>The Microsynth account has been approved and will be forwarded to the Sponsoring team. There will be no meeting this Thursday.</p>
<h2>Team</h2>
<p>The heads of teams have been established as follows: Kathleen for Public Outreach, Liliana for Wiki, Vera for Delivery, Philip for Mechanism, and Michael for Design. Sponsoring still needs a lead, possibly Isabell.</p>
<h2>Jamboree & MeetUps</h2>
<p>For the upcoming meet-up, several items are still needed: a scientific poster (Philip, Kim, Christian), T-shirts (Design team), a presentation (Philip, Kaya), stickers (30x30mm, Design team), a project title (max 15 words), and an abstract (150 words). Additionally, assistance is required for photography at the BFH, with Michael acting as the cameraman and needing more support.</p>
<h2>Wet Lab</h2>
<p>Discussion on cell culture responsibilities highlighted that Lisa and Kathleen have hands-on experience, while others will require guidance. Two groups will work with HEC and HELA, with scheduled sessions next week for familiarization with Benchling. The possibility of thawing HELA & HEK cells for practice was discussed, along with sourcing cells from Lukas and HNO for training purposes.</p>
<h2>Mechanism</h2>
<p>An update on purchased sequences was shared, indicating difficulties with Fanzor and plans to order Cas-9 endonuclease as a backup. Clarification is needed on whether to purchase plasmids with or without a reporter system, as well as the potential ordering of reverse transcriptase.</p>
<h2>Human Practices</h2>
<p>Questions for an upcoming interview with Prof. Weber are prepared, with the possibility of adding more. The Mechanism team will create additional slides, and Lisa will inquire about borrowing a camera and recording device for the interview.</p>
<h2>Public Outreach</h2>
<p>For MukoMove, Liliana will print the starting numbers, while Kaja will share this information on Teams, and Kaya will obtain safety pins for attachment.</p>
<h2>Sponsoring</h2>
<p>A meeting with Verena Kräutner is scheduled for Monday, where a draw will determine the sponsorship winner, with Lydia suggesting a time of 5:30 PM. Additionally, a meeting with Stemcell will follow up on the provision of medium.</p>
<h2>Creativity</h2>
<p>The team has chosen the name "<PreCyse/>" and is developing a logo, emphasizing simplicity and avoiding overly fine details or whimsical imagery. Feedback will be gathered on the proposed logos and name.</p>
<h2>Wiki</h2>
<p>There is a need for team members to write texts for the wiki, focusing on tasks outlined in the Wiki, Human Practices, and Design channels. The team should also agree on a citation style.</p>
</>
},
{
cssname: "may14",
node: <><h1>Team Meeting</h1>
<h2>Organisation</h2>
<p>There was a report regarding a Facebook page attributed to Friederike Lehle, prompting a discussion on whether it is genuine or spam. Additionally, the team received congratulations on the sponsorship from Promega GmbH, with the next steps outlined in the communication.</p>
<h2>Jamboree & MeetUps</h2>
<p>Discussions about the upcoming meet-up included responsibilities for handling milk alternatives and sugar. The team is also encouraged to ask friends for assistance with filming during the event.</p>
<h2>Mechanism</h2>
<p>The first plasmids have been ordered, including pMJ326 (Fanzor) and pCMV-PE2 (Standard Prime Editing). Remaining tasks include the ordering of a shortened RT plasmid, pegRNA acceptor plasmid, and screening plasmid. Malte and Kaya are working on pegRNA design, and there's a need to explore various peg integrations into the acceptor plasmid.</p>
<p>Primer design is challenging due to inexperience, but the team aims to meet BioBrick standards once the vectors are available. Kai and Christian are selecting candidates for Fanzor mutations, and testing editing via GFP is planned, requiring adaptation of the plasmid for stable transfection into cells.</p>
<h2>Human Practices</h2>
<p>Details for the interview with Prof. Weber are under discussion, including presentation responsibilities and logistical arrangements. There is also a note on a patient interview request involving a young child with Cystic Fibrosis.</p>
<h2>Sponsoring</h2>
<p>A meeting with Stemcell is planned where the team must decide on the types and quantities of media needed as soon as possible.</p>
<h2>Wiki</h2>
<p>The wiki is expected to be online by May 22nd.</p>
</>
},
{
cssname: "",
node: <></>
},
{
cssname: "",
node: <></>
},
{
cssname: "",
node: <></>
},
{
cssname: "",
node: <></>
},
{
cssname: "",
node: <></>
},
{
cssname: "",
node: <></>
},
{
cssname: "",
node: <></>
},
{
cssname: "",
node: <></>
},
{
cssname: "",
node: <></>
},
{
cssname: "",
node: <></>
},
]
function parseDateFromCode(code: string): string {
const months: { [key: string]: number } = {
january: 1,
february: 2,
march: 3,
april: 4,
may: 5,
june: 6,
july: 7,
august: 8,
september: 9,
october: 10,
november: 11,
december: 12
};
// Regex to match the month and day (e.g., february2, march5, etc.)
const regex = /^([a-zA-Z]+)(\d{1,2})$/;
const match = code.toLowerCase().match(regex);
if (match) {
const monthStr = match[1];
const day = parseInt(match[2], 10);
const month = months[monthStr];
if (month && day > 0 && day <= 31) {
const year = 2024;
// Format day and month with leading zeros
const formattedDay = day.toString().padStart(2, '0');
const formattedMonth = month.toString().padStart(2, '0');
return `${formattedDay}.${formattedMonth}.${year}`;
}
}
return "error"; // Return null if the code is invalid
}
src/components/Card.tsx deleted 100644 → 0
View file @ b98b99a1
import React from 'react';
export const Card = ({children}: CardProps) => {
return (
<div className="card-col">
{children}
</div>
);
}
interface CardProps {
children: React.ReactNode
}
export default Card;
\ No newline at end of file
src/components/code.tsx → src/components/Code.tsx
View file @ 3fd292fd
File moved
src/components/Complex-svg.tsx 0 → 100644
View file @ 3fd292fd
import { useNavigation } from "../utils";
export default function SVG(){
const { goToPageWithTabAndScroll/* , goToTextsAndOpenCollapsible */ } = useNavigation();
return(
<svg
viewBox="0 0 1000 500"
overflow="hidden"
version="1.1"
id="svg367"
width={"500"}
height={"100%"}
inkscape:export-ydpi="9.5955524"
xmlns="http://www.w3.org/2000/svg">
<defs
id="defs1"><clipPath
id="clip0"><rect
x="-1537"
y="6467"
width="19658"
height="6520"
id="rect1" /></clipPath></defs><g
clipPath="url(#clip0)"
transform="matrix(0.05938807,0,0,0.05938807,-112.45018,-384.06265)"
id="g367"><path
d="m 2965.83,8387.73 c 144.3,224.19 288.59,448.37 305.66,569.8 17.07,121.43 -93.08,140.1 -203.24,158.78"
stroke="#f4cc1e"
strokeWidth="73.3333"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path1" /><path
d="m 3545.01,8490.3 c 298.69,464.05 597.38,928.11 632.71,1179.46 35.33,251.36 -192.69,290.01 -420.71,328.66"
stroke="#f4cc1e"
strokeWidth="73.3333"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path2" /><path
d="m 2429.28,7093.97 c -90.36,108.81 -281.21,-8.06 -362.16,96.73 -80.94,104.8 -79.98,220.4 -23.65,331.53 40.24,79.4 -183.32,49.95 -9.72,201.49 163.17,142.44 -94.82,217.1 -105.58,304.31 -10.77,87.2 44.57,129.2 40.97,218.91 -3.6,89.72 -89.92,239.03 -62.56,319.39 27.36,80.36 82.02,88.47 160.17,177.59 78.14,89.12 223.61,409.76 308.71,357.12 85.11,-52.64 49.49,-204.71 163.65,-252.29 114.16,-47.58 210.41,-141.61 359.19,-111.29 177.47,36.16 443.53,87.7 549.7,49.25 106.18,-38.45 162.2,-146.76 249.48,-201.84 87.29,-55.09 200.86,-93.31 274.25,-128.67 73.39,-35.35 97.23,-26.3 166.09,-83.48 68.85,-57.17 207.98,-178.51 247.03,-259.57 39.06,-81.06 16.17,-164.16 -12.71,-226.78 -28.87,-62.63 -57.01,-185.16 -111.76,-226.22 -54.75,-41.06 -124.53,-3.8 -216.73,-20.13 -92.21,-16.33 -98.31,-80.36 -336.5,-77.85 -93.27,0.99 -46.22,197.01 -223.15,77.51 -249.8,-168.72 -54.95,-240.28 -92.96,-315.04 -38.01,-74.76 -92.78,-84.58 -135.1,-133.52 -42.32,-48.95 -64.48,-132.34 -118.82,-160.14 -54.34,-27.81 -137.42,9.98 -207.21,-6.68 -69.78,-16.66 -220.55,-50.13 -300.81,-78.25 -53.64,-35.37 -45.49,-163.83 -180.74,-90.44 -81.41,44.18 32.59,167.01 -19.08,238.36 z"
fill="#bb9909"
fillRule="evenodd"
id="path3" /><path
d="m 2822.54,7599.86 c -25.96,-8.15 -84.01,-5.81 -101.49,25.42 -17.48,31.24 -14.87,115.69 -3.37,162 11.5,46.31 56.83,84.14 72.37,115.86 15.54,31.71 31.75,56.35 20.87,74.42 -10.88,18.06 -52.67,34.37 -86.14,33.97 -33.46,-0.4 -78.64,-37.34 -114.66,-36.38 -36.02,0.96 -64.17,37.7 -101.47,42.12 -37.29,4.41 -92.39,-30.85 -122.3,-15.61 -29.91,15.23 -30.1,88.56 -57.15,107.02 -27.04,18.47 -83.63,-22.57 -105.13,3.77 -21.5,26.34 -3.3,126.12 -23.88,154.28 -20.59,28.17 1.56,39.48 15.63,61.42 14.07,21.94 37.07,97.89 68.77,70.23 31.69,-27.66 -15.6,-82.37 -5.65,-107.42 9.95,-25.05 40.43,-19.91 65.36,-42.87 24.93,-22.96 47.93,-87.39 84.24,-94.88 36.31,-7.5 133.64,49.88 133.64,49.88 47.4,17.08 114.37,39.93 150.79,52.57 36.41,12.65 45.68,38.6 67.7,23.3 22.01,-15.3 36.72,-94.46 64.37,-115.09 27.65,-20.64 90.83,11.61 101.51,-8.73 10.68,-20.34 -59.04,-71.8 -37.43,-113.33 21.62,-41.52 64.39,-33.6 92.25,-40.62 27.86,-7.01 50.49,18.88 74.9,-1.47 24.41,-20.34 43.7,-101.51 71.57,-120.58 27.87,-19.07 76.07,40.36 95.67,6.17 19.6,-34.18 -8.31,-74.21 -48.87,-91.97 -40.56,-17.77 -141.53,5.25 -194.5,-14.6 -52.98,-19.85 -93.74,-74.69 -123.34,-104.5 -29.6,-29.82 -28.3,-66.22 -54.26,-74.38 z"
fill="#b09008"
fillRule="evenodd"
id="path4" /><path
d="m 2353.92,8950.64 c -27.59,-36.41 71.1,-89.66 89.26,-129.13 18.16,-39.47 13.69,-71.41 19.71,-107.67 6.02,-36.27 -42.1,-88.74 16.41,-109.93 58.5,-21.2 110.3,35.25 151.19,21.88 40.89,-13.37 56.57,-88.37 94.16,-102.12 37.58,-13.74 111.83,3 131.33,19.66 19.5,16.67 4.62,50.75 -14.32,80.34 -18.93,29.59 -62.94,75.76 -99.29,97.18 -36.35,21.42 -94.26,16.05 -118.8,31.35 -24.54,15.3 -4.49,37.4 -28.45,60.45 -23.95,23.05 -118.92,59 -147.43,83.25 -28.51,24.25 -67.86,88.93 -93.77,54.74 z"
fill="#b09008"
fillRule="evenodd"
id="path5" /><path
d="m 3903,8132.43 c -38.78,7.12 -82.52,36.89 -116.6,30.51 -34.08,-6.38 -82.2,-47.65 -87.88,-68.8 -5.68,-21.15 -1.22,-61.26 53.82,-58.1 55.03,3.16 93.03,-28.37 134.82,-51.75 41.8,-23.38 82.84,-87.21 115.93,-88.54 33.08,-1.32 57.28,59.71 82.59,80.59 25.31,20.87 52.26,17.25 69.29,44.66 17.02,27.42 13.29,93.46 32.87,119.84 19.58,26.38 78.04,19.27 84.59,38.46 6.56,19.18 -19.85,54.81 -45.24,76.65 -25.4,21.83 -80.93,48.13 -107.14,54.36 -26.2,6.22 -41.67,2.46 -50.1,-17.01 -8.42,-19.48 8.05,-71 -0.44,-99.86 -8.49,-28.85 -22.73,-63.09 -50.48,-73.26 -27.75,-10.17 -77.26,5.12 -116.03,12.25 z"
fill="#b09008"
fillRule="evenodd"
id="path6" /><path
d="m 3314.41,8478.52 c -43.16,-6.37 -101.62,-88.73 -137.06,-58.71 -33.11,28.06 55.47,90.3 42.01,120.12 -13.46,29.82 -92.38,39.46 -122.74,58.79 -30.36,19.34 -72.75,33.74 -59.41,57.24 13.33,23.49 86.15,67.57 139.44,83.74 53.29,16.17 116.28,17.99 180.29,13.28 64.01,-4.71 152.92,0.01 203.77,-41.54 50.84,-41.56 27.93,-199.41 101.31,-207.81 73.38,-8.41 233.21,-80.71 204.23,-125.2 -28.98,-44.48 -185.43,24.53 -245.36,-0.52 -59.93,-25.04 -133.49,63.33 -184.57,80.1 -51.08,16.77 -78.75,26.87 -121.91,20.51 z"
fill="#b09008"
fillRule="evenodd"
id="path7" /><path
d="m 3771.99,7785.64 c -15.75,3.56 -41.58,33.64 -37.93,44.53 3.65,10.9 44.07,24.39 59.83,20.83 15.75,-3.56 38.88,-31.68 34.69,-42.18 -4.19,-10.49 -40.83,-26.74 -56.59,-23.18 z"
fill="#b09008"
fillRule="evenodd"
id="path8" /><path
d="m 3385.87,8036.72 c -26.5,29.97 -49.29,26.84 -50.92,44.74 -1.63,17.9 14.51,50.44 41.15,62.66 26.64,12.22 89.22,14.68 118.69,10.65 29.48,-4.03 49.31,-18.49 58.16,-34.83 8.85,-16.33 -9.08,-34.65 -5.06,-63.16 4.02,-28.51 28.46,-81.79 29.17,-107.89 0.71,-26.1 -11.04,-40.82 -24.89,-48.69 -13.85,-7.88 -30.04,-21.39 -58.21,1.44 -28.16,22.83 -81.59,105.1 -108.09,135.08 z"
fill="#b09008"
fillRule="evenodd"
id="path9" /><path
d="m 3075.33,7365.3 c -23.89,15.15 -12.45,77.7 -39.57,95.72 -27.12,18.01 -103.7,1.21 -123.16,12.37 -19.47,11.15 -21.97,43.12 6.39,54.58 28.37,11.47 121.83,-1 163.82,14.2 41.99,15.2 56.51,68.43 88.11,77.03 31.59,8.6 93.03,1.51 101.48,-25.42 8.46,-26.94 -35.19,-98.92 -50.74,-136.2 -15.54,-37.28 -18.15,-72.09 -42.54,-87.47 -24.39,-15.38 -79.9,-19.96 -103.79,-4.81 z"
fill="#b09008"
fillRule="evenodd"
id="path10" /><path
d="m 4336.39,10623 c -23.6,-9 -56.44,-8 -85.78,-1.8 -46.94,9.8 -105.13,68 -166.11,89 -60.98,21.1 -157.79,-0.8 -199.77,37.3 -41.98,38.2 -110.3,145.1 -52.11,191.7 14.84,11.9 88.33,-105.5 131.97,-110.2 43.64,-4.7 65.96,10.5 129.86,81.9 63.91,71.3 99.72,42.3 139.65,47.1 39.92,4.7 73.73,-7.7 99.88,-18.7 26.16,-10.9 58.26,-30.5 57.04,-47 5.34,-33.3 -60.19,-12.1 -64.34,-52.3 -4.15,-40.2 52.14,-152.4 39.46,-188.9 -4.75,-13.7 -15.59,-22.7 -29.75,-28.1 z m 216.05,-907.12 c 46.37,18.03 98.03,43.08 125.13,56.49 43.36,21.46 47.28,28.2 63.72,51.42 16.44,23.22 26.21,43.59 34.92,87.92 8.72,44.32 24.47,135.79 17.39,177.99 -7.08,42.3 -29.03,34.8 -64.7,45.1 -35.67,10.4 -20.2,76.1 2.78,116.9 22.98,40.8 88.09,139.4 135.1,127.9 47,-11.4 -15.03,-111.3 7.3,-135.7 22.34,-24.4 91.94,-28.3 126.73,-10.7 34.78,17.6 66,74.9 81.98,116.1 15.98,41.3 -50.61,116.1 13.89,131.4 41.09,9.7 49.66,79 62.51,110.1 12.84,31.1 15.67,37.8 14.56,76.2 -0.85,29.4 73.27,51.7 68.83,79.1 -4.44,27.3 -32.44,61.9 -95.49,85 -63.06,23.1 -42.5,151.7 -45.04,217.3 -2.53,65.6 30.65,126.5 29.86,176.2 -0.8,49.8 -51.48,79.1 -34.62,122.4 6.64,24.4 50.07,25 70.85,54.7 20.79,29.7 42.88,84.2 53.89,123.5 11.01,39.3 3.97,87.2 12.18,112.2 8.21,25.1 42.7,42 81.81,67.4 31.12,45.8 72.54,147.7 104.91,207.4 32.37,59.7 -30.81,139.3 65.48,166.7 96.28,27.3 82.01,42.2 89.68,72.9 7.67,30.7 -1.02,90.3 -43.68,111.3 -42.66,21 -149.81,-4.3 -212.29,14.8 -62.47,19.2 -109.9,112.2 -162.56,99.9 -52.67,-12.3 -73.39,-235.3 -153.44,-173.6 -80.04,61.8 -225.54,70.3 -236.28,5.5 -44.81,-270.7 -136.69,-67.1 -157.99,-1.6 -32.58,100.1 -170.67,79.8 -239.06,115.1 -68.4,35.2 -116.22,100.4 -171.3,96.4 -55.08,-4 -129.38,-200.6 -159.18,-120.4 -30.61,82.3 -71.9,54.8 -124.95,61.7 -77.32,0.3 -8.09,103.1 -179.79,60.3 -134.91,-33.6 24.95,-136.2 -79.65,-137 -104.6,-0.8 -102.21,-58.1 -121.24,-108 -19.03,-49.9 48.17,-156.9 7.05,-191.1 -41.13,-34.2 -209.02,16.1 -253.82,-14 -44.8,-30.2 0.91,-130.6 -14.99,-167.1 -15.91,-36.4 -51.9,-62.3 -80.41,-51.7 -28.51,10.6 -24.1,89.2 -90.66,115.5 -66.56,26.3 -243.94,66.6 -308.73,42.4 -64.78,-24.1 150.76,-216.4 -79.97,-187.5 -167.82,21.1 -101.13,-149.6 -180.53,-123.7 -79.41,25.9 -85.2,-52.3 -138.92,-82.2 -53.72,-29.9 -150.45,-58.3 -183.41,-97.2 -32.96,-39 29.99,-122.3 -14.37,-136.6 -58.87,-18.9 -100.78,-50 -141.18,-95.7 -40.4,-45.7 -13.28,-171.4 -101.24,-178.2 -87.95,-6.9 -58.67,-145.6 -39.54,-194.3 19.13,-48.7 83.25,-94.5 154.31,-98.1 71.06,-3.5 208.89,111.4 272.06,76.6 63.17,-34.7 107.46,-217 106.98,-285.3 -0.49,-68.3 -87.28,-71 -109.88,-124.5 -22.6,-53.4 -43.6,-147.7 -25.72,-196 17.87,-48.3 86.43,-45.7 132.97,-93.7 46.53,-48.1 -6.38,-45.4 5.16,-131.58 11.53,-86.15 87.46,-73.13 123.28,-98.8 35.82,-25.66 59.99,-13.06 91.63,-55.19 31.65,-42.13 19.87,-41.36 63.1,-49.86 43.22,-8.5 167.07,1.39 196.25,-1.14 29.17,-2.53 80.31,-85.5 119.54,-80.91 39.23,4.59 79.86,39.62 108.71,29.32 28.85,-10.3 29.29,-77.87 65.52,-69.69 36.22,8.18 73.3,70.68 111.19,57.01 37.89,-13.66 60.62,-65.28 100.67,-80.21 40.05,-14.93 55.26,-4.89 139.63,-9.37 84.37,-4.49 54.81,92.5 94.18,93.05 39.38,0.56 -1.53,-78.28 26.09,-88.98 27.62,-10.7 101.75,-35.59 139.64,24.77 37.89,60.35 -21.12,71.45 21.04,128 42.16,56.54 166.66,85.5 198.88,100.98 32.22,15.47 9.24,-76.57 67.11,-95.99 57.87,-19.43 219.3,-8.89 280.1,-20.59 60.81,-11.69 37.86,-54.21 84.72,-49.58 17.58,1.73 43.5,10.02 71.32,20.84 z"
fill="#f4cc1e"
fillRule="evenodd"
id="path11" /><path
d="m 3954.5,10722.1 c -22.07,-3.6 -36.34,-33.6 -12.64,-70.4 23.7,-36.9 90.94,-116.2 154.84,-150.7 63.9,-34.5 167.88,-17.2 228.56,-56.3 60.68,-39.1 87.62,-114.2 135.52,-178.5 47.9,-64.2 111.21,-167.8 151.87,-207.2 40.66,-39.4 92.43,-64.44 92.07,-29.3 -0.35,35.1 -70.57,171.2 -94.21,239.9 -23.64,68.8 -24.59,124.7 -47.64,172.7 -23.05,48 -55.21,100 -90.65,115.5 -35.45,15.4 -104.22,-31.7 -122.01,-22.8 -17.78,9 45.23,62.3 15.29,76.5 -29.94,14.3 -146.38,-1.2 -194.92,9.1 -48.53,10.3 -59.82,37 -96.27,52.9 -36.46,15.9 -97.74,52.2 -119.81,48.6 z"
fill="#eec30c"
fillRule="evenodd"
id="path12" /><path
d="m 4280.85,11122.1 c -25.09,-21.6 -58.64,-28 -98.47,-18.5 -39.84,9.6 -116.2,45.9 -140.53,75.8 -24.32,29.9 -20.39,101.1 -5.43,103.6 14.96,2.5 59.58,-74.8 95.18,-88.5 35.6,-13.7 84.87,-0.3 118.42,6.2 33.55,6.4 77.47,46.3 82.9,32.5 5.42,-13.8 -26.98,-89.5 -52.07,-111.1 z"
fill="#eec30c"
fillRule="evenodd"
id="path13" /><path
d="m 2937.94,10464 c 20.51,-13.8 31.78,-44.6 29.12,-74.2 -2.65,-29.6 -16.09,-89.4 -45.05,-103.3 -28.96,-13.9 -100.96,0.7 -128.69,20 -27.73,19.3 -46.14,68.3 -37.69,96 8.45,27.6 58.26,58.9 88.36,69.9 30.1,11 73.44,5.4 93.95,-8.4 z"
fill="#eec30c"
fillRule="evenodd"
id="path14" /><path
d="m 3958.11,11559.4 c 19.14,-1.7 -18.4,-87.8 -37.26,-110.3 -18.86,-22.5 -46.54,-18.3 -75.89,-24.7 -29.34,-6.5 -74.52,5.9 -100.18,-14.2 -25.67,-20.1 -31.91,-89.7 -53.78,-106.7 -21.87,-17 -62.02,-10.9 -77.44,4.8 -15.42,15.8 -22.94,64.9 -15.09,89.8 7.85,24.9 38,44.3 62.18,59.6 24.18,15.4 58.67,32.3 82.9,32.6 24.23,0.3 27.15,-41.4 62.47,-30.9 35.32,10.5 132.95,101.7 152.09,100 z"
fill="#eec30c"
fillRule="evenodd"
id="path15" /><path
d="m 3932.05,12100.6 c -23.06,-26.4 -55.48,-22.4 -79.96,7.2 -24.48,29.6 -71.25,134 -66.91,170.4 4.34,36.5 58.77,50.1 92.98,48.1 34.21,-2 103.74,-23.5 112.29,-60 8.54,-36.5 -35.34,-139.3 -58.4,-165.7 z"
fill="#eec30c"
fillRule="evenodd"
id="path16" /><path
d="m 5219.46,11788.4 c -23.95,-9.4 -97.51,-8.7 -137.71,46.2 -40.21,54.9 -98.55,228.1 -103.53,283.3 -4.98,55.3 48.92,57.2 73.65,48.2 24.72,-8.9 59.25,-64.1 74.68,-101.8 15.43,-37.6 1.39,-95.2 17.88,-124.1 16.48,-28.9 68.51,-23.9 81.02,-49.2 12.51,-25.3 17.96,-93.2 -5.99,-102.6 z"
fill="#eec30c"
fillRule="evenodd"
id="path17" /><path
d="m 3792.71,10467.2 c -24.75,-13.9 -56.62,-28.9 -87.87,5.8 -31.26,34.7 -82.65,142.1 -99.68,202.6 -17.02,60.4 -21.28,141.9 -2.45,160.2 18.83,18.3 79.32,-26.8 115.44,-50.4 36.12,-23.6 78.72,-53 101.26,-91.2 22.53,-38.1 39.39,-100.3 33.93,-137.7 -5.46,-37.4 -35.88,-75.4 -60.63,-89.3 z"
fill="#eec30c"
fillRule="evenodd"
id="path18" /><path
d="m 4754.16,11635.3 c 33.67,-19.5 131.95,-101 136.61,-142.8 4.67,-41.8 -78.7,-103.1 -108.62,-108.1 -29.92,-5 -42.94,68.8 -70.88,77.9 -27.94,9.2 -93,-47.4 -96.76,-22.8 -3.76,24.5 50.49,136.4 74.2,170.1 23.72,33.6 31.77,45.2 65.45,25.7 z"
fill="#eec30c"
fillRule="evenodd"
id="path19" /><path
d="m 2775.21,11558.3 c 13.07,-41.9 79.77,-139.1 117.28,-170.5 37.52,-31.4 64.84,-24.1 107.82,-18.1 42.98,6 112.19,30.6 150.06,53.9 37.86,23.2 90.07,65.5 77.14,85.7 -12.93,20.1 -106.7,10.9 -154.71,34.9 -48.01,23.9 -90.22,93 -133.35,108.8 -43.13,15.8 -98.78,1.5 -125.43,-14 -26.65,-15.5 -51.89,-38.9 -38.81,-80.7 z"
fill="#eec30c"
fillRule="evenodd"
id="path20" /><path
d="m 3466.51,10772.2 c 18.73,1.5 43.44,-59.3 29.9,-89 -13.54,-29.6 -83.11,-66.2 -111.11,-88.9 -28,-22.7 -56.68,-60.9 -56.88,-47.5 -0.21,13.3 32.35,90.7 55.65,127.6 23.3,36.8 63.72,96.3 82.44,97.8 z"
fill="#eec30c"
fillRule="evenodd"
id="path21" /><path
d="m 3308.48,11214.2 c -37.85,1.8 -96.88,65.8 -97.67,104.1 -0.8,38.2 69.05,70 92.88,125.2 23.82,55.2 90.57,122 50.06,206 -40.52,83.9 -186.43,224.7 -293.17,297.8 -106.74,73 -305.2,140.3 -347.27,140.6 -42.07,0.3 51.68,-108.1 94.86,-139 43.18,-30.9 81.55,-41 164.21,-46.3 82.66,-5.3 229.92,-25.6 331.72,14.4 101.81,40 247.54,143.3 279.11,225.4 31.57,82 -70.67,201.4 -89.69,266.9 -19.02,65.6 -23.98,84.6 -24.44,126.4 -0.45,41.8 43.34,84.1 21.69,124.3 -21.65,40.2 -69.42,102 -151.58,116.7 -82.16,14.8 -314.99,-52.7 -341.38,-28.2 -26.4,24.4 108.68,144.3 183.01,175.1 74.33,30.9 185.46,51.4 262.96,10 77.49,-41.3 166.57,-176.3 202.02,-258.1 35.46,-81.7 45.83,-161.6 10.7,-232.4 -35.12,-70.9 -138.49,-151.7 -221.44,-192.7 -82.96,-41 -197.06,-53.9 -276.27,-53.1 -79.2,0.8 -145.3,53.8 -198.95,57.9 -53.65,4.1 -116.02,-61.5 -122.94,-33.2 -6.93,28.3 43.71,166.6 81.37,203.2 37.67,36.6 62.94,64.1 144.6,16.5 81.66,-47.7 275.82,-174.6 345.36,-302.6 69.54,-127.9 93.43,-361.9 71.88,-465.2 -21.55,-103.3 -159.88,-116.5 -201.18,-154.5 -41.3,-38.1 -76.31,-45.1 -46.6,-73.7 29.7,-28.6 157.89,-81.5 224.81,-98.1 66.91,-16.5 133.68,-11.3 176.68,-1.1 43.01,10.2 70.23,24.2 81.35,62.1 11.12,38 -37.68,96 -14.61,165.5 23.08,69.5 91.89,167.9 153.06,251.5 61.18,83.6 144.79,206.2 213.98,250.1 69.19,44 132.53,34.4 201.16,13.6 68.63,-20.9 133.35,-85.3 210.62,-138.9 77.27,-53.6 202.16,-123.7 252.99,-182.7 50.84,-58.9 70.51,-113.3 52.01,-170.9 -18.51,-57.6 -132.22,-167.7 -163.02,-174.8 -30.8,-7.1 -42.88,77.2 -21.78,132.4 21.1,55.3 123.27,130.7 148.37,199.3 25.1,68.6 -0.23,145.9 2.23,212.4 2.46,66.4 -19.65,148.3 12.51,186.1 32.15,37.9 136.99,53 180.43,40.7 43.44,-12.3 71.97,-89.3 80.22,-114.6 8.25,-25.3 25.59,-58.7 -30.7,-37.2 -56.3,21.5 -219.9,141.1 -307.07,166.5 -87.17,25.3 -142.74,23.7 -215.95,-14.3 -73.22,-38 -176.17,-122 -223.32,-213.6 -47.16,-91.5 -43.11,-230.1 -59.6,-335.6 -16.49,-105.5 -48.45,-203.6 -39.33,-297.4 9.12,-93.8 71.22,-183.5 94.05,-265.2 22.84,-81.7 101.32,-172.6 117.13,-195.7"
stroke="#f57d22"
strokeWidth="59.5833"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path22" /><path
d="M 0,0 89.0578,103.12"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,3477.61,11694.1)"
id="path23" /><path
d="M 0,0 89.0578,103.12"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,3303.69,11782.6)"
id="path24" /><path
d="m 3476.6,11895.1 -2.82,65.1"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path25" /><path
d="M 0,0 255.954,74.9332"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,3238.01,11926.4)"
id="path26" /><path
d="M 0,0 193.025,47.544"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,3414.13,12100.8)"
id="path27" /><path
d="M 0,0 193.025,47.544"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,3139.61,12058)"
id="path28" /><path
d="M 0,0 243.662,3.60892e-4"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,3277.06,12278.1)"
id="path29" /><path
d="M 0,0 208.383,3.60892e-4"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,2987.14,12154.8)"
id="path30" /><path
d="m 3118.01,12398.2 -164.58,-178"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path31" /><path
d="M 2931.67,12173 2767.1,11995"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path32" /><path
d="m 2948.82,12447.4 -17.13,-189.9"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path33" /><path
d="m 2908.63,12115.8 -17.13,-190"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path34" /><path
d="M 0,0 9.5272,155.967"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,2864.6,12313.9)"
id="path35" /><path
d="M 0,0 9.5272,155.967"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,2972.46,12065.3)"
id="path36" /><path
d="M 0,0 114.766,168.305"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,2868.38,12231.6)"
id="path37" /><path
d="M 0,0 114.766,168.305"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,3139.41,12046.4)"
id="path38" /><path
d="m 3099,12316.5 85.68,33.6"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path39" /><path
d="m 2956.44,12260.5 85.67,33.6"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path40" /><path
d="M 0,0 86.6589,103.348"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,3138.64,12205)"
id="path41" /><path
d="M 0,0 94.8894,106.744"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,3311.47,12098.2)"
id="path42" /><path
d="M 0,0 79.8529,41.748"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,3338.78,12233.1)"
id="path43" /><path
d="M 0,0 69.6353,40.5044"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,3490.06,12221.2)"
id="path44" /><path
d="M 0,0 48.7291,39.8281"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,3613.01,12530.6)"
id="path45" /><path
d="M 0,0 48.2015,34.8211"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,3497.35,12570.9)"
id="path46" /><path
d="m 3569.25,12341.8 -24.3,-27.3"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path47" /><path
d="m 3604.08,12390.5 -9.1,-13.8"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path48" /><path
d="M 0,0 41.9887,18.3478"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,3597.89,12671.9)"
id="path49" /><path
d="M 0,0 44.7236,15.9767"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,3492.41,12670.2)"
id="path50" /><path
d="M 0,0 56.903,7.04462"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,3397.34,12756.3)"
id="path51" /><path
d="M 0,0 75.1179,8.29944"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,3506.16,12783.7)"
id="path52" /><path
d="m 3326.68,12860.4 129.2,70.4"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path53" /><path
d="m 3135.76,12763.3 140.42,69.4"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path54" /><path
d="m 3431.7,11527.9 -107.86,-63.1"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path55" /><path
d="m 3469.4,11512 -107.94,-115.6"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path56" /><path
d="m 3574.91,11519.5 -22.06,-178.4"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path57" /><path
d="M 0,0 174.956,14.0365"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,3898.99,11492.5)"
id="path58" /><path
d="M 0,0 198.466,123.679"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,3974.95,11595.9)"
id="path59" /><path
d="M 0,0 61.024,185.347"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,4014.56,11695.4)"
id="path60" /><path
d="M 0,0 14.317,220.831"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,4061.78,11794.4)"
id="path61" /><path
d="m 4161.37,11930 -22.86,170.9"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path62" /><path
d="M 0,0 28.1236,124.613"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,4481.42,12046.9)"
id="path63" /><path
d="M 0,0 28.1236,124.613"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,4589.01,11886.9)"
id="path64" /><path
d="m 4633.61,12055.6 -34.23,171.4"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path65" /><path
d="m 4666.23,11819.9 -23.08,162.9"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path66" /><path
d="m 4814.7,11992.1 29.1,109.3"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path67" /><path
d="m 4762.69,12152.2 37.53,-230.6"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path68" /><path
d="M 0,0 3.49669,195.953"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,4971.32,12010.8)"
id="path69" /><path
d="m 5018.26,12057.1 -86.49,-127.7"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path70" /><path
d="m 4896.34,11868.6 -105.89,-155.8"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path71" /><path
d="m 4629.43,11410.2 -25.39,-144.6"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path72" /><path
d="m 4377.24,11260.1 -144.1,-125.5"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path73" /><path
d="M 0,0 92.9717,65.8683"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,4288.56,11327)"
id="path74" /><path
d="m 4578.73,11442.5 -151.24,-137.1"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path75" /><path
d="m 4649.73,11618.2 -102.45,-103.4"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path76" /><path
d="M 0,0 116.989,15.1596"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,4267.75,11015.2)"
id="path77" /><path
d="M 0,0 77.197,70.2192"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,4747.34,12047.1)"
id="path78" /><path
d="M 0,0 97.5579,82.2138"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,4765.65,11583)"
id="path79" /><path
d="M 0,0 72.6476,17.8512"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.930832,0.365447,0.365447,-0.930832,4651.16,11690.1)"
id="path80" /><path
d="M 0,0 52.809,20.7805"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,4854.17,11706.6)"
id="path81" /><path
d="m 4711.85,11495.2 30.78,182.2"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path82" /><path
d="m 4762.69,12152.2 -1.04,-243.1"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path83" /><path
d="M 0,0 9.70548,206.122"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930832,-0.365447,-0.365447,0.930832,4172.39,11545.9)"
id="path84" /><path
d="m 4189.7,11681.9 -18.68,175.8"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path85" /><path
d="m 3345.22,11651.8 -6.53,-26.9"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path86" /><path
d="m 3329.72,11570.9 -6.53,-26.9"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path87" /><path
d="M 4466,11214.4 V 10969"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path88" /><path
d="M 4565,11232.4 V 10987"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path89" /><path
d="M 4664,11251.4 V 11006"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path90" /><path
d="M 4762,11259.4 V 11014"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path91" /><path
d="M 4368,11202.4 V 10957"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path92" /><path
d="M 3475,11216.4 V 10971"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path93" /><path
d="M 3574,11234.4 V 10989"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path94" /><path
d="M 3673,11252.4 V 11007"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path95" /><path
d="M 3771,11260.4 V 11015"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path96" /><path
d="M 3377,11204.4 V 10959"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path97" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0,-1,-1,0,4166,11216.4)"
id="path98" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0,-1,-1,0,4067,11234.4)"
id="path99" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0,-1,-1,0,3969,11252.4)"
id="path100" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0,-1,-1,0,3870,11260.4)"
id="path101" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0,-1,-1,0,4265,11204.4)"
id="path102" /><path
d="m 4318,11203 c 195.07,0.2 294.75,58.7 494,59"
stroke="#f57d22"
strokeWidth="59.5833"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path103" /><path
d="m 3327,11205 c 195.07,0.2 294.75,57.7 494,58"
stroke="#f57d22"
strokeWidth="59.5833"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path104" /><path
d="M 494,58.0001 C 298.928,57.8246 199.248,0.271717 0,0"
stroke="#f57d22"
strokeWidth="59.5833"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,3820,11263)"
id="path105" /><path
d="M 0,0 139.493,157.71"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.755952,-0.654627,-0.654627,-0.755952,4112.52,7941.22)"
id="path106" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.233144,-0.972442,-0.972442,0.233144,4422.68,7867.15)"
id="path107" /><path
d="M 0,0 120.997,173.085"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.755952,-0.654627,-0.654627,-0.755952,4225.34,7923.55)"
id="path108" /><path
d="M 0,0 117.92,179.344"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.755952,-0.654627,-0.654627,-0.755952,4323.09,7897.91)"
id="path109" /><path
d="M 0,0 114.041,160.225"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,3258,7789.23)"
id="path110" /><path
d="M 0,0 208.302,56.4847"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.755952,-0.654627,-0.654627,-0.755952,3351.89,7873.85)"
id="path111" /><path
d="M 0,0 166.218,146.887"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.755952,-0.654627,-0.654627,-0.755952,3903.85,7947.76)"
id="path112" /><path
d="M 0,0 171.83,87.3749"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.755952,-0.654627,-0.654627,-0.755952,3477.65,7910.11)"
id="path113" /><path
d="M 0,0 156.417,110.298"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.755952,-0.654627,-0.654627,-0.755952,3586.78,7926.32)"
id="path114" /><path
d="M 0,0 165.284,131.356"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.755952,-0.654627,-0.654627,-0.755952,3684.42,7939.38)"
id="path115" /><path
d="M 0,0 155.3,143.198"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.755952,-0.654627,-0.654627,-0.755952,3797.85,7932.97)"
id="path116" /><path
d="M 0,0 153.082,139.939"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.755952,-0.654627,-0.654627,-0.755952,4004.45,7955.44)"
id="path117" /><path
d="m 3200.41,7781.25 c 138.03,164.13 1075.13,309.2 1335.87,-13.96"
stroke="#f57d22"
strokeWidth="59.5833"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path118" /><path
d="M 2913.69,9047.46 2756.2,8965.43"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path119" /><path
d="m 2976.98,8948.11 -172.64,-70.09"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path120" /><path
d="m 3027.45,8845.26 -168.1,-61.01"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path121" /><path
d="m 3046.89,8695.82 -180.1,10.15"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path122" /><path
d="m 2888.47,8568.72 -92.81,97.95"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path123" /><path
d="M 0,0 158.397,1.99501"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.483637,0.875269,0.875269,0.483637,2775.25,8512.6)"
id="path124" /><path
d="m 2661.81,8456.67 -75.39,123.31"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path125" /><path
d="m 2565.55,8402.66 -78.01,117.89"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path126" /><path
d="m 2491.87,8349.57 -93.61,97.42"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path127" /><path
d="m 2429.64,8265.14 -115.47,91.69"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path128" /><path
d="m 2372.32,8188.76 -118.67,77.81"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path129" /><path
d="m 2314.63,8104.07 -125.15,55.35"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path130" /><path
d="m 2275.1,8033.12 -116.42,25.41"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path131" /><path
d="m 2274.06,7953.31 -129.86,-3.74"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path132" /><path
d="m 2284.01,7869.13 -117.35,-30.38"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path133" /><path
d="m 2313.03,7793.09 -112.31,-53.86"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path134" /><path
d="M 0,0 13.1242,123.931"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.483637,-0.875269,-0.875269,-0.483637,2354.29,7717.55)"
id="path135" /><path
d="M 0,0 28.9908,113.054"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.483637,-0.875269,-0.875269,-0.483637,2402.4,7643.33)"
id="path136" /><path
d="M 0,0 56.2942,111.477"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.483637,-0.875269,-0.875269,-0.483637,2469.8,7590.81)"
id="path137" /><path
d="M 0,0 76.6658,75.2464"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.483637,-0.875269,-0.875269,-0.483637,2542.34,7545.64)"
id="path138" /><path
d="M 0,0 101.644,54.2558"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.483637,-0.875269,-0.875269,-0.483637,2633.05,7532.6)"
id="path139" /><path
d="M 0,0 140.625,43.5911"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.483637,-0.875269,-0.875269,-0.483637,2720.57,7539.39)"
id="path140" /><path
d="M 0,0 157.796,23.4241"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.483637,-0.875269,-0.875269,-0.483637,2806.34,7562.5)"
id="path141" /><path
d="M 0,0 161.173,15.7566"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.483637,-0.875269,-0.875269,-0.483637,2900.03,7589.61)"
id="path142" /><path
d="m 2981.28,7634.51 98.96,-160.9"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path143" /><path
d="m 3071.42,7684.03 98.96,-160.91"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path144" /><path
d="m 3150.71,7739.39 125.82,-197.66"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path145" /><path
d="M 1285.53,1126.44 C 1157.59,1148.29 925.589,1172.6 849.341,1049.82 773.094,927.043 879.74,575.597 828.047,389.754 779.465,215.097 621.443,-23.6031 358.034,1.88278 239.996,13.3036 -38.5051,-5.85151 4.46316,764.02"
stroke="#f57d22"
strokeWidth="59.5833"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.483637,0.875269,0.875269,0.483637,2529.18,7401.78)"
id="path146" /><path
d="m 2871.24,9085 c -159.23,207.04 -4.2,901.52 421.39,926.6 662.67,39 1265.03,640.2 1074.71,863.4"
stroke="#f57d22"
strokeWidth="59.5833"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path147" /><path
d="M 0,0 3780.3,3.60892e-4"
stroke="#32232c"
strokeWidth="55"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-1,0,0,1,7028.8,7413.5)"
id="path148" /><path
d="M 6947.15,11830.5 H 5274.5"
stroke="#32232c"
strokeWidth="55"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path149" />
{/* nSpuFz1 */}
<a onClick={() => goToPageWithTabAndScroll({tabId:'tab-nickase', path: '/engineering', scrollToId: "nic1head"})}>
<text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
fontWeight="400"
fontSize="440px"
transform="translate(7074.1,11996)"
id="text149">nSpuFz1</text>
</a>
<path
d="M 0,0 1485.42,1279.19"
stroke="#32232c"
strokeWidth="55"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-1,0,0,1,6285.92,10245.5)"
id="path150" /><path
d="M 8242.2,11011.5 H 4650.5"
stroke="#32232c"
strokeWidth="55"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path151" />
{/* pegRNA scaffold*/}
<a onClick={() => goToPageWithTabAndScroll({tabId: 'tab-pegrna', path: '/engineering', scrollToId: "pegRNA"})}>
<text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
fontWeight="400"
fontSize="440px"
transform="translate(6408.58,10266)"
id="text151">pegRNA</text><text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
fontWeight="400"
fontSize="440px"
transform="translate(8155.52,10266)"
id="text152">scaffold</text>
</a>
<path
d="m 11714.8,8381.98 c 141,219.19 282.1,438.38 298.8,557.1 16.7,118.73 -91,136.99 -198.7,155.24"
stroke="#f4cc1e"
strokeWidth="73.3333"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path152" /><path
d="m 11982.7,7894.92 c 361.6,561.79 723.2,1123.59 765.9,1427.89 42.8,304.29 -233.2,351.09 -509.3,397.88"
stroke="#f4cc1e"
strokeWidth="73.3333"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path153" /><path
d="m 10045.4,7798.51 c 0.2,141.44 -221.19,173.89 -216.25,306.22 4.94,132.32 79.71,220.5 194.15,269.78 81.7,35.2 -108.82,155.75 121.6,160.97 216.5,4.91 66.2,227.46 113.7,301.33 47.6,73.88 117,70.69 171.7,141.9 54.7,71.21 84,241.17 156.5,285.37 72.5,44.19 119.6,15.42 236.7,33.82 117.1,18.4 434.2,171.52 465.8,76.59 31.7,-94.93 -93,-188.93 -35.8,-298.58 57.2,-109.65 70.9,-243.5 204.6,-315.49 159.4,-85.88 396.8,-216.68 453.7,-314.2 56.9,-97.53 30.6,-216.59 62.4,-314.8 31.7,-98.2 94.5,-200.29 128.2,-274.44 33.7,-74.16 57.8,-82.47 74.1,-170.48 16.3,-88.01 45.4,-270.3 23.5,-357.57 -21.9,-87.26 -92.7,-136.43 -155,-166.04 -62.3,-29.61 -162.4,-105.7 -230.7,-102.17 -68.3,3.53 -98.1,76.83 -179.4,123.34 -81.2,46.5 -126.9,1.23 -308.3,155.7 -71,60.48 90.7,180.91 -121.7,202.43 -299.9,30.39 -196.1,-149.35 -273.2,-182.43 -77,-33.07 -125.4,-5.54 -189.2,-16.03 -63.9,-10.49 -134.3,-60.35 -193.8,-46.9 -59.6,13.44 -99.2,95.67 -163.5,127.56 -64.2,31.9 -201.5,102.74 -281.1,132.54 -63.9,7.19 -139.86,-96.69 -196.74,46.28 -34.24,86.07 131.94,107.41 138.04,195.3 z"
fill="#bb9909"
fillRule="evenodd"
id="path154" /><path
d="m 10671.4,7935.21 c -25.2,10.36 -68.3,49.34 -61.7,84.52 6.6,35.18 62.7,98.37 101.1,126.58 38.5,28.2 97.6,28.23 129.8,42.63 32.3,14.41 60.5,22.96 63.7,43.8 3.2,20.84 -18.4,60.13 -44.4,81.25 -25.9,21.12 -84.3,21.69 -111.4,45.49 -27,23.8 -25.1,70.05 -50.9,97.33 -25.8,27.27 -90.7,35.48 -103.9,66.33 -13.3,30.86 33.6,87.29 24.6,118.8 -8.9,31.5 -78.7,36.21 -78.3,70.22 0.3,34 78.2,98.97 80.4,133.79 2.3,34.81 26.5,29.31 51.4,37.16 24.8,7.84 91.1,51.44 97.8,9.9 6.6,-41.54 -64.8,-53.28 -73.2,-78.89 -8.4,-25.61 18.3,-41.18 22.8,-74.78 4.4,-33.6 -19.2,-97.81 3.9,-126.82 23.1,-29.02 134.6,-47.27 134.6,-47.27 47.3,-17.24 113.4,-42.58 149.5,-56.19 36,-13.6 59.8,0.39 66.9,-25.46 7.1,-25.84 -32.3,-96.06 -24.3,-129.62 8,-33.56 77.2,-49.25 72.4,-71.71 -4.8,-22.46 -91.3,-17.33 -101.3,-63.07 -10,-45.73 27.9,-67.05 44.8,-90.28 16.9,-23.23 50.9,-17.83 56.6,-49.09 5.7,-31.26 -31.4,-105.95 -22.2,-138.44 9.2,-32.5 84.2,-17.72 77.4,-56.53 -6.8,-38.81 -53.9,-51.68 -96.4,-39.34 -42.6,12.33 -105.4,94.66 -158.8,113.34 -53.4,18.68 -119.8,2.67 -161.6,-1.27 -41.9,-3.95 -64.2,-32.74 -89.3,-22.38 z"
fill="#b09008"
fillRule="evenodd"
id="path155" /><path
d="m 11176.5,9272.77 c -44.5,-10.3 -2.8,-114.4 -14.2,-156.34 -11.3,-41.94 -35.2,-63.61 -53.8,-95.32 -18.6,-31.71 -89.1,-41.19 -57.8,-94.94 31.4,-53.74 107.3,-43.56 130.2,-80.01 22.8,-36.46 -13.2,-104.11 6.9,-138.73 20,-34.62 87.8,-69.32 113.4,-69.01 25.7,0.31 36.1,36.02 40.5,70.87 4.4,34.85 0.2,98.5 -14,138.23 -14.2,39.73 -62.1,72.69 -71.2,100.16 -9,27.47 20.5,31.6 16.9,64.64 -3.7,33.05 -53.6,121.47 -60,158.35 -6.3,36.88 4.9,111.77 -36.9,102.1 z"
fill="#b09008"
fillRule="evenodd"
id="path156" /><path
d="m 11842.3,7652.32 c -25.3,30.3 -39.8,81.18 -70.1,98.1 -30.2,16.93 -93.6,16.05 -111.5,3.44 -17.9,-12.6 -40.2,-46.27 4.1,-79.09 44.3,-32.82 53.3,-81.37 70.4,-126.09 17.2,-44.72 7.8,-120.03 32.4,-142.23 24.5,-22.21 82.2,9.17 115,9 32.8,-0.18 51.2,-20.22 81.8,-10.07 30.7,10.16 70.1,63.26 102,70.99 31.9,7.72 72.3,-35.17 89.6,-24.64 17.3,10.54 19.9,54.81 14.4,87.85 -5.6,33.03 -31.4,88.79 -47.5,110.36 -16.2,21.56 -30.5,28.58 -49.4,19.02 -18.9,-9.57 -39.3,-59.68 -64.3,-76.41 -25,-16.73 -57.8,-33.91 -85.7,-23.95 -27.8,9.96 -56,53.42 -81.2,83.72 z"
fill="#b09008"
fillRule="evenodd"
id="path157" /><path
d="m 11611.8,8295.06 c -37.2,22.75 -134.8,-3.07 -142.8,42.68 -7.5,42.76 100.4,33.84 109.2,65.36 8.7,31.52 -45.7,89.46 -56.7,123.76 -10.9,34.29 -34.2,72.5 -8.9,82 25.2,9.51 109.4,-3.28 160.7,-24.98 51.3,-21.71 100.8,-60.65 147,-105.26 46.1,-44.61 117.4,-97.91 129.9,-162.39 12.4,-64.48 -106.3,-171.04 -55.3,-224.49 51,-53.45 127.4,-211.34 76.7,-226.95 -50.8,-15.6 -126.7,137.59 -188.8,156.74 -62.1,19.14 -62,134.12 -90.5,179.71 -28.5,45.59 -43.2,71.07 -80.5,93.82 z"
fill="#b09008"
fillRule="evenodd"
id="path158" /><path
d="m 11519.6,7469.87 c -9.9,12.82 -10.4,52.46 -0.7,58.49 9.8,6.03 49.5,-9.5 59.3,-22.32 9.8,-12.82 9.6,-49.22 -0.3,-54.6 -10,-5.39 -48.5,5.61 -58.3,18.43 z"
fill="#b09008"
fillRule="evenodd"
id="path159" /><path
d="m 11383.8,7909.98 c -1.2,39.99 -20.7,52.18 -10.5,66.97 10.2,14.8 43.5,29.45 71.8,21.77 28.3,-7.67 77.9,-45.85 97.9,-67.82 20.1,-21.97 26.1,-45.79 22.4,-64 -3.7,-18.21 -29.2,-20.8 -44.3,-45.27 -15.2,-24.47 -30.5,-81.04 -46.7,-101.54 -16.2,-20.5 -34.6,-24.28 -50.3,-21.46 -15.7,2.82 -36.8,2.81 -43.8,38.38 -7,35.57 4.6,132.97 3.5,172.97 z"
fill="#b09008"
fillRule="evenodd"
id="path160" /><path
d="m 10715.3,7593.17 c -8.6,26.94 40.2,67.65 30.9,98.86 -9.3,31.2 -78.9,67.34 -86.7,88.37 -7.8,21.03 10.8,47.19 39.9,37.83 29.1,-9.36 92.9,-78.8 134.9,-94.01 42,-15.21 87.2,16.37 117,2.74 29.8,-13.63 72.4,-58.41 61.7,-84.51 -10.8,-26.11 -90.4,-53.44 -126.2,-72.11 -35.8,-18.68 -60.1,-43.75 -88.7,-39.94 -28.6,3.8 -74.1,35.83 -82.8,62.77 z"
fill="#b09008"
fillRule="evenodd"
id="path161" /><path
d="m 12972.2,9134.72 c -48.7,-8.63 -46.9,62.51 -125.7,94.27 -78.9,31.76 -267.2,63.23 -347.5,96.31 -80.3,33.07 -81.5,69.44 -134.1,102.12 -52.7,32.69 -146.3,49.17 -181.6,93.98 -35.3,44.81 -18.5,124 -30.3,174.87 -11.8,50.86 -8.8,102.51 -40.7,130.34 -32,27.84 -107.3,23.77 -150.8,36.66 -43.4,12.9 -4.7,135.78 -110,40.74 -31.7,-28.66 -93.5,-13.73 -130.4,48.88 -36.6,22.4 68.9,-11.69 -24.4,105.91 -29.9,43.4 -106.4,-22.6 -195.6,77.4 -64.5,51.6 154.4,181.8 97.8,268.8 -21,64.5 -181,58.3 -167,118.2 14,59.8 189.3,173.3 251.1,241.2 61.8,67.9 62.3,101.1 119.6,166.1 57.3,65 178.9,146.4 224.1,224 45.2,77.7 57,186.3 46.9,241.8 -10.2,55.5 -108.2,49.8 -108,91.1 0.2,41.3 81.6,95.6 109.1,156.5 27.5,60.9 18.2,156.3 55.9,208.9 37.7,52.7 170.7,-43.4 170.2,107.1 -0.4,150.5 208.7,-26 242.7,38.1 34.1,64.1 -182.7,229.9 -38.4,346.5 99.9,80.8 47.5,12.5 124.6,40.2 77.1,27.7 236.6,110.1 338.1,126.3 101.6,16.2 160.3,-35.8 220.7,-77.1 57.8,-39.5 58.1,33 126.2,15.7 68.1,-17.4 345,-8.6 282.3,-119.7 -62.7,-111.2 -163.1,-78.2 -147.9,-148.6 8.3,-38.3 78,-13.3 191.5,-82.4 62.5,-38.1 -37.7,-79.3 218.1,-77.1 133.4,-13.8 58.5,65.4 191.5,82.4 60.7,16.8 74.5,-77.7 186.1,-63.8 88.2,-3.1 15.2,44.6 220.8,71.8 47.8,15.5 47.8,-33.7 93,-24 45.3,9.8 116.6,66.5 178.2,82.5 61.6,15.9 28,-154.4 151.6,-148.9 123.6,5.5 154.4,-15.9 215.1,-44.1 60.6,-28.2 124.9,-46.7 148.9,-125.3 24,-78.7 -111.6,-288.4 -4.9,-346.5 65.7,-35.8 -51.5,-126.3 26.6,-172.8 41.7,-24.9 70.4,147.4 188.8,101 118.4,-46.3 109.9,-148.6 165.3,-278 55.4,-129.4 118.9,-90.5 167.1,-147.4 48.3,-56.9 -49.7,-163 -74.4,-242 -24.7,-79 -33,-156.7 -73.7,-232.1 -40.8,-75.3 -104.8,-153.2 -171,-219.9 -66.3,-66.7 -137.8,-159.5 -226.5,-180.4 -88.6,-21 -237.3,57.1 -305.5,54.8 -68.2,-2.2 -45.2,-71.5 -103.6,-68.5 -58.5,3 -149,31.5 -194.2,21.2 -45.2,-10.2 -37.7,-68.4 -60.8,-103.4 -23,-35 -44.4,-69.81 -77.5,-106.61 -33.1,-36.81 -100.2,-64.76 -137.5,-93.83 -37.3,-29.07 -52.2,-61.22 -86.5,-80.59 -34.2,-19.38 -80.4,-21.39 -119.1,-35.65 -38.7,-14.25 -82.1,3.16 -117.2,-13.23 -35,-16.4 -31.9,-106.81 -92.9,-85.15 -60.9,21.66 -151.9,149.54 -240.1,174.36 -88.2,24.81 -291,61.54 -289.1,-25.45 7.4,-350.33 -127.5,-111.62 -204.2,-145.75 -76.7,-34.12 -226.6,-25.14 -255.9,-59 -29.3,-33.86 -39.9,-100.44 -9.6,-148.22 30.3,-47.79 202.3,-90.4 191.5,-138.5 2.5,-72.13 -118.1,-137.43 -166.8,-146.06 z"
fill="#f4cc1e"
fillRule="evenodd"
id="path162" /><path
d="m 12664.8,10094.3 c 31.1,3.5 83.4,30.9 127.7,26.5 44.3,-4.4 115.2,-61 138.3,-53 23,7.9 0,100.7 0,100.7 0,29.1 23,64.5 0,74.2 -23.1,9.7 -100.2,-14.2 -138.3,-15.9 -38.1,-1.8 -65.6,15.9 -90.4,5.3 -24.8,-10.6 -42.6,-46.8 -58.5,-68.9 -16,-22.1 -40.8,-53 -37.3,-63.6 3.6,-10.6 27.5,-8.9 58.5,-5.3 z"
fill="#eec30c"
fillRule="evenodd"
id="path163" /><path
d="m 13024.8,12448.1 c 4.1,-20.4 40.8,-57.7 53.1,-101.8 12.2,-44.1 -2.8,-108.6 20.4,-162.9 23.1,-54.3 72.7,-116 118.2,-162.8 45.6,-46.9 107.4,-95.7 155,-118.1 47.6,-22.4 93.8,-28.5 130.5,-16.3 36.7,12.2 94.5,54.3 89.7,89.6 -4.7,35.3 -71.3,100.4 -118.2,122.1 -46.9,21.7 -136,-14.9 -163.2,8.2 -27.2,23 25.2,81.4 0,130.3 -25.1,48.8 -108.1,124.2 -150.9,162.8 -42.8,38.7 -84.3,62.5 -106,69.3 -21.8,6.7 -32.6,0 -28.6,-20.4 z"
fill="#eec30c"
fillRule="evenodd"
id="path164" /><path
d="m 13792.4,11944.5 c -15.1,-12.4 -55.9,-28.4 -53.3,-47.8 2.7,-19.5 40,-31 69.2,-69.1 29.3,-38 80.8,-117.7 106.5,-159.3 25.7,-41.6 18.6,-74.3 47.9,-90.2 29.3,-16 120.7,-16.8 127.8,-5.3 7.1,11.5 -62.1,43.3 -85.2,74.3 -23.1,31 -56.8,84.1 -53.2,111.5 3.5,27.4 75.4,23 74.5,53.1 -0.9,30.1 -47,100.9 -79.8,127.4 -32.9,26.6 -90.6,31.9 -117.2,31.9 -26.6,0 -22.2,-14.2 -37.2,-26.5 z"
fill="#eec30c"
fillRule="evenodd"
id="path165" /><path
d="m 13047.7,10657.9 c -36.4,-8 -136.5,-6.2 -159.6,-37.3 -23,-31 2.7,-121.5 21.3,-149.1 18.6,-27.5 63.8,8 90.4,-15.9 26.6,-24 55.9,-85.2 69.2,-127.8 13.2,-42.6 -5.4,-99.4 10.6,-127.8 15.9,-28.4 53.2,-49.7 85.1,-42.6 31.9,7.1 82.4,59.4 106.4,85.2 23.9,25.7 45.2,36.4 37.2,69.2 -8,32.8 -59.4,121.6 -85.1,127.8 -25.7,6.2 -41.7,-90.5 -69.1,-90.5 -27.5,0 -89.6,56.8 -95.8,90.5 -6.2,33.7 50.5,73.7 58.5,111.8 8,38.2 1.8,98.5 -10.6,117.2 -12.4,18.6 -22.2,-2.7 -58.5,-10.7 z"
fill="#eec30c"
fillRule="evenodd"
id="path166" /><path
d="m 12846.1,11226.8 c 24.9,-31.9 64.8,-54.1 63.9,-95.8 -0.9,-41.7 -50.6,-145.5 -69.2,-154.4 -18.6,-8.8 -23,78.1 -42.6,101.2 -19.5,23 -67.3,9.7 -74.4,37.2 -7.1,27.5 47,93.2 31.9,127.8 -15.1,34.6 -100.2,45.2 -122.4,79.8 -22.2,34.6 -12.4,81.6 -10.6,127.8 1.7,46.1 7.9,110.9 21.2,149 13.3,38.2 32.9,99.4 58.6,79.9 25.7,-19.6 86,-137.6 95.7,-197 9.8,-59.4 -46.1,-116.2 -37.2,-159.7 8.9,-43.5 60.3,-63.9 85.1,-95.8 z"
fill="#eec30c"
fillRule="evenodd"
id="path167" /><path
d="m 14957.1,11530.2 c -36.3,9.7 -142.7,-40.8 -196.8,-31.9 -54.1,8.8 -120.6,93.9 -127.7,85.1 -7.1,-8.9 49.7,-106.4 85.1,-138.3 35.5,-31.9 109.1,-21.3 127.7,-53.2 18.6,-31.9 -31,-98.3 -16,-138.2 15.1,-39.9 76.3,-69.1 106.4,-101 30.2,-31.9 48.8,-54.1 74.5,-90.4 25.7,-36.4 51.4,-104.6 79.8,-127.6 28.4,-23.1 85.1,-24.8 90.5,-10.7 5.3,14.2 -38.2,55 -58.6,95.7 -20.4,40.8 -47,110.8 -63.8,148.9 -16.9,38.1 -38.1,55.8 -37.2,79.8 0.8,23.9 49.6,31.9 42.5,63.8 -7.1,31.9 -66.5,91.3 -85.1,127.6 -18.6,36.3 15.1,80.6 -21.3,90.4 z"
fill="#eec30c"
fillRule="evenodd"
id="path168" /><path
d="m 15446.8,11248.1 c -17.7,-37.2 -69.2,-116.1 -90.5,-175.5 -21.3,-59.4 -28.4,-131.2 -37.3,-180.8 -8.9,-49.6 -28.4,-85.1 -16,-117 12.4,-31.9 87.9,-28.3 90.6,-74.4 2.6,-46.1 -71.9,-156.9 -74.6,-202.1 -2.7,-45.2 23.1,-86.8 58.6,-69.1 35.5,17.7 123.4,116.1 154.4,175.5 31.1,59.3 43.5,127.6 32,180.8 -11.6,53.1 -82.6,78 -101.2,138.2 -18.7,60.3 -13.3,172 -10.7,223.4 2.7,51.4 11.6,84.2 26.7,85 15.1,0.9 47.9,-80.6 63.9,-79.7 15.9,0.9 45.2,61.1 31.9,85.1 -13.3,23.9 -91.4,57.6 -111.8,58.5 -20.4,0.8 1.8,-10.7 -16,-47.9 z"
fill="#eec30c"
fillRule="evenodd"
id="path169" /><path
d="m 14537,10774.5 c -20.3,-31.9 -86.8,-59.4 -122.2,-63.8 -35.4,-4.5 -73.5,14.1 -90.3,37.2 -16.8,23 -28.3,70.9 -10.6,101 17.7,30.1 79.7,70.9 116.9,79.8 37.2,8.8 89.4,0 106.2,-26.6 16.8,-26.6 20.4,-95.7 0,-127.6 z"
fill="#eec30c"
fillRule="evenodd"
id="path170" /><path
d="m 12106.3,10864.9 c -27.5,21.3 -71.8,-30.1 -69.2,-47.9 2.7,-17.7 64.8,-24.8 85.1,-58.5 20.4,-33.7 8,-126.8 37.3,-143.6 29.3,-16.9 102.9,43.4 138.3,42.5 35.5,-0.9 50.6,-30.1 74.5,-47.9 24,-17.7 46.1,-57.6 69.2,-58.5 23.1,-0.9 87.8,28.4 69.2,53.2 -18.6,24.9 -129.5,81.6 -180.9,95.8 -51.5,14.2 -89.6,-38.1 -127.7,-10.6 -38.2,27.4 -68.3,154.2 -95.8,175.5 z"
fill="#eec30c"
fillRule="evenodd"
id="path171" /><path
d="m 11915.1,10588.6 c 11.5,-21.3 19.5,-98.5 5.3,-127.7 -14.1,-29.3 -67.3,-54.1 -90.3,-47.9 -23,6.2 -51.3,55.8 -47.8,85.1 3.5,29.3 47.8,76.3 69.1,90.5 21.2,14.2 52.2,21.3 63.7,0 z"
fill="#eec30c"
fillRule="evenodd"
id="path172" /><path
d="m 13760.2,9876.72 c -125.9,-94.02 -251.8,-188.04 -355.5,-246.16 -103.7,-58.13 -212,-66.1 -266.7,-102.57 -54.7,-36.47 -28.5,-103.71 -61.6,-116.25 -33,-12.53 -110.5,12.54 -136.7,41.03 -26.2,28.49 -17.1,75.22 -20.5,129.92 -3.4,54.7 6.8,156.13 0,198.3 -6.9,42.17 -1.2,45.59 -41.1,54.7 -39.8,9.12 -148.1,12.54 -198.3,0 -50.1,-12.53 -75.2,-42.16 -102.5,-75.21 -27.4,-33.05 -38.8,-110.55 -61.6,-123.09 -22.8,-12.53 -58.1,12.54 -75.2,47.87 -17.1,35.33 -39.9,141.32 -27.3,164.11 12.5,22.79 62.6,-1.14 102.5,-27.35 39.9,-26.22 86.6,-126.5 136.8,-129.92 50.1,-3.42 119.7,61.54 164.1,109.4 44.4,47.87 71.8,119.67 102.6,177.79 30.7,58.11 33,150.41 82,170.91 49,20.6 134.5,-23.9 212,-47.8 77.5,-24 192.6,-49 253,-95.8 60.4,-46.68 95.7,-112.78 109.4,-184.58 13.7,-71.8 -14.8,-158.41 -27.3,-246.17 -12.6,-87.75 -46.8,-208.55 -47.9,-280.35 -1.1,-71.8 -2.3,-149.29 41,-150.43 43.3,-1.14 150.5,103.7 218.8,143.59 68.4,39.89 135.7,84.34 191.5,95.73 55.8,11.4 111.7,-56.98 143.6,-27.35 31.9,29.63 37.6,157.27 47.9,205.14 10.2,47.86 18.2,72.94 13.6,82.05 -4.5,9.12 -36.4,-71.8 -41,-27.35 -4.6,44.45 -11.4,209.7 13.7,294.03 25.1,84.33 90,162.99 136.7,211.99 46.8,49 83.2,68.4 143.6,82 60.4,13.7 155,11.4 218.9,0 63.8,-11.4 117.3,-39.8 164.1,-68.3 46.7,-28.5 71.8,-92.4 116.2,-102.6 44.5,-10.3 114,49 150.4,41 36.5,-8 93.5,-86.59 68.4,-88.87 -25,-2.28 -142.4,83.17 -218.8,75.17 -76.3,-7.9 -193.7,-45.5 -239.3,-123.04 -45.6,-77.49 -13.7,-273.51 -34.2,-341.89 -20.5,-68.38 -50.2,-67.24 -88.9,-68.38 -38.7,-1.14 -91.2,51.28 -143.6,61.54 -52.4,10.26 -126.5,-27.35 -170.9,0 -44.5,27.35 -66.1,85.47 -95.8,164.11 -29.6,78.63 -33,252.96 -82,307.66 -49,54.7 -149.3,39.9 -212,20.6 -62.7,-19.4 -123.1,-88.94 -164.1,-136.8 -41,-47.87 -69.5,-77.5 -82.1,-150.43 -12.5,-72.94 18.3,-201.72 6.9,-287.2 -11.4,-85.47 -25.1,-165.25 -75.3,-225.65 -50.1,-60.4 -186.9,-72.93 -225.6,-136.75 -38.8,-63.82 10.3,-175.51 -6.8,-246.17 -17.1,-70.66 -33.1,-131.06 -95.8,-177.78 -62.7,-46.73 -191.4,-82.06 -280.3,-102.57 -88.9,-20.52 -176.7,-3.42 -253,-20.52 -76.4,-17.09 -167.6,-55.84 -205.2,-82.05 -37.6,-26.21 -36.4,-56.98 -20.5,-75.22 16,-18.23 75.2,-17.09 116.3,-34.19 41,-17.09 91.1,-18.23 129.9,-68.38 38.7,-50.14 83.2,-143.59 102.5,-232.48 19.4,-88.9 6.9,-229.07 13.7,-300.87 6.9,-71.8 22.8,-92.31 27.4,-129.92 4.5,-37.61 25,-58.12 0,-95.73 -25.1,-37.61 -92.3,-87.75 -150.5,-129.92 -58.1,-42.17 -144.7,-100.29 -198.3,-123.08 -53.5,-22.8 -66.2,-3.53 -123,-13.68 -56.9,-10.15 -160,-60.8 -218,-47.21 -58,13.59 -122.2,61.41 -129.9,128.75 -7.8,67.33 -24.7,181.63 12.8,267.19 37.5,85.56 157.3,185.77 212,246.17 54.7,60.4 69.5,79.77 116.2,116.24 46.7,36.47 100.3,84.34 164.1,102.57 63.9,18.23 149.3,9.12 218.8,6.84 69.6,-2.28 143.6,-54.71 198.3,-20.52 54.7,34.19 102.6,141.32 130,225.65 27.3,84.34 41,200.58 34.2,280.36 -6.9,79.77 -9.2,131.06 -75.3,198.3 -66.1,67.24 -235.9,157.27 -321.3,205.13 -85.5,47.87 -193.8,68.38 -191.5,82.06 2.3,13.67 143.6,13.67 205.1,0 61.6,-13.68 95.8,-67.24 164.1,-82.06 68.4,-14.81 176.7,-30.77 246.2,-6.83 69.5,23.93 139,98.01 171,150.43 31.9,52.42 39.8,123.08 20.5,164.11 -19.4,41.03 -115.1,21.65 -136.8,82.05 -21.6,60.4 2.3,191.47 6.8,280.36 4.6,88.89 19.4,158.41 20.6,253 1.1,94.6 4.5,242.7 -13.7,314.5 -18.2,71.8 -66.1,76.4 -95.7,116.3 -29.7,39.9 -67.3,95.7 -82.1,123.1 -14.8,27.3 -19.4,18.2 -6.8,41 12.5,22.8 70.6,38.7 82,95.7 11.4,57 -28.5,177.8 -13.7,246.2 14.9,68.4 -10.3,144.1 102.6,164.1"
stroke="#f57d22"
strokeWidth="59.5833"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path173" /><path
d="M 0,0 31.9123,295.188"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13675,9817.19)"
id="path174" /><path
d="M 0,0 21.275,180.836"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-1,0,0,1,13731.3,9277)"
id="path175" /><path
d="M 0,0 21.275,305.826"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13556,9750.83)"
id="path176" /><path
d="m 13590,9179 v 212.75"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path177" /><path
d="M 0,0 66.484,159.561"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13338,9604.56)"
id="path178" /><path
d="M 0,0 66.484,156.902"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13420,9390.9)"
id="path179" /><path
d="M 0,0 207.43,90.418"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13174,9492.42)"
id="path180" /><path
d="M 0,0 147.151,58.4202"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13407,9384.42)"
id="path181" /><path
d="M 0,0 122.33,2.65942"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13043,9524.66)"
id="path182" /><path
d="m 13390,9535 155.6,6.49"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path183" /><path
d="m 12920,9522 114.4,58.51"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path184" /><path
d="m 13061,9597 109,70.47"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path185" /><path
d="m 12920,9671 h 101.1"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path186" /><path
d="M 0,0 107.514,7.74656"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13072,9672.75)"
id="path187" /><path
d="m 12903,9830 139.2,126.4"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path188" /><path
d="m 13068,9987 102.4,133"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path189" /><path
d="m 13203,9946 45.3,30.5"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path190" /><path
d="m 13282,10001 55.8,52.8"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path191" /><path
d="m 13186,9713 135.6,116.93"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path192" /><path
d="m 13360,9867 148.9,117.01"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path193" /><path
d="M 0,0 155.572,108.495"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12471,9920.5)"
id="path194" /><path
d="M 0,0 207.261,80.2968"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12527,9660.3)"
id="path195" /><path
d="M 0,0 151.583,164.88"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12364,9986.88)"
id="path196" /><path
d="M 0,0 53.1872,210.089"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12409,10059.1)"
id="path197" /><path
d="M 0,0 42.2168,107.786"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12367,9904.79)"
id="path198" /><path
d="M 0,0 66.484,124.61"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12473,9797.61)"
id="path199" /><path
d="M 0,0 133.537,212.287"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12663,10048.3)"
id="path200" /><path
d="M 0,0 37.4805,111.313"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12612,9947.31)"
id="path201" /><path
d="m 13035,10216 95.7,125"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path202" /><path
d="m 13189,9398 79.4,83.36"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path203" /><path
d="M 13368.5,9580.12 13290,9503"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path204" /><path
d="m 13475,9318 101.9,73.78"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path205" /><path
d="m 13596,9434 55.8,117.01"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path206" /><path
d="M 0,0 111.693,53.1872"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13830,9444.19)"
id="path207" /><path
d="M 0,0 162.221,162.221"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13731,10011.2)"
id="path208" /><path
d="M 0,0 159.561,148.924"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13941,9816.92)"
id="path209" /><path
d="M 0,0 244.661,156.522"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13620,9848.52)"
id="path210" /><path
d="M 0,0 207.43,186.155"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13894,9668.16)"
id="path211" /><path
d="m 14175,9668 82.4,204.77"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path212" /><path
d="m 14282,9921 101.1,271.3"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path213" /><path
d="m 14522,9551 22.6,297.85"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path214" /><path
d="m 14548,9921 31.7,271.3"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path215" /><path
d="M 0,0 39.8902,220.726"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-1,0,0,1,14781.9,10141)"
id="path216" /><path
d="m 14643,9732 116.2,189"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path217" /><path
d="m 14776,9946 67.8,131.9"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path218" /><path
d="m 14636,9668 164.9,154.24"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path219" /><path
d="m 14832,9859 180.8,204.8"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path220" /><path
d="m 15024,9791 110.7,196.79"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path221" /><path
d="M 0,0 95.7368,132.968"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,14872,10184)"
id="path222" /><path
d="m 14645,9869 188.8,47.87"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path223" /><path
d="M 0,0 215.408,69.9031"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-1,0,0,1,14079.4,9412)"
id="path224" /><path
d="M 0,0 204.77,111.693"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13577,9633.69)"
id="path225" /><path
d="M 13252.3,9361.82 13239,9298"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path226" /><path
d="m 13125,9015 101.4,123.39"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path227" /><path
d="m 13404,9234 82.4,177.42"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path228" /><path
d="M 13529.5,9692.7 13487,9445"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path229" /><path
d="m 13203,9067 h 42.6"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path230" /><path
d="M 0,0 41.22,3.60892e-4"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-1,0,0,1,13290.2,9067)"
id="path231" /><path
d="M 0,0 128.979,89.1707"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12975,9004.17)"
id="path232" /><path
d="M 0,0 122.33,98.3962"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13138,8887.4)"
id="path233" /><path
d="M 0,0 114.352,192.803"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12769,9074.8)"
id="path234" /><path
d="M 0,0 135.627,193.997"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12899,8845)"
id="path235" /><path
d="M 0,0 58.187,251.268"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12735,9089.27)"
id="path236" /><path
d="M 0,0 34.5717,175.773"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-1,0,0,1,12840.6,8610)"
id="path237" /><path
d="M 0,0 126.32,203.359"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12545,9085.36)"
id="path238" /><path
d="M 0,0 136.957,196.792"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12588,9074.79)"
id="path239" /><path
d="M 0,0 136.957,238.236"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12734,8857.24)"
id="path240" /><path
d="M 0,0 131.638,229.993"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12694,8842.99)"
id="path241" /><path
d="M 12632.6,9026.67 12553,8814"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path242" /><path
d="m 12435,8485 93.4,270.69"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path243" /><path
d="M 0,0 53.1872,231.364"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12516,9090.36)"
id="path244" /><path
d="M 0,0 45.209,219.479"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-1,0,0,1,12626.2,8587)"
id="path245" /><path
d="m 12612,8388 111,250.67"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path246" /><path
d="M 12859.4,8928.39 12753,8705"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path247" /><path
d="m 12452,8436 184.2,230.34"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path248" /><path
d="m 12672,8710 172.9,235.48"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path249" /><path
d="M 13053,8790.07 12920,8572"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path250" /><path
d="m 12769,8314 130.3,210.09"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path251" /><path
d="M 13103.3,8572.24 12965,8418"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path252" /><path
d="m 12806,7968 114.4,213.56"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path253" /><path
d="M 13092.3,8463.41 12944,8208"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path254" /><path
d="m 12742,7859 53.2,210.09"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path255" /><path
d="m 12802,7790 91.7,191.96"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path256" /><path
d="m 12910,8012 90.4,169.63"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path257" /><path
d="m 12840,7644 79.8,196.79"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path258" /><path
d="M 0,0 50.5278,308.282"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12576,8129.28)"
id="path259" /><path
d="M 0,0 97.7315,254.538"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-1,0,0,1,12735.7,7494)"
id="path260" /><path
d="M 0,0 77.1213,332.419"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12386,8045.42)"
id="path261" /><path
d="M 0,0 70.4729,301.911"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-1,0,0,1,12541.5,7367)"
id="path262" /><path
d="M 0,0 74.4618,256.652"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12253,7924.65)"
id="path263" /><path
d="M 0,0 3.60892e-4,314.011"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12343,7615.01)"
id="path264" /><path
d="M 0,0 85.7116,31.8303"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13880,10087.8)"
id="path265" /><path
d="M 0,0 89.2328,43.3526"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13997,10037.4)"
id="path266" /><path
d="m 14042,9893 53.5,63.29"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path267" /><path
d="M 0,0 100.747,8.77907"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12921,9518.78)"
id="path268" /><path
d="M 0,0 74.4618,256.652"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12154,7840.65)"
id="path269" /><path
d="M 0,0 21.275,208.246"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12232,7493.25)"
id="path270" /><path
d="M 12157.9,7440.29 12126,7260"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path271" /><path
d="M 0,0 83.0431,123.78"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12051,7688.78)"
id="path272" /><path
d="M 0,0 121.096,18.6155"
stroke="#f57d22"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,12000,7492.62)"
id="path273" /><path
d="M 14330,11060.4 V 10815"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path274" /><path
d="M 14429,11077.4 V 10832"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path275" /><path
d="M 14528,11096.4 V 10851"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path276" /><path
d="M 14627,11104.4 V 10859"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path277" /><path
d="M 14232,11048.4 V 10803"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path278" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0,-1,-1,0,15021,11060.4)"
id="path279" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0,-1,-1,0,14923,11077.4)"
id="path280" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0,-1,-1,0,14824,11096.4)"
id="path281" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0,-1,-1,0,14725,11104.4)"
id="path282" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0,-1,-1,0,15120,11048.4)"
id="path283" /><path
d="M 13339,11061.4 V 10816"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path284" /><path
d="M 13438,11079.4 V 10834"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path285" /><path
d="M 13537,11097.4 V 10852"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path286" /><path
d="M 13635,11106.4 V 10861"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path287" /><path
d="M 13241,11049.4 V 10804"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path288" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0,-1,-1,0,14030,11061.4)"
id="path289" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0,-1,-1,0,13932,11079.4)"
id="path290" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0,-1,-1,0,13833,11097.4)"
id="path291" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0,-1,-1,0,13734,11106.4)"
id="path292" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0,-1,-1,0,14129,11049.4)"
id="path293" /><path
d="m 14182,11048 c 195.1,0.2 294.8,58.7 494,59"
stroke="#f57d22"
strokeWidth="59.5833"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path294" /><path
d="M 495,58.9998 C 299.534,58.8212 199.651,0.2764 0,0"
stroke="#f57d22"
strokeWidth="59.5833"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,14675,11107)"
id="path295" /><path
d="m 13191,11050 c 195.1,0.2 294.8,57.7 494,58"
stroke="#f57d22"
strokeWidth="59.5833"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path296" /><path
d="M 494,58.0001 C 298.928,57.8246 199.248,0.271717 0,0"
stroke="#f57d22"
strokeWidth="59.5833"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,13684,11108)"
id="path297" /><path
d="m 13760.1,9880.94 c 187.3,155.46 102.2,348.06 -54.2,391.56 -156.3,43.5 -603.3,-23 -883.7,-130.5 C 12541.7,10034.6 11686,9596.09 11679,9122"
stroke="#f57d22"
strokeWidth="59.5833"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path298" /><path
d="M 0,0 139.493,157.71"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,11863.5,7237.83)"
id="path299" /><path
d="M 0,0 245.351,3.60892e-4"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.930308,-0.366781,-0.366781,0.930308,11980.8,6941.28)"
id="path300" /><path
d="M 0,0 120.997,173.085"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,11913.8,7135.27)"
id="path301" /><path
d="M 0,0 117.92,179.344"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,11948.8,7040.5)"
id="path302" /><path
d="M 0,0 214.185,18.8509"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,11248.6,7850.29)"
id="path303" /><path
d="M 0,0 208.302,56.4847"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,11372.1,7822.27)"
id="path304" /><path
d="M 0,0 166.218,146.887"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,11749.2,7412.52)"
id="path305" /><path
d="M 0,0 171.83,87.3749"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,11473.9,7740.04)"
id="path306" /><path
d="M 0,0 156.417,110.298"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,11549.8,7659.94)"
id="path307" /><path
d="M 0,0 165.284,131.356"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,11616.5,7587.45)"
id="path308" /><path
d="M 0,0 155.3,143.198"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,11676.3,7490.86)"
id="path309" /><path
d="M 0,0 153.082,139.939"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,11813.2,7334.51)"
id="path310" /><path
d="m 11209.3,7893.24 c 213.7,-18.93 870,-703.36 754.8,-1102.3"
stroke="#f57d22"
strokeWidth="59.5833"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path311" /><path
d="m 11676.6,9097.25 -176.1,22.57"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path312" /><path
d="m 11671.9,8979.55 -181.8,41.02"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path313" /><path
d="m 11654.6,8866.29 -172.8,45.89"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path314" /><path
d="m 11585.2,8732.51 -142,111.16"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path315" /><path
d="m 11382.6,8718.6 -20.3,133.41"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path316" /><path
d="M 0,0 158.397,1.99501"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.102652,0.994717,0.994717,-0.102652,11257.6,8737.17)"
id="path317" /><path
d="m 11132.5,8756.02 8.5,144.28"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path318" /><path
d="m 11022.7,8766.63 3.2,141.33"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path319" /><path
d="m 10931.9,8765.12 -21.3,133.42"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path320" /><path
d="m 10832.6,8731.32 -42.5,141.2"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path321" /><path
d="m 10741.9,8701.35 -53,131.63"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path322" /><path
d="m 10646.2,8664.75 -71.1,116.9"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path323" /><path
d="m 10573.2,8629.07 -81,87.33"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path324" /><path
d="m 10526.8,8564.14 -108.7,71.07"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path325" /><path
d="m 10486.9,8489.35 -113.7,42.06"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path326" /><path
d="m 10467.3,8410.35 -122.9,19.9"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path327" /><path
d="M 0,0 13.1242,123.931"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,10458.1,8324.77)"
id="path328" /><path
d="M 0,0 28.9908,113.054"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,10455.2,8236.37)"
id="path329" /><path
d="M 0,0 56.2942,111.477"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,10480.6,8154.78)"
id="path330" /><path
d="M 0,0 76.6658,75.2464"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,10514.3,8076.27)"
id="path331" /><path
d="M 0,0 101.644,54.2558"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,10581.4,8013.78)"
id="path332" /><path
d="M 0,0 140.625,43.5911"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,10657.1,7969.38)"
id="path333" /><path
d="M 0,0 157.796,23.4241"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,10740.7,7939.39)"
id="path334" /><path
d="M 0,0 161.173,15.7566"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-0.102652,-0.994717,-0.994717,0.102652,10833.1,7908.16)"
id="path335" /><path
d="m 10925.4,7898.63 -10.6,-188.6"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path336" /><path
d="m 11027.7,7887.82 -10.6,-188.6"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path337" /><path
d="m 11124.4,7888 -9.5,-234.11"
stroke="#c95b09"
strokeWidth="50.4167"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path338" /><path
d="M 1285.53,1126.44 C 1157.59,1148.29 925.589,1172.6 849.341,1049.82 773.094,927.043 879.74,575.597 828.047,389.754 779.465,215.097 621.443,-23.6031 358.034,1.88278 239.996,13.3036 -38.5051,-5.85151 4.46316,764.02"
stroke="#f57d22"
strokeWidth="59.5833"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(0.102652,0.994717,0.994717,-0.102652,10421.4,7965.68)"
id="path339" /><path
d="m 11846.5,8915.95 c -21.1,-7.96 -21.7,-37.88 -46.4,-40.8 -16.1,-18.19 -26.2,-63.4 -50.3,-68.34 -24.1,-4.94 -68,19.59 -94.2,38.7 -26.2,19.11 -58.2,48.7 -62.9,75.94 -4.8,27.24 64.4,44.26 34.5,87.48 -30,43.22 2.8,57.76 58.5,58.68 55.7,0.92 52.5,78.7 55.5,102.54 3,23.85 -13.5,42.8 18,85.54 31.6,42.73 -22.5,65.78 -52.4,76.89 -30,11.11 -64.9,-25 -127.4,-10.25 -32.4,-13.71 -38.8,-58.98 -66.4,-53.93 -27.5,5.06 -91.8,39.95 -98.7,84.23 -6.9,44.28 -87.8,59.27 -108.8,98.38 -21.1,39.11 -19,97.39 -17.6,136.26 1.5,38.87 -8.1,70.99 26.4,96.97 21.9,16.55 14.9,34.51 32.5,56.15 17.5,21.65 -4.6,79.32 72.9,73.7 77.5,-5.61 78.5,96.41 107.4,112.36 29,15.96 34.3,-16.72 53,-21.63 18.7,-4.92 29.2,25.89 52.8,25.25 23.6,-0.64 46.9,-69.09 73.5,-81.48 26.6,-12.39 64.8,5.31 85.9,7.12 21.2,1.82 26.1,5.03 40.9,3.76 14.9,-1.27 31.5,-17.33 45.8,-21.98 14.3,-4.64 30.5,12.78 45.7,5.97 15.2,-6.8 25.1,-31.72 45.5,-46.8 20.5,-15.08 26.6,-43.77 40.2,-54.28 13.7,-10.52 -78.1,-30.51 1.2,-68.53 14.3,-2.35 38.3,18.51 70.8,16.95 32.5,-1.57 106.2,-4.8 124.2,-26.33 17.9,-21.54 62.8,-60.05 -16.7,-102.89 -17.6,-9.45 -47.1,-22.61 -15.3,-25.94 31.8,-3.33 43.7,20.01 57.7,3.23 14,-16.78 13.2,-77.31 26.3,-103.91 13.1,-26.6 25.4,-31.59 52.4,-55.69 26.9,-24.11 84.1,-52.93 109.4,-88.93 25.3,-35.99 1.7,-80.25 -19.6,-95.19 -101.5,-71.12 -31.5,-64.98 -51.3,-97.58 -19.8,-32.6 38.6,-42.95 -67.6,-98.03 -106.2,-55.08 -110.5,33.17 -137.3,20.26 -26.8,-12.92 13.9,-75.89 -23.4,-97.74 -47.7,-27.99 -97.6,74.57 -115.2,33.54 -12.8,-29.74 -48.1,-7.76 -79,-32.7 -30.9,-24.95 -59.3,1.01 -80.5,-6.95 z"
fill="#e3ba0b"
fillRule="evenodd"
id="path340" /><path
d="m 11830.4,9206.45 c 8.1,15.6 8.4,56.38 19.6,55.85 11.1,-0.52 43.9,-40.26 47.3,-59 3.3,-18.74 -14.8,-37.1 -27.3,-53.44 -12.4,-16.34 -29.9,-29.3 -47.7,-44.61 -17.8,-15.32 -48.9,-48.76 -59,-47.28 -10.1,1.48 -7.7,37.73 -1.4,56.18 6.3,18.46 28,39.16 39.4,54.55 11.5,15.38 20.9,22.83 29.1,37.75 z"
fill="#dbb30b"
fillRule="evenodd"
id="path341" /><path
d="m 12078.7,9572.83 c -12.6,-7.24 -32.5,-24.94 -57.1,-27.79 -24.6,-2.85 -65,4.45 -90.6,10.69 -25.5,6.24 -65.2,13.6 -62.8,26.77 2.4,13.17 55.3,40.16 77.5,52.24 22.1,12.08 36.7,23.27 55.3,20.23 18.5,-3.05 40,-27.4 56.1,-38.48 16,-11.08 36.3,-20.75 39.9,-28.02 3.6,-7.28 -5.7,-8.4 -18.3,-15.64 z"
fill="#dbb30b"
fillRule="evenodd"
id="path342" /><path
d="m 11682.8,9610.17 c 13.4,-23.8 -3,-61.12 -15.8,-80.04 -12.8,-18.92 -41.1,-25.79 -61.1,-33.49 -19.9,-7.71 -42.4,-5.3 -58.8,-12.74 -16.4,-7.45 -21.5,-28.4 -39.5,-31.94 -17.9,-3.54 -52,1.17 -67.9,10.68 -16,9.52 -28.9,30.74 -27.7,46.41 1.3,15.66 21.3,39.33 35.2,47.57 13.9,8.26 33.9,-2.88 48.3,1.92 14.4,4.81 25.7,21.64 38.3,26.9 12.5,5.27 28.4,-9.89 37.1,4.7 8.8,14.58 -3.5,86.15 15.4,82.8 19,-3.35 83,-38.97 96.5,-62.77 z"
fill="#dbb30b"
fillRule="evenodd"
id="path343" /><path
d="m 11340.9,9613.57 c 12.4,-5.59 30.8,-22.55 52.3,-14.98 21.5,7.56 63.5,44.67 76.8,60.39 13.2,15.72 11.1,32.39 2.6,33.95 -8.5,1.56 -33.1,-21.23 -53.6,-24.6 -20.6,-3.37 -52.8,10.42 -69.5,4.38 -16.7,-6.04 -29.2,-30.8 -30.8,-40.61 -1.7,-9.81 9.8,-12.95 22.2,-18.53 z"
fill="#dbb30b"
fillRule="evenodd"
id="path344" /><path
d="m 16316.4,7338.45 c 9.2,47.9 -155,-45.03 -202.7,-45.03 -47.6,0 -51,19.87 -83.4,45.03 -32.5,25.17 -71.5,86.54 -111.3,105.97 -39.7,19.43 -97.5,-20.97 -127.1,10.6 -29.6,31.57 -12,130.47 -50.4,178.82 -38.4,48.35 -136.2,60.93 -180.1,111.27 -43.9,50.34 -52.5,127.6 -83.5,190.74 -30.9,63.15 -79.2,138.43 -101.9,188.1 -22.8,49.67 -33.6,68.66 -34.5,109.94 -0.9,41.29 -4.2,99.35 29.2,137.76 33.3,38.42 122.7,53.87 170.8,92.73 48.2,38.85 77.1,109.06 117.9,140.41 40.9,31.34 77.5,24.72 127.2,47.68 49.6,22.96 120,74.89 170.8,90.08 50.9,15.18 67.1,-89.26 134.4,1.04 67.3,90.29 156.5,43.06 198.1,87.7 41.6,44.65 20.3,132.91 51.7,180.15 31.3,47.25 100.8,58.07 136.4,103.32 35.5,45.26 30.2,169.55 76.8,168.23 62.5,-1.77 143.3,-158.73 202.7,-178.82 59.4,-20.09 114.5,62.25 153.6,58.28 39.1,-3.97 39.3,-53.43 80.8,-82.13 41.5,-28.7 124.3,-43.05 168.2,-90.07 44,-47.02 63.6,-131.8 95.4,-192.07 31.8,-60.27 5.5,-115.46 95.4,-169.55 89.8,-54.09 103.3,71.75 157.6,11.92 54.3,-59.83 135.5,-272.65 168.2,-370.89 32.7,-98.24 -5.7,-164.92 27.8,-218.56 33.6,-53.65 138.9,-40.4 173.5,-103.32 34.7,-62.92 12.2,-150.79 34.5,-274.2 22.3,-123.41 64.9,-358.09 99.3,-466.26 34.5,-108.18 96.1,-100.01 107.3,-182.8 11.3,-82.79 -31.1,-230.71 -39.7,-313.94 -8.6,-83.23 52.7,-146.37 -11.9,-185.44 -64.7,-39.08 -322.4,-75.73 -376.2,-49.01 -53.9,26.71 -55,125.17 53,209.29 107.9,84.11 -176.2,135.11 -120.6,247.7 55.7,112.59 -347.4,-147.92 -523.2,-49.01 -175.7,98.9 -124.9,-72.44 -221.2,-49.01 -281.2,68.44 -276.4,-27.82 -369.5,-17.22 -93.2,10.6 -115.5,49.67 -189.4,80.8 -74,31.13 -202,-15.62 -254.3,105.97 -48,111.5 226.4,210.17 250.3,333.8 z"
fill="#fae99e"
fillRule="evenodd"
id="path345" /><path
d="m 16262.4,8210.41 c 19.7,-43.86 -77,-100.76 -123.4,-115.34 -46.4,-14.58 -114.8,4.64 -155.2,27.84 -40.5,23.2 -74.3,80.87 -87.6,111.36 -13.3,30.49 -2.7,62.97 8,71.58 10.6,8.62 21.2,4.64 55.7,-19.88 34.5,-24.53 100.8,-114.67 151.2,-127.27 50.5,-12.59 136,85.84 151.3,51.71 z"
fill="#f4cc1e"
fillRule="evenodd"
id="path346" /><path
d="m 17057.2,8408.99 c -21.2,0.66 -102.6,-20.52 -123.2,-63.54 -20.5,-43.02 -13.9,-113.17 0,-194.57 13.9,-81.41 57.7,-248.85 83.5,-293.85 25.8,-45.01 59.6,-3.97 71.5,23.82 11.9,27.8 3.3,101.26 0,142.96 -3.3,41.69 -32.4,80.08 -19.8,107.21 12.5,27.13 64.9,45 95.3,55.59 30.5,10.59 43.7,10.92 87.5,7.94 43.7,-2.97 163.9,-78.49 174.8,-25.81 19.2,92.43 -200.7,81.08 -258.3,97.29 -57.6,16.22 -69.5,-12.57 -87.4,0 -17.9,12.58 -15.3,52.29 -19.9,75.45 -4.6,23.16 17.2,66.84 -4,67.51 z"
fill="#f4cc1e"
fillRule="evenodd"
id="path347" /><path
d="m 16977.4,7193.1 c -6.6,-51.63 65.6,-190.45 16,-216.42 -30.2,-15.76 -94.9,83.06 -127.4,140.97 -32.6,57.91 -71.7,158.17 -67.7,206.49 4,48.31 59.7,56.25 91.5,83.39 31.9,27.13 62.4,81.4 99.6,79.42 37.1,-1.99 118.8,-61.55 123.4,-91.33 4.6,-29.79 -73,-53.61 -95.6,-87.37 -22.5,-33.75 -33.1,-63.53 -39.8,-115.15 z"
fill="#f4cc1e"
fillRule="evenodd"
id="path348" /><path
d="m 17438.3,7832.67 c -22.6,7.94 -111.4,1.32 -139.3,-15.88 -27.8,-17.2 -36.4,-64.84 -27.8,-87.33 8.6,-22.5 51,-27.79 79.6,-47.64 28.5,-19.84 59.6,-52.92 91.4,-71.45 31.9,-18.52 63.7,-31.09 99.5,-39.69 35.8,-8.6 85.5,-3.31 115.3,-11.91 29.9,-8.6 49.1,-17.54 63.7,-39.7 14.5,-22.16 -31.9,-108.5 23.8,-93.28 55.7,15.21 9.3,121.4 12,160.76 2.6,39.37 -2,53.59 3.9,75.43 6,21.83 37.8,38.37 31.9,55.57 -6,17.2 -29.2,51.6 -67.7,47.63 -38.4,-3.97 -120.9,-53.92 -163,-71.45 -42.1,-17.53 -68.3,-46.31 -89.5,-33.74 -21.2,12.57 -32.2,80.38 -37.8,109.16 -5.7,28.78 26.5,55.58 4,63.52 z"
fill="#f4cc1e"
fillRule="evenodd"
id="path349" /><path
d="m 17248,7022.58 c 0,-20.5 -35.7,-29.75 -55.6,-23.8 -19.9,5.95 -43,28.43 -63.6,59.51 -20.5,31.08 -63.5,97.86 -59.5,126.96 3.9,29.09 58.2,45.62 83.4,47.61 25.1,1.98 60.9,-17.19 67.5,-35.71 6.6,-18.51 -32.4,-46.29 -27.8,-75.38 4.6,-29.1 55.6,-78.69 55.6,-99.19 z"
fill="#f4cc1e"
fillRule="evenodd"
id="path350" /><path
d="m 16477.1,8937.18 c 13.2,-39.66 82.6,-140.82 91.2,-190.4 8.6,-49.59 -41.7,-78.01 -39.7,-107.1 2,-29.09 23.8,-63.47 51.6,-67.44 27.7,-3.97 85.8,42.31 114.9,43.64 29.1,1.32 44.9,-52.23 59.5,-35.71 14.5,16.53 48.8,101.82 27.7,134.87 -21.1,33.06 -122.9,21.16 -154.6,63.47 -31.7,42.32 -12.5,156.03 -35.7,190.41 -23.1,34.38 -83.9,21.81 -103,15.86 -19.2,-5.95 -25.1,-7.93 -11.9,-47.6 z"
fill="#f4cc1e"
fillRule="evenodd"
id="path351" />
{/* MLH1dn */}
<a onClick={() => goToPageWithTabAndScroll({tabId:'tab-pe-systems', path: '/engineering', scrollToId: "pe-systems-header"})}>
<text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
fontWeight="400"
fontSize="440px"
transform="translate(15933.7,9971)"
id="text351">MLH1dn</text>
</a>
<path
d="M 0,0 3.60892e-4,687.997"
stroke="#32232c"
strokeWidth="55"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(1,0,0,-1,16740.5,9532.5)"
id="path352" />
{/* La(1-194) */}
<a onClick={() => goToPageWithTabAndScroll({tabId:'tab-pe-systems', path: '/engineering', scrollToId: "pe-systems-header"})}>
<text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
fontWeight="400"
fontSize="440px"
transform="translate(7918.36,9502)"
id="text352">La(1</text><text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
fontWeight="400"
fontSize="440px"
transform="translate(8710.23,9502)"
id="text353">-</text><text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
fontWeight="400"
fontSize="440px"
transform="translate(8873.3,9502)"
id="text354">194)</text>
</a>
<path
d="M 10543,7447.5 H 9685.5"
stroke="#32232c"
strokeWidth="55"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path354" />
{/* PE6c reverse transcriptase */}
<a onClick={() => goToPageWithTabAndScroll({tabId:'tab-pe-systems', path: '/engineering', scrollToId: "pe-systems-header"})}>
<text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
fontWeight="400"
fontSize="440px"
transform="translate(7117.07,7336)"
id="text355">PE6c reverse </text><text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
fontWeight="400"
fontSize="440px"
transform="translate(7139.43,7864)"
id="text356">transcriptase</text>
</a>
<path
d="M 0,0 806.267,3.60892e-4"
stroke="#32232c"
strokeWidth="55"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-1,0,0,1,10490.8,8509.5)"
id="path356" />
{/* PCS/RTT */}
<a onClick={() => goToPageWithTabAndScroll({tabId:'tab-pegrna', path: '/engineering', scrollToId: "pegrna-header"})}>
<text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
fontWeight="400"
fontSize="440px"
transform="translate(7802.59,8667)"
id="text357">PVS/RTT</text>
</a>
<path
d="M 0,0 4324.02,3.60892e-4"
stroke="#32232c"
strokeWidth="55"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-1,0,0,1,14330.5,10156.5)"
id="pegRNAscaffold" /><path
d="M 0,0 2046.79,3.60892e-4"
stroke="#32232c"
strokeWidth="55"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-1,0,0,1,11933.3,9343.5)"
id="Laline" /><path
d="M 13584,11820.5 H 11790.5"
stroke="#32232c"
strokeWidth="55"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path359" /><path
d="M 0,0 3934.84,3.60892e-4"
stroke="#32232c"
strokeWidth="55"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-1,0,0,1,13708.3,11011.5)"
id="spacerline" />
{/* Spacer */}
<text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
fontWeight="400"
fontSize="440px"
transform="translate(8283.81,11166)"
id="text360">Spacer</text>
{/* nPlmCasX */}
<a onClick={() => goToPageWithTabAndScroll({tabId:'tab-nickase', path: '/engineering', scrollToId: "nickase-header"})}>
<text
fill="#32232c"
fontFamily="'Acumin Pro', 'Acumin Pro_MSFontService', sans-serif"
fontWeight="400"
fontSize="440px"
transform="translate(9673.5,11970)"
id="text361">nPlmCasX</text>
</a>
<path
d="M 7723.44,8514.5 H 2808.5"
stroke="#32232c"
strokeWidth="55"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
id="path361" /><path
d="m 3218.72,9002.66 c -4.76,-22.1 20.13,-38.73 9.19,-61.12 6.58,-23.4 39.15,-56.34 30.27,-79.26 -8.87,-22.93 -53.27,-46.6 -83.51,-58.3 -30.24,-11.69 -72.45,-22.6 -97.92,-11.86 -25.47,10.75 -2.36,78.16 -54.91,76.34 -52.56,-1.82 -47.02,33.67 -17.67,81 29.35,47.33 -37.79,86.71 -56.21,102.15 -18.42,15.44 -43.32,11.78 -62.19,61.44 -18.86,49.67 -67.5,16.67 -93.05,-2.53 -25.55,-19.19 -14.08,-68.09 -60.27,-112.64 -6.05,-34.74 28.57,-64.59 9.43,-85.01 -19.14,-20.42 -83.29,-55.66 -124.26,-37.49 -40.97,18.16 -97.33,-41.75 -141.61,-38.3 -44.28,3.45 -92.19,36.7 -124.09,58.96 -31.9,22.27 -64.1,31.56 -67.31,74.61 -2.04,27.41 -20.95,31.22 -29.64,57.71 -8.7,26.49 -69.16,39.11 -22.53,101.22 46.63,62.11 -38.63,118.15 -36.37,151.14 2.25,32.99 32.6,19.77 46.85,32.84 14.25,13.07 -5.99,38.55 7.33,58.07 13.31,19.52 83.49,2.1 108.29,17.74 24.8,15.65 30.59,57.37 40.5,76.13 9.91,18.76 9.86,24.62 18.97,36.43 9.1,11.81 31.61,17.1 43.23,26.59 11.63,9.49 5.77,32.57 19.72,41.68 13.94,9.1 40.22,3.89 63.98,12.95 23.76,9.06 51.16,-1.36 67.39,4.43 16.23,5.8 -16.58,-82.16 58.27,-36.07 9.72,10.76 5.15,42.21 24.04,68.69 18.9,26.49 61.52,86.78 89.33,90.2 27.81,3.42 84.5,20.38 77.52,-69.67 -1.55,-19.88 -6.44,-51.82 13.55,-26.88 19.99,24.93 6.79,47.54 28.48,50.23 21.68,2.7 72.16,-30.71 101.62,-34.08 29.47,-3.36 40.31,4.27 75.18,13.92 34.86,9.64 90.05,42.16 133.99,43.93 43.94,1.77 68.4,-42 69.43,-68.02 4.92,-123.82 37.62,-61.62 54.32,-95.92 16.71,-34.29 57.04,9.28 45.91,-109.83 -11.13,-119.11 -87.7,-75.03 -91.32,-104.54 -3.63,-29.51 71.35,-29.34 69.55,-72.54 -2.31,-55.33 -115.55,-41.79 -90.58,-78.8 18.1,-26.83 -19.46,-44.6 -15.19,-84.08 4.26,-39.48 -32.96,-49.37 -37.71,-71.46 z"
fill="#e3ba0b"
fillRule="evenodd"
id="path362" /><path
d="m 2965.66,9146.24 c -8.74,15.26 -42.84,37.61 -36.37,46.7 6.48,9.09 57.64,15.16 75.21,7.84 17.57,-7.33 23.23,-32.45 30.22,-51.79 6.98,-19.35 8.43,-41.04 11.69,-64.29 3.26,-23.25 14.54,-67.54 7.84,-75.2 -6.69,-7.67 -35.92,13.9 -48.01,29.21 -12.09,15.32 -17.77,44.76 -24.54,62.68 -6.76,17.92 -7.91,29.91 -16.04,44.85 z"
fill="#dbb30b"
fillRule="evenodd"
id="path363" /><path
d="m 2791.86,9553.28 c -0.71,-14.48 3.41,-40.8 -7.51,-63.03 -10.91,-22.24 -38.9,-52.27 -57.98,-70.4 -19.09,-18.12 -46.76,-47.54 -56.52,-38.37 -9.75,9.17 -3.84,68.27 -2.03,93.41 1.82,25.14 0.31,43.48 12.91,57.45 12.6,13.97 44.73,18.9 62.71,26.37 17.98,7.46 37.11,19.33 45.18,18.43 8.07,-0.9 3.95,-9.38 3.24,-23.86 z"
fill="#dbb30b"
fillRule="evenodd"
id="path364" /><path
d="m 2546.28,9240.52 c 27.29,-1.57 49.8,-35.56 58.79,-56.56 8.98,-21.01 -0.55,-48.51 -4.88,-69.49 -4.33,-20.98 -18.53,-38.59 -21.13,-56.39 -2.6,-17.81 12.24,-33.48 5.53,-50.45 -6.7,-16.97 -29.13,-43.13 -45.75,-51.38 -16.63,-8.25 -41.49,-7.67 -53.98,1.86 -12.5,9.53 -21.6,39.13 -21.01,55.29 0.59,16.17 20.76,26.95 24.53,41.69 3.77,14.73 -4.3,33.3 -1.93,46.72 2.37,13.42 23.68,18.52 16.15,33.78 -7.52,15.26 -74.36,43.66 -61.29,57.77 13.06,14.12 77.67,48.72 104.97,47.16 z"
fill="#dbb30b"
fillRule="evenodd"
id="path365" /><path
d="m 2358.47,8954.83 c 11.42,7.42 35.63,13.71 40.9,35.9 5.27,22.18 -3.22,77.56 -9.28,97.2 -6.07,19.64 -21.2,26.92 -27.11,20.61 -5.9,-6.3 -0.07,-39.36 -8.34,-58.44 -8.27,-19.08 -37.3,-38.71 -41.26,-56.04 -3.97,-17.32 10.11,-41.22 17.47,-47.91 7.36,-6.69 16.2,1.25 27.62,8.68 z"
fill="#dbb30b"
fillRule="evenodd"
id="path366" /><path
d="M 0,0 4807.09,3.60892e-4"
stroke="#32232c"
strokeWidth="55"
strokeLinecap="round"
strokeMiterlimit="8"
fill="none"
fillRule="evenodd"
transform="matrix(-1,0,0,1,7849.59,9343.5)"
id="path367" /></g></svg>
);
}
\ No newline at end of file
src/components/diagram.tsx → src/components/Diagram.tsx
View file @ 3fd292fd
File moved
src/components/Event.tsx deleted 100644 → 0
View file @ b98b99a1
import React from 'react';
import Card from './Card';
import { joinClassNames } from './classNames';
interface EventProps{
children?: React.ReactNode;
date: string;
text: string;
marker?: React.ReactNode;
className: string;
card?: Function;
layout: string;
id?: string;
}
export default function Event({ date, children, className, card, layout, id}: EventProps) {
let CardComponent;
if (typeof card === 'function') {
CardComponent = card({ date, children });
} else {
CardComponent = <Card children={children}/>;
}
const classNames = joinClassNames({classNames:['event', className, layout]});
return (
<div className={classNames}>
<div className={`card-col`} id={id}>{CardComponent}</div>
</div>
);
}
src/components/FadeIn.tsx 0 → 100644
View file @ 3fd292fd
import { useEffect, useRef, useState } from "react";
export function FadeIn({filepath, bg}:{filepath: string, bg: string}){
const [isVisible, setVisible] = useState(false);
const domRef = useRef(null)!;
useEffect(() => {
const observer = new IntersectionObserver(entries => {
entries.forEach(entry => setVisible(entry.isIntersecting));
});
observer.observe(domRef.current!);
}, []);
return (
<>
<div
className='col'
style={{ 'height': '100vh'}}
ref={domRef}>
<img
style={{
'position': 'fixed',
'top': '20vh',
'left': '20vw',
'width': '60vw',
'height': '60vh',
'transition': 'opacity 0.6s ease-out',
'opacity': `${isVisible ? '1' : '0'}`,
'visibility': `${isVisible ? 'visible' : 'hidden'}`
}}
src={bg}>
</img>
<img
style={{
'position': 'fixed',
'top': '20vh',
'left': '20vw',
'width': '60vw',
'height': '60vh',
'transition': 'opacity 0.6s ease-out',
'opacity': `${isVisible ? '1' : '0'}`,
'visibility': `${isVisible ? 'visible' : 'hidden'}`
}}
src={filepath}>
</img>
</div>
{/* Spacing Block */}
<div className='col' style={{ 'height': '95vh' }}></div>
</>
);
}
src/components/Fanzorviewer.tsx 0 → 100644
View file @ 3fd292fd
import React, { useRef, useEffect } from 'react';
import * as THREE from 'three';
export const ProteinViewer: React.FC = () => {
const viewerRef = useRef<HTMLDivElement>(null); // Ref for the div container
useEffect(() => {
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, 1, 0.1, 1000); // Adjust aspect ratio if needed
const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setSize(100, 100); // Set a smaller size
if (viewerRef.current) {
viewerRef.current.appendChild(renderer.domElement);
}
const light = new THREE.DirectionalLight(0xffffff, 1);
light.position.set(0, 1, 2);
scene.add(light);
camera.position.z = 10;
// Render loop
const animate = () => {
requestAnimationFrame(animate);
renderer.render(scene, camera);
};
animate();
// Clean up on component unmount
return () => {
if (viewerRef.current) {
viewerRef.current.removeChild(renderer.domElement);
}
};
}, []);
return (
<div
ref={viewerRef}
style={{
width: '100px', // Smaller width
height: '100px', // Smaller height
margin: '0 auto', // Center it if you want
border: '1px solid #ddd', // Optional: border around the viewer
}}
/>
);
};
export default ProteinViewer;
\ No newline at end of file
src/components/Figures.tsx 0 → 100644
View file @ 3fd292fd
interface FigureProps{
pic1: string,
pic2?: string,
pic3?: string,
pic4?: string,
pic5?: string,
pic6?: string,
alt1: string,
description: React.ReactNode | string,
description2?: React.ReactNode | string,
num: string |number;
num2?: string |number;
bg?: string;
}
export function ThreeVertical({description, num, pic1, pic2, pic3, alt1, bg}:FigureProps){
let background = "";
if (bg){
background = " bg-w"
}
return(
<div className={"figure-wrapper" + background}>
<figure>
<img src={pic1} alt={alt1} className="responsive-image"/>
<img src={pic2} className="responsive-image"/>
<img src={pic3} className="responsive-image"/>
<figcaption><b>Figure {num}.</b> <span>{description}</span></figcaption>
</figure>
</div>
)
}
export function TwoVertical({description, num, pic1, pic2, alt1, bg}:FigureProps){
let background = "";
if (bg){
background = " bg-w"
}
return(
<div className={"figure-wrapper" + background}>
<figure>
<img src={pic1} alt={alt1} className="responsive-image"/>
<img src={pic2} className="responsive-image"/>
<figcaption><b>Figure {num}.</b> <span>{description}</span></figcaption>
</figure>
</div>
)
}
export function TwoHorizontal({description, num, pic1, pic2, alt1, bg}:FigureProps){
let background = "";
if (bg){
background = " bg-w"
}
return(
<div className={"figure-wrapper" + background}>
<figure>
<div className="row align-items-center">
<div className="col">
<img src={pic1} alt={alt1} className="responsive-image"/>
</div>
<div className="col">
<img src={pic2} className="responsive-image"/>
</div>
</div>
<figcaption><b>Figure {num}.</b> <span>{description}</span></figcaption>
</figure>
</div>
)
}
export function ThreeHorizontal({description, num, pic1, pic2, pic3, alt1, bg}:FigureProps){
let background = "";
if (bg){
background = " bg-w"
}
return(
<div className={"figure-wrapper" + background}>
<figure>
<div className="row align-items-center">
<div className="col">
<img src={pic1} alt={alt1} className="responsive-image"/>
</div>
<div className="col">
<img src={pic2}className="responsive-image"/>
</div>
<div className="col">
<img src={pic3} className="responsive-image"/>
</div>
</div>
<figcaption><b>Figure {num}.</b> <span>{description}</span></figcaption>
</figure>
</div>
)
}
export function OneFigure({description, num, pic1, alt1, bg}:FigureProps){
let background = "";
if (bg){
background = " bg-w"
}
return(
<div className={"figure-wrapper" + background}>
<figure>
<img src={pic1} alt={alt1} className="responsive-image"/>
<figcaption><b>Figure {num}.</b> <span>{description}</span></figcaption>
</figure>
</div>
)
}
export function TwoFigureRow({description,description2, num, num2, pic1, pic2, bg}:FigureProps) {
let background = "";
if (bg){
background = " bg-w"
}
return(
<div className={"figure-wrapper" + background}>
<figure>
<div className="row align-items-center">
<div className="col">
<img src={pic1} />
</div>
<div className="col">
<img src={pic2}/>
</div>
</div>
<figcaption>
<div className="row align-items-center">
<div className="col">
<b>Figure {num}:</b> {description}.
</div>
<div className="col">
<b>Figure {num2}:</b> {description2}.
</div>
</div>
</figcaption>
</figure>
</div>
)
}
src/components/Footer.tsx
View file @ 3fd292fd
import { stringToSlug } from "../utils";
import SimpleSlider from "./slider";
import SimpleSlider from "./Slider";
export function Footer() {
const teamYear = import.meta.env.VITE_TEAM_YEAR;
......@@ -10,95 +10,105 @@ export function Footer() {
return (
<footer className="pt-5 pb-5 footer py-5 mt-5 bg-d text-white">
<div className="container">
<div className="col zweirem">
<span className="left">
<a href="../bielefeld-cebitec/impressum" className="middle">Impressum</a>
</span>
<span className="right align-items-center" style={{display: "flex"}}>
<a href="https://www.linkedin.com/in/igem-bielefeld-cebitec">
<img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/linkedin-hell.png"/>
</a>
<a href="https://www.instagram.com/igem.bielefeld/">
<img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/instagram-1.png"/>
</a>
<a href="http://www.youtube.com/@iGemBielefeld2024">
<img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/youtube-hell.png"/>
</a>
<a href="https://x.com/iGEM_Bielefeld">
<img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/twitter-hell.png"/>
</a>
</span>
<div className="small-row align-items-center" style={{}}>
<div className="col grid">
<span className="left no-pad no-marg">
<a href="../bielefeld-cebitec/impressum" id="impressum" className="middle">Impressum</a>
</span>
</div>
<div className="col ">
<span className="right " style={{display: "flex"}}>
<a href="https://www.linkedin.com/in/igem-bielefeld-cebitec">
<img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/linkedin-hell.png"/>
</a>
<a href="https://www.instagram.com/igem.bielefeld/">
<img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/instagram-1.png"/>
</a>
<a href="http://www.youtube.com/@iGemBielefeld2024">
<img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/youtube-hell.png"/>
</a>
<a href="https://x.com/iGEM_Bielefeld">
<img className="socials" src="https://static.igem.wiki/teams/5247/design/icons/twitter-hell.png"/>
</a>
</span>
</div>
</div>
<hr/>
<div className="row align-items-center">
<div className="small-row align-items-center">
<div className="col-sm-4">
<h6>Contact</h6>
</div>
<div className="col-sm-8">
<div className="row align-items-center">
<div className="small-row align-items-center">
<div className="small-only col-6"></div>
<div className="col">
<a href="./partners">
<h6 className="alink">Spornsors and partners</h6>
<h6 className="alink">Sponsors and partners</h6>
</a>
</div>
<div className="col">
<h6>Former iGem Bielefeld teams</h6>
<div className="small-none col" style={{paddingLeft: "20px"}}>
<h6>Former iGEM Bielefeld teams</h6>
</div>
</div>
</div>
</div>
<div className="row align-items-center">
<div className="small-row align-items-center">
<div className="col-sm-4">
<div className="col">
info@igem-bielefeld.de
info[at]igem-bielefeld[dot]de
</div>
<div className="col"> </div>
<div className="col">
iGEM2024
Universitätsstraße 25, 33613 Bielefeld
Universitätsstraße 25, 33615 Bielefeld
Centrum für Biotechnologie (CeBiTec)
Universität Bielefeld
</div>
</div>
<div className="col-4">
<div className="small-only col-4"></div>
<div className="col-4 footer-slider">
<SimpleSlider>
<a className="sponsor-container" href="https://www.plasmidfactory.com/">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/plasmidfactory.png"/>
<img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/plasmidfactory.png"/>
</a>
<a className="sponsor-container" href="https://bio.nrw.de/">
<img className="img-sponsor-partner-page side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/bionrw-logo.png"/>
</a>
<a className="sponsor-container" href="http://www.zeiss.de/naturwissenschaften">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/zeiss.png" />
<img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/zeiss.png" />
</a>
<a className="sponsor-container" href="https://www.jenabioscience.com/">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/jbs-dunkelgruen-text.png"/>
<img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/jbs-dunkelgruen-text.png"/>
</a>
<a className="sponsor-container" href="https://www.gip.com/home/">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/gip.png" />
<img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/gip.png" />
</a>
<a className="sponsor-container" href="https://www.integra-biosciences.com">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/integra-hinterlegt.jpeg" />
<img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/integra-hinterlegt.jpeg" />
</a>
<a className="sponsor-container" href="https://www.uni-bielefeld.de/">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/logos-team/uni-bielefeld-dunkel.png"/>
<img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/logos-team/uni-bielefeld-dunkel.png"/>
</a>
<a className="sponsor-container" href="www.snapgene.com">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/snapgene.png"/>
<img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/snapgene.png"/>
</a>
<a className="sponsor-container" href="https://bts-ev.de/">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/bts.png"/>
<img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/bts.png"/>
</a>
<a className="sponsor-container" href="https://www.uni-bielefeld.de/fakultaeten/technische-fakultaet/arbeitsgruppen/multiscale-bioengineering/campusbrauerei/">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/campus-brauerei-hinterlegt.jpeg"/>
<img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/campus-brauerei.png"/>
</a>
<a className="sponsor-container" href="www.idtdna.com">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/idt-logo.png"></img>
<img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/idt-logo.png"></img>
</a>
<a className="sponsor-container" href="https://www.cebitec.uni-bielefeld.de/">
<img className="img-sponsor" src="https://static.igem.wiki/teams/5247/sponsors/cebitec-farbe.png"/>
<img className="img-sponsor side-margins-auto" src="https://static.igem.wiki/teams/5247/sponsors/cebitec-farbe.png"/>
</a>
</SimpleSlider>
</div>
<div className="col-4">
<div className="row align-items-center">
<div className="small-none col-4" style={{paddingLeft: "30px"}}>
<div className=" small-row align-items-center">
<div className="col">
<div className="row align-items-center">
......@@ -154,7 +164,7 @@ export function Footer() {
<hr />
{/* The following MUST be on every page: license information and link to the repository on gitlab.igem.org */}
<div className="row mt-4">
<div className="small-row mt-4">
<div className="col">
<p className="mb-0">
<small>
......
src/components/Graph.tsx
View file @ 3fd292fd
/* import React from 'react';
import { Pie } from 'react-chartjs-2';
import { Chart as ChartJS, ArcElement, Tooltip, Legend } from 'chart.js';
import React from 'react';
import { Bar } from 'react-chartjs-2';
import { Chart as ChartJS, Tooltip, Legend,ArcElement, BarElement, CategoryScale, LinearScale, Title, RadialLinearScale } from 'chart.js';
const backgroundcolorscale = [
'rgba(133, 15, 120, 0.2)',
'rgba(160, 167, 243, 0.2)',
'rgba(245, 125, 34, 0.2)',
'rgba(244, 204, 30, 0.2)',
'rgba(130, 149, 164, 0.2)',
'rgba(0, 101, 48, 0.2)',
'rbga(184, 91, 209, 0.2)',
'rbga(50, 35, 44, 0.2'
]
ChartJS.register(ArcElement, Tooltip, Legend);
const bordercolorscale = [
'rgba(133, 15, 120, 1)',
'rgba(160, 167, 243, 1)',
'rgba(245, 125, 34, 1)',
'rgba(244, 204, 30, 1)',
'rgba(130, 149, 164, 1)',
'rgba(0, 101, 48, 1)',
'rbga(184, 91, 209, 1)',
'rbga(50, 35, 44, 1'
]
ChartJS.register(ArcElement, Tooltip, Legend, CategoryScale,
RadialLinearScale,
LinearScale,
BarElement,
Title);
const PieChart: React.FC = () => {
const data = {
......@@ -18,33 +46,1031 @@ const PieChart: React.FC = () => {
0.2384159999999995,
0.003703
],
backgroundColor: [
'rgba(255, 99, 132, 0.2)',
'rgba(54, 162, 235, 0.2)',
'rgba(255, 206, 86, 0.2)',
'rgba(75, 192, 192, 0.2)',
'rgba(153, 102, 255, 0.2)',
'rgba(255, 159, 64, 0.2)',
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
borderWidth: 1,
},
],
};
const options = {
responsive: true,
maintainAspectRatio: false,
plugins: {
legend: {
display: true, // possible to blend out legend
position: 'bottom' as const, // Puts labels below the chart
labels: {
boxWidth: 20, // Controls the size of the color box next to the labels
padding: 15, // Adds some padding between labels and the chart
usePointStyle: true,
},
},
title: {
display: true,
text: 'Types of mutations',
},
},
};
return (
<div className="pie-chart-container-small">
<Pie data={data} options={options} />
</div>
);
};
export const OpenToGeneTherapyatients: React.FC = () => {
const data = {
labels: ['Yes', 'Maybe', 'No'],
datasets: [
{
label: 'Percentage',
data: [
78.72,
19.86,
1.42
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
borderWidth: 1,
},
],
};
const options = {
responsive: true,
maintainAspectRatio: false,
plugins: {
title: {
display: true,
text: 'Would you be open to gene therapy if it could significantly improve your symptoms?',
},
},
};
return (
<div className="pie-chart-container-small">
<Pie data={data} options={options} />
</div>
);
};
export const MostStressfulForRelativeatients: React.FC = () => {
const data = {
labels: ['Emotional Stress', 'Physiacal Symptoms', 'Financial Burden', 'Social Restrictions', 'Other'],
datasets: [
{
label: 'Percentage',
data: [
36.79,
32.78,
11.37,
17.73,
1.34
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
borderWidth: 1,
},
],
};
const options = {
responsive: true,
maintainAspectRatio: false,
plugins: {
title: {
display: true,
text: 'Which aspects of the disease are most stressful for you or your relative?',
},
}
};
return (
<div className="pie-chart-container-other">
<Pie data={data} options={options} />
</div>
);
};
export const WhoAffectedatients: React.FC = () => {
const data = {
labels: ['I am affected', 'A Relative is affected'],
datasets: [
{
label: 'Percentage',
data: [
43.24,
56.76
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
borderWidth: 1,
},
],
};
const options = {
responsive: true,
maintainAspectRatio: false,
plugins: {
title: {
display: true,
text: [
'Are you affected by Cystic Fibrosis yourself ', 'or are you related to someone with Cystic Fibrosis?'
],
},
}
};
return (
<div className="pie-chart-container-small">
<Pie data={data} options={options} />
</div>
);
};
export const DoYouWantMoreInfoatients: React.FC = () => {
const data = {
labels: ['Yes', 'No'],
datasets: [
{
label: 'Percentage',
data: [
93.48,
6.52
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
borderWidth: 1,
},
],
};
const options = {
responsive: true,
maintainAspectRatio: false,
title: {
display: true,
text: 'Would you like to see more information on the subject of gene therapy?',
},
};
return (
<div className="pie-chart-container">
<Pie data={data} options={options} />
</div>
);
};
export const HowOftenTreatmentatients: React.FC = () => {
const labels = ['Rarely', 'Monthly', 'Weekly', 'Several times per week', 'Daily'];
const data = {
labels,
datasets: [
{
label: "",
data: [
6.49,
6.49,
15.59,
9.73,
62.7
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
},
],
};
const options = {
responsive: true,
plugins: {
legend: {
display: false
},
title: {
display: true,
text: 'How often do you or your relative need medical treatment or therapy?',
},
scales: {
y: {
title: {
display: true,
text: '%', // This is the label for the y-axis
},
},
},
},
scales: {
y: {
title: {
display: true,
text: '%', // This is the label for the y-axis
},
},
},
};
return (
<div className="bar-chart-container">
<Bar options={options} data={data} />
</div>
);
};
export const WhatCocernsAboutGeneTherapyatients: React.FC = () => {
const labels = ['Mo concerns', 'Ethical questions', 'Long-term effects', 'Safety and side effects', 'Cost and accessibility'];
const data = {
labels,
datasets: [
{
data: [
0.54,
10.18,
59.46,
59.46,
32.43
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
},
],
};
const options = {
responsive: true,
plugins: {
legend: {
display: false
},
title: {
display: true,
text: 'What concerns do you have about gene therapy?',
},
},
scales: {
y: {
title: {
display: true,
text: '%', // This is the label for the y-axis
},
},
},
};
return (
<div className="bar-chart-container">
<Bar options={options} data={data} />
</div>
);
};
export const HowMuchDoesItAffectYouatients: React.FC = () => {
const labels = ['1', '2', '3', '4', '5'];
const data = {
labels,
datasets: [
{
data: [
4.32,
12.43,
42.16,
32.97,
8.11
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
},
],
};
const options = {
responsive: true,
plugins: {
legend: {
display: false
},
title: {
display: true,
text: ["How much does Cystic Fibrosis affect your or your relative's ", "daily life? (1 = Not at all, 5 = Very much)"]
},
},
scales: {
y: {
title: {
display: true,
text: '%', // This is the label for the y-axis
},
},
},
};
return (
<div className="bar-chart-container">
<Bar options={options} data={data} />
</div>
);
};
export const WhichTherapyDoYouUseatients: React.FC = () => {
const labels = ['Psychological therapy', 'Physical therapy', 'Nutritional therapy', 'Medication therapy', 'Inhalation therapy', 'Others'];
const data = {
labels,
datasets: [
{
data: [
5.94,
26.32,
10.53,
29.2,
26.83,
1.19
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
},
],
};
const options = {
responsive: true,
plugins: {
legend: {
display: false
},
title: {
display: true,
text: 'Which form(s) of therapy do you or your relative use?',
},
},
scales: {
y: {
title: {
display: true,
text: '%', // This is the label for the y-axis
},
},
},
};
return (
<div className="bar-chart-container">
<Bar options={options} data={data} />
</div>
);
};
export const WhichSymptomsatients: React.FC = () => {
const labels = ['Other', 'Headache', "Delayed Growth", 'Underweight', 'Frequent lung infections', 'Muscle tremors/weakness', 'constipation', 'Abdominal pain', 'Chronic cough' ];
const data = {
labels,
datasets: [
{
data: [
4.99,
6.98,
6.23,
13.47,
13.72,
2.0,
10.47,
23.19,
18.95
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
},
],
};
const options = {
responsive: true,
plugins: {
legend: {
display: false
},
title: {
display: true,
text: 'Which symptoms do you or your relative have most frequently?',
},
},
scales: {
y: {
title: {
display: true,
text: '%', // This is the label for the y-axis
},
},
},
};
return (
<div className="bar-chart-container">
<Bar options={options} data={data} />
</div>
);
};
export const BasicPositionatients: React.FC = () => {
const labels = ['1', '2', '3', '4', '5'];
const data = {
labels,
datasets: [
{
data: [
2.14,
5.17,
27.14,
30.00,
35.00
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
},
],
};
const options = {
responsive: true,
plugins: {
legend: {
display: false
},
title: {
display: true,
text: ['What is your basic position on gene therapy?',' (1=Very negative, 5=Very positive)']
},
},
scales: {
y: {
title: {
display: true,
text: '%', // This is the label for the y-axis
},
},
},
};
return (
<div className="bar-chart-container">
<Bar options={options} data={data} />
</div>
);
};
export const AgeDiagnosisatients: React.FC = () => {
const labels = ['>20', '10-20', '1-10', 'first months', 'first week', 'Newborn Screening', 'Before birth'];
const data = {
labels,
datasets: [
{
data: [
3.83,
2.73,
26.23,
21.86,
18.03,
26.23,
1.09
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
},
],
};
const options = {
responsive: true,
plugins: {
legend: {
display: false
},
title: {
display: true,
text: 'At what age were you or your relative diagnosed with Cystic Fibrosis?',
},
},
scales: {
y: {
title: {
display: true,
text: '%', // This is the label for the y-axis
},
},
},
};
return (
<div className="bar-chart-container">
<Bar options={options} data={data} />
</div>
);
};
export const HeadrofGeneTherapyPatients: React.FC = () => {
const data = {
labels: ['Yes', 'No'],
datasets: [
{
label: 'Percentage',
data: [
76.76,
23.24
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
borderWidth: 1,
},
],
};
const options = {
responsive: true,
maintainAspectRatio: false,
plugins: {
title: {
display: true,
text: 'Have you ever heard of gene therapy?',
},
}
};
return (
<div className="pie-chart-container">
<Pie data={data} options={options} />
</div>
);
};
export const MoreInfoOnTherapyBoth: React.FC = () => {
const labels = ['Yes', 'No'];
const data = {
labels,
datasets: [
{
label: 'Affected',
data: [
93.48,
6.52
],
backgroundColor: 'rgba(133, 15, 120, 0.2)',
borderColor: 'rgba(133, 15, 120, 1',
},
{
label: 'Unaffected',
data: [
92.00,
8.00
],
backgroundColor: 'rgba(160, 167, 243, 0.2)',
borderColor: 'rgba(160, 167, 243, 1)',
},
],
};
const options = {
responsive: true,
plugins: {
legend: {
position: 'top' as const,
},
title: {
display: true,
text: 'Would you like to see more information on the subject of gene therapy?',
},
},
scales: {
y: {
title: {
display: true,
text: '%', // This is the label for the y-axis
},
},
},
};
return (
<div className="bar-chart-container">
<Bar options={options} data={data} />
</div>
);
};
export const HeardOfCFPublic: React.FC = () => {
const data = {
labels: ['Yes', 'No'],
datasets: [
{
label: 'Percentage',
data: [
82.89,
17.11
],
borderColor: [
'rgba(255, 99, 132, 1)',
'rgba(54, 162, 235, 1)',
'rgba(255, 206, 86, 1)',
'rgba(75, 192, 192, 1)',
'rgba(153, 102, 255, 1)',
'rgba(255, 159, 64, 1)',
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
borderWidth: 1,
},
],
};
const options = {
responsive: true,
maintainAspectRatio: false,
plugins: {
title: {
display: true,
text: 'Have you heard of Cystic Fibrosis?',
},
}
};
return (
<div className="pie-chart-container-small">
<Pie data={data} options={options} />
</div>
);
};
export const HeadOfGeneTherapyPublic: React.FC = () => {
const data = {
labels: ['Yes', 'No'],
datasets: [
{
label: 'Percentage',
data: [
67.58,
32.42
],
borderWidth: 0.5,
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
borderWidth: 1,
},
],
};
const options = {
responsive: true,
maintainAspectRatio: false,
plugins: {
title: {
display: true,
text: 'Have you ever heard of gene therapy?',
},
}
};
return (
<div className="pie-chart-container">
<Pie data={data} />
</div>
<Pie data={data} options={options} />
</div>
);
};
export const HowDidYouLearnPublic: React.FC = () => {
const labels = ['I am affected', 'Family/Friends', 'School/University', 'Media', 'Healthcare provider', 'Other'];
const data = {
labels,
datasets: [
{
data: [
1.23,
25.15,
20.86,
44.17,
3.68,
4.91
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
},
],
};
const options = {
responsive: true,
plugins: {
legend: {
display: false
},
title: {
display: true,
text: 'How did you mainly learn about Cystic Fibrosis? ',
},
},
scales: {
x: {
beginAtZero: true,
barPercentage: 0.5, // Schmaler machen, 0.5 = 50% der Kategorie-Breite
categoryPercentage: 0.5, // Platz pro Kategorie schmaler machen
},
y: {
beginAtZero: true,
title: {
display: true,
text: '%', // This is the label for the y-axis
},
},
},
};
return (
<div className="bar-chart-container">
<Bar options={options} data={data} />
</div>
);
};
export const HowWellDoYouUnderstandGFPublic: React.FC = () => {
const data = {
labels: ['Extremely well', 'Somewhat well', 'Not so well', 'Not at all'],
datasets: [
{
label: 'Percentage',
data: [
19.38,
24.81,
44.96,
10.85
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
borderWidth: 1,
},
],
};
const options = {
responsive: true,
maintainAspectRatio: false,
plugins: {
title: {
display: true,
text: 'How well do you understand what gene therapy is?',
},
}
};
return (
<div className="pie-chart-container-small">
<Pie data={data} options={options} />
</div>
);
};
export const HowWellInformedAboutCFPublic: React.FC = () => {
const data = {
labels: ['Extremely well', 'Somewhat well', 'Not so well', 'Not at all'],
datasets: [
{
label: 'Percentage',
data: [
6.37,
21.66,
58.60,
13.38
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
borderWidth: 1,
},
],
};
const options = {
responsive: true,
maintainAspectRatio: false,
plugins: { title: {
display: true,
text: 'How well informed are you about Cystic Fibrosis?',
},
}
};
return (
<div className="pie-chart-container-other">
<Pie data={data} options={options} />
</div>
);
};
export const WhatCouldGeneTherapyMeanForMedicinePublic: React.FC = () => {
const data = {
labels: ['Major advances in the treatment of diseases', 'Some progress, but also risks', 'More risks than benefits', 'No opinion'],
datasets: [
{
data: [
49.59,
47.97,
1.63,
0.81
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
borderWidth: 1,
},
],
};
const options = {
responsive: true,
maintainAspectRatio: false,
plugins: {title: {
display: true,
text: 'What do you think gene therapy could mean for medicine?',
},}
};
return (
<div className="pie-chart-container-other">
<Pie data={data} options={options} />
</div>
);
};
export const WhatMeasuresPublic: React.FC = () => {
const labels = ['Media', 'Schools and Communities', "Doctors", 'Charities and Findraisers', 'Online Platforms and Forums', 'Cooperations with Companies', 'School Lessons', 'Documentaries and Short Films'];
const data = {
labels,
datasets: [
{
label: 'General Survey',
data: [
22.87,
13.20,
13.69,
7.09,
12.72,
6.60,
9.82,
14.01
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
},
],
};
const options = {
responsive: true,
plugins: {
legend: {
display: false
},
title: {
display: true,
text: 'What measures do you think could be taken to raise awareness of Cystic Fibrosis?',
},
},
scales: {
y: {
title: {
display: true,
text: '%', // This is the label for the y-axis
},
},
},
};
return (
<div className="bar-chart-container">
<Bar options={options} data={data} />
</div>
);
};
export const WouldYouDoGeneTherapyPublic: React.FC = () => {
const data = {
labels: ['Yes', 'No', 'Maybe'],
datasets: [
{
label: 'General Survey',
data: [
85.22,
13.04,
1.74
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
borderWidth: 1,
},
],
};
const options = {
responsive: true,
maintainAspectRatio: false,
plugins: {
title: {
display: true,
text: 'Would you opt for gene therapy yourself?',
},
}
};
return (
<div className="pie-chart-container-other">
<Pie data={data} options={options} />
</div>
);
};
export const WhatCocernsAboutGeneTherapyPublic: React.FC = () => {
const labels = ['No concerns', 'Ethical questions', 'Long-term effects', 'Safety and side effects', 'Cost and accessibility'];
const data = {
labels,
datasets: [
{
label: 'General Survey',
data: [
4.57,
14.61,
27.85,
28.77,
24.20
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
},
],
};
const options = {
responsive: true,
plugins: {
legend: {
display: false
},
title: {
display: true,
text: 'What concerns do you have about gene therapy?',
},
},
scales: {
y: {
title: {
display: true,
text: '%', // This is the label for the y-axis
},
},
},
};
return (
<div className="bar-chart-container">
<Bar options={options} data={data} />
</div>
);
};
export const WhatFormMoreInfoPublic: React.FC = () => {
const labels = ['Informations brochures', 'Websites and online resources', 'TV documentaries and programs', 'Lectures and seminars', 'School and university courses ', 'Consultations with doctors and specialists', 'Social media and online communities', 'Other'];
const data = {
labels,
datasets: [
{
label: 'General Survey',
data: [
15.74,
16.63,
22.62,
1.77,
13.30,
13.97,
15.96,
0
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
},
],
};
const options = {
responsive: true,
plugins: {
legend: {
display: false
},
title: {
display: true,
text: 'In what form would you like to see more information?',
},
},
scales: {
y: {
title: {
display: true,
text: '%', // This is the label for the y-axis
},
},
},
};
return (
<div className="bar-chart-container">
<Bar options={options} data={data} />
</div>
);
};
export default PieChart;
*/
\ No newline at end of file
src/components/HP-tabs.tsx 0 → 100644
View file @ 3fd292fd
import { Box, Tab } from "@mui/material";
import {TabContext, TabList, TabPanel} from '@mui/lab';
import React from "react";
export function HPTabs(){
const [value, setValue] = React.useState('1');
const handleChange = (_event: React.SyntheticEvent, newValue: string) => {
setValue(newValue);
};
return(
<Box sx={{ width: '100%', typography: 'body1' }}>
<TabContext value={value}>
<Box sx={{ borderBottom: 1, borderColor: 'divider' }}>
<TabList onChange={handleChange} aria-label="lab API tabs example">
<Tab label="Patient Needs" value="1" />
<Tab label="Scientific Challenges" value="2" />
<Tab label="Academic consideration" value="3" />
<Tab label="Ethical questions" value="4" />
<Tab label="Medical perspectives" value="5" />
</TabList>
</Box>
<TabPanel value="1"> </TabPanel>
<TabPanel value="2"> </TabPanel>
<TabPanel value="3"> </TabPanel>
<TabPanel value="4"> </TabPanel>
<TabPanel value="5"> </TabPanel>
</TabContext>
</Box>
)
}
export function HPTabsTwo(){
return(
<>
<div className="row align-items-center">
<div className="col"></div>
<div className="col-8">
<div className="methods-node">
<div>Project selection</div>
</div>
<div className="methods-node">
<div>Foundation</div>
</div>
<div className="methods-node">
<div>Diversification</div>
</div>
<div className="methods-node">
<div>Fine-tuning</div>
</div>
<div className="methods-node">
<div>Finalization</div>
</div>
</div>
<div className="col"></div>
</div>
<div className="row align-items-center">
<div className="col-3">
</div>
<div className="col">
</div>
</div>
</>
)
}
\ No newline at end of file
src/components/HP-timeline.tsx 0 → 100644
View file @ 3fd292fd
import { TabButtonRow } from "./Buttons";
import TimeHori, { CombiTimeHori } from "./HorizontalTimeline";
import { BFHStyleTabs, ButtonRowTabs } from "./Tabs";
import { timelinedata } from "../data/hptimelinedata";
export function HPTimeline(){
return(
<section id="Timeline" className="section">
<p>Feel free to scroll trough our timeline and learn more about our extensive human-centric approach!</p>
<div className="center">
</div>
<TabButtonRow data={timelinebuttonrowdata} classy="" opentype="timelinecardtabs" closing="timelinepersontabs" />
<ButtonRowTabs cla="timelinecardtabs" data={timelinebuttonrowdata}/>
<BFHStyleTabs cla="timelinepersontabs" data={timelinedata}></BFHStyleTabs>
</section>
)
}
let timelinebuttonrowdata = [
{
buttonname: "All",
node: <TimeHori tab="" ></TimeHori>,
cssname: "First",
main: true
},
{
node: <TimeHori tab="Patient" ></TimeHori>,
buttonname: "Patients",
cssname: "Patient"
},
{
node: <TimeHori tab="Medical Professional" ></TimeHori>,
buttonname: "Medical Professionals",
cssname: "Medical"
},
{
node: <TimeHori tab="Academia" ></TimeHori>,
buttonname: "Academia",
cssname: "Academia"
},
{
node: <TimeHori tab="Industry" ></TimeHori>,
buttonname: "Industry",
cssname: "Industry"
},
{
node: <TimeHori tab="Milestone" ></TimeHori>,
buttonname: "Milestones",
cssname: "Milestone"
},
{
node: <CombiTimeHori tab1="Education" tab2="Outreach" ></CombiTimeHori>,
buttonname: "Education & Outreach",
cssname: "Education"
},
/*
{
node: <TimeHori tab="Outreach" ></TimeHori>,
buttonname: "Outreach",
cssname: "Outreach"
} */
]
/* export function HPtimelineNew(data: Array<NodeDatensatz>){
var timelinecards: React.ReactNode;
var interviewtabs:
} */
\ No newline at end of file
src/components/header-box.tsx → src/components/HeaderBox.tsx
View file @ 3fd292fd
import { Hpopart } from "./headings";
import { Hwave } from "./Headings";
interface Props{
title: string,
title: string ,
title2?: string,
children?: React.ReactNode,
id: string
}
export default function HeaderBox({children, title}: Props ){
export default function HeaderBox({children, title, title2, id}: Props ){
var ti: string = "";
if (title2) {
ti = title2;
}
return(
<>
<div className="row">
<div className="col">
<div className="col header-container">
<div className="header-title">
<Hpopart text={title}></Hpopart>
<div className="row header-title" id={id}>
<Hwave text={title}></Hwave>
<Hwave text={ti}></Hwave>
</div>
{children}
</div>
......
src/components/headings.tsx → src/components/Headings.tsx
View file @ 3fd292fd
import { stringToSlug } from "../utils";
export function Hhopp({text}:{text: string}){
const arr = [];
export function Hhopp({text, id}:{text: string, id?: string}){
const arr: JSX.Element[] = [];
var idtext: string;
if (id) {
idtext = id;
}
else{
idtext = stringToSlug(text);
}
for (let i = 0; i < text.length; i++) {
const x = text.charAt(i);
arr.push(<span aria-hidden="true">{x}</span>)
}
return(
<h1 className="playful" aria-label="Wash your hands">
<h1 id={idtext} className="playful" aria-label="Wash your hands">
{arr}
</h1>
)
}
export function Hsmoke({text}:{text: string}){
const arr = [];
export function Hsmoke({text, id}:{text: string, id?: string}){
const arr: JSX.Element[] = [];
var idtext: string;
if (id) {
idtext = id;
}
else{
idtext = stringToSlug(text);
}
for (let i = 0; i < text.length; i++) {
const x = text.charAt(i);
arr.push(<span aria-hidden="true">{x}</span>)
}
return(
<h1 className="smoke" aria-label="Wash your hands">
<h1 id={idtext} className="smoke" aria-label="Wash your hands">
{arr}
</h1>
)
}
export function H1({text}:{text: string}){
export function H1({text, id}:{text: string, id?: string}){
/* var idtext: string;
if (id) {
idtext = id;
}
else{
idtext = stringToSlug(text);
}
return(
<div className="row hone">
<div id={idtext} className="row hone">
<svg width="100%" height="100%">
<text x="0%" y="60%">
{text}
</text>
</svg>
</div>
) */
return(
<h1 id={id} >{text}</h1>
)
}
export function H2({text, id}:{text: string, id?: string}){
var idtext: string;
if (id) {
idtext = id;
}
else{
idtext = stringToSlug(text);
}
return(
<div>
<h1 id={idtext}>{text}</h1>
</div>
)
}
/* export function Hprompt({text}:{text: string}){
export function H3({text, id}:{text: string, id?: string}){
var idtext: string;
if (id) {
idtext = id;
}
else{
idtext = stringToSlug(text);
}
return(
<div>
<h2 id={idtext}> {text} </h2>
</div>
)
}
export function PhilipH3({children, id}:{children: JSX.Element , id: string}){
return(
<div>
<h2>{text}</h2>
<hr/>
<h2 id={id}> {children} </h2>
</div>
)
} */
export function H2({text}:{text: string}){
}
export function H4({text, id}:{text: string, id?: string}){
var idtext: string;
if (id) {
idtext = id;
}
else{
idtext = stringToSlug(text);
}
return(
<div>
<h2>{text}</h2>
<hr/>
<h3 id={idtext}> {text} </h3>
</div>
)
}
export function H5({text, id}:{text: string, id?: string}){
var idtext: string;
if (id) {
idtext = id;
}
else{
idtext = stringToSlug(text);
}
return(
<h4 id={idtext}> {text} </h4>
)
}
export function Hhighlight({children}:{children: React.ReactNode}){
return(
<div className="content v2">
{children}
<p>{children}</p>
</div>
)
}
export function Hspoiler({children}:{children: React.ReactNode}){
return(
<div className="content v3">
{children}
<p>{children}</p>
</div>
)
}
export function Hwave({text}:{text: string}){
export function Hwave({text, id}:{text: string, id?: string}){
var idtext: string;
if (id) {
idtext = id;
}
else{
idtext = stringToSlug(text);
}
return(
<svg viewBox="0 0 100 20">
/* <svg id={idtext} className="bigtitle" viewBox="0 0 100 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stop-color="#850F78"/>
<stop offset="95%" stop-color="#A0A7F3"/>
<stop offset="5%" stopColor="#850F78"/>
<stop offset="95%" stopColor="#A0A7F3"/>
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" mask="url(#mask)" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="1.5s"
dur="3s"
type="translate"
from="0,0"
to="40,0"
......@@ -91,15 +175,45 @@ export function Hwave({text}:{text: string}){
</path>
</pattern>
</defs>
<text text-anchor="middle" x="50" y="15" font-size="17" fill="url(#wave)" fill-opacity="0.6">{text}</text>
<text text-anchor="middle" x="50" y="15" font-size="17" fill="url(#gradient)" fill-opacity="0.1">{text}</text>
</svg>
<text textAnchor="middle" x="50" y="15" fontSize="13" fill="white" fillOpacity="1">{text}</text>
<text textAnchor="middle" x="50" y="15" fontSize="13" fill="url(#wave)" fillOpacity="0.7">{text}</text>
<text textAnchor="middle" x="50" y="15" fontSize="13" fill="url(#gradient)" fillOpacity="0.9">{text}</text>
</svg> */
<svg id={idtext} className="bigtitle" viewBox="0 0 100 20">
<defs>
<linearGradient id="gradient" x1="0" x2="0" y1="0" y2="1">
<stop offset="5%" stopColor="#850F78" />
<stop offset="95%" stopColor="#A0A7F3" />
</linearGradient>
<pattern id="wave" x="0" y="0" width="120" height="20" patternUnits="userSpaceOnUse">
<path id="wavePath" d="M-40 9 Q-30 7 -20 9 T0 9 T20 9 T40 9 T60 9 T80 9 T100 9 T120 9 V20 H-40z" fill="url(#gradient)">
<animateTransform
attributeName="transform"
begin="0s"
dur="3s"
type="translate"
from="0,0"
to="40,0"
repeatCount="indefinite" />
</path>
</pattern>
</defs>
<text textAnchor="middle" x="50" y="15" fontSize="13" stroke="var(--ourbeige)" strokeWidth={"0.2px"} fill="url(#gradient)">{text}</text>
<text textAnchor="middle" x="50" y="15" fontSize="13" fill="url(#wave)"stroke="var(--ourbeige)" strokeWidth={"0.2px"} fillOpacity="1">{text}</text>
</svg>
)
}
export function Hpopart({text}:{text: string}){
export function Hpopart({text, id}:{text: string, id?: string}){
var idtext: string;
if (id) {
idtext = id;
}
else{
idtext = stringToSlug(text);
}
return(
<div className="row">
<div id={idtext} className="row">
<div className="col">
<div className="relative popart-wrapper">
<div className="absolute popart">
......@@ -113,7 +227,7 @@ return(
export function Hshadone({text}:{text: string}){
return(
<div>
<div className="h3-box">
<p className="stroke shadow-stroke">{text}</p>
</div>
)
......
src/components/HomeAnimation.tsx 0 → 100644
View file @ 3fd292fd
import gsap from "gsap";
import { useGSAP } from "@gsap/react";
import { ScrollTrigger } from "gsap/dist/ScrollTrigger";
import { useRef } from 'react';
import { MotionPathPlugin } from "gsap/dist/MotionPathPlugin";
export function HomeAnim() {
gsap.registerPlugin(ScrollTrigger);
gsap.registerPlugin(useGSAP);
gsap.registerPlugin(MotionPathPlugin);
const vectorRef = useRef(null);
useGSAP(
() => {
gsap.registerPlugin(ScrollTrigger);
gsap.registerPlugin(useGSAP);
gsap.registerPlugin(MotionPathPlugin);
gsap.defaults({ease: "none"});
gsap.defaults({ease: "none"});
const main = gsap.timeline({
scrollTrigger: {
trigger: "animStarterClass",
scrub: true,
start:"top middle",
end: "+=4000"
}
})
.from(".homeAnimLine", {drawSVG: 0}, 0)
.to(vectorRef.current, {motionPath:{
path:".homeAnimLine",
align:".homeAnimLine",
alignOrigin:[0.5, 0.5],
}}, 0)
console.log(main)
},
);
return (
<div className="row col">
<svg id="svg" viewBox="0 0 2000 2500">
<path className="homeAnimLine" d="
M 50 50
C 500 -50 1000 100 1870 50
C 1820 220 2024 528 1870 590
C 1351 678 118 451 54 561
C 3 672 12 985 55 985
C 586 1090 1342 898 1881 1038
C 1994 1194 1986 1568 1890 1681
C 1751 1803 281 1481 168 1646
C 81 1794 21 1977 168 2142
C 499 2246 1403 2325 1081 2142"/>
</svg>
<img className="vector" ref={vectorRef} src={"https://static.igem.wiki/teams/5247/placeholders/vector.webp"} alt="vectorImg"/>
</div>
);
}