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 4740 additions and 238 deletions
src/components/Buttons.tsx
View file @ 3fd292fd
......@@ -31,7 +31,7 @@ export function Villbuttonrow(){
<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="/experiments?tab=heading" source="https://static.igem.wiki/teams/5247/design/icons/lab.png" title="Experiments"></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>
......@@ -72,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}/>)
......@@ -106,7 +136,7 @@ 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={openElement({elementToOpen: type, classToHide: opentype, classToClose: closing, buttonClass: "tabbutton" })}> {name}</button>
......@@ -114,16 +144,18 @@ export function TabButton({classy, name, closing, opentype, type}:TabButtonProps
)
}
export function HPMoreButton({name}: {name: string}){
let c = "timelinepersontabs"
export function BFHMoreButton({it}: {it: string}){
return(
<button className="tablinks hp-more-button" onClick={openElement({elementToOpen: name, classToHide: c, buttonClass: "tabbutton"})}> 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>
)
}
......@@ -143,57 +175,44 @@ function expandIt({it}: {it: string}){
export function ButtonThree(){
return(
<div className="boxy-3">
<div className="btn-new btn-three">
<span typeof="button" onClick={openElement({elementToOpen: "about", classToHide: "tabcontent", buttonClass: "tablinks"})}>HOVER ME</span>
</div>
</div>
)
}
export function ButtonTwo(){
return(
<div className="boxy-2">
<div className="btn-new btn-two">
<span typeof="button" onClick={openElement({elementToOpen: "about", classToHide: "tabcontent", buttonClass: "tablinks"})}>HOVER ME</span>
</div>
</div>
)
}
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>
)
}
else{
return(
<button className="btn-one" onClick={() => openFromOtherPage(open)}> <span>{text}</span> </button>
)
}
}
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">
<a onClick={() => goToPagesAndOpenTab(open, "")}>
<span typeof="button" onClick={openFromOtherPage(open)}>
<div className="btn-new btn-one">
{text}
</div>
</a>
</div></span>
</div>
)
}
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, scrollToId}: {label:string, open:string, scrollToId: string}){
return(
<div className="boxy-1">
<span typeof="button" onClick={openThem({it: open, scrollToId})}>
<div className="btn-new btn-one">
{label}
</div></span>
</div>
<button className="btn-one" onClick={openThem({it: open, scrollToId})}><span>{label}</span></button>
)
}
......
src/components/Calendar/Calendar.tsx
View file @ 3fd292fd
......@@ -2,8 +2,8 @@ import { CalTabs } from "./cal-content";
export function Calendar(){
let arrows = Arrows();
let tabs = CalTabs();
let arrows: JSX.Element[] = Arrows();
let tabs: JSX.Element[] = CalTabs();
return(
<div className="cal">
......@@ -38,7 +38,7 @@ let tabs = CalTabs();
function Arrows(){
const months = ["February", "March", "April", "May", "June", "July", "August", "September", "October"]
let arrows = [];
let arrows: JSX.Element[] = [];
for (let index = 0; index < months.length; index++) {
if (index == 0) {
console.log(`months[index] = ${months[index]}` )
......@@ -115,7 +115,6 @@ function switchTo(month: string){
console.log("new month is: " + month + " and we are calling " + `${month}-name`)
if (document.getElementById(`${month}-dates`)) {
console.info("document.getElementById(`${month}-dates`); exists")
let newdates = document.getElementById(`${month}-dates`);
(newdates as HTMLElement).style.display = "block";
}
......@@ -270,7 +269,7 @@ const May = <ul id="May-dates" className="days hideable" style={{display: "none"
<li>19</li>
<li>20</li>
<li>21</li>
<li>22</li>
<li><a onClick={showEntry("may22")}><span className="active">22</span></a></li>
<li>23</li>
<li>24</li>
<li>25</li>
......
src/components/Calendar/cal-content.tsx
View file @ 3fd292fd
import { H5 } from "../Headings";
import PreCyse from "../precyse";
export function CalTabs(){
let tablist = [];
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"}}>
......@@ -31,7 +32,7 @@ let tabs = [
<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>
......@@ -170,7 +171,7 @@ let tabs = [
<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>
<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>
......@@ -284,7 +285,7 @@ let tabs = [
<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>
<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>
......@@ -425,7 +426,7 @@ let tabs = [
<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>
<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>
......@@ -446,7 +447,7 @@ let tabs = [
<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>
<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>
......
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/FadeIn.tsx
View file @ 3fd292fd
......@@ -47,4 +47,5 @@ export function FadeIn({filepath, bg}:{filepath: string, bg: string}){
<div className='col' style={{ 'height': '95vh' }}></div>
</>
);
}
\ 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
......@@ -56,12 +56,12 @@ export function Footer() {
<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>
......@@ -70,37 +70,40 @@ export function Footer() {
<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.png"/>
<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>
......
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,29 +46,677 @@ 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
],
backgroundColor: backgroundcolorscale,
borderColor: bordercolorscale,
borderWidth: 1,
},
],
};
const options = {
responsive: true,
maintainAspectRatio: false
maintainAspectRatio: false,
plugins: {
title: {
display: true,
text: 'Have you ever heard of gene therapy?',
},
}
};
return (
......@@ -50,4 +726,351 @@ const PieChart: React.FC = () => {
);
};
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;
src/components/HP-timeline.tsx
View file @ 3fd292fd
import { TabButtonRow } from "./Buttons";
import TimeHori from "./HorizontalTimeline";
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" />
......@@ -41,7 +42,23 @@ export function HPTimeline(){
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"
} */
]
......
src/components/HeaderBox.tsx
View file @ 3fd292fd
import { Hwave } from "./Headings";
interface Props{
title: string,
title: string ,
title2?: string,
children?: React.ReactNode,
id: string
}
export default function HeaderBox({children, title, title2}: 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="row header-title">
<div className="row header-title" id={id}>
<Hwave text={title}></Hwave>
<Hwave text={ti}></Hwave>
......
src/components/Headings.tsx
View file @ 3fd292fd
import { stringToSlug } from "../utils";
export function Hhopp({text, id}:{text: string, id?: string}){
const arr = [];
const arr: JSX.Element[] = [];
var idtext: string;
if (id) {
idtext = id;
......@@ -21,7 +21,7 @@ export function Hhopp({text, id}:{text: string, id?: string}){
}
export function Hsmoke({text, id}:{text: string, id?: string}){
const arr = [];
const arr: JSX.Element[] = [];
var idtext: string;
if (id) {
idtext = id;
......@@ -72,8 +72,8 @@ export function H2({text, id}:{text: string, id?: string}){
idtext = stringToSlug(text);
}
return(
<div className="h2-box">
<h2 className="h2" id={idtext}>{text}</h2>
<div>
<h1 id={idtext}>{text}</h1>
</div>
)
......@@ -89,7 +89,15 @@ export function H3({text, id}:{text: string, id?: string}){
}
return(
<div>
<h3 className="h3" id={idtext}> {text} </h3>
<h2 id={idtext}> {text} </h2>
</div>
)
}
export function PhilipH3({children, id}:{children: JSX.Element , id: string}){
return(
<div>
<h2 id={id}> {children} </h2>
</div>
)
......@@ -104,7 +112,7 @@ export function H4({text, id}:{text: string, id?: string}){
}
return(
<div>
<h4 className="h4" id={idtext}> {text} </h4>
<h3 id={idtext}> {text} </h3>
</div>
)
......@@ -118,9 +126,7 @@ export function H5({text, id}:{text: string, id?: string}){
idtext = stringToSlug(text);
}
return(
<div className="h5-box">
<h5 className="h5" id={idtext}> {text} </h5>
</div>
<h4 id={idtext}> {text} </h4>
)
}
......@@ -150,7 +156,7 @@ export function Hwave({text, id}:{text: string, id?: string}){
idtext = stringToSlug(text);
}
return(
<svg id={idtext} className="bigtitle" 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%" stopColor="#850F78"/>
......@@ -169,9 +175,32 @@ export function Hwave({text, id}:{text: string, id?: string}){
</path>
</pattern>
</defs>
<text textAnchor="middle" x="50" y="15" fontSize="13" fill="url(#wave)" fillOpacity="0.6">{text}</text>
<text textAnchor="middle" x="50" y="15" fontSize="13" fill="url(#gradient)" fillOpacity="0.3">{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>
)
}
......
src/components/HorizontalTimeline.tsx
View file @ 3fd292fd
import { HPMoreButton } from "./Buttons";
import { NewHPMoreButton } from "./Buttons";
import { timelinedata } from "../data/hptimelinedata";
function TimeItem({tag, title, pic, author, tabid}: ItemProps){
function TimeItem({tag, title, pic, author, tabid, month}: ItemProps){
let cl = "t-tag " + tag;
return(
<li className="timelineolli">
<div className="timeline-item moretop">
<div className="">
<div className={cl}>
{tag}
</div>
<div className="row align-items-center">
<div className="col" >
<img className="img-round" src={pic}/>
<div className="row" style={{paddingLeft: "10px", paddingRight: "15px"}}>
<div className={cl}>
{tag}
</div>
<div className="col">
</div>
<div className="col" >
{title}
<div className="col-6 t-tag" style={{color: "black", backgroundColor: "#e2dad7"}}>
{month}
</div>
</div>
<div className="row align-items-center">
<div className="fillup-wrapper">
<div className="row align-items-center fillup">
<div className="col" >
<img className="img-round" src={pic} />
</div>
<div className="col" >
{title}
</div>
</div>
</div>
<div className="row align-items-center hpbuttonrow">
<div className="col">
<p style={{marginTop: "10px"}}>{author}</p>
</div>
<div className="col-4">
<div className="tab">
<HPMoreButton name={tabid}/>
<NewHPMoreButton tab={tabid} scroll={`${tabid}-heading`}/>
</div>
</div>
</div>
......@@ -36,30 +46,42 @@ function TimeItem({tag, title, pic, author, tabid}: ItemProps){
)
}
function TimeItemMeta({ tag, title, pic, author, tabid}: ItemProps){
function TimeItemMeta({ tag, title, pic, author, tabid, month}: ItemProps){
let cl = "t-tag " + tag;
return(
<li className="timelineolli">
<div className="timeline-item time-meta moretop">
<div className="">
<div className=" t-tag colour-meta-tag">
{tag}
</div>
<div className="row align-items-center">
<div className="col" >
<img className="img-cube" src={pic} />
<div className="row" style={{paddingLeft: "10px", paddingRight: "15px"}}>
<div className={`${cl} col-6 t-tag `}>
{tag}
</div>
<div className="col">
</div>
<div className="col" >
{title}
<div className="col-6 t-tag" style={{color: "black", backgroundColor: "#e2dad7"}}>
{month}
</div>
</div>
<div className="row align-items-center">
<div className="fillup-wrapper">
<div className="row align-items-center fillup">
<div className="col" >
<img className="img-cube" src={pic} />
</div>
<div className="col" >
{title}
</div>
</div>
</div>
<div className="row align-items-center hpbuttonrow">
<div className="col">
<p style={{marginTop: "10px"}}>{author}</p>
</div>
<div className="col-4">
<div className="tab">
<HPMoreButton name={tabid}/>
<NewHPMoreButton tab={tabid} scroll={`${tabid}-heading`}/>
</div>
</div>
</div>
......@@ -71,7 +93,51 @@ function TimeItem({tag, title, pic, author, tabid}: ItemProps){
)
}
export function CombiTimeHori({tab1, tab2}:{tab1: string, tab2: string}){
let nod;
/* console.log("Tab") */
nod = getItemsByTypes(tab1, tab2);
return(
<div>
<section className="timeline">
<ol className="timelineol">
{nod}
<li className="timelineolli"></li>
</ol>
</section>
</div>
)
}
export function getItemsByTypes(tabid1: string, tabid2: string) {
let rows: JSX.Element[] = []
for (let i = 0; i < timelinedata.length; i++) {
if (tabid1 === timelinedata[i].tag || tabid2 === timelinedata[i].tag) {
var name: string;
if (timelinedata[i].title) {
name = timelinedata[i].title! + " " + timelinedata[i].vorname + " " + timelinedata[i].nachnname;
}
else{
name = timelinedata[i].vorname + " " + timelinedata[i].nachnname;
}
rows.push(<TimeItem
key={i}
title={timelinedata[i].heading}
pic={timelinedata[i].pictureurl}
tag={timelinedata[i].tag}
author={name}
tabid={timelinedata[i].interviewtabid}
month={timelinedata[i].months} >
</TimeItem>)
}
}
return rows;
}
export default function TimeHori({tab}:{tab: string}){
let nod;
......@@ -104,18 +170,19 @@ function TimeItem({tag, title, pic, author, tabid}: ItemProps){
interface ItemProps {
title: string ,
children: React.ReactNode;
children?: React.ReactNode;
tag: string,
pic: string,
author: string,
tabid: string
month: string
}
function AllItems(){
let rows = []
let rows: JSX.Element[] = []
for ( let i = 0; i < timelinedata.length; i++ ){
if (timelinedata[i].type === "meta"){
var name: string;
......@@ -131,8 +198,7 @@ function TimeItem({tag, title, pic, author, tabid}: ItemProps){
tag={timelinedata[i].tag}
author={name}
tabid={timelinedata[i].interviewtabid}
>
{timelinedata[i].cardtext}
month={timelinedata[i].months} >
</TimeItemMeta>)
}
else{
......@@ -148,9 +214,8 @@ function TimeItem({tag, title, pic, author, tabid}: ItemProps){
pic={timelinedata[i].pictureurl}
tag={timelinedata[i].tag}
author={name}
tabid={timelinedata[i].interviewtabid}
>
{timelinedata[i].cardtext}
tabid={timelinedata[i].interviewtabid}
month={timelinedata[i].months} >
</TimeItem>)
}
......@@ -160,7 +225,7 @@ function TimeItem({tag, title, pic, author, tabid}: ItemProps){
export function getItemsByType(tabid: string) {
let rows = []
let rows: JSX.Element[] = []
for (let i = 0; i < timelinedata.length; i++) {
if (tabid === timelinedata[i].tag) {
var name: string;
......@@ -171,14 +236,13 @@ function TimeItem({tag, title, pic, author, tabid}: ItemProps){
name = timelinedata[i].vorname + " " + timelinedata[i].nachnname;
}
rows.push(<TimeItem
key={i}
title={timelinedata[i].heading}
pic={timelinedata[i].pictureurl}
tag={timelinedata[i].tag}
author={name}
tabid={timelinedata[i].interviewtabid}
>
{timelinedata[i].cardtext}
key={i}
title={timelinedata[i].heading}
pic={timelinedata[i].pictureurl}
tag={timelinedata[i].tag}
author={name}
tabid={timelinedata[i].interviewtabid}
month={timelinedata[i].months} >
</TimeItem>)
}
}
......
src/components/Link.tsx
View file @ 3fd292fd
import { useNavigation } from "../utils"
import { Ourlink } from "./interfaces";
export function TabScrollLink({tab, scrollId, num}:{tab: string, scrollId: string, num: string}){
const {goToPageWithTabAndScroll} = useNavigation();
return(
<sup><a onClick={() => goToPageWithTabAndScroll({path: "", tabId: tab, scrollToId: scrollId})}>{num}</a></sup>
)
}
// 2^4 = 16 possible combinations + special cases müssen eventuell ergänzt werden
export function OurLink({path, scrollToId, tabId, subTabId, collapseId, text, tabincolId}:Ourlink){
const {goToPlace} = useNavigation();
// 1. [1-1-1-1] go to page and open tab and open subTab and open colapsible in subtab and scroll to something
if(tabId && subTabId && scrollToId && collapseId && !tabincolId) {
return(<a onClick={() => goToPlace({path: path, tabId: tabId, subTabId: subTabId, scrollToId:scrollToId, collapseId:collapseId})}>{text}</a>)
}
// special case if a tab in the collapsible shall be opened too
if(tabId && subTabId && scrollToId && collapseId && tabincolId) {
return(<a onClick={() => goToPlace({path: path, tabId: tabId, subTabId: subTabId, scrollToId:scrollToId, collapseId:collapseId, tabincolId:tabincolId})}>{text}</a>)
}
// 2. [1-1-1-0] go to page and open tab and open subtab and scroll to something
else if (tabId && subTabId && scrollToId && !collapseId){
return(<a onClick={() => goToPlace({path: path, tabId: tabId, subTabId: subTabId, scrollToId:scrollToId})}>{text}</a>)
}
//++3. [1-1-0-1] go to page and open tab and open collapsible
else if (tabId && subTabId && !scrollToId && collapseId && !tabincolId){
return(<a onClick={() => goToPlace({path: path, tabId: tabId, subTabId: subTabId, collapseId:collapseId})}>{text}</a>)
}
//special case: go to page and open tab and open collapsible and open tab in collapsible
else if (tabId && subTabId && !scrollToId && collapseId &&tabincolId){
return(<a onClick={() => goToPlace({path: path, tabId: tabId, subTabId: subTabId, collapseId:collapseId, tabincolId:tabincolId})}>{text}</a>)
}
//++4. [1-1-0-0] go to page and opent tab and open subtab NO SCROLLING
else if (tabId && subTabId && !scrollToId && !collapseId){
return(<a onClick={() => goToPlace({path: path, tabId: tabId, subTabId: subTabId})}>{text}</a>)
}
//++5. [1-0-1-1] go to page and open tab and open collapsible and scroll to something in the collapsible
else if (tabId && !subTabId && scrollToId && collapseId && !tabincolId){
return(<a onClick={() => goToPlace({path: path, tabId: tabId, scrollToId:scrollToId, collapseId:collapseId})}>{text}</a>)
}
//special case: go to page and open tab and open collapsible open tab i collapsible and scroll to something in the tab
else if (tabId && !subTabId && scrollToId && collapseId && tabincolId){
return(<a onClick={() => goToPlace({path: path, tabId: tabId, scrollToId:scrollToId, collapseId:collapseId, tabincolId:tabincolId})}>{text}</a>)
}
//++6. [1-0-1-0] go to page and open tab and scroll to something
else if (tabId && !subTabId && scrollToId && !collapseId){
return(<a onClick={() => goToPlace({path: path, tabId: tabId, scrollToId:scrollToId})}>{text}</a>)
}
//++7. [1-0-0-1] go to page and open tab and open collapsible in tab
else if (tabId && !subTabId && !scrollToId && collapseId && !tabincolId){
return(<a onClick={() => goToPlace({path: path, tabId: tabId, collapseId:collapseId})}>{text}</a>)
}
//special case: go to page and open tab and open collapsible in tab and open tab in collapsible
else if (tabId && !subTabId && !scrollToId && collapseId && tabincolId){
return(<a onClick={() => goToPlace({path: path, tabId: tabId, collapseId:collapseId, tabincolId:tabincolId})}>{text}</a>)
}
//++8. [1-0-0-0] go to page and open a tab
else if (tabId && !subTabId && !scrollToId && !collapseId){
return(<a onClick={() => goToPlace({path: path, tabId:tabId})}>{text}</a>)
}
//++9. [0-1-1-1] go to page and open a collapsible and open a subtab in the collapsible and scroll to something in the subtab
else if (!tabId && tabincolId && scrollToId && collapseId){
return(<a onClick={() => goToPlace({path: path, collapseId:collapseId, tabincolId:tabincolId, scrollToId:scrollToId})}>{text}</a>)
}
//++10. [0-1-1-0] it is not possible to only open a subtab and scroll to something there
/* */
//++11. [0-1-0-1] go to page and open a collapsible and scroll to something in the collapsible
else if (!tabId && subTabId && !scrollToId && collapseId && !tabincolId){
return(<a onClick={() => goToPlace({path: path, collapseId:collapseId, subTabId:subTabId})}>{text}</a>)
}
//special case: go to page and open a collapsible and open a tab in the collapsible and scroll to something in the tab
else if (!tabId && subTabId && !scrollToId && collapseId && tabincolId){
return(<a onClick={() => goToPlace({path: path, collapseId:collapseId, subTabId:subTabId, tabincolId:tabincolId})}>{text}</a>)
}
//++12: [0-1-0-0] it is not possible to go to a page and only open a subtab
/* */
//++13. [0-0-1-1] go to page and open a collapsible scroll to something in the collapsible
else if (!tabId && !subTabId && scrollToId && collapseId){
return(<a onClick={() => goToPlace({path: path, scrollToId:scrollToId, collapseId:collapseId})}>{text}</a>)
}
//++14. [0-0-1-0] go to a page and scroll to something
else if (!tabId && !subTabId && scrollToId && !collapseId){
return(<a onClick={() => goToPlace({path: path, scrollToId:scrollToId})}>{text}</a>)
}
// 15. [0-0-0-1] go to a page and open a collapsible
else if (!tabId && !subTabId && !scrollToId && collapseId){
return(<a onClick={() => goToPlace({path: path, collapseId:collapseId})}>{text}</a>)
}
// 16. [0-0-0-0] Catch all - just go to the page
else {
return(<a onClick={() => goToPlace({path: path})}>{text}</a>)
}
}
\ No newline at end of file
src/components/Loremipsum.tsx
View file @ 3fd292fd
export function LoremMedium(){
return(
<>
<p className="lorem">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
......@@ -8,14 +8,14 @@ Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie co
Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer
</>
</p>
)
}
export function LoremShort(){
return(
<>
<p className="lorem">
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
</>
</p>
)
}
\ No newline at end of file
src/components/Navbar.tsx
View file @ 3fd292fd
import { useEffect, useRef } from 'react';
import Container from "react-bootstrap/Container";
import Nav from "react-bootstrap/Nav";
import BootstrapNavbar from "react-bootstrap/Navbar";
import NavDropdown from "react-bootstrap/NavDropdown";
import { Link } from "react-router-dom";
import { NavPages } from "../pages.ts";
import {NavPages }from "../pages.ts";
export function Navbar(/* {isLightMode, setIsLightMode}:any */) {
export function Navbar() {
const navbarCollapseRef = useRef<HTMLDivElement>(null);
const progressBarRef = useRef<HTMLDivElement>(null);
const progressImageRef = useRef<HTMLImageElement>(null);
let scrollTimeout: NodeJS.Timeout;
useEffect(() => {
const handleScroll = () => {
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
// Use document.body.scrollHeight to get the full height of the document
const scrollHeight = document.body.scrollHeight - window.innerHeight;
// Calculate the scroll percentage properly
const scrollPercentage = scrollHeight > 0 ? (scrollTop / scrollHeight) * 100 : 0;
// Only collapse the navbar on larger screens (greater than 768px)
// Progress bar logic
if (progressBarRef.current) {
progressBarRef.current.style.width = `${scrollPercentage}%`;
clearTimeout(scrollTimeout);
scrollTimeout = setTimeout(() => {
if (progressImageRef.current) {
progressImageRef.current.classList.remove('walking');
progressImageRef.current.style.transform = 'translateY(0)';
}
}, 1000);
}
};
const onLoad = () => {
// Trigger scroll event manually to ensure progress is set correctly on load
handleScroll();
};
// Listen for the page load event to ensure content is fully loaded
window.addEventListener('scroll', handleScroll);
window.addEventListener('load', onLoad); // Trigger when the page is fully loaded
return () => {
window.removeEventListener('scroll', handleScroll);
window.removeEventListener('load', onLoad);
clearTimeout(scrollTimeout);
};
}, []);
useEffect(() => {
const handleLinkClick = (event: Event) => {
if (navbarCollapseRef.current && navbarCollapseRef.current.classList.contains('show')) {
const target = event.target as HTMLElement;
if (target.closest('.dropdown-text')) {
navbarCollapseRef.current.classList.remove('show');
}
}
};
const links = document.querySelectorAll('.navbar-text');
links.forEach(link => link.addEventListener('click', handleLinkClick));
return () => {
links.forEach(link => link.removeEventListener('click', handleLinkClick));
};
}, []);
// Handle the dropdown toggle state individually
/* const handleToggle = () => {
setIsLightMode(!isLightMode);
}; */
const pages = NavPages.map((item, pageIndex) => {
if ("folder" in item && item.folder) {
......@@ -20,11 +91,12 @@ export function Navbar(/* {isLightMode, setIsLightMode}:any */) {
key={`subpage-${pageIndex}-${subpageIndex}`}
as={Link}
to={subpage.path}
>
>
{subpage.name}
</NavDropdown.Item>
);
}
return null;
});
return (
<NavDropdown
......@@ -32,7 +104,7 @@ export function Navbar(/* {isLightMode, setIsLightMode}:any */) {
title={item.name}
renderMenuOnMount={true}
id="basic-nav-dropdown"
>
>
{folderItems}
</NavDropdown>
);
......@@ -49,7 +121,19 @@ export function Navbar(/* {isLightMode, setIsLightMode}:any */) {
<BootstrapNavbar className="navbar-custom" expand="lg" bg="bg-transparent" variant="light"/* bg={isLightMode ? "d" : "l"} variant={isLightMode ? "dark" : "light"} */fixed="top">
<Container>
<BootstrapNavbar.Brand>
{import.meta.env.VITE_TEAM_NAME}
<div className="row">
<div className="col" style={{width: "fit-content"}}>
<a href='home'><img src='https://static.igem.wiki/teams/5247/logos-team/precyse-no-slogan.png' style={{maxHeight: "5vh"}}/> </a>
</div>
<div className="col" style={{width: "fit-content"}}>
<img src='https://static.igem.wiki/teams/5247/logos-team/line-for-logos-offblack.svg' style={{maxHeight: "5vh"}}/>
</div>
<div className="col" style={{width: "fit-content"}}>
<a href='igem-bielefeld'> <img src='https://static.igem.wiki/teams/5247/logos-team/igem-bielefeld-logo-our-colours.png' style={{maxHeight: "5vh"}}/>
</a>
</div>
</div>
</BootstrapNavbar.Brand>
<BootstrapNavbar.Toggle aria-controls="basic-navbar-nav"/>
<BootstrapNavbar.Collapse id="basic-navbar-nav">
......@@ -58,8 +142,11 @@ export function Navbar(/* {isLightMode, setIsLightMode}:any */) {
{isLightMode ? '🌙' : '🔆' }
</button> */}
{pages}
</Nav>
</BootstrapNavbar.Collapse>
</Nav>
</BootstrapNavbar.Collapse>
<div id="scroll-progress" className="scroll-progress" ref={progressBarRef}>
</div>
</Container>
</BootstrapNavbar>
);
......
src/components/Pdfs.tsx
View file @ 3fd292fd
......@@ -3,13 +3,20 @@ import { ButtonOne, DownloadLink } from "./Buttons"
export function PDF({link, name}: {link: string, name:string}){
return(
<div className='row align-items-center'>
<iframe src={link} width="100%" title="title" className='one-pdf-line small-i'>
</iframe>
<div className='row download-col'>
<DownloadLink url={link} fileName={name} ></DownloadLink>
</div>
</div>
<div className="col">
<div className='align-items-center'>
<div className="iframe-container">
<iframe src={link} title="title" className='one-pdf-line small-i'>
</iframe>
</div>
</div>
<div className='row download-col'>
<DownloadLink url={link} fileName={name} ></DownloadLink>
</div>
</div>
)
}
export function TwoLinePDF({link, name}: {link: string, name:string}){
......@@ -26,7 +33,7 @@ export function TwoLinePDF({link, name}: {link: string, name:string}){
export default function BFHpdf(){
return(
<>
<div className="row align-items-center" style={{marginTop: "5vh", marginBottom: "5vh"}}>
<div className="row align-items-center" >
<div className="col">
<ButtonOne text="Flyers" open="flyers"></ButtonOne>
</div>
......
src/components/Photo-grid.tsx
View file @ 3fd292fd
......@@ -17,32 +17,40 @@ const images = [
{src:"https://static.igem.wiki/teams/5247/photos/meetup/dietz.jpeg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/wageningen.jpeg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/aachen.jpeg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/posterexhibition-refiba.jpg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/socializing17.jpeg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/badges.jpeg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/joern.jpeg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/posterexhibition-teddy.jpg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/chekin.jpeg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/sinan.jpeg", width: 320, height: 212, tabs: ""},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/party.jpeg", width: 320, height: 212},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/socializing11.jpeg", width: 320, height: 212},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/teamphotos6.jpeg", width: 320, height: 212},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/teamphotos.jpeg", width: 320, height: 212},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/teamphotos5.jpeg", width: 320, height: 212},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/socializing19.jpeg", width: 320, height: 212},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/posterexhibition-isabell-erkl-rt.jpg", width: 320, height: 212},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/j-rn3.jpeg", width: 320, height: 212},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/hall.jpeg", width: 320, height: 212},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/abend-spikeball5.jpeg", width: 320, height: 212},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/abend-interssierte.jpeg", width: 320, height: 212},
{src:"https://static.igem.wiki/teams/5247/photos/meetup/orgateam.jpeg", width: 320, height: 212},
]
export default function BFHGallery(){
let rows = []
for ( let i = 0; i < images.length; i++ ){
rows.push(<div><img src={images[i].src}/></div>)
export default function BFHGallery() {
let rows: JSX.Element[] = [];
for (let i = 0; i < images.length; i++) {
rows.push(
<div key={i} className="bfhgal-item">
<img src={images[i].src} alt={`Image ${i + 1}`} />
</div>
);
}
return(
<div id="gallery">
{rows}
</div>
)
return <div className="bfhgal">{rows}</div>;
}
src/components/Problems.tsx
View file @ 3fd292fd
......@@ -51,7 +51,7 @@ export function Problems(){
const Title2 = "makes life breathtaking";
const Prob11 = "Thick mucus blocking airway and prevents"
const Prob12 = "oxygen absorption, leading to bronchial"
const Prob13 = "obstructions, organ failue an death";
const Prob13 = "obstructions, organ failue an death" ;
const Prob21 = "Chronic inflammation occurs periodically";
const Prob22 = "due to a high vulnerability ";
const Prob23 = "to bacterial and viral infections";
......@@ -100,9 +100,9 @@ export function Problems(){
}}
src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-2.webp">
</img>
<p style={{'position': 'fixed','top': '17vh', 'width': '82vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title1}</p>
<p style={{'position': 'fixed','top': '23vh', 'width': '82vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title2}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
<p style={{'position': 'fixed','top': '17vh', 'width': '82vw', 'zIndex': '1','left': '10vw','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title1}</p>
<p style={{'position': 'fixed','top': '23vh', 'width': '82vw', 'zIndex': '1','left': '10vw','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title2}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
</div>
{/* Three */}
<div
......@@ -123,10 +123,10 @@ export function Problems(){
}}
src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-3.webp">
</img>
<p style={{'position': 'fixed','top': '17vh', 'width': '82vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title1}</p>
<p style={{'position': 'fixed','top': '23vh', 'width': '82vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title2}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob21 + " " + Prob22 + " " + Prob23}</p>
<p style={{'position': 'fixed','top': '17vh', 'width': '82vw', 'zIndex': '1','left': '10vw','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title1}</p>
<p style={{'position': 'fixed','top': '23vh', 'width': '82vw', 'zIndex': '1','left': '10vw','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title2}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob21 + " " + Prob22 + " " + Prob23}</p>
</div>
{/* Four */}
<div
......@@ -147,11 +147,11 @@ export function Problems(){
}}
src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-4.webp">
</img>
<p style={{'position': 'fixed','top': '17vh', 'width': '82vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title1}</p>
<p style={{'position': 'fixed','top': '23vh', 'width': '82vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title2}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob21 + " " + Prob22 + " " + Prob23}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '60vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob31 + " " + Prob32 + " " + Prob33}</p>
<p style={{'position': 'fixed','top': '17vh', 'width': '82vw','left': '10vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title1}</p>
<p style={{'position': 'fixed','top': '23vh', 'width': '82vw','left': '10vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title2}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob21 + " " + Prob22 + " " + Prob23}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '60vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob31 + " " + Prob32 + " " + Prob33}</p>
</div>
{/* Five */}
<div
......@@ -172,13 +172,14 @@ export function Problems(){
}}
src="https://static.igem.wiki/teams/5247/landing/problems/cyfib-5.webp">
</img>
<p style={{'position': 'fixed','top': '17vh', 'width': '82vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title1}</p>
<p style={{'position': 'fixed','top': '23vh', 'width': '82vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title2}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob21 + " " + Prob22 + " " + Prob23}</p>
<p style={{'position': 'fixed','top': '65vh', 'left': '60vw', 'zIndex': '1', 'width': '40vh', 'textAlign': 'center'}}>{Prob31 + " " + Prob32 + " " + Prob33}</p>
<p style={{'position': 'fixed','top': '85vh', 'left': '35vw', 'zIndex': '1'}}>The constant <strong>fear of suffocating</strong> makes life incredibly challenging</p>
<p style={{'position': 'fixed','top': '17vh', 'width': '82vw','left': '10vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title1}</p>
<p style={{'position': 'fixed','top': '23vh', 'width': '82vw', 'left': '10vw', 'zIndex': '1','fontSize': '3vw', 'fontWeight': 'bold', 'textAlign': 'center'}}>{Title2}</p>
<p id="breatht1"style={{'position': 'fixed','top': '65vh', 'left': '20vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob11 + " " + Prob12 + " " + Prob13}</p>
<p id="breatht2"style={{'position': 'fixed','top': '65vh', 'left': '40vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob21 + " " + Prob22 + " " + Prob23}</p>
<p id="breath3"style={{'position': 'fixed','top': '65vh', 'left': '60vw', 'zIndex': '1', 'width': '30vh', 'textAlign': 'center'}}>{Prob31 + " " + Prob32 + " " + Prob33}</p>
<p style={{'position': 'fixed','top': '85vh', 'left': '35vw', 'zIndex': '1'}}></p>
</div>
<div id="sciency"></div>
</>
);
......
src/components/Sidebar.tsx
View file @ 3fd292fd
......@@ -63,7 +63,7 @@ function Sidebar(){
console.log(nums)
let content = [];
let content: JSX.Element[] = [];
for(let idx in nums){
const item = nums[idx];
/* console.log("idx: " + idx);
......
src/components/Svgs.tsx
View file @ 3fd292fd
......@@ -692,13 +692,13 @@ export function Complex(){
cy="641.6452"
r="9" />
<path
style={{fill:"none",fillOpacity:"1",stroke:"#000000",strokeWidth:"7",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fill:"none",fillOpacity:"1",stroke:"var(--offblack)",strokeWidth:"7",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
d="M 525.09492,662.08075 C 375.66161,714.42751 375.66161,714.42751 375.66161,714.42751"
id="path89" />
<ScrollLinkWithChild targetId="riboswitch">
<text
style={{fontStyle:"normal",fontVariant:"normal",fontWeight:"normal",fontStretch:"normal",fontSize:"15.6654px",fontFamily:"Arial",whiteSpace:"pre",inlineSize:"123.911",fill:"none",fillOpacity:"1",stroke:"#000000",strokeWidth:"0.326363",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fontStyle:"normal",fontVariant:"normal",fontWeight:"normal",fontStretch:"normal",fontSize:"15.6654px",fontFamily:"Arial",whiteSpace:"pre",inlineSize:"123.911",fill:"none",fillOpacity:"1",stroke:"var(--offblack)",strokeWidth:"0.326363",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
x="24.838236"
y="650.23364"
id="ribotext"
......@@ -706,36 +706,36 @@ export function Complex(){
x="24.838236"
y="650.23364"
id="ribotext"><tspan
style={{fill:"#000000"}}
style={{fill:"var(--offblack)"}}
id="ribotext">Riboswitch</tspan></tspan></text>
</ScrollLinkWithChild>
<path
style={{fill:"#000000",fillOpacity:"1",stroke:"#000000",strokeWidth:"7",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fill:"var(--offblack)",fillOpacity:"1",stroke:"var(--offblack)",strokeWidth:"7",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
d="M 714.57654,286.73782 C 603.08853,373.95263 603.08853,373.95263 603.08853,373.95263"
id="path90" />
<path
style={{fill:"#000000",fillOpacity:"1",stroke:"#000000",strokeWidth:"7",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fill:"var(--offblack)",fillOpacity:"1",stroke:"var(--offblack)",strokeWidth:"7",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
d="M 1103.7358,196.5664 C 1273.6985,45.590255 1273.6985,45.590255 1273.6985,45.590255"
id="path91" />
<path
style={{fill:"#000000",fillOpacity:"1",stroke:"#000000",strokeWidth:"7",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fill:"var(--offblack)",fillOpacity:"1",stroke:"var(--offblack)",strokeWidth:"7",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
d="m 1379.6899,405.17969 c 155.4063,-8.16843 155.4063,-8.16843 155.4063,-8.16843"
id="path92" />
<path
style={{fill:"#000000",fillOpacity:"1",stroke:"#000000",strokeWidth:"7",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fill:"var(--offblack)",fillOpacity:"1",stroke:"var(--offblack)",strokeWidth:"7",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
d="m 1047.3061,690.69055 c 108.107,155.37789 108.107,155.37789 108.107,155.37789"
id="path93" />
<path
style={{fill:"#000000",fillOpacity:"1",stroke:"#000000",strokeWidth:"7",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fill:"var(--offblack)",fillOpacity:"1",stroke:"var(--offblack)",strokeWidth:"7",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
d="m 440.96587,225.1945 c -203.4394,37.82614 -203.4394,37.82614 -203.4394,37.82614"
id="path94" />
<path
style={{fill:"#000000",fillOpacity:"1",stroke:"#000000",strokeWidth:"7",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fill:"var(--offblack)",fillOpacity:"1",stroke:"var(--offblack)",strokeWidth:"7",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
d="M 372.73265,118.88705 C 234.25926,81.796787 234.25926,81.796787 234.25926,81.796787"
id="path95" />
<text
style={{fontStyle:"normal",fontVariant:"normal",fontWeight:"normal",fontStretch:"normal",fontSize:"15.6654px",fontFamily:"Arial",whiteSpace:"pre",inlineSize:"123.911",display:"inline",fill:"none",fillOpacity:"1",stroke:"#000000",strokeWidth:"0.326363",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fontStyle:"normal",fontVariant:"normal",fontWeight:"normal",fontStretch:"normal",fontSize:"15.6654px",fontFamily:"Arial",whiteSpace:"pre",inlineSize:"123.911",display:"inline",fill:"none",fillOpacity:"1",stroke:"var(--offblack)",strokeWidth:"0.326363",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
x="24.838236"
y="650.23364"
id="stemlooptext"
......@@ -743,11 +743,11 @@ export function Complex(){
x="24.838236"
y="650.23364"
id="stemlooptext"><tspan
style={{fill:"#000000"}}
style={{fill:"var(--offblack)"}}
id="stemlooptext">Stem Loop</tspan></tspan></text>
<a onClick={() => goToPagesAndOpenTab('InvWesthoff', '/engineering?tab=')}>
<text
style={{fontStyle:"normal",fontVariant:"normal",fontWeight:"normal",fontStretch:"normal",fontSize:"15.6654px",fontFamily:"Arial",whiteSpace:"pre",inlineSize:"123.911",display:"inline",fill:"#000000",fillOpacity:"1",stroke:"#000000",strokeWidth:"0.326363",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fontStyle:"normal",fontVariant:"normal",fontWeight:"normal",fontStretch:"normal",fontSize:"15.6654px",fontFamily:"Arial",whiteSpace:"pre",inlineSize:"123.911",display:"inline",fill:"var(--offblack)",fillOpacity:"1",stroke:"var(--offblack)",strokeWidth:"0.326363",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
x="24.838236"
y="650.23364"
id="rnabindingtext"
......@@ -763,7 +763,7 @@ export function Complex(){
{/* pegRNA Text */}
<a onClick={() => goToPagesAndOpenTab('tab-pegrna', '/engineering?tab=')}>
<text
style={{fontStyle:"normal",fontVariant:"normal",fontWeight:"normal",fontStretch:"normal",fontSize:"15.6654px",fontFamily:"Arial", whiteSpace:"pre",inlineSize:"123.911",display:"inline",fill:"none",fillOpacity:"1",stroke:"#000000",strokeWidth:"0.326363",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fontStyle:"normal",fontVariant:"normal",fontWeight:"normal",fontStretch:"normal",fontSize:"15.6654px",fontFamily:"Arial", whiteSpace:"pre",inlineSize:"123.911",display:"inline",fill:"none",fillOpacity:"1",stroke:"var(--offblack)",strokeWidth:"0.326363",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
x="24.838236"
y="650.23364"
id="pegrnatext"
......@@ -771,7 +771,7 @@ export function Complex(){
x="24.838236"
y="650.23364"
id="pegrnatext"><tspan
style={{fill:"#000000"}}
style={{fill:"var(--offblack)"}}
id="pegrnatext">pegRNA</tspan></tspan></text>
</a>
<g
......@@ -780,7 +780,7 @@ export function Complex(){
<a onClick={() => goToPagesAndOpenTab('tab-nikase', '/engineering?tab=')}>
<text
style={{fontStyle:"normal",fontVariant:"normal",fontWeight:"normal",fontStretch:"normal",fontSize:"15.6654px",fontFamily:"Arial",whiteSpace:"pre",inlineSize:"123.911",display:"inline",fill:"#000000",fillOpacity:"1",stroke:"#000000",strokeWidth:0.326363,strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fontStyle:"normal",fontVariant:"normal",fontWeight:"normal",fontStretch:"normal",fontSize:"15.6654px",fontFamily:"Arial",whiteSpace:"pre",inlineSize:"123.911",display:"inline",fill:"var(--offblack)",fillOpacity:"1",stroke:"var(--offblack)",strokeWidth:0.326363,strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
x="24.838236"
y="650.23364"
id="nikasetext"
......@@ -792,7 +792,7 @@ export function Complex(){
</g>
<text
style={{fontStyle:"normal",fontVariant:"normal",fontWeight:"normal",fontStretch:"normal",fontSize:"15.6654px",fontFamily:"Arial",whiteSpace:"pre",inlineSize:"123.911",display:"inline",fill:"#000000",fillOpacity:"1",stroke:"#000000",strokeWidth:0.326363,strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fontStyle:"normal",fontVariant:"normal",fontWeight:"normal",fontStretch:"normal",fontSize:"15.6654px",fontFamily:"Arial",whiteSpace:"pre",inlineSize:"123.911",display:"inline",fill:"var(--offblack)",fillOpacity:"1",stroke:"var(--offblack)",strokeWidth:0.326363,strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
x="24.838236"
y="650.23364"
id="linkertext"
......@@ -802,7 +802,7 @@ export function Complex(){
id="tspan12">Linker</tspan></text>
<text
style={{fontStyle:"normal",fontVariant:"normal",fontWeight:"normal",fontStretch:"normal",fontSize:"15.6654px",fontFamily:"Arial",whiteSpace:"pre",inlineSize:"123.911",display:"inline",fill:"none",fillOpacity:"1",stroke:"#000000",strokeWidth:"0.326363",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fontStyle:"normal",fontVariant:"normal",fontWeight:"normal",fontStretch:"normal",fontSize:"15.6654px",fontFamily:"Arial",whiteSpace:"pre",inlineSize:"123.911",display:"inline",fill:"none",fillOpacity:"1",stroke:"var(--offblack)",strokeWidth:"0.326363",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
x="24.838236"
y="650.23364"
id="text89-49"
......@@ -810,11 +810,11 @@ export function Complex(){
x="24.838236"
y="650.23364"
id="PEtext"><tspan
style={{fill:"#000000"}}
style={{fill:"var(--offblack)"}}
id="PEtext">PE</tspan><tspan
style={{fontSize:"65%",baselineShift:"super"}}
id="PEtextlow">CO</tspan><tspan
style={{fill:"#000000"}}
style={{fill:"var(--offblack)"}}
id="PEtext">-Mini RT</tspan></tspan></text>
</svg>
</>
......@@ -865,7 +865,7 @@ export function EngineeringCycle(){
id="path25"
style={{strokeWidth:"15",strokeDasharray:"none",stroke:"#850f78",strokeOpacity:"1"}} />
<text
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"#000000",fillOpacity:"1",stroke:"none",strokeWidth:"15",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"var(--offblack)",fillOpacity:"1",stroke:"none",strokeWidth:"15",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
id="text31"
transform="translate(5.6902194,-0.11551883)"><textPath
xlinkHref="#path25"
......@@ -891,7 +891,7 @@ export function EngineeringCycle(){
style={{stroke:"#a0a7f3",strokeWidth:"15",strokeDasharray:"none",strokeOpacity:"1"}} />
<text
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"#000000",fillOpacity:"1",stroke:"none",strokeWidth:"6",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"var(--offblack)",fillOpacity:"1",stroke:"none",strokeWidth:"6",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
id="text28"
transform="translate(-0.03023506,-5.9602336)"><textPath
......@@ -915,7 +915,7 @@ export function EngineeringCycle(){
style={{strokeWidth:"15",strokeDasharray:"none",stroke:"#f57d22",strokeOpacity:"1"}} />
<text
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"#000000",fillOpacity:"1",stroke:"none",strokeWidth:"15",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"var(--offblack)",fillOpacity:"1",stroke:"none",strokeWidth:"15",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
id="text32"
transform="translate(-5.7110315,1.7453243)"><textPath
xlinkHref="#path24"
......@@ -930,7 +930,7 @@ export function EngineeringCycle(){
transform="matrix(2.8248588,0,0,2.8248588,-67.797781,-207.96977)" />
<text
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"#000000",fillOpacity:"1",stroke:"none",strokeWidth:"15",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"var(--offblack)",fillOpacity:"1",stroke:"none",strokeWidth:"15",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
id="text29"
transform="translate(8.4052921,8.8553334)"><textPath
xlinkHref="#path22"
......@@ -985,7 +985,7 @@ export function EngineeringCycleZwei(){
style={{strokeWidth:"15",strokeDasharray:"none",stroke:"#850f78",strokeOpacity:"1"}} />
<text
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"#000000",fillOpacity:"1",stroke:"none",strokeWidth:"15",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"var(--offblack)",fillOpacity:"1",stroke:"none",strokeWidth:"15",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
id="text31"
transform="translate(5.6902194,-0.11551883)"><textPath
id="textPath33">Learn<tspan
......@@ -1010,7 +1010,7 @@ export function EngineeringCycleZwei(){
style={{stroke:"#a0a7f3",strokeWidth:"15",strokeDasharray:"none",strokeOpacity:"1"}} />
<text
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"#000000",fillOpacity:"1",stroke:"none",strokeWidth:"6",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"var(--offblack)",fillOpacity:"1",stroke:"none",strokeWidth:"6",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
id="text28"
transform="translate(-0.03023506,-5.9602336)"><textPath
id="textPath28">Test</textPath></text>
......@@ -1032,7 +1032,7 @@ export function EngineeringCycleZwei(){
style={{strokeWidth:"15",strokeDasharray:"none",stroke:"#f57d22",strokeOpacity:"1"}} />
<text
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"#000000",fillOpacity:"1",stroke:"none",strokeWidth:"15",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"var(--offblack)",fillOpacity:"1",stroke:"none",strokeWidth:"15",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
id="text32"
transform="translate(-5.7110315,1.7453243)"><textPath
id="textPath32">Build<tspan
......@@ -1046,7 +1046,7 @@ export function EngineeringCycleZwei(){
transform="matrix(2.8248588,0,0,2.8248588,876.19464,131.34384)" />
<text
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"#000000",fillOpacity:"1",stroke:"none",strokeWidth:"15",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
style={{fontSize:"17.3333px",lineHeight:"0",fontFamily:"Arial",fill:"var(--offblack)",fillOpacity:"1",stroke:"none",strokeWidth:"15",strokeLinecap:"round",strokeLinejoin:"round",strokeDasharray:"none",strokeOpacity:"1",paintOrder:"fill markers stroke"}}
id="text29"
transform="translate(952.39772,348.16894)"><textPath
id="textPath34">Design<tspan
......