Template:SDU-Denmark/js/simple/app
// default/src/index.jsx $fsx.f[222] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const React = $fsx.r(3); const ReactDOM = $fsx.r(7); const Application_1 = $fsx.r(217); $fsx.r(218); $fsx.r(219); $fsx.r(220); $fsx.r(221); ReactDOM.render(React.createElement(Application_1.Application, null), document.getElementById("root")); //# sourceMappingURL=index.js.map } // default/src/components/application/Application.jsx $fsx.f[217] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const react_router_dom_1 = $fsx.r(29); const react_transition_group_1 = $fsx.r(43); const _ = $fsx.r(44); const ScrollToTop_1 = $fsx.r(45); const SubwayMenu_1 = $fsx.r(78); const react_scroll_progress_bar_1 = $fsx.r(79); const sitemap_1 = $fsx.r(214); $fsx.r(215); const timelines_1 = $fsx.r(216); const isMobile_1 = $fsx.r(58); const react_pose_1 = $fsx.r(57); const renderMergedProps = (component, ...rest) => {
const finalProps = Object.assign({}, ...rest);
return (React.createElement(component, finalProps));
}; const PropsRoute = (_a) => {
var { component } = _a, rest = tslib_1.__rest(_a, ["component"]);
return (React.createElement(react_router_dom_1.Route, Object.assign({}, rest, { render: routeProps => {
return renderMergedProps(component, routeProps, rest);
} })));
}; const VisibleOnScroll = react_pose_1.default.div({
hidden: {
top: "-210px",
transition: {
duration: 300,
ease: "easeOut"
}
},
visible: {
top: "0",
transition: {
duration: 300,
ease: "easeOut",
delay: 100
}
}
}); const OpenMenu = react_pose_1.default.div({
hidden: {
top: "200px",
transition: {
duration: 400,
ease: "easeOut",
delay: 0
}
},
visible: { top: "-100px" }
}); const MainContent = react_pose_1.default.div({
large: {
marginTop: "171px"
},
small: {
marginTop: (el) => {
return "128px";
}
}
}); const updateCarousel = () => {
let el = document.querySelector(".slider-slide");
if (!el)
return;
let width = el.getBoundingClientRect().width;
if (width < 100) {
document.dispatchEvent(new Event("readystatechange"));
setTimeout(updateCarousel, 200);
}
else {
}
}; class Application extends React.Component {
constructor(props) {
super(props);
this.handleScroll = () => {
if (!this.subwayRef.current)
return;
if (document.body.classList.contains("page-tinder"))
return;
this.subwayRef.current.classList.remove('hidden-sub');
let menuHeight = this.subwayRef.current.getBoundingClientRect().height;
const { prevScrollpos } = this.state;
let currentScrollPos = window.pageYOffset;
const visible = (prevScrollpos > currentScrollPos) || (window.pageYOffset < menuHeight + 100);
if ((Math.abs(prevScrollpos - currentScrollPos) > 100)) {
this.setState({
prevScrollpos: currentScrollPos,
isVisible: visible
});
}
else {
currentScrollPos = window.pageYOffset;
}
};
this.state = {
isVisible: true,
prevScrollpos: window.pageYOffset,
subwayIsLarge: true
};
this.subwayRef = React.createRef();
}
componentDidMount() {
window.addEventListener("scroll", _.throttle(this.handleScroll, 300));
}
componentWillUnmount() {
window.removeEventListener("scroll", this.handleScroll);
}
updateContentPosition(isLarge) {
if (this.state.subwayIsLarge !== isLarge) {
this.setState({
subwayIsLarge: isLarge
});
}
}
render() {
return (React.createElement("div", { className: "Application" },
isMobile_1.default &&
React.createElement("div", { id: "mobile-progress-bar" },
React.createElement(react_scroll_progress_bar_1.default, { height: "6", bgcolor: "#1DB2B0", duration: "0.2" })),
React.createElement(react_router_dom_1.BrowserRouter, { basename: "/Team:SDU-Denmark/simple" },
React.createElement("div", { className: "top" },
React.createElement("div", { className: "logo" })),
React.createElement(VisibleOnScroll, { id: "subway", ref: this.subwayRef, pose: this.state.isVisible ? 'visible' : 'hidden' },
React.createElement(SubwayMenu_1.SubwayMenu, Object.assign({}, { sitemap: sitemap_1.default, flatSitemap: sitemap_1.FlatSitemap }, { onResizeMenu: this.updateContentPosition.bind(this) })),
React.createElement(OpenMenu, { onClick: () => {
this.setState({
isVisible: true
});
}, pose: this.state.isVisible ? 'hidden' : 'visible', className: "open-menu noselect" }, "Open")),
React.createElement(MainContent, { id: "main-content", pose: this.state.subwayIsLarge ? 'large' : 'small' },
React.createElement(react_router_dom_1.Route, { render: ({ location }) => {
const { pathname, key } = location;
return (React.createElement(react_transition_group_1.TransitionGroup, { component: null },
React.createElement(react_transition_group_1.Transition, { key: key, appear: true, onEnter: (node, appears) => {
if (pathname == "/Team") {
document.getElementById("tinder-wrapper").addEventListener("click", () => {
this.setState({
isVisible: false
});
});
_.defer(() => {
this.setState({
isVisible: false
});
});
}
else {
_.defer(() => {
this.setState({
isVisible: true
});
});
}
timelines_1.play(pathname, node, appears);
setTimeout(() => {
updateCarousel();
}, 200);
}, onExit: ((node, appears) => timelines_1.exit(node)), timeout: { enter: 750, exit: 150 } },
React.createElement(React.Fragment, null,
React.createElement(ScrollToTop_1.default, null,
React.createElement(react_router_dom_1.Switch, { location: location }, sitemap_1.FlatSitemap.map((item, index) => {
let nextStation = sitemap_1.FlatSitemap.length > index ? sitemap_1.FlatSitemap[index + 1] : sitemap_1.FlatSitemap[0];
return React.createElement(PropsRoute, { exact: true, key: index, path: item.path, component: item.comp, nextStation: nextStation, nextChapter: false });
})))))));
} })))));
}
} exports.Application = Application; //# sourceMappingURL=Application.js.map } // default/src/components/application/ScrollToTop.jsx $fsx.f[45] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const React = $fsx.r(3); const react_router_1 = $fsx.r(28); class ScrollToTop extends React.Component {
componentDidUpdate(prevProps) {
if (this.props.location !== prevProps.location) {
window.scrollTo(0, 0);
}
}
render() {
return this.props.children;
}
} exports.default = react_router_1.withRouter(ScrollToTop); //# sourceMappingURL=ScrollToTop.js.map } // default/src/components/application/SubwayMenu.jsx $fsx.f[78] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const react_router_1 = $fsx.r(28); const _ = $fsx.r(44); const react_pose_1 = $fsx.r(57); const isMobile_1 = $fsx.r(58); const react_burger_menu_1 = $fsx.r(76); const STRIPE_WIDTH = 80; let styles = {
bmBurgerButton: {
position: 'fixed',
width: '26px',
height: '20px',
left: '26px',
top: '36px'
},
bmBurgerBars: {
background: '#193443'
},
bmBurgerBarsHover: {
background: '#3E6D8F'
},
bmCrossButton: {
height: '24px',
width: '24px'
},
bmCross: {
background: 'white',
},
bmMenuWrap: {
position: 'fixed',
height: '100%'
},
bmMenu: {
background: '#345B78',
padding: '2.5em 1.5em 0',
fontSize: '1.15em'
},
bmMorphShape: {
fill: '#345B78'
},
bmItemList: {
color: '#b8b7ad',
padding: '0.8em'
},
bmItem: {
display: 'inline-block'
},
bmOverlay: {
background: 'rgba(0, 0, 0, 0.3)'
}
}; const Menu = react_pose_1.default.div({
enlarge: {
paddingBottom: "40px",
transition: {
duration: 100,
ease: 'easeOut'
}
},
minimize: {
paddingBottom: "0px",
transition: {
duration: 100,
delay: 200,
ease: 'easeOut'
}
}
}); const MenuItem = react_pose_1.default.div({
hoverable: true,
pressable: true,
press: { scale: 0.9 },
init: {
scale: 1
},
hover: {
scale: 1.1
}
}); const SubMenuContainer = react_pose_1.default.div({
closedSubMenu: {
width: "0%",
opacity: 0,
transition: {
duration: 100,
width: { duration: 500 },
opacity: { duration: 300 },
}
},
openSubMenu: {
width: (arg) => {
let childrenWidth = _.chain(arg.element.children).map((child) => {
if (_.some(child.classList, (t) => t == "sub-item")) {
return child.getBoundingClientRect().width;
}
if (_.some(child.classList, (t) => t == "stripe")) {
return STRIPE_WIDTH;
}
return 0;
}).reduce((sum, child) => sum + child).value();
childrenWidth += 44;
let widthPercentage = (childrenWidth / arg.element.parentElement.getBoundingClientRect().width) * 100;
return `${Math.round(widthPercentage)}%`;
},
opacity: 1,
transition: {
width: {
duration: 400
},
opacity: { type: "spring", duration: 500 },
delay: 200
}
}
}); const SubMenuItem = react_pose_1.default.div({
hoverable: true,
pressable: true,
press: { scale: 0.9 },
init: {
scale: 1
},
hover: {
scale: 1.1
},
normal: { width: "auto" },
expanded: { width: "auto" }
}); const SubMenuItemBall = react_pose_1.default.div({
closedSubMenu: {
width: "1.0rem",
height: "1.0rem",
transition: {
duration: 300,
ease: "easeOut"
}
},
openSubMenu: {
width: "1.0rem",
height: "1.0rem",
transition: {
duration: 300,
ease: "easeOut"
}
}
}); class MenuComponent extends React.Component {
componentDidMount() {
setTimeout(() => {
this.setState({ isVisible: !this.state.isVisible });
}, 200);
}
constructor(props) {
super(props);
this.state = {
openSubMenu: false,
isVisible: false,
mobileMenuOpen: false
};
}
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(77);
});
}
handleStateChange(state) {
window.document.body.style.overflowY = state.isOpen ? "hidden" : "visible";
this.setState({ mobileMenuOpen: state.isOpen });
}
redirect(item) {
if (isMobile_1.default) {
this.setState({
mobileMenuOpen: false,
});
}
this.props.history.push(item);
}
isPredecessor(item) {
let props = this.props;
let currentIndex = _.findIndex(props.flatSitemap, (page, index) => {
return page.path == props.location.pathname;
});
let itemIndex = _.findIndex(props.flatSitemap, (page, index) => {
return page.path == item.path;
});
return itemIndex < currentIndex;
}
render() {
let props = this.props;
let activeClass = "active";
const { isVisible } = this.state;
let it = _.find(props.sitemap, (item) => props.location.pathname == item.path);
let isLarge = (it && it.children) || (_.find(props.sitemap, (ite) => {
if (!ite.children)
return;
return _.find(ite.children, (subIte) => props.location.pathname == subIte.path);
}));
this.props.onResizeMenu(!!isLarge);
const { openSubMenu } = this.state;
return (React.createElement(React.Fragment, null,
isMobile_1.default &&
React.createElement(react_burger_menu_1.bubble, { styles: styles, width: '100%', id: "mobile-menu", isOpen: this.state.mobileMenuOpen, onStateChange: (state) => this.handleStateChange(state) }, props.sitemap.map((item, index) => {
return (React.createElement(React.Fragment, { key: index },
React.createElement("div", { onClick: () => {
this.redirect(item.path);
}, className: (props.location.pathname == item.path) ? activeClass + " item" : "item" }, item.displayName),
item.children && item.children.length &&
React.createElement(SubMenuContainer, { className: "sub-container", pose: "openSubMenu" }, item.children.map((subItem, index) => {
return (React.createElement(SubMenuItem, { pose: props.location.pathname == subItem.path ? "expanded" : "normal", onClick: () => {
this.redirect(subItem.path);
}, key: index, className: (props.location.pathname == subItem.path) ? activeClass + " sub-item" : "sub-item" },
React.createElement("span", { className: "item-label noselect" }, subItem.displayName)));
}))));
})),
!isMobile_1.default &&
React.createElement("div", { className: "top-menu" },
React.createElement(Menu, { className: "subway-menu", pose: isLarge ? 'enlarge' : 'minimize' }, props.sitemap.map((item, index) => {
let upperActiveClass = props.location.pathname == item.path ? activeClass + " item" : "item";
let upperSeenClass = this.isPredecessor(item) ? " seen" : "";
let upperClasses = upperActiveClass + upperSeenClass;
let submenuState = ((props.location.pathname == item.path) || !_.isUndefined(_.find(item.children, (i) => { return props.location.pathname == i.path; })));
return (React.createElement(React.Fragment, { key: index },
React.createElement(MenuItem, { onClick: () => {
this.redirect(item.path);
this.setState({ openSubMenu: true });
}, className: upperClasses },
React.createElement("span", { className: "item-ball" }),
React.createElement("span", { className: "item-label noselect" }, item.displayName)),
((props.location.pathname != item.path) || !item.children) && index !== props.sitemap.length - 1 && _.isUndefined(_.find(item.children, (i) => { return props.location.pathname == i.path; })) &&
React.createElement("div", { className: "stripe" + (this.isPredecessor(item) ? " seen" : "") }),
item.children && item.children.length &&
React.createElement(React.Fragment, null,
React.createElement("div", { className: (submenuState ? "open" : "close") + " stripe post-ball" + (this.isPredecessor(item) ? " seen" : "") }),
React.createElement(SubMenuContainer, { className: "sub-container " + (submenuState ? "open" : "closed"), pose: submenuState ? "openSubMenu" : "closedSubMenu" },
React.createElement("div", { className: "rotated rotatedown progress" },
React.createElement("div", null)),
React.createElement("div", { className: "rotated rotatedown" + (this.isPredecessor(item) ? " seen" : ""), style: { marginRight: "24px", } },
React.createElement("div", null)),
item.children.map((subItem, subIndex) => {
let firstClass = index == 0 ? "first" : "";
let lastClass = index !== item.children.length - 1 ? "" : "last";
let active = (props.location.pathname == subItem.path) ? activeClass : "";
let subSeenClass = this.isPredecessor(subItem) ? " seen" : "";
let classes = `sub-item ${firstClass} ${lastClass} ${active} ${subSeenClass}`;
return (React.createElement(React.Fragment, { key: subIndex },
React.createElement(SubMenuItem, { pose: props.location.pathname == subItem.path ? "expanded" : "normal", onClick: () => {
this.redirect(subItem.path);
}, key: index, className: classes },
React.createElement(SubMenuItemBall, { className: "item-ball" },
React.createElement("span", { className: "item-label noselect" }, subItem.displayName))),
subIndex !== item.children.length - 1 &&
React.createElement("div", { className: "stripe" + (this.isPredecessor(subItem) ? " seen" : ""), style: {
width: STRIPE_WIDTH,
} })));
}),
index !== props.sitemap.length - 1 &&
React.createElement("div", { className: "rotated rotateup", style: { marginRight: "20px", } },
React.createElement("div", null))),
index !== props.sitemap.length - 1 &&
React.createElement("div", { className: (submenuState ? "open" : "close") + " stripe post-ball" }))));
})))));
}
} exports.SubwayMenu = react_router_1.withRouter(MenuComponent); //# sourceMappingURL=SubwayMenu.js.map } // default/src/isMobile.js $fsx.f[58] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = window.outerWidth < 1027; //# sourceMappingURL=isMobile.js.map } // default/src/sitemap.js $fsx.f[214] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const _ = $fsx.r(44); const Home_1 = $fsx.r(106); const Description_1 = $fsx.r(125); const Results_1 = $fsx.r(126); const Attributions_1 = $fsx.r(128); const PublicEngagement_1 = $fsx.r(169); const partners_1 = $fsx.r(171); const Parts_1 = $fsx.r(173); const Design_1 = $fsx.r(175); const Demonstrate_1 = $fsx.r(176); const Model_1 = $fsx.r(177); const Protocols_1 = $fsx.r(179); const Safety_1 = $fsx.r(181); const Notebook_1 = $fsx.r(183); const IHP_1 = $fsx.r(184); const Future_Teams_1 = $fsx.r(188); const Achievements_1 = $fsx.r(190); const Collaborations_1 = $fsx.r(191); const ProjectOverview_1 = $fsx.r(199); const LabProcessOverview_1 = $fsx.r(200); const HumanPracticesOverview_1 = $fsx.r(202); const PeopleInvolvedOverview_1 = $fsx.r(203); const Introduction_1 = $fsx.r(204); const FinalWords_1 = $fsx.r(205); const Test2_1 = $fsx.r(213); let items = [
{
path: "/",
comp: Home_1.Home,
displayName: "Home"
},
{
path: "/Introduction",
comp: Introduction_1.Introduction,
displayName: "Introduction",
children: [
{
path: "/Description",
comp: Description_1.Description,
displayName: "Description & Inspiration"
},
{
path: "/Achievements",
comp: Achievements_1.Achievements,
displayName: "Achievements"
}
]
},
{
path: "/Project",
comp: ProjectOverview_1.ProjectOverview,
displayName: "Project ",
children: [
{
path: "/Design",
comp: Design_1.Design,
displayName: "Design"
},
{
path: "/Results",
comp: Results_1.Results,
displayName: "But Does it Work?"
},
{
path: "/Demonstrate",
comp: Demonstrate_1.Demonstrate,
displayName: "Demonstrate"
},
{
path: "/Model",
comp: Model_1.Model,
displayName: "Conjugation Model"
}
]
},
{
path: "/Lab_Process_Overview",
comp: LabProcessOverview_1.LabProcessOverview,
displayName: "Parts & Procedures",
children: [
{
path: "/Parts",
comp: Parts_1.Parts,
displayName: "Parts Catalogue"
},
{
path: "/Experiments",
comp: Protocols_1.Protocols,
displayName: "Protocols & SOPs"
},
{
path: "/Safety",
comp: Safety_1.Safety,
displayName: "Safety"
},
{
path: "/Notebook",
comp: Notebook_1.Notebook,
displayName: "Notebook"
}
]
},
{
path: "/Practices_Overview",
comp: HumanPracticesOverview_1.HumanPracticesOverview,
displayName: "Practices",
children: [
{
path: "/Human_Practices",
comp: IHP_1.IHP,
displayName: "Human Practices"
},
{
path: "/Public_Engagement",
comp: PublicEngagement_1.PublicEngagement,
displayName: "Education & Public Engagement"
}
]
},
{
path: "/Future_Teams",
comp: Future_Teams_1.FutureTeams,
displayName: "To Future iGEM Teams"
},
{
path: "/People_Involved_Overview",
comp: PeopleInvolvedOverview_1.PeopleInvolvedOverview,
displayName: "People Involved",
children: [
{
path: "/Team",
comp: Test2_1.Test2,
displayName: "Team"
},
{
path: "/Attributions",
comp: Attributions_1.Attributions,
displayName: "Attributions"
},
{
path: "/Collaborations",
comp: Collaborations_1.Collaborations,
displayName: "Collaborations"
},
{
path: "/Sponsors",
comp: partners_1.PartnersSponsors,
displayName: "Sponsors & Partners"
}
]
},
{
path: "/Final_Words",
comp: FinalWords_1.FinalWords,
displayName: "Final Words"
},
]; exports.default = items; exports.FlatSitemap = _.chain(items).map((station, stationIndex) => {
if (!station.children)
return station;
else {
if (stationIndex !== items.length - 1) {
station.nextChapter = items[stationIndex + 1];
}
let adoptedKids = _.map(station.children, (kid) => {
if (stationIndex !== items.length - 1) {
kid.nextChapter = items[stationIndex + 1];
}
return kid;
});
return _.concat(station, adoptedKids);
}
}).flatten().value(); //# sourceMappingURL=sitemap.js.map } // default/src/components/Content/home/Home.jsx $fsx.f[106] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const Buttons_1 = $fsx.r(104); class Home extends React.Component {
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(105);
});
}
render() {
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "home", className: "bg-yes" },
React.createElement("div", { className: "home-content" },
React.createElement("div", { className: "logo-container" },
React.createElement("img", { className: "logo", src: "
" }),
React.createElement("img", { className: "text", src: "
" }))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.Home = Home; //# sourceMappingURL=Home.js.map } // default/src/components/widgets/Buttons.jsx $fsx.f[104] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const react_router_dom_1 = $fsx.r(29); const gsap_1 = $fsx.r(91); const react_blob_1 = $fsx.r(101); const $ = $fsx.r(102); exports.NextStationButton = react_router_dom_1.withRouter(class NextStationButton extends React.Component {
constructor(props) {
super(props);
this.nextStation = () => {
const timeline = new gsap_1.TimelineMax({ paused: true });
let menu = document.querySelector(".top-menu").getBoundingClientRect();
let $thisBtn = $(".next-button");
$thisBtn.empty();
let thisBtn = $thisBtn[0];
thisBtn.className = "next-button";
let topOffset = menu.top > 16 ? menu.height : 0;
let el = thisBtn.getBoundingClientRect();
timeline
.to(thisBtn, 0.4, {
y: (-el.top + window.innerHeight / 2) - el.height / 2,
x: (-el.left + window.innerWidth / 2) - el.width / 2,
ease: gsap_1.Power1.easeIn,
})
.to(thisBtn, 0.4, {
scale: 100,
ease: gsap_1.Power1.easeIn,
borderRadius: 0,
backgroundColor: "white",
})
.call(() => {
document.body.classList.add("rodal-open");
this.props.history.push(this.props.nextStation.path);
});
requestAnimationFrame(() => timeline.play());
};
this.state = {
next: props.nextStation
};
this.button = React.createRef();
}
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(103);
});
}
render() {
return (React.createElement(react_blob_1.Blob, { ref: this.button, className: "next-button noselect", onClick: this.nextStation }, "Next"));
}
}); exports.NextChapterButton = react_router_dom_1.withRouter(class NextChapterButton extends React.Component {
constructor(props) {
super(props);
this.nextChapter = () => {
this.props.history.push(this.props.nextChapter.path);
};
this.state = {
next: props.nextStation
};
}
render() {
return (React.createElement("button", { className: "text-red-900", onClick: this.nextChapter }, "NEXT CHAPTER"));
}
}); //# sourceMappingURL=Buttons.js.map } // default/src/components/Content/Project_Description/Description.jsx $fsx.f[125] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const React = $fsx.r(3); const AccordionWidget_1 = $fsx.r(124); const Buttons_1 = $fsx.r(104); class Description extends React.Component {
render() {
let accordionData = {
backgroundColor: "bg-blue-800",
title: "References",
itemTitleColor: "text-blue-800",
items: [
{
title: "Project & Inspiration References",
content: `
- <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4520913/" target="_blank" class="references">Tan, S. Y. and Tatsumura, Y. (2015). Alexander Fleming (1881-1950): Discoverer of penicillin . Singapore Med J. 2015; 56(7): 366-367.</a>
- <a href="http://www.cdc.gov/drugresistance/threat-report-2013" target="_blank" class="references">Centers for Disease Control and Prevention, Office of Infectious Disease Antibiotic resistance threats in the United States. (2013). Biggest threats and Data. Accessed October 1, 2019.</a>
- <a href="https://www.who.int/antimicrobial-resistance/interagency-coordination-group/IACG_final_report_EN.pdf?ua=1" target="_blank" class="references">World Health Organization (WHO) Interagency Coordination Group on Antimicrobial Resistance (IACG) (2019). No time to wait: Securing the future from drug-resistant infections. Report to the secretary-general of the United Nations.</a>
- <a href="https://doi.org/10.1016/j.ijmm.2010.04.003" target="_blank" class="references">Hulscher, M. E. J. L. et al. (2010). Antibiotic use: How to improve it? Int. J. of Med. Microbiology, Vol. 300, Issue 6, 351-356, August, 2010.</a>
- <a href="https://www.nature.com/articles/s41564-018-0327-z" target="_blank" class="references">Peters, J. M. et al. (2019). Enabling genetic analysis of diverse bacteria with Mobile-CRISPRi. Nature Microbiology 4, 244-250. .</a>
}
]
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "description" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "rubrik" }, "Description & Inspiration"),
React.createElement("div", { className: "under-rubrik" }, "ayy"),
React.createElement("div", { className: "manchet" },
React.createElement("p", { className: "" }, " Ayy"))),
React.createElement("div", { className: "row" },
React.createElement("div", { className: "quote" },
React.createElement("div", { className: "line" }, " "),
React.createElement("p", { className: "text" }, "\u201CYou wanna fight?\u201D"),
React.createElement("p", { className: "quotemaster" }, "- Conjugaid, grand prize winners 2019"),
React.createElement("div", { className: "line" }, " ")),
React.createElement("p", null, "This is essentially the question we ask bacteria every time we expose them to antibiotics. Wouldn\u2019t you defend yourself if someone asked you the same question? When it comes to bacteria, they don\u2019t have much of a choice. On the other hand, fighting back is something they do all the time - naturally. "),
React.createElement("p", null, "Ever since Alexander Fleming\u2019s discovery of penicillin in 1928, antibiotics have been the weapon of choice in the fight against pathogenic bacteria (1). However, bacteria quickly learned what mankind was up to, and they became resistant to the newly developed antibiotics. ."),
React.createElement("p", null, "But then human ingenuity fought back. With the discovery of new antibiotics we thought we had the bacteria under control. Nevertheless, no matter how many different antibiotics we develop, bacteria will inevitably become resistant and cause potentially lethal infections that cannot be treated in the long-term (2). "),
React.createElement("p", null, "Consequently, the World Health Organization (WHO) has estimated that in 2050, antimicrobial resistant infections could be the cause of 10 million deaths per year if action is not taken now. Furthermore, the economical toll this will have on society could potentially resemble that of the 2008-2009 global financial crisis (3)."),
React.createElement("p", null, "Thus, it is crucial that we develop novel and innovative strategies that can help in the quest for combating antibiotic resistance."),
React.createElement("p", null, "The vision for Conjugaid is to aid society in finding a successful solution to antibiotic resistance. We view antibiotic resistance as a multifaceted problem that needs to be addressed from more than one aspect. Therefore, Conjugaid takes both a therapeutic and an educational approach when addressing new solutions."),
React.createElement("p", null, "Therapeutically, we aimed at designing donor bacteria with a conjugative plasmid containing a CRISPR/Cas-system. By conjugative delivery, the CRISPR/Cas-system is designed to downregulate the expression of specific resistance genes in E. coli in the gastrointestinal tract. As a result, these acceptor E. coli will become sensitive to antibiotics. This has a broad clinical potential when it comes to limiting the spread of antibiotic resistance."),
React.createElement("p", null, "Educationally, we tackled the issue by actively increasing public information about the implications of antibiotic resistance and the potential of synthetic biology to help alleviate it. Our main focus has been the creation of a lesson plan involving a 5E model-inspired teaching material consisting of a 7-chapter e-book, teaching manuals and laboratory protocols. The material has been tested and evaluated in collaboration with high-school students and teachers."),
React.createElement("p", null, "By focusing on education and public information as well as our scientific idea to help solve the problem, we can not just develop novel technologies, but also shape the scientists of tomorrow. This creates the potential of solving the problem of antibiotic resistance in a more efficient manner (4). "),
React.createElement("p", null, "The 2019 paper \u201CEnabling genetic analysis of diverse bacteria with Mobile-CRISPRi\u201D by Jason et al. published by Nature (5) initially inspired us to realize the potential of CRISPR in revolutionising the therapeutic strategies used to combat antibiotic resistance. With the CRISPR-technology in mind, our team were drawn to the thought of \u201Cturning back time\u201D to the days where antibiotic agents could still successfully treat infected patients. We imagined a world in which antibiotic resistance was not an issue anymore - a world in which resistance genes could simply be downregulated. This thought inspired us greatly and paved the way for defining Conjugaid as a project."),
React.createElement("p", null, "Click next to read more about our project and results.")),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionData }))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.Description = Description; //# sourceMappingURL=Description.js.map } // default/src/components/widgets/AccordionWidget.jsx $fsx.f[124] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const React = $fsx.r(3); const _ = $fsx.r(44); const react_scroll_1 = $fsx.r(123); class AccordionWidget extends React.Component {
constructor(props) {
super(props);
}
scrollToTop(e) {
let target = e.currentTarget;
let top = target.nextElementSibling.getBoundingClientRect().top;
let menu = document.querySelector(".top-menu").getBoundingClientRect();
let delta = top - menu.height;
if (delta > 0) {
}
react_scroll_1.animateScroll.scrollTo(window.scrollY + delta - 50);
}
render() {
let id = _.uniqueId();
return (React.createElement("nav", { className: "accordion arrows" },
React.createElement("header", { className: "box ".concat(this.props.model.backgroundColor) },
React.createElement("label", { htmlFor: `acc-close${id}`, className: "box-title" }, this.props.model.title)),
this.props.model.items.map((element, index) => {
return (React.createElement("div", { key: index },
React.createElement("input", { type: "radio", name: `accordion${id}`, id: `${id}${index}`, onClick: this.scrollToTop }),
React.createElement("section", { className: "box" },
React.createElement("label", { className: "box-title ".concat(this.props.model.itemTitleColor), htmlFor: `${id}${index}` }, element.title),
React.createElement("label", { className: "box-close", htmlFor: `acc-close${id}` }),
React.createElement("div", { className: "box-content", dangerouslySetInnerHTML: { __html: element.content } }))));
}),
React.createElement("input", { type: "radio", name: `accordion${id}`, id: `acc-close${id}` })));
}
} exports.AccordionWidget = AccordionWidget;
//# sourceMappingURL=AccordionWidget.js.map } // default/src/components/Content/Project/But_Does_It_work/Results.jsx $fsx.f[126] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const React = $fsx.r(3); const Buttons_1 = $fsx.r(104); class Results extends React.Component {
render() {
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "results" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "rubrik" }, "But does it work?"),
React.createElement("div", { className: "under-rubrik" }, "Results"),
React.createElement("div", { className: "manchet" },
React.createElement("p", { className: "" }, " After getting to know our project design, you must be curious to see how it went! Keep reading to see our results and demonstrations of our functioning system.")))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.Results = Results; //# sourceMappingURL=Results.js.map } // default/src/components/Content/People_Involved/Attributions/Attributions.jsx $fsx.f[128] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const AccordionWidget_1 = $fsx.r(124); const Buttons_1 = $fsx.r(104); class Attributions extends React.Component {
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(127);
});
}
render() {
let accordionData = {
backgroundColor: "bg-green-400",
title: "Attributors to Conjugaid",
itemTitleColor: "text-green-800",
items: [
{
title: "Supervisors",
content: `
A special thanks to our supervisors:
Contents
- 1 Mikkel Girke Jørgensen, associate Professor at SDU’s Department of Biochemistry and Molecular Biology
- 2 Frederik Bartholdy Flensmark Neergaard, MSc student
- 3 Felix Boel Pedersen, MSc student
- 4 The Department of Biochemistry and Molecular Biology, University of Southern Denmark
- 5 Simon Rose, laboratory technician
- 6 Patrick Rosendahl Andreassen, former iGEM-participant
- 7 Thøger Jensen Krogh, former iGEM participant
- 8 Tina Kronborg , academic Assistant at SDU’s Department of Biochemistry and Molecular Biology
- 9 Eric van der Helm and Andreas Porse from SNIPR Biome
- 10 Finn Kirpekar, PhD and associate professor at the Department of Biochemistry and Molecular Biology at the University of Southern Denmark
- 11 The Academy of Talented Youths
- 12 Viktor Hundtofte Mebus, former iGEM participant
- 13 The Team
- 14 Jesper Terp, Odense Katedralskole (a local high-school) and biotechnology-teacher
- 15 Flemming Nielsen , Msc student
- 16 Jakob Møller-Jensen, PhD, associate professor and head of Department of Biochemistry and Molecular Biology
- 17 Martin Worm-Leonhard, forensic chemist and science communicator with UNF
- 18 Jesper Houmann Kattai, biotechnology-teacher at Odense Technical High-school (OTG)
- 19 Students at Aalborg Katedralskole (a high school)
- 20 Biologiformidling
- 21 SciShow, Crash Course and Kurzgesagt
- 22 Visme
- 23 The Team
- 24 Ute Wolff Sönksen , chief physician at Statens Serum Institut (SSI)
- 25 Alexandra Kruse, MD and specialist in pediatric infectious diseases from Doctors Without Borders (MSF)
- 26 Hans Jørn Kolmos, professor, chief physician and Dr.Med.
- 27 Janne Kudsk Klitgaard, PhD, researcher and associate professor at the Department of Clinical Microbiology at the University of Southern Denmark
- 28 Odense University Hospital
- 29 IDA Student Union
- 30 The Team
- 31 Lise Junker Nielsen, outreach Coordinator at the Department of Biochemistry and Molecular Biology
- 32 Jørgen Dinesen (Biotechnology) and Christian Maaløv Andreasen (Physics and chemistry), Svendborg High School and teachers
- 33 UNF Biotech Camps
- 34 The Danish Science Festival
- 35 The Team
- 36 The Municipality of Odense
- 37 The People’s Democratic Festival
- 38 The Team
- 39 Thøger Jensen Krogh , former iGEM SDU participant and creator of the “Best Wiki 2013” (find it in the Judging Handbook...)
- 40 SDU & Bikubenfonden
- 41 IDA Student Union
- 42 Pharmadanmark Student Union
- 43 Ovulaid (iGEM Team Copenhagen) and DTU BioBuilders, fellow Danish iGEM teams
- 44 The Team
- 45 Jakob Møller-Jensen, head of department of Biochemistry and Molecular Biology at the University of Southern Denmark,
- 46 Marianne Holmer, dean of The Faculty of Science at the University of Southern Denmark,
- 47 Henrik Dam, vice-Cancellor at University of Southern Denmark,
- 48 IDA Student Union and Pharmadanmark Student Union
- 49 Our project supervisors
- 50 All former iGEM participants at SDU
- 51 DTU Biobuilders
- 52 Ovulaid, the iGEM Team Copenhagen
- 53 Nina Bjørnskov
- 54 Anders Boe
- 55 Arvid Larsson from the 2019 iGEM team Lund
- 56 Clare Kirkpatrick, assistant Professor at SDU’s Department of Biochemistry and Molecular Biology
- 57 Freja Cecilie Mikkelsen, biomedicine BSc student
- 58 Morten Johansen, Chemistry MSc student
- 59 Maria Victoria Mikkelsen, PhD Fellow at SDU’s Department of Biochemistry and Molecular Biology and former iGEM participant
- 60 Ulrik Stenz Justesen, associate Professor in clinical microbiology at Odense University Hospital
- 61 Megan Fantes, software Engineer Intern at BU SAIL
- 62 Jackie Fantes, MD
- 63 Ellen Gammelmark, biochemistry and molecular biology MSc student and former iGEM-participant
- 64 Thomas Fantes, MD
- 65 Sergi Torres Puig, postdoc at SDU’s Department of Biochemistry and Molecular Biology
- 66 Thøger Jensen Krogh former iGEM SDU participant and creator of the “Best Wiki 2013” (find it in the Judging Handbook...)
- 67 Anders Bruhn Arndal Andersen, PhD student at SDU’s Department of Physics, Chemistry and Pharmacy
- 68 Peter Andersen, PE Innovator & VC Investor
- 69 Esther Hvidtfeldt, veterinary medicine student
- 70 03.26.19 Conjugation & CRISPR
- 71 03.26.19 Conjugation & CRISPR
- 72 03.27.19 Conjugation & CRISPR
- 73 03.30.19 Conjugation & CRISPR
- 74
- 75
- 76 04.01.19 Conjugation & CRISPR
- 77 04.02.19 Target bacteria design / Fluorescens library
- 78 04.03.19 Conjugation & CRISPR
- 79 04.04.19 Conjugation & CRISPR
- 80 04.05.19 Conjugation & CRISPR
- 81 04.14.19 Target bacteria design / Fluorescens library
- 82 04.16.19 Target bacteria design / Fluorescens library
- 83 04.17.19 Target bacteria design / Fluorescens library
- 84 04.19.19 Target bacteria design / Fluorescens library
- 85 04.19.19 Target bacteria design / Fluorescens library
- 86 05.06.19 Conjugation & CRISPR
- 87 05.09.19 Conjugation
- 88 05.10.19 Conjugation
- 89 05.13.19 Conjugation
- 90 05.14.19 Conjugation
- 91 05.15.2019 and 05.16.2019: CRISPR
- 92 05.13.19 Conjugation
- 93 05.14.19 Conjugation
- 94 05.15.2019 and 05.16.2019: CRISPR
- 95 06.09.19 Conjugation
- 96 06.11.19 Conjugation
- 97 06.11.2019 CRISPR
- 98 06.12.19 Conjugation
- 99 06.13.19 Conjugation
- 100 06.15.19 CRISPR
- 101 06.16.19 CRISPR
- 102 06.18.19 Conjugation
- 103 06.18.2019 CRISPR
- 104 06.20.2019 Conjugation
- 105 06.20.2019 CRISPR
- 106 06.21.2019 CRISPR and Target bacteria design / Fluorescens library
- 107 06.22.2019 CRISPR and Target bacteria design / Fluorescens library
- 108 06.23.2019 Conjugation
- 109 06.23.2019 Target bacteria design / Fluorescens library
- 110
- 111 06.24.2019 Conjugation
- 112 06.24.2019 Target bacteria design / Fluorescens library
- 113 06.24.2019 CRISPR
- 114 06.25.2019 Target bacteria design / Fluorescens library
- 115 06.26.2019 Target bacteria design / Fluorescens library
- 116 06.27.2019 Target bacteria design / Fluorescens library
- 117 Day
- 118
- 119 Day
- 120
- 121 Day
- 122
- 123 Day
- 124
- 125 08.05.2019 Conjugation
- 126 08.05.19 CRISPR
- 127 08.06.2019 Conjugation
- 128 08.06.19 CRISPR
- 129 08.07.2019 Conjugation
- 130 08.07.19 CRISPR
- 131 08.08.19 CRISPR
- 132 08.09.19 CRISPR
- 133 08.11.2019 Conjugation
- 134 08.12.2019 Conjugation
- 135 08.12.2019 CRISPR
- 136 08.13.2019 Conjugation
- 137 08.13.2019 CRISPR
- 138 08.14.2019 CRISPR
- 139 08.14.2019 Target bacteria design / Fluorescens library
- 140 08.15.2019 CRISPR
- 141 08.15.2019 Target bacteria design / Fluorescens library
- 142 08.15.2019 Conjugation
- 143 08.16.2019 CRISPR
- 144
- 145 08.16.2019 CRISPR
- 146 08.18.2019 CRISPR
- 147 08.17.2019 Conjugation
- 148
- 149 08.19.2019 Conjugation
- 150 08.19.2019 CRISPR
- 151 08.20.2019 Conjugation
- 152 08.20.2019 CRISPR
- 153 08.20.2019 Target bacteria design / Fluorescens library
- 154 08.21.2019 Target bacteria design / Fluorescens library
- 155 08.22.2019 CRISPR
- 156 08.22.2019 Conjugation
- 157 08.23.2019 CRISPR
- 158
- 159 08.24.2019 CRISPR
- 160 08.24.2019 Conjugation
- 161 08.25.2019 CRISPR
- 162 08.26.2019 Conjugation
- 163
- 164 08.26.2019 CRISPR
- 165
- 166 08.29.2019 Conjugation
- 167 08.29.2019 CRISPR
- 168 08.30.2019 CRISPR
- 169
- 170 08.30.2019 CRISPR
- 171
- 172 09.01.2019 CRISPR
- 173
- 174 09.03.2019 Conjugation
- 175 09.03.2019 CRISPR
- 176 09.03.2019 CRISPR
- 177 Day
- 178 09.09.2019 Conjugation
- 179 09.13.2019 Conjugation
- 180 Day
- 181 Day
- 182 09.19.2019 Target bacteria design / Fluorescens library
- 183 09.20.2019 Target bacteria design / Fluorescens library
- 184 09.26.2019 Conjugation
- 185 09.28.2019 Conjugation
- 186 CRISPR
- 187 10.01.19 Conjugation & CRISPR
- 188 10.03.19 Conjugation & CRISPR
- 189 10.05.19 Conjugation & CRISPR
- 190 10.05.19 Conjugation & CRISPR
- 191 CRISPR
- 192 10.08.19 Conjugation & CRISPR
- 193 10.09.19 Conjugation & CRISPR
- 194 10.10.19 Conjugation & CRISPR
- 195 10.11.19 Conjugation & CRISPR
- 196 10.12.19 Conjugation & CRISPR
- 197 10.13.19 Conjugation & CRISPR
- 198
- 199
- 200 10.14.19 Conjugation & CRISPR
- 201
- 202 Day
- 203
Mikkel Girke Jørgensen, associate Professor at SDU’s Department of Biochemistry and Molecular Biology
Mikkel has been the primary supervisor throughout our project, and he has been responsible for handling iGEM on SDU for many years - so he’s really good at it! Mikkel has been of assistance to us within every aspect of our project, but always makes it a point to never tell us no. Whatever we wanted to do, we could do - Mikkel has merely been gently guiding us.
Frederik Bartholdy Flensmark Neergaard, MSc student
Frederik is a former iGEM participant from team SDU 2017. From teaching us general cloning in the very beginning to helping perfect our wiki-text just before the freeze, Frederik has been of great help to our team throughout our entire project.
Felix Boel Pedersen, MSc student
Like Frederik, Felix is a former iGEM participant from team SDU 2017. Felix has been of assistance in all areas of our project, from the beginning till the end, but his wisdom when it comes to creating the perfect iGEM-wiki has been especially influential.
<img class="mt-10 rounded-lg shadow-xl" src="
"></img>
`
},
{
title: "Laboratory and Technical Support",
content: `
The Department of Biochemistry and Molecular Biology, University of Southern Denmark
For providing us with lab space and equipment.
Simon Rose, laboratory technician
For general lab support, technical assistance and introduction to safety and practicalities in the lab. Simon has especially been of great assistance when introducing us to various difficult techniques in the lab, such as qPCR and purification of chromosomal DNA.
Patrick Rosendahl Andreassen, former iGEM-participant
For troubleshooting and assistance in the lab and in the development of fluorescence microscope.
Thøger Jensen Krogh, former iGEM participant
For troubleshooting when problems arose in the lab.
Tina Kronborg , academic Assistant at SDU’s Department of Biochemistry and Molecular Biology
For assisting us with performing quantitative FACS-analysis and introduction to fluorescent microscopy.
Eric van der Helm and Andreas Porse from SNIPR Biome
For letting us visit them and giving general and technical feedback and advice on our project.
Finn Kirpekar, PhD and associate professor at the Department of Biochemistry and Molecular Biology at the University of Southern Denmark
For advice on conjugation.
The Academy of Talented Youths
For visiting our facility and helping us purify some of our plasmids.
Viktor Hundtofte Mebus, former iGEM participant
For support with quantitative FACS-analysis.
`
},
{
title: "Human Practices",
content: `
Educational Material
The Team
Our team has independently written all text in our e-book, “What’s up with antibiotics?”. Furthermore, we have made every illustration in the book ourselves, as well as filmed and edited start-of-chapter introductory videos. By using the online graphical design tool Visme, our team members have designed the entire book. We have also created the teaching guides and laboratory protocols independently. Lastly, we have created evaluation forms and processed these based on the testing of our material on high school students. We would like to thank the following contributors for helping us shape and create our educational material:
Jesper Terp, Odense Katedralskole (a local high-school) and biotechnology-teacher
For collaborating with us, providing us with 800 minutes of educational hours in his class and for input on the content of our educational material.
Flemming Nielsen , Msc student
For creating an educational video about BLAST for our educational material.
Jakob Møller-Jensen, PhD, associate professor and head of Department of Biochemistry and Molecular Biology
For appearing in educational videos created for each chapter of our educational material.
Martin Worm-Leonhard, forensic chemist and science communicator with UNF
For inspiration and valuable insights to creating educational material for high-school students.
Jesper Houmann Kattai, biotechnology-teacher at Odense Technical High-school (OTG)
For valuable input on the shortcomings regarding microbiology and synthetic biology in the Danish high-school curriculum.
Students at Aalborg Katedralskole (a high school)
For surveying preliminary chapters and reporting opinions on difficulty and readability.
Biologiformidling
For insights into the practical aspects behind the creation of an educational e-book about science.
SciShow, Crash Course and Kurzgesagt
For allowing us to refer to their educational videos throughout the text in our e-book, “What’s up with antibiotics?”.
Visme
For discounts on their software, which we used to design our e-book.
Symposium
The Team
Regarding our symposium on antibiotic resistance hosted at the Odense University Hospital, our team has independently planned the entire event. We contacted the four speakers (see below) and arranged every practicality. In collaboration with the hospital, we arranged catering of coffee, tea and snacks and organized live-streaming of the event. We would like to thank the following contributors:
Ute Wolff Sönksen , chief physician at Statens Serum Institut (SSI)
For speaking at our symposium.
Alexandra Kruse, MD and specialist in pediatric infectious diseases from Doctors Without Borders (MSF)
For speaking at our symposium.
Hans Jørn Kolmos, professor, chief physician and Dr.Med.
For speaking at our symposium.
Janne Kudsk Klitgaard, PhD, researcher and associate professor at the Department of Clinical Microbiology at the University of Southern Denmark
For speaking at our symposium.
Odense University Hospital
For providing the facilities, catering and live-streaming services for our symposium on antibiotic resistance.
IDA Student Union
For sponsoring refreshments to the audience.
Public Engagement
The Team
Our team has independently arranged multiple outreach-events and talks throughout our project. We would like to thank the following contributors for providing us with the opportunities to engage in outreach:
Lise Junker Nielsen, outreach Coordinator at the Department of Biochemistry and Molecular Biology
For providing us with opportunities to engage with high school students via multiple outreach-events.
Jørgen Dinesen (Biotechnology) and Christian Maaløv Andreasen (Physics and chemistry), Svendborg High School and teachers
For reaching out and coordinating a day of workshops at our workspaces at SDU.
UNF Biotech Camps
For inviting us to speak at their events.
The Danish Science Festival
For providing us with a booth at their annual event. Thank you all the visitors attending our booth, especially the kids and youngsters who drew their own “Superbacterium”.
Sustainable Development Goals
The Team
Our team has had the UN’s 17 SDG’s in mind throughout our entire project, but we would like to thank the following contributors for creating opportunities to engage with the SDG’s in our community:
The Municipality of Odense
For hosting an event on the UN’s 17 Sustainable Development Goals and thereby giving us the opportunity to engage within this field.
The People’s Democratic Festival
For hosting their 9th annual People’s Democratic Festival at the island of Bornholm in Denmark. With the festival they created the perfect foundation for debating democracy and opportunities for sustainable development in many ways.
Danish iGEM Weekend
The Team
Our team independently planned and executed the Danish iGEM Weekend in its entirety, but we would like to thank the following contributors for helping us making the meetup a reality:
Thøger Jensen Krogh , former iGEM SDU participant and creator of the “Best Wiki 2013” (find it in the Judging Handbook...)
For hosting a workshop during the Danish iGEM Weekend on creating a successful iGEM-wiki.
SDU & Bikubenfonden
For providing accommodation for all attending teams during the Danish iGEM Weekend.
IDA Student Union
For sponsoring the Danish iGEM Weekend.
Pharmadanmark Student Union
For sponsoring the Danish iGEM Weekend.
Ovulaid (iGEM Team Copenhagen) and DTU BioBuilders, fellow Danish iGEM teams
For participating.
</div `
},
{
title: "Fundraising",
content: `
The Team
Our team has independently written each fundraising application that we’ve sent out. However, we would like to thank the following contributors for assisting and supporting us along the way:
Jakob Møller-Jensen, head of department of Biochemistry and Molecular Biology at the University of Southern Denmark,
For supporting our iGEM project.
Marianne Holmer, dean of The Faculty of Science at the University of Southern Denmark,
For supporting our iGEM project.
Henrik Dam, vice-Cancellor at University of Southern Denmark,
For supporting our iGEM project.
IDA Student Union and Pharmadanmark Student Union
For sponsoring our Danish iGEM Weekend.
Our project supervisors
For proof-reading our fundraising applications and guiding us along the way.
`
},
{
title: "Other General Support",
content: `
All former iGEM participants at SDU
For attending our preliminary presentation and providing us with valuable feedback before the Giant Jamboree.
DTU Biobuilders
For hosting their 7th annual BioBrick Tutorial and for participating in our Danish iGEM Weekend.
Ovulaid, the iGEM Team Copenhagen
For hosting this year’s Nordic iGEM Conference and for participating in our Danish iGEM Weekend.
Nina Bjørnskov
For giving us the opportunity to promote our project by allowing us to take over the Faculty of Science’s Instagram page (@sduscience) for a week.
Anders Boe
For creating our final team video.
Arvid Larsson from the 2019 iGEM team Lund
For providing valuable advice and support in designing our modeling system.
Clare Kirkpatrick, assistant Professor at SDU’s Department of Biochemistry and Molecular Biology
For providing feedback on our wiki-text.
Freja Cecilie Mikkelsen, biomedicine BSc student
For providing feedback on our wiki-text.
Morten Johansen, Chemistry MSc student
For providing feedback on our wiki-text.
Maria Victoria Mikkelsen, PhD Fellow at SDU’s Department of Biochemistry and Molecular Biology and former iGEM participant
For providing feedback on our wiki-text.
Ulrik Stenz Justesen, associate Professor in clinical microbiology at Odense University Hospital
For providing feedback on our wiki-text.
Megan Fantes, software Engineer Intern at BU SAIL
For providing feedback on our wiki-text (and for her ongoing support and cheering-on of our team).
Jackie Fantes, MD
For providing feedback on our wiki-text.
Ellen Gammelmark, biochemistry and molecular biology MSc student and former iGEM-participant
For providing feedback on our wiki-text.
Thomas Fantes, MD
For providing feedback on our wiki-text.
Sergi Torres Puig, postdoc at SDU’s Department of Biochemistry and Molecular Biology
For providing feedback on our wiki-text.
Thøger Jensen Krogh former iGEM SDU participant and creator of the “Best Wiki 2013” (find it in the Judging Handbook...)
For providing feedback on our wiki-text and layout.
Anders Bruhn Arndal Andersen, PhD student at SDU’s Department of Physics, Chemistry and Pharmacy
For providing feedback on our wiki-text.
Peter Andersen, PE Innovator & VC Investor
For providing feedback on our wiki-text.
Esther Hvidtfeldt, veterinary medicine student
For providing feedback on our wiki-text.
`
}
]
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "attributions" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "rubrik" }, "Attributions"),
React.createElement("div", { className: "under-rubrik" }, "Thank you\u2019s"),
React.createElement("div", { className: "manchet" },
React.createElement("p", { className: "" }, "Our team began our project by brainstorming project ideas in January 2019. We had many initial ideas, but ultimately chose to work on Conjugaid - an idea thought up solely by our team-members. "),
React.createElement("p", null, "In March 2019 we begun working in the lab after an introductory safety and practicalities course. We have accomplished many things on our own, including the formulation, design and execution of our laboratory experiments as well as the writing, designing and planning of our educational material and lesson plan (e-book, illustrations, teaching guides, laboratory protocols and evaluations included). Additionally, we have independently managed and dealt with all communications regarding Integrated Human Practices, Fundraising and promotion of our project. All work within modelling and data processing has been carried out by Conjugaid team members."),
React.createElement("p", null, "However, there are limitations to what one can accomplish alone, which is why our team would like to say thank you to everyone involved in our project. Keep reading to get to know the people who helped us make Conjugaid a reality."))),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionData }))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.Attributions = Attributions; //# sourceMappingURL=Attributions.js.map } // default/src/components/Content/Human_Practices/Public_Engagement/PublicEngagement.jsx $fsx.f[169] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const AccordionWidget_1 = $fsx.r(124); const WavesWidget_1 = $fsx.r(130); const Buttons_1 = $fsx.r(104); const rodal_1 = $fsx.r(131); const nuka_carousel_1 = $fsx.r(167); const topWaves = [
{
color: "#DCEEF2",
offset: 50,
path: "M0,64L60,106.7C120,149,240,235,360,250.7C480,267,600,213,720,165.3C840,117,960,75,1080,85.3C1200,96,1320,160,1380,192L1440,224L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
},
{
color: "#D0E8E6",
offset: 0,
path: "M0,256L60,229.3C120,203,240,149,360,128C480,107,600,117,720,149.3C840,181,960,235,1080,229.3C1200,224,1320,160,1380,128L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
},
{
color: "#BEE1E2",
offset: 0,
path: "M0,96L60,106.7C120,117,240,139,360,170.7C480,203,600,245,720,224C840,203,960,117,1080,85.3C1200,53,1320,75,1380,85.3L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
}
]; const bottomWaves = [
{
color: "#DCEEF2",
offset: 0,
reversed: true,
path: "M0,96L60,85.3C120,75,240,53,360,90.7C480,128,600,224,720,224C840,224,960,128,1080,117.3C1200,107,1320,181,1380,218.7L1440,256L1440,0L1380,0C1320,0,1200,0,1080,0C960,0,840,0,720,0C600,0,480,0,360,0C240,0,120,0,60,0L0,0Z"
},
{
color: "#D0E8E6",
offset: 0,
reversed: true,
path: "M0,64L48,101.3C96,139,192,213,288,218.7C384,224,480,160,576,122.7C672,85,768,75,864,101.3C960,128,1056,192,1152,218.7C1248,245,1344,235,1392,229.3L1440,224L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"
},
{
color: "#BEE1E2",
offset: 0,
reversed: true,
path: "M0,96L48,128C96,160,192,224,288,240C384,256,480,224,576,213.3C672,203,768,213,864,229.3C960,245,1056,267,1152,277.3C1248,288,1344,288,1392,288L1440,288L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"
}
]; class PublicEngagement extends React.Component {
constructor(props) {
super(props);
this.state = { visible: false };
}
show() {
document.body.classList.add("rodal-open");
this.setState({ visible: true });
}
hide() {
document.body.classList.remove("rodal-open");
this.setState({ visible: false });
}
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(168);
});
}
render() {
let accordionData = {
backgroundColor: "bg-pink-600",
title: "Click on an event to learn more",
itemTitleColor: "text-yellow-600",
items: [
{
title: "SDU Biotech Camp",
content: `
A few weeks after the beginning of our project, we had the opportunity to talk about iGEM and our project to a group of high school students visiting University of Southern Denmark for a weekend during the SDU Biotech Camp. Here, we were asked many curious questions, especially about the prospects of our project being applied clinically. Our discussions with them helped us specify our own project design.
<img id="box-img" src="
"></img>
<img id="box-img" src="
"></img>
},
{
title: 'Svendborg High School',
content: `
Students from <a href="https://www.svendborg-gym.dk" target="_blank">Svendborg Gymnasium</a> came to visit us at SDU. We talked about iGEM and guided the students through a tour of our laboratory. Finally, we hosted a workshop on the iGEM BioBrick system.
For the workshop, we had come up with five different case-scenarios that needed to be solved by creating biobricks from a range of parts in the registry. The scenarios were inspired by different SDG’s and included: plastic pollution, CO2 in the atmosphere, pharmaceuticals in wastewater, iron deficiency in humans and lactose intolerance. The students worked in teams to choose the appropriate parts needed for their solution onto a standard plasmid template provided by us.
In the evaluation, we could see that 18 students were more likely to pursue a university degree in science, and all students got a better understanding of synthetic biology.
Indsæt graf 1 og 2
<img id="box-img" src="
"></img>
`
},
{
title: "UNF Biotech Camp",
content: `
We were invited to give a joined talk along with<a href="https://2019.igem.org/Team:UCopenhagen" target="_blank"> Ovulaid (iGEM Team Copenhagen 2019)</a> and <a href="https://2019.igem.org/Team:DTU-Denmark" target="_blank">DTU Biobuilders (iGEM Team DTU 2019)</a> at the annual Biotech Science Camp hosted by The Danish Youth Association of Science (UNF). Here, each team presented their projects to high school students.
<img src="
"> </img>
`
},
{
title: "The Academy of Talented Youths",
content: `
We were invited to host an evening of talks and laboratory-work for high school students from <a>The Academy of Talented Youths</a>. Here, we gave a talk about iGEM and synthetic biology. Furthermore, we helped the students in the lab as they purified our plasmids, which we have later used in our laboratory work. This indeed helped our team, as the end of the competition was drawing near.
<img src="
"> </img>
`
},
{
title: "Nykøbing F. High School",
content: `
We gave a talk about iGEM and synthetic biology to high school students from Nykøbing Falster. We also discussed the ethical considerations around working with synthetic biology.
`
}
]
};
let accordionData2 = {
backgroundColor: "bg-pink-600",
title: "References",
itemTitleColor: "text-yellow-600",
items: [
{
title: "Education & Public Engagement References",
content: `
- <a href="https://www.ncbi.nlm.nih.gov/pubmed/25768880" target="_blank" class="references">Obrist, R. (2015). Only conflicts of interest? Swiss Med Wkly, 145:w14120. </a>
- <a href="https://www.who.int/antimicrobial-resistance/publications/global-action-plan/en" target="_blank" class="references">World Health Organization (2015). Global action plan on antimicrobial resistance. </a>
}
]
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "PE" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "rubrik" }, "Education & Public Engagement"),
React.createElement("div", { className: "under-rubrik" }, "SDG no. 4: Quality Education"),
React.createElement("div", { className: "manchet" },
React.createElement("p", { className: "" }, " In a time where perception of scientific credibility is declining in the eyes of the general public (1), it is more important than ever to maintain the integrity of the scientific community. Without the support of governments and the public, we as scientists cannot combat problems like antibiotic resistance. One way to help maintain this integrity is to engage the general public by opening the scientific community. We have worked hard within education and public engagement in order to do this successfully - keep reading to learn more. ")))),
React.createElement(WavesWidget_1.Waves, Object.assign({}, { waves: topWaves, top: "", concurrentZDelta: -1 })),
React.createElement("div", { className: "bg-yes" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("h2", { className: "darker-border" }, "Education"),
React.createElement("div", { className: "quote" },
React.createElement("div", { className: "darker-line" }, " "),
React.createElement("p", { className: "text" }, "\u201CEducation is the most powerful weapon which you can use to change the world.\u201D "),
React.createElement("p", { className: "quotemaster" }, "- Nelson Mandela, South African anti-apartheid revolutionary"),
React.createElement("div", { className: "darker-line" }, " ")),
React.createElement("h3", null, "Educational Material for High School Students"),
React.createElement("p", null,
React.createElement("span", { className: "italic" },
" ",
React.createElement("img", { className: "icon", src: "
" }),
"\u201CWell, try to tell me what has happened since you arrived back home from Thailand\u201D"),
" said the Doctor. This is the beginning of the story of \u201CWhat\u2019s Up With Antibiotics?\u201D, the open-source, case-oriented e-book produced by our team. The e-book is a part of a lesson-plan created by our team in collaboration with Danish high school students and teachers."),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("img", { src: "
" })),
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("img", { src: "
" })),
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("img", { src: "
" }))),
React.createElement("p", { className: "obs" }, "INDS\u00C6T GRAF \u201CELEV_PRELIM\u201D HVILKE METODER FUNGERER\u2026.."),
React.createElement("p", null,
"According to the first objective of the WHO Global Action Plan on Antimicrobial Resistance (2)",
React.createElement("span", { className: "citation" },
React.createElement("span", { className: "citationtext" },
React.createElement("a", { href: "", target: "_blank" }, "text"))),
", awareness about antibiotic resistance through public communication and education is needed. This requires continuous effort, and it was therefore important to us that our educational material is made sustainable and thus accessible for future generations. Therefore, \u201CWhat\u2019s Up With Antibiotics?\u201D is open-source, electronic and easily adaptable by educators since it is accompanied by teaching guides and easy-to-use laboratory protocols."),
React.createElement("p", null, "We decided to frame the e-book as a clinical case at a hospital\u2019s Department of Microbiology, in which the students act as molecular biologists diagnosing and treating Peter, a patient suffering from a resistant bacterial infection. "),
React.createElement("div", { className: "figure_container" },
React.createElement("img", { id: "", className: "", src: "
" })),
React.createElement("p", null, "The e-book frequently refers to educational videos and covers the following topics:"),
React.createElement("ul", null,
React.createElement("img", { id: "ebog-indhold", className: "float-right", src: "
" }),
React.createElement("li", null, "Bacteriology"),
React.createElement("li", null, "DNA sequencing"),
React.createElement("li", null, "DNA Blasting"),
React.createElement("li", null, "Antibiotics and antibiotic resistance"),
React.createElement("li", null, "The CRISPR-technology and the bioethics related to it"),
React.createElement("li", null, "Creation of scientific posters"),
React.createElement("li", null, "Constructive feedback-methods")),
React.createElement("p", null, "Using the accompanying laboratory protocols, the students perform PCR and gel electrophoresis as well as two digital exercises elaborating on BLAST and CRISPR. The lesson-plan is rounded off with the students creating a scientific poster of their discoveries, presenting it at a poster session and providing feedback to their peers. "),
React.createElement("div", { className: "img_container" },
React.createElement("img", { className: " shadow-none", src: "
" })),
React.createElement("p", null,
"When creating our educational material, we have been inspired by the ",
React.createElement("a", { href: "https://lesley.edu/article/empowering-students-the-5e-model-explained", target: "_blank" }, "5E Teaching Model"),
", which allows students to learn new concepts through a cycle of 5 steps. You can read more about the 5 steps and our use of them here."),
React.createElement("ol", null,
React.createElement("li", null,
React.createElement("p", null,
React.createElement("span", null, "Engage"),
": The concept of interest is introduced to the students. Equal academic level amongst the students was ensured by giving a relatable introduction to microbiology (through the story of Peter) in the first parts of \u201CWhat\u2019s Up With Antibiotics?\u201D")),
React.createElement("li", null,
React.createElement("p", null,
React.createElement("span", null, "Explore"),
": The students extend their knowledge through hands-on learning. We introduced students to the scientific methods behind microbiology through laboratory exercises.")),
React.createElement("li", null,
React.createElement("p", null,
React.createElement("span", null, "Explain"),
": The teacher aids the students in understanding their work during the Explore-phase. The laboratory-results was explained to and discussed with the students (eg. the significance of the bands on their gels).")),
React.createElement("li", null,
React.createElement("p", null,
React.createElement("span", null, "Elaborate"),
": In order for the students to gain a deeper understanding of their work, they are asked to elaborate their obtained knowledge by creating a scientific poster about the course and presenting it to their peers.")),
React.createElement("li", null,
React.createElement("p", null,
React.createElement("span", null, "Evaluate"),
": The students perform self- and peer-assessment of their scientific presentations using the BIO-feedback model, which is presented to them in the last chapter of \u201CWhat\u2019s Up With Antibiotics?\u201D"))),
React.createElement("div", { className: "figure_container" },
React.createElement("img", { className: "", src: "
" })),
React.createElement("p", null,
"The entire lesson plan was fully tested on students from the Danish high school ",
React.createElement("a", null, "Odense Katedralskole"),
". These students are majoring in biotechnology and was our primary test group. We tested our materials over a period of four weeks. "),
React.createElement("div", { className: "img_container" },
React.createElement("img", { className: "", src: "
" })),
React.createElement("p", null, "Click here to read some of the feedback we received from the ."),
React.createElement("button", { className: "text-orange-600", onClick: this.show.bind(this) }, "students"),
React.createElement(rodal_1.default, { closeOnEsc: true, customStyles: {
width: "80vw",
height: "80vh"
}, visible: this.state.visible, onClose: this.hide.bind(this) },
React.createElement("div", { className: "rodal-box" },
React.createElement("div", { className: "border-solid border-gray-700 border-b " },
React.createElement("h3", null, "Student feedback on our teaching resources")),
React.createElement("div", { className: "italic" },
React.createElement("p", null,
"\u201CIt\u2019s nice to watch ",
React.createElement("span", { className: "font-bold" }, "videos"),
" once in a while, since I can get tired of reading.\u201D"),
React.createElement("p", null,
"\u201CI think the level of difficulty was good. Some things were complicated but ",
React.createElement("span", { className: "font-bold" }, "we need challenges"),
". I think it was a really good book and a really good course. It has been ",
React.createElement("span", null, "educative "),
" and most of the class liked it.\u201D"),
React.createElement("p", null,
"\u201CNow that I\u2019ve gained knowledge of something new, ",
React.createElement("span", { className: "font-bold" }, "I can reflect upon it"),
". Maybe I have an idea that\u2019s worth working on\u2026\u201D"),
React.createElement("p", null,
"\u201CI really enjoyed the introductions to each chapters, ",
React.createElement("span", { className: "font-bold" }, "the ones about Peter"),
". They made it easy to grasp the situation and made me understand the material better.\u201D"),
React.createElement("p", null,
"\u201C[...] I also really liked that you made ",
React.createElement("span", { className: "font-bold" }, "glossaries"),
", so I could actually understand what I was reading about without having to google everything all the time.\u201D")))),
React.createElement("p", null,
"After releasing and testing \u201CWhat\u2019s Up With Antibiotics?\u201D, we have received an offer from ",
React.createElement("a", { href: "https://www.e-bug.eu", target: "_blank" }, "E-bug"),
", a European online educational hub on hygiene, infections and antibiotics aimed at children and young people. E-bug offered to translate and distribute our material to students throughout the European Union via their website. ",
React.createElement("a", null, "You can read more about this future collaboration in our \u201CWhat\u2019s next for Conjugaid?\u201D-section"),
"."),
React.createElement("p", null, "From creating educational materials for high school students, we have gathered our experiences into a 10-step guide:"),
React.createElement("h3", null, "10 steps to creating great educational material"),
React.createElement("ol", null,
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Find out your target group"),
React.createElement("p", { className: "italic" }, "It is imperative when creating educational material to know who your students are. Teaching children in elementary school about microbes requires something completely different than teaching high schoolers does.")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Talk to your target group (and their teachers)"),
React.createElement("p", { className: "italic" }, "Before you can develop great materials, you need to know the needs of the recipients. What do they lack, and what do they already have in abundance? Your way forward is to fill out the gaps.")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Tell a story"),
React.createElement("p", { className: "italic" }, "One important rule of thumb about education is that learning is eased through storytelling. We taught antibiotic resistance through the story of Peter - how will you tell yours?")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Plan out everything in detail"),
React.createElement("p", { className: "italic" },
"Before you can start writing and designing your educational material, you need a solid plan. How many subjects do you wish to cover - and what should they be? What kind of illustrations do you need? Sort everything into chapters and write down what they should contain. You could be inspired by different teaching and learning models, like we did with the ",
React.createElement("a", null, "5E Teaching Model"),
".")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Write, write and rewrite..."),
React.createElement("p", { className: "italic" }, "Start writing your materials! And when you think you are done, look at it again - is it really done? Great! Now get someone else to read and comment on it, and then rewrite the whole thing to perfection.")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Make it look stunning!"),
React.createElement("p", { className: "italic" }, "This is where you start taking your educational material to the next level. Does someone on your team love drawing? Ask them to create the illustrations and get designing - the options are endless, so have fun with it!")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Finishing touches"),
React.createElement("p", { className: "italic" }, "When your educational material is all done - written, illustrated and designed - forward it to a group of people and get their final comments on it. Make sure to implement these comments before testing your material.")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, " Survey before..."),
React.createElement("p", { className: "italic" }, "Congratulations! You have now created your very own educational material - that is amazing. All that is left now is to test it out on your target group and find out how they like it. But before you can test your material and evaluate it, you need to survey your test group. That way, you can compare how your educational material has directly affected the people using it.")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Put it to the test"),
React.createElement("p", { className: "italic" }, "Go on - do it! You have nothing to worry about, you have worked so hard and put so much effort into it, we are sure your educational material will do amazingly with your test group.")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "\u2026 And evaluate after!"),
React.createElement("p", { className: "italic" }, "This is the last, but definitely not least important, step of this recipe. You have created this amazing educational resource, and you want more people to notice and use it, right? In order for them to do so, they need to see results. Ask your test group any questions that might be relevant for you to properly evaluate how your educational material did in practice."))),
React.createElement("p", null,
"With \u201CWhat\u2019s Up With Antibiotics?\u201D, we aim to inform young minds about antibiotic resistance and synthetic biology. Teaching high school students about the opportunities that lie within these fields, we potentially help shaping the scientists of tomorrow. However, ",
React.createElement("a", { href: "https://sustainabledevelopment.un.org/sdg4", target: "_blank" }, "SDG no. 4"),
" about quality education focuses on ensuring ",
React.createElement("span", { className: "italic" },
"\u201Cinclusive and equitable quality education and promote lifelong learning opportunities",
React.createElement("span", { className: "font-bold" }, " for all"),
"\u201D"),
" and so do we. Thus, our project focuses not only on educating students, but also legislators as well as children and adults of the general public."),
React.createElement("h3", null, "Fluorescence Microscopy for All"),
React.createElement("p", null,
" ",
React.createElement("img", { id: "", className: "icon", src: "
" }),
"For high schools using our educational material in the future, we have assisted in the creation of an open-source recipe for a 3D-printable microscope-attachment. This unique attachment is easy to use by anyone, and provides light microscopes with the properties of fluorescence microscopes. The attachment can be printed by anyone with access to a 3D-printer, and is therefore a great addition to high schools or universities who do not have access to state-of-the-art fluorescence microscopes. Furthermore, it can be incorporated in school systems of low- and middle-income countries, bringing synthetic biology across societal borders and ensuring quality educational opportunities for all. You can learn more about how this system works and find the recipe needed to 3D-print your own free of charge ",
React.createElement("button", { className: "text-orange-600", onClick: this.show.bind(this) }, " here"),
".",
React.createElement(rodal_1.default, { closeOnEsc: true, customStyles: {
width: "80vw",
height: "80vh"
}, visible: this.state.visible, onClose: this.hide.bind(this) },
React.createElement("div", { className: "rodal-box" },
React.createElement("div", { className: "border-solid border-gray-700 border-b " },
React.createElement("h3", null, "Fluorescence Microscopy for All")),
React.createElement("p", null, "The 3D printed microscope attachment uses the basic principles of fluorescence microscopy. Here, the light from an attachable flashlight, which can produce white light, will go through an excitation filter, that only allows the excitation wavelength to pass. Then, the light will be reflected onto the sample, where the emission will then pass through the dichroic mirror and emission filter, and a picture can be taken with a laboratory digital camera. The attachment contains a house, a phone station and a compartment with three cubes that can be customized to the different fluorescence proteins. The cubes can be pushed through the house for easy and quick shift between filters. Each compartment contains a chute for an excitation filter, a dichroic mirror and an emission filter. These filters can be chosen specifically for the type of fluorescence protein in question. Conjugaid has used this microscope for identifying GFP in our samples using Roscolux filters. For GFP, we chose the filters #85 for excitation and #389 for emission based on the known fluorescence spectrum for GFP."),
React.createElement("p", null,
"You can download and use the 3D-print recipe ",
React.createElement("a", null, "here"),
"."),
React.createElement("p", { className: "obs" }, "mangler figur af ops\u00E6tning")))),
React.createElement("h3", null, "What's Next?"),
React.createElement("p", null, "With Conjugaid, our team dared to dream big. We dreamed of resolving antibiotic resistance both in the laboratory and by making knowledge available throughout society. After finishing our iGEM project, these dreams have only grown bigger."),
React.createElement("p", null,
"Following our work with\u201CWhat\u2019s Up With Antibiotics?\u201D, we have received an offer to develop it further after iGEM 2019. When speaking at our ",
React.createElement("a", null, "symposium"),
", Ute Wolff S\u00F6nksen let us know of ",
React.createElement("a", { href: "https://e-bug.eu/", target: "_blank" }, " E-bug "),
". E-bug is an online educational hub about hygiene, microbiology and antibiotics for children and young people and is distributed throughout Europe in 22 different languages. It is partly funded by The Directorate-General for Health and Consumers (DG SANCO) of the European Commission. E-bug offered to translate \u201CWhat\u2019s Up With Antibiotics?\u201D and distribute it on their national and international sites. This is an amazing opportunity to develop on one of Conjugaid\u2019s biggest goals; increasing public awareness about antibiotic resistance. After attending the Giant Jamboree, we will prepare \u201CWhat\u2019s up with antibiotics?\u201D for international distribution by revising it throughout."),
React.createElement("p", null,
"Furthermore, we have been contacted by high school teachers requesting similar courses to the one we arranged with Odense Katedralskole. Thus, we will be working closely with a technical high school in Fredericia when iGEM 2019 is over, in order to provide them with a fun and informative few weeks of antibiotic-education. When doing this we will be implementing the ",
React.createElement("a", null, "3D-printable microscope-attachment mentioned earlier"),
". "),
React.createElement("p", null, "After Conjugaid\u2019s birth and development into maturity, our dream is that our project can help shape the scientists and world heroes of tomorrow - because who knows; maybe the next Alexander Fleming will be inspired by \u201CWhat\u2019s Up With Antibiotics?\u201D in the near future.")))),
React.createElement(WavesWidget_1.Waves, Object.assign({}, { waves: bottomWaves, top: "0", concurrentZDelta: -1 })),
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("h2", { className: "whiter-border" }, "Public Engagement"),
React.createElement("h3", null, "The People\u2019s Democratic Festival"),
React.createElement("p", null,
"After attending the municipal meeting in April and having multiple discussions concerning local implementation of the SDGs, it remained clear for us that there is uncertainty regarding the use of synthetic biology amongst the general public. Therefore, we decided to put effort into changing that fact by participating in Denmark\u2019s annual festival about celebrating democracy - ",
React.createElement("a", { href: "https://folkemoedet.dk/en/", target: "_blank" }, "The People\u2019s Democratic Festival"),
". "),
React.createElement("div", { className: "img_container" },
React.createElement("img", { className: "", src: "
" })),
React.createElement("p", null, "The festival facilitates people and politicians coming together to debate current political issues. It is the aim of the festival to create bridges between the general public and politicians and researchers - the perfect setting to put synthetic biology on the political agenda. We set out to initiate debates concerning how synthetic biology can be applied to fulfil the SDG\u2019s as well as the ethical considerations in that process."),
React.createElement("div", { className: "img_container" },
React.createElement("img", { className: "", src: "
" })),
React.createElement("p", null, "At the festival, we had a range of discussions and talks about the use of synthetic biology and the increasing threat of antibiotic resistance with people from different parts of society - from the general public to politicians, researchers and communications experts. Amongst others was the current Prime Minister of Denmark, Mette Frederiksen, DNA-researcher Eske Willerslev as well as EU-Commissioner Margrethe Vestager. "),
React.createElement(nuka_carousel_1.default, { className: "mx-auto my-10", width: "80%", dragging: true, style: {
height: 500
} },
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" })),
React.createElement("p", null,
"Noteworthy is our talk with Christine Antorini, former Danish Minister for Education and current Director of ",
React.createElement("a", { href: "https://life.dk/om-life/english/", target: "_blank" }, "LIFE "),
"- the Novo Nordisk Foundation\u2019s new learning centre for children and adolescents. Antorini stated the necessity of educational material addressing innovative solutions to world problems (eg. through synthetic biology). In continuation hereof, she further stated the cruciality of the format being case-based to attract the students\u2019 interest. "),
React.createElement("div", { className: "img_container" },
React.createElement("img", { className: "", src: "
" })),
React.createElement("p", null, "Are you interested in hearing more from The People\u2019s Democratic Festival? Then hit \u2018play\u2019 on the video below."),
React.createElement("p", { className: "obs" }, "Mangler FM video"),
React.createElement("p", null, "After talking with leading politicians and researchers, it stood clear to us that the use of synthetic biology is a rather unknown topic for the majority of the public. This amplifies the importance of spreading knowledge about synthetic biology to all groups of society, which definitely strengthened our future work within outreach and public engagement. "),
React.createElement("p", null, "Besides engaging Danish adults and legislators in the debate about antibiotic resistance, we have worked hard at doing the same with the Danish youth. Keep reading to learn more about our public engagement efforts with high school students."),
React.createElement("h3", null, "Public Engagement of High School Students"),
React.createElement("p", null, "To build a foundation from which young minds can create innovative solutions to problems such as antibiotic resistance, we have been in close contact with students from all over Denmark. Read more about the individual outreach events in the foldouts below:"),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionData })),
React.createElement("h3", null, "The Danish Science Festival"),
React.createElement("p", null,
React.createElement("a", { target: "_blank", href: "http://forsk.dk/the-danish-science-festival" }, "The Danish Science Festival"),
" is organized by The Ministry of Higher Education and Science in Denmark, and it aims at enhancing the relationship between scientists and the general public by supporting public scientific engagement. This was the perfect surroundings to engage the people in synthetic biology and the ethical considerations behind it."),
React.createElement("p", null, "We participated by showcasing our project idea. Hereby, we addressed the importance of solving global issues by combining research and innovation. We had two primary activities for the attendees at our workshop; one for the children and one for adolescents and adults. The activity aimed at children was called \u201CMy super-bacteria\u201D. Here, children designed their own genetically engineered super-bacterias with different functionalities - we loved to see their curiosity!"),
React.createElement("p", null,
"You can see a selection of the drawings ",
React.createElement("button", { className: "text-orange-600", onClick: this.show.bind(this) }, "here"),
"."),
React.createElement(rodal_1.default, { closeOnEsc: true, customStyles: {
width: "100vw",
height: "80vh"
}, visible: this.state.visible, onClose: this.hide.bind(this) },
React.createElement("div", { className: "rodal-box" },
React.createElement("div", { className: "border-solid border-gray-700 border-b " },
React.createElement("h3", null, "Super Bacteria Drawings done by Children at the Danish Science Festival")),
React.createElement("p", { className: "obs" }, "Der skal ske noget her. evt en carousel med overlay text i stedet"),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("p", { className: "italic" }, "Bj\u00F8rk wanted his super-bacterium to eat plastic."),
React.createElement("img", { src: "
" })),
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("p", { className: "italic" }, "Clara, 9 years old, wanted her super-bacterium to make her sushi for dinner."),
React.createElement("img", { src: "
" })),
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("p", { className: "italic" }, "Thea, 13 years old, made her super-bacterium into an LGBTQ+ cow radiating rainbow-love."),
React.createElement("img", { src: "
" })),
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("p", { className: "italic" }, "Kim, 11 years old, wants his super-bacterium to eat micro-plastic and turn it into Christmas decorations"),
React.createElement("img", { src: "
" }))))),
React.createElement("p", null,
"For adolescents and adults, we had prepared a more challenging activity explaining the mechanism of CRISPR/Cas. The participants matched a sgRNA in a Cas-protein to a sequence found in DNA-strands. Hereby, we addressed how the CRISPR/Cas-system is applied in our ",
React.createElement("a", null, "project design"),
". While parents talked to us about genetic engineering and our project, their children designed imaginative super-bacterias. Thus, we managed to engage in a multi-way discussion about synthetic biology with people of all ages. It was a wonderful way to have our project design reviewed early in the process."),
React.createElement(nuka_carousel_1.default, { className: "mx-auto my-10", width: "80%", dragging: true, style: {
height: 500
} },
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" })),
React.createElement("h3", null, "Symposium"),
React.createElement("p", null, "Our interest in antibiotic resistance lead us to arrange a symposium on the topic for our peers both inside and outside of iGEM. The symposium took place at our local hospital, Odense University Hospital. We gave a project presentation ourselves, and we were followed by interesting talks by 4 speakers: "),
React.createElement("ul", null,
React.createElement("li", null,
"Chief Physician at Statens Serum Institut (SSI), ",
React.createElement("span", { className: "font-bold" }, "Ute Wolff S\u00F6nksen"),
", gave a talk about the status quo of antibiotic resistance in Denmark."),
React.createElement("li", null,
"MD and specialist in pediatric infectious diseases, ",
React.createElement("span", { className: "font-bold" }, "Alexandra Kruse"),
" from Doctors Without Borders (MSF), gave a talk on how antibiotic resistance affects their work in the field."),
React.createElement("li", null,
"Professor and MD from the Center for Translational Microbiology, ",
React.createElement("span", { className: "font-bold" }, "Hans J\u00F8rn Kolmos"),
", gave a history lesson on MRSA development in Denmark."),
React.createElement("li", null,
"PhD and associate professor at the Department of Clinical Microbiology and the Center for Translational Microbiology at the University of Southern Denmark, ",
React.createElement("span", { className: "font-bold" }, "Janne Kudsk Klitgaard"),
", gave a presentation on her research with cannabinoids in combinatorial treatment of resistant bacteria.")),
React.createElement("p", null,
"We live-streamed the symposium and made it publicly available on YouTube afterwards. ",
React.createElement("a", { target: "_blank", href: "https://youtu.be/-ji_ZAPKcHE" }, "Click here to watch it yourself"),
"."),
React.createElement(nuka_carousel_1.default, { className: "mx-auto my-10", width: "80%", dragging: true, style: {
height: 500
} },
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" })),
React.createElement("h3", null, "Engagement in Social Media"),
React.createElement("p", null,
"The ",
React.createElement("span", { className: "citation" },
React.createElement("span", { className: "citationtext" },
React.createElement("a", { href: "", target: "_blank" }, "text"))),
"use of social media is widespread globally as well as across generations. Thus, we were engaging actively with people on social media. "),
React.createElement("p", null,
"Having more than 500 followers on a social media platform is like having a full auditorium of individuals listening to you. Therefore, ",
React.createElement("span", { className: "citation" },
React.createElement("span", { className: "citationtext" },
React.createElement("a", { href: "https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4520913", target: "_blank" }, "Tan, S. Y. and Tatsumura, Y. (2015). Alexander Fleming (1881-1950): Discoverer of penicillin. Singapore Med J. 2015; 56(7): 366-367."))),
"social media has the potential to be an asset for scientists to reach out to the public and spread their messages. We have tried to do so in regard to Conjugaid, by continuously reaching out to our 1,700+ followers spread out on three social media platforms. We even had a Danish Member of Parliament, Sofie Carsten Nielsen, post a photo of us on her story to her 4,000+ followers. "),
React.createElement("p", null,
"Our activities on social media have also helped bring along collaborations between ourselves and other iGEM teams. Through group-chats with other iGEM-teams on Instagram, we have discussed our individual projects, started collaborations and helped troubleshoot issues for different teams. For instance, our ",
React.createElement("a", null, "collaboration"),
" with ",
React.createElement("a", { href: "https://2019.igem.org/Team:Amazonas-Brazil", target: "_blank" }, "Amazonas BeliE.V.E"),
" has been established throughout conversations on Instagram."),
React.createElement("div", { className: "img_container" },
React.createElement("img", { className: "", src: "
" })),
React.createElement("p", null,
"We have also been active in blogging. ",
React.createElement("a", { href: "https://2015.igem.org/Team:Yale/practices", target: "blank" }, "The Team Yale LGBTQ+ survey in 2015"),
" showed that more than half of the respondents wanted iGEM to improve the discussion on how identity impacts one\u2019s scientific career. Inspired by this, the ",
React.createElement("a", { href: "https://www.chemistryworld.com/opinion/no-sexuality-please-were-scientists/7197.article", target: "_blank" }, "Chemistry World opinion \u201CNo sexuality please, we\u2019re scientists\u201D"),
", and the ",
React.createElement("a", { target: "_blank", href: "https://www.nytimes.com/2015/09/05/opinion/manil-suri-why-is-science-so-straight.html" }, "New York Times opinion \u201CWhy is science so straight?\u201D"),
", a team-member wrote a ",
React.createElement("a", { href: "https://blog.igem.org/blog/2019/10/16/a-letter-to-my-role-model?fbclid=IwAR05hQ-U9JQPxB6zaITaNqVMu9anZiullaCq8eXxgj49JGyTh25cyXag8Ko", target: "_blank" }, "two-piece post"),
" for the iGEM blog with Landon Getz from the Diversity and Inclusion Committee on why LGBTQ+ visibility in STEM fields is important. Improving the iGEM Competition is an iterative process requiring teams, PI\u2019s, and iGEM officials to look inwards. By posting on the iGEM blog we hope to reach the people who need it and their peers, thus assisting this process.")),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionData2 }))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.PublicEngagement = PublicEngagement; //# sourceMappingURL=PublicEngagement.js.map } // default/src/components/widgets/WavesWidget.jsx $fsx.f[130] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const React = $fsx.r(3); const react_1 = $fsx.r(3); const _ = $fsx.r(44); { } const WIDTH_SCALING_FACTOR = Math.pow(10, 4); const modifyWaves = (waves) => {
return _.map(waves, (svg) => {
let responsiveHeight = 1 + (1536 - window.innerHeight) / WIDTH_SCALING_FACTOR;
svg.offset = svg.offset * 1 / responsiveHeight;
return svg;
});
}; const getInterWaveOffsetFactor = (index) => {
let responsiveFactor = 1; return (index + 1) / responsiveFactor;
}; const getWaveSectionHeight = (waves, svgRefs) => {
let values = [];
let svgs = waves;
return _.chain(svgs).map((svg, index) => {
let responsiveHeight = 1 + (1536 - window.innerHeight) / WIDTH_SCALING_FACTOR;
let divHeight = svg.offset;
if (index == svgs.length - 1) {
divHeight += svgRefs[index].current.height.baseVal.value + 50;
}
return divHeight;
}).reduce((sum, svg) => sum + svg).value();
}; const getWaveTrueOffset = (waves, index) => {
return _.chain(waves.slice(0, index + 1)).map((wave) => {
return wave.trueOffset ? wave.trueOffset : 0;
}).reduce((sum, val) => sum + val).value();
}; const updateDimensions = (setSectionHeight, setBlockHeights, svgRefs, heightRefs, waves, topOffset) => {
let allSvgLoaded = true;
_.each(svgRefs, (svg, index) => {
if (!svg.current) {
allSvgLoaded = false;
return;
}
else {
}
let height = svg.current.height.baseVal.value;
if (height <= 0) {
allSvgLoaded = false;
}
});
if (!allSvgLoaded) {
setTimeout(updateDimensions.bind(this, setSectionHeight, setBlockHeights, svgRefs, heightRefs, waves, topOffset), 50);
}
else {
let waveSectionHeight = getWaveSectionHeight(waves, svgRefs);
let sectionHeight = waveSectionHeight + topOffset;
setSectionHeight(parseInt(sectionHeight));
let isUpdated = false;
let diffs = _.map(heightRefs, (ref, index, refs) => {
let isLast = index == (refs.length - 1);
let blockSizing = ref.current.getBoundingClientRect();
let firstParent = ref.current.parentElement;
let nextElement = isLast ? firstParent.parentElement.nextElementSibling : firstParent.nextElementSibling;
let isReversed = waves[index].reversed;
if (nextElement) {
let nextElementSizing = nextElement.getBoundingClientRect();
if (isLast) {
let svgContribution = isReversed ? svgRefs[index].current.getBoundingClientRect().height : 0;
isUpdated = (nextElementSizing.top - (blockSizing.top + blockSizing.height + svgContribution)) <= 0.1;
}
if (index == 1) {
}
let waveTopOffsetDiff = Math.abs(waves[index].offset - (index == 0 ? 0 : waves[index - 1].offset));
let diff = (isReversed && isLast) ? Math.abs(nextElementSizing.top - blockSizing.top) - svgRefs[index].current.getBoundingClientRect().height : Math.abs(nextElementSizing.top - blockSizing.top);
return diff > 0 ? diff + waveTopOffsetDiff : 0 + waveTopOffsetDiff;
}
});
setBlockHeights(diffs);
if (!isUpdated) {
setTimeout(updateDimensions.bind(this, setSectionHeight, setBlockHeights, svgRefs, heightRefs, waves, topOffset), 100);
}
}
}; exports.Waves = function (props) {
$fsx.r(129);
const [sectionHeight, setSectionHeight] = react_1.useState(0);
const [blockHeights, setBlockHeights] = react_1.useState([]);
const trueOffsets = _.map(props.waves, (wave, index, waves) => {
return getWaveTrueOffset(waves, index);
});
let svgRefs = _.map(props.waves, () => react_1.useRef());
let heightRefs = _.map(props.waves, () => react_1.useRef());
let zIndexBase = props.waves.length + (props.concurrentZDelta ? -props.concurrentZDelta : 1) * 10;
react_1.useEffect(() => {
}, []);
react_1.useLayoutEffect(() => {
let update = updateDimensions.bind(this, setSectionHeight, setBlockHeights, svgRefs, heightRefs, props.waves, props.top);
window.addEventListener('resize', _.throttle(update, 100));
update();
return () => {
window.removeEventListener('resize', _.throttle(update, 100));
};
}, []);
return (React.createElement("div", { style: {
height: sectionHeight,
overflow: "hidden",
position: "relative",
top: `${props.top ? props.top : 0}px`
} },
props.children &&
React.createElement("div", { className: "overlap", style: { top: getWaveTrueOffset(props.waves, 1), } }, props.children),
props.waves.map((svg, index) => {
const sign = (props.concurrentZDelta ? props.concurrentZDelta : 0);
let zIndex = zIndexBase + index * sign + (svg.reversed ? (sign ? -sign : sign) : sign);
let responsiveHeight = 1 + (1536 - window.innerHeight) / WIDTH_SCALING_FACTOR;
return (React.createElement("div", { key: index, className: "wave", style: { zIndex: zIndex, top: (trueOffsets[index] + (svg.offset * 1 / responsiveHeight)), } },
svg.reversed &&
React.createElement("div", { ref: heightRefs[index], style: {
height: blockHeights[index],
backgroundColor: svg.color,
} }, svg.content &&
React.createElement(svg.content, Object.assign({}, props.wavesProps))),
React.createElement("svg", { ref: svgRefs[index], xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 1440 320" },
React.createElement("path", { fill: svg.color, fillOpacity: "1", d: svg.path })),
!svg.reversed &&
React.createElement("div", { ref: heightRefs[index], style: {
height: blockHeights[index],
backgroundColor: svg.color,
} }, svg.content &&
React.createElement(svg.content, Object.assign({}, props.wavesProps)))));
})));
}; //# sourceMappingURL=WavesWidget.js.map } // default/src/components/Content/People_Involved/Partners/partners.jsx $fsx.f[171] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const Buttons_1 = $fsx.r(104); class PartnersSponsors extends React.Component {
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(170);
});
}
render() {
return (React.createElement("div", { id: "sponsors" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "rubrik" }, "Sponsors & Partners"),
React.createElement("div", { className: "under-rubrik" }, "Without you, no us"),
React.createElement("div", { className: "manchet" },
React.createElement("p", { className: "" }, "We would like to say a special thank you to all of our sponsors - without them, Conjugaid would never have become what it is today."))),
React.createElement("h3", null, "The Faculty of Science at University of Southern Denmark"),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("a", { href: "https://www.sdu.dk/en/", target: "_blank" },
React.createElement("img", { src: "
" }))),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", null, " for providing us with the fundamental financial support needed in order to create and fulfill Conjugaid, and for providing us with laboratory facilities. "))),
React.createElement("h3", null, "IDA"),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("a", { href: "https://english.ida.dk/", target: "_blank" },
React.createElement("img", { src: "
" }))),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", null, "IDA is Denmark\u2019s largest interest group and trade union with more than 30,000 students in the fields of IT, natural Science and engineering. A membership of IDA gives you access to cheap insurances, academic and social events and plenty of opportunities to build networks."))),
React.createElement("h3", null, "Pharmadanmark"),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("a", { href: "https://www.pharmadanmark.dk/en", target: "_blank" },
React.createElement("img", { src: "
" }))),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", null, "Pharmadanmark is a union for professionals and students of life sciences. As specialists in the field, we ensure the best advice for our members both within career and legal counseling. With professional networks and events gives you plenty of opportunities to meet like-minded people within the life science industry."))),
React.createElement("h3", null, "SciShow"),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("a", { href: "https://www.youtube.com/user/scishow", target: "_blank" },
React.createElement("img", { src: "
" }))),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", null, "SciShow is a youtube channel that discusses science news and history and concepts. With equal parts skepticism and enthusiasm, they go a little deeper without going off the deep end. Most of the time, anyway."))),
React.createElement("h3", null, "Crash Course"),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("a", { href: "https://www.youtube.com/user/crashcourse", target: "_blank" },
React.createElement("img", { src: "
" }))),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", null, "Tons of awesome courses in one awesome channel! Nicole Sweeney teaches you sociology, Carrie Anne Philbin teaches you computer science, Craig Benzine teaches film history, and Mike Rugnetta is teaching mythology."))),
React.createElement("h3", null, "Integrated DNA Technologies"),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("a", { href: "www.idtdna.com", target: "_blank" },
React.createElement("img", { src: "
" }))),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", null, "Integrated DNA Technologies, Inc. (IDT) develops, manufactures, and markets nucleic acid products for the life sciences industry in the areas of academic research, biotechnology, agriculture, medical diagnostics, and pharmaceutical development. The company's primary business is the production of custom oligonucleotides for molecular biology applications."))),
React.createElement("h3", null, "Snapgene"),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("a", { href: "https://www.snapgene.com/", target: "_blank" },
React.createElement("img", { src: "
" }))),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", null, "SnapGene offers the fastest, easiest way to plan, visualize, document, and share your everyday molecular biology procedures. The software is used in more than sixty-five countries, in virtually every major research institution, and in most of the largest pharmaceutical and biotech companies worldwide. Free trials are available from the SnapGene website."))),
React.createElement("h3", null, "New England Biolabs"),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("a", { href: "https://www.neb.com/", target: "_blank" },
React.createElement("img", { src: "
" }))),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", null, "New England Biolabs (NEB) is renowned for consistently providing exceptional product quality and unsurpassed technical support. In addition to NEB\u2019s commitment to scientific innovation and customer relations, NEB notably ensures the environmental sustainability of the company\u2019s business practices. For nearly four decades, NEB has been shaping the landscape of bioscience research by discovering, developing and supporting superior research reagents. Our passion is our promise."))),
React.createElement("h3", null, "Browserstack"),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("a", { href: "https://www.browserstack.com/", target: "_blank" },
React.createElement("img", { src: "
" }))),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", null, "Browserstack is an online platform used by web developers and mobile app developers to test how their website or app would work on different browsers, operating systems and mobile devices. This makes it a lot easier to develop a functioning website or app that is functional to all of its users. "))),
React.createElement("h3", null, "Codecademy"),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("a", { href: "https://www.codecademy.com", target: "_blank" },
React.createElement("img", { src: "https://static.igem.org/mediawiki/2019/7/71/T--SDU-Denmark--codecademy-logo-new.svg" }))),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", null, " Codecademy has helped over 45 million people upgrade their careers with engaging, accessible, and flexible education on programming and data skills. We provide over 200 hands-on interactive lessons ranging from Python to R to Javascript and everything in between. Our learners have gone on to start companies, new jobs, and new lives thanks to what they\u2019ve learned with Codecademy."))),
React.createElement("h3", null, "Visme"),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("a", { href: "https://www.visme.co", target: "_blank" },
React.createElement("img", { src: "https://static.igem.org/mediawiki/2019/f/f5/T--SDU-Denmark--visme-logo.svg" }))),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", null, "Visme is an easy to use app that allows anyone create better visual content.They empower anyone to visualize ideas into professional Presentations & Infographics. Visme gives you easy (and powerful) tools to manage and empower your online presence. Visme is the tool of choice to create better Visual Content."))),
React.createElement("h3", null, "Webflow"),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("a", { href: "https://www.webflow.com", target: "_blank" },
React.createElement("img", { src: "
" }))),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", null, "Webflow is an online platform where you can design, develop, and manage completely custom websites, harnessing all the power of HTML, CSS, and JavaScript in a visual canvas. Webflow is the only design tool that lets you create production-level code.")))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation })));
}
} exports.PartnersSponsors = PartnersSponsors; //# sourceMappingURL=partners.js.map } // default/src/components/Content/Lab_Process_And_Parts/Parts/Parts.jsx $fsx.f[173] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const Buttons_1 = $fsx.r(104); class Parts extends React.Component {
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(172);
});
}
render() {
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "parts", className: "overflow-x-auto" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "rubrik" }, "Parts Catalog"),
React.createElement("div", { className: "under-rubrik" }, "BioBricks used throughout Conjugaid"),
React.createElement("div", { className: "manchet" },
React.createElement("p", { className: "" }, "Below you will find a complete list of all the parts that have been used throughout the development of the project. Additionally, a short explanation on the constructions of the sgRNA, the dCas, the Cas9, a GFP and an RFP fluorescent library, along with a short description on the choice of backbones is recorded. ")),
React.createElement("table", { className: "basic_parts" },
React.createElement("caption", null, "Basic Parts"),
React.createElement("thead", null,
React.createElement("tr", null,
React.createElement("th", null, "Name"),
React.createElement("th", null, "Type"),
React.createElement("th", null, "Description"),
React.createElement("th", null, "Designer"),
React.createElement("th", null, "Length (bp)"))),
React.createElement("tbody", null,
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044008", target: "_blank" }, "BBa_K3044008")),
React.createElement("td", null, "Coding"),
React.createElement("td", null,
"Codon optimized dCas9 for expression in ",
React.createElement("span", { className: "italic" }, "E. coli")),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "4107")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044024", target: "_blank" }, "BBa_K3044024")),
React.createElement("td", null, "Coding"),
React.createElement("td", null,
"Codon optimized Cas9 for expression in ",
React.createElement("span", { className: "italic" }, "E. coli")),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "4107")))),
React.createElement("table", { className: "basic_parts" },
React.createElement("caption", null, "Composite Parts"),
React.createElement("thead", null,
React.createElement("tr", null,
React.createElement("th", null, "Name"),
React.createElement("th", null, "Type"),
React.createElement("th", null, "Description"),
React.createElement("th", null, "Designer"),
React.createElement("th", null, "Length (bp)"))),
React.createElement("tbody", null,
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044001", target: "_blank" }, "BBa_K3044001")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "Strong constitutively active promoter (1.0) and GFP coding sequence"),
React.createElement("td", null, "Anne Sofie L\u00F8gstrup Henriksen"),
React.createElement("td", null, "918")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044002", target: "_blank" }, "BBa_K3044002")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "Strong constitutively active promoter (0.33) and GFP coding sequence"),
React.createElement("td", null, "Anne Sofie L\u00F8gstrup Henriksen"),
React.createElement("td", null, "918")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044003", target: "_blank" }, "BBa_K3044003")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "Strong constitutively active promoter (0.1) and GFP coding sequence"),
React.createElement("td", null, "Anne Sofie L\u00F8gstrup Henriksen"),
React.createElement("td", null, "918")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044004", target: "_blank" }, "BBa_K3044004")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "Strong constitutively active promoter (0.24) and GFP coding sequence"),
React.createElement("td", null, "Anne Sofie L\u00F8gstrup Henriksen"),
React.createElement("td", null, "918")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044005", target: "_blank" }, "BBa_K3044005")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "Strong constitutively active promoter (0.72) and GFP coding sequence"),
React.createElement("td", null, "Anne Sofie L\u00F8gstrup Henriksen"),
React.createElement("td", null, "918")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044006", target: "_blank" }, "BBa_K3044006")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "Constitutively active promoter (0.86) with a GFP coding sequence"),
React.createElement("td", null, "Anne Sofie L\u00F8gstrup Henriksen"),
React.createElement("td", null, "918")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044007", target: "_blank" }, "BBa_K3044007")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "oriT-R combined with FimH"),
React.createElement("td", null, "Anne Sofie L\u00F8gstrup Henriksen"),
React.createElement("td", null, "1635")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044009", target: "_blank" }, "BBa_K3044009")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "dCas9 with IPTG inducible promoter"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "4276")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044010", target: "_blank" }, "BBa_K3044010")),
React.createElement("td", null, "RNA"),
React.createElement("td", null, "sgRNA targeting GFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "138")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044011", target: "_blank" }, "BBa_K3044011")),
React.createElement("td", null, "RNA"),
React.createElement("td", null, "sgRNA targeting GFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "138")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044012", target: "_blank" }, "BBa_K3044012")),
React.createElement("td", null, "RNA"),
React.createElement("td", null, "sgRNA targeting GFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "138")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044013", target: "_blank" }, "BBa_K3044013")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "sgRNA/dCas9 system targeting GFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "4422")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044014", target: "_blank" }, "BBa_K3044014")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "sgRNA/dCas9 system targeting GFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "4422")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044015", target: "_blank" }, "BBa_K3044015")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "sgRNA/dCas9 system targeting GFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "4422")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044016", target: "_blank" }, "BBa_K3044016")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "Conjugative sgRNA/dCas9 system targeting GFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "4801")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044017", target: "_blank" }, "BBa_K3044017")),
React.createElement("td", null, "RNA"),
React.createElement("td", null, "sgRNA targeting mRFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "138")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044018", target: "_blank" }, "BBa_K3044018")),
React.createElement("td", null, "RNA"),
React.createElement("td", null, "sgRNA targeting mRFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "138")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044019", target: "_blank" }, "BBa_K3044019")),
React.createElement("td", null, "RNA"),
React.createElement("td", null, "sgRNA targeting mRFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "138")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044020", target: "_blank" }, "BBa_K3044020")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "sgRNA/dCas9 system targeting mRFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "4422")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044021", target: "_blank" }, "BBa_K3044021")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "sgRNA/dCas9 system targeting mRFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "4422")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044022", target: "_blank" }, "BBa_K3044022")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "sgRNA/dCas9 system targeting mRFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "4422")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044023", target: "_blank" }, "BBa_K3044023")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "dCas9 with constitutive active promoter"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "4256")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044025", target: "_blank" }, "BBa_K3044025")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "sgRNA/Cas9 system targeting mRFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "4422")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044026", target: "_blank" }, "BBa_K3044026")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "sgRNA/Cas9 system targeting mRFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "4422")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044027", target: "_blank" }, "BBa_K3044027")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "sgRNA/Cas9 system targeting mRFP"),
React.createElement("td", null, "Catharina Bang Jensen"),
React.createElement("td", null, "4422")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044028", target: "_blank" }, "BBa_K3044028")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "Conjugative dCas9 system"),
React.createElement("td", null, "Anne Sofie L\u00F8gstrup Henriksen"),
React.createElement("td", null, "4655")),
React.createElement("tr", null,
React.createElement("td", null,
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044029", target: "_blank" }, "BBa_K3044029")),
React.createElement("td", null, "Composite"),
React.createElement("td", null, "Constitutive active promoter (0.86) incl. a GFP coding sequence"),
React.createElement("td", null, "Anne Sofie L\u00F8gstrup Henriksen"),
React.createElement("td", null, "918")))))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.Parts = Parts; //# sourceMappingURL=Parts.js.map } // default/src/components/Content/Project/System_Design/Design.jsx $fsx.f[175] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const AccordionWidget_1 = $fsx.r(124); const Buttons_1 = $fsx.r(104); const WavesWidget_1 = $fsx.r(130); const topWaves = [
{
color: "#DCEEF2",
offset: 100,
path: "M0,64L60,106.7C120,149,240,235,360,250.7C480,267,600,213,720,165.3C840,117,960,75,1080,85.3C1200,96,1320,160,1380,192L1440,224L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
},
{
color: "#D0E8E6",
offset: 70,
path: "M0,256L60,229.3C120,203,240,149,360,128C480,107,600,117,720,149.3C840,181,960,235,1080,229.3C1200,224,1320,160,1380,128L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
},
{
color: "#BEE1E2",
offset: 0,
path: "M0,96L60,106.7C120,117,240,139,360,170.7C480,203,600,245,720,224C840,203,960,117,1080,85.3C1200,53,1320,75,1380,85.3L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
}
]; const bottomWaves = [
{
color: "#DCEEF2",
offset: 0,
reversed: true,
path: "M0,96L60,85.3C120,75,240,53,360,90.7C480,128,600,224,720,224C840,224,960,128,1080,117.3C1200,107,1320,181,1380,218.7L1440,256L1440,0L1380,0C1320,0,1200,0,1080,0C960,0,840,0,720,0C600,0,480,0,360,0C240,0,120,0,60,0L0,0Z"
},
{
color: "#D0E8E6",
offset: 0,
reversed: true,
path: "M0,64L48,101.3C96,139,192,213,288,218.7C384,224,480,160,576,122.7C672,85,768,75,864,101.3C960,128,1056,192,1152,218.7C1248,245,1344,235,1392,229.3L1440,224L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"
},
{
color: "#81C9C8",
offset: 0,
reversed: true,
path: "M0,96L48,128C96,160,192,224,288,240C384,256,480,224,576,213.3C672,203,768,213,864,229.3C960,245,1056,267,1152,277.3C1248,288,1344,288,1392,288L1440,288L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"
}
]; const delivery = () => {
return (React.createElement(React.Fragment, null,
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("h2", null, "Donor Design"),
React.createElement("p", null,
" ",
React.createElement("img", { className: "icon", src: "
" }),
" In order to safely and efficiently deliver our CRISPR/(d)Cas9-system to E. coli in the human intestine, we have designed a donor bacteria. "),
React.createElement("p", null, "The phrase \u201Cdonor\u201D arises from its ability to transfer its own genetic information to other neighboring bacteria. The donor bacteria is designed to contain two separate genetic elements; a plasmid carrying our CRISPR/(d)Cas9-system and a plasmid carrying information required for cell-to-cell transfer of DNA. Thus, the CRISPR/(d)Cas9-system can be efficiently transferred to acceptor E. coli."),
React.createElement("div", { className: "figure_container" },
React.createElement("img", { id: "", className: "", src: "
" })),
React.createElement("p", null,
"When designing our resistant target bacteria, we have had the occurrence of resistant genes in bacterial populations in mind. Bacteria often carry resistance genes on plasmids, typically ones with a low copy number (1, 2). This is also the case for genes encoding OXA-48. Since it is ",
React.createElement("a", { href: "http://localhost:4444/Team:SDU-Denmark/simple/Safey", target: "_blank" }, " not safe to work with actual OXA-48 genes in the laboratory "),
", we designed our target bacteria to resemble it as closely as possible by having it contain CML resistance on a low copy number plasmid."),
React.createElement("div", { className: "figure_container" },
React.createElement("img", { id: "", className: "", src: "
" }))))));
}; const crispr = () => {
return (React.createElement(React.Fragment, null,
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("h2", null, "CRISPR Action"),
React.createElement("h3", null, "CRISPR/(d)Cas9 for precision gene targeting"),
React.createElement("p", null, "To ensure specific targeting of antibiotic resistance genes, we decided to rely on the precise gene editing system, CRISPR/Cas."),
React.createElement("p", null, "When utilizing the CRISPR/Cas-system as a gene editing tool, two components are required; an sgRNA and a Cas-enzyme. Cas-enzymes are DNA specific endonucleases which perform double stranded breaks in the target DNA. To identify the target, the protein uses an RNA molecule referred to as a single guide RNA (sgRNA) which forms a complex with Cas (9). Multiple Cas-enzymes exist, and within our project we have chosen to utilize Cas9 and dCas9. "),
React.createElement("p", null, "The Cas9 enzyme is catalytically active, meaning it will directly cleave the target DNA. However, Cas9 also exists in an inactive form, which is known as dead Cas9 (dCas9). In contrast to Cas9, dCas9 does not cleave the DNA. Instead, it sterically blocks the elongation of transcription as a result of the sgRNA-DNA interaction. This will only repress the expression of the target gene thus avoiding the destruction of the gene (9)."),
React.createElement("h3", null, "Proof-of-concept through targeting fluorescence genes"),
React.createElement("p", null, "The goal of our project is to repress (using dCas9) and/or knockout (using Cas9) resistance genes. However, to achieve an initial proof-of-concept we began by targeting the fluorescence genes gfp (green) and rfp (red). "),
React.createElement("p", null, "Repression of fluorescence genes provide a visible result that can be easily measured by fluorescence microscopy. Data showing a decrease in fluorescence will provide an indication on how genes can be downregulated by the action of our CRISPR/(d)Cas9 system. "),
React.createElement("p", { className: "text-red-600" }, "Figur med CRISPR/Cas teknologien: Cas9 + sgRNA som interagerer med target)"),
React.createElement("h3", null, "How do we take advantage of the CRISPR technology?"),
React.createElement("p", null,
"Through our project, two CRISPR/Cas systems were created; one containing a Cas9 protein, another a dCas9 protein. Both proteins are codon optimized versions of part BBa_K1150000 for optimal expression in our E. coli K12 TOP10 and KG22 chassis, since the dCas9 protein already present in the iGEM 2019 kit was optimized for mammalian use. You can read more about our use of two different chassis in our ",
React.createElement("a", { href: "http://localhost:4444/Team:SDU-Denmark/simple/Parts", target: "_blank" }, " Parts-section "),
"."),
React.createElement("p", { className: "text-red-600" }, "Figur: Plasmid design, Illustration of the plasmid constructions (like SDU-2017)"),
React.createElement("p", null, "The first system is our CRISPR/Cas9 system. Here, the endonuclease activity of Cas9 is utilized by cutting the gene of interest and thus destroying it. The cut ensures that transcription and thereby translation of the gene is disrupted, thus preventing our chassis expressing the target gene (10)."),
React.createElement("p", null, "The second system is our CRISPR/dCas9. The catalytically inactive form of Cas9 induces repression of the target gene through sgRNA-DNA interaction, thus preventing the RNA polymerase to elongate during transcription. This means that the CRISPR/dCas9 system reduces the expression of the antibiotic resistance gene, but the gene is not destroyed. For this method to work efficiently, dCas9 has to be continuously expressed by the bacterium. "),
React.createElement("p", null, "The reason for using both Cas9 and dCas9 is to examine which protein is the most efficient at downregulating a particular target gene."),
React.createElement("p", null, "We designed different sgRNAs (parts nr. p\u00E5 sgRNA\u2019erne) to target different areas of the gfp, rfp and cml genes. The sgRNAs were designed as described in the protocol \u201CCRISPR interference (CRISPRi) for sequence-specific control of gene expression\u201D published in Nature (10). "),
React.createElement("p", null, "The plasmids were constructed to contain both a sgRNA with an Anderson constitutive promoter with activity 1 (BBa_J23100) and a Cas9 protein with either the constitutively active Anderson promoter or an IPTG inducible promoter (BBa_R0011) on a pSB1K3 backbone. Furthermore, an oriT (BBa_J01003) was inserted into the plasmid to make it transferable by conjugation."),
React.createElement("p", null, "With the system working efficiently, it will be possible to alter the sgRNA and transfer to any bacterium containing any resistance gene, thus making the bacteria sensitive to antibiotics again. "),
React.createElement("p", null, "Are you excited to see how it went? Hit the \u201CNext\u201D button and have a look. ")))));
}; class Design extends React.Component {
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(174);
});
}
constructor(props) {
super(props);
this.state = { visible: false };
}
show() {
document.body.classList.add("rodal-open");
this.setState({ visible: true });
}
hide() {
document.body.classList.remove("rodal-open");
this.setState({ visible: false });
}
render() {
let accordionData = {
backgroundColor: "design-accordion-bg",
title: "References",
itemTitleColor: "text-blue-800",
items: [
{
title: "System Design References",
content: `
- <a href="https://aac.asm.org/content/53/6/2227" target="_blank" class="references">Carattoli, A. (2009). Minireview: Resistance Plasmid Families in Enterobacteriaceae. Antimicrobial Agents and Chemotherapy, 53(6), 2227-2238. </a>
- <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC5545573/" target="_blank" class="references">Hoffman, M. et al. (2017). Comparative Sequence Analysis of Multidrug-Resistant IncA/C Plasmids from Salmonella enterica. Front. Microbiol., 8: 1459. </a>
- <a href="https://www.ncbi.nlm.nih.gov/pubmed/11212334" target="_blank" class="references">Mazel, D. and J. Davies (1999). Antibiotic resistance in microbes. Cell Mol Life Sci. 56(9), 742-754.</a>
- <a href="Huddleston, J. R. (2014). Horizontal gene transfer in the human gastrointestinal tract: potential spread of antibiotic resistance genes. Dovepress, 7, 167-176. " target="_blank" class="references">Huddleston, J. R. (2014). Horizontal gene transfer in the human gastrointestinal tract: potential spread of antibiotic resistance genes. Dovepress, 7, 167-176. </a>
- <a href="https://www.annualreviews.org/doi/10.1146/annurev.ge.25.120191.001051" target="_blank" class="references">Mazodier, P. and J. Davies (1991). Gene transfer between distantly related bacteria. Annual Review of Genetics, 25, 147-171. </a>
- <a href="https://www.ncbi.nlm.nih.gov/pubmed/15636742" target="_blank" class="references">Llosa, M. and F. de la Cruz (2005). Bacterial conjugation: a potential tool for genomic engineering. Res Microbiol, 156(1), 1-6. </a>
- <a href="https://www.sciencedirect.com/science/article/pii/S0168160508003279?via%3Dihub" target="_blank" class="references">Lampkowska, J. et al. (2008). A standardized conjugation protocol to assess antibiotic resistance transfer between lactococcal species. Int J of Food Microbiology, 127(1-2), 172-175. </a>
- <a href="https://www.ncbi.nlm.nih.gov/pubmed/8950812" target="_blank" class="references">Berg, R. D. (1996). The indigenous gastrointestinal microflora. Trends Microbiol, 4(11), 430-435.</a>
- <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4343198/" target="_blank" class="references">Hsu, P. D. et al. (2014). Development and Applications of CRISPR-Cas9 for Genome Engineering. Cell, 157(6), 1262-1278.</a>
- <a href="https://www.researchgate.net/publication/258055787_CRISPR_interference_CRISPRi_for_sequence-specific_control_of_gene_expression" target="_blank" class="references">Larson, M. H. et al. (2013). CRISPR interference (CRISPRi) for sequence-specific control of gene expression. Nature Protocol, 8(11), 2180-2196. </a>
- <a href="" target="_blank" class="references"></a>
}
]
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "design" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "rubrik" }, "Project Design"),
React.createElement("div", { className: "under-rubrik" }, "Three Steps"),
React.createElement("div", { className: "manchet" },
React.createElement("p", { className: "" }, "To guide you easily through our project design, we have chosen to split it into three sections:"),
React.createElement("ol", null,
React.createElement("li", null, "Donor Deisgn"),
React.createElement("li", null, "Delivery"),
React.createElement("li", null, "CRISPR Action")),
React.createElement("p", null, "Keep reading to be taken on a 3-step journey through our engineered system.")))),
React.createElement("div", { className: "relative z-50" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("h2", { className: "whiter-border" }, "Delivery"),
React.createElement("p", null, "First of all, let\u2019s talk about the remarkable ability of bacteria to exchange genetic material, and how this is contributing to the vast genetic diversity and massive success of bacterial communities. "),
React.createElement("p", null, "From a bacterial standpoint, success is seen when the ability to overcome the effects of antibiotics arises as a consequence of horizontal gene transfer (HGT) (3). So far, three different mechanisms of HGT have evolved; (i) release and uptake of DNA fragments (transformation), (ii) transfer of DNA by viruses or phages (transduction) and (iii) direct transfer of DNA between two cells with temporary physical contact (conjugation)."),
React.createElement("h3", null, "Conjugation as bacterial delivering system "),
React.createElement("p", null, "One of the major advantages of using conjugation as our delivery system rather than other mechanisms of HGT is the fact that the acceptor bacteria themselves will become new donor cells. These new donor cells are capable to further deliver the DNA to other recipient bacteria. "),
React.createElement("p", null, "Thus, by combining conjugation with our CRISPR/(d)Cas9-system, we hypothesized that our donor bacteria will initiate a domino-effect leading to further dispersal of our CRISPR/(d)Cas9-system, thereby sensitizing microbiotic E. coli to common antibiotics. "),
React.createElement("p", null, "Other advantages of using conjugation as a delivery system include targeting a broad range of bacterial strains and furthermore allowing for a high carrying capacity of genetic material (4, 5). "),
React.createElement("p", null, "But what exactly is conjugation?"),
React.createElement("p", null, "Conjugation is the only method of HGT that involves direct cell-to-cell contact and requires the presence of mobilizing conjugative factors. These factors are often located on separate plasmids of which the most well-known are R- and F-plasmids, which are self-transmissible (conjugative) and can mediate their own transfer from one bacteria to another. Transfer of the plasmid is initiated at a region called origin of transfer (oriT) from which the DNA is transmitted by a process known as rolling circle replication (6). "),
React.createElement("p", null, "Besides mediating their own transfer, these conjugative plasmids can co-transfer non-selftransmissible (non-conjugative) plasmids containing a compatible oriT region. Therefore, to make our CRISPR/(d)Cas9-system transferable, we constructed a non-conjugative plasmid containing an oriT sequence along with the CRISPR/(d)Cas9-system. This enables our CRISPR/(d)Cas9 plasmid construct to be transferred by conjugation along with the appropriate conjugative plasmid. "),
React.createElement("p", null, "Three different conjugative plasmids have been tested; two R-plasmids (RP4-8 and pRK24) and one F\u2019-plasmid (from XL1-Blue strain). As different conjugative plasmids may contain different oriT sequences, the R-plasmids that we have been using were compatible with the oriT-R (BBa_J01003) and the F-plasmid was compatible with the oriT-F (BBa_I714030)."),
React.createElement("p", { className: "text-red-600" }, "(Illustration of bacteria containing the mobilizing plasmid and the non-conjugative plasmid incl. appropriate antibiotic resistance genes). "),
React.createElement("p", null, "Many traditional methods for examining the transfer of plasmids by conjugation have relied on the seeding of bacteria on 2D surfaces, such as filters (7). However, we sought to test conjugation in an environment resembling the 3D nature of the human intestine. This was done by performing conjugation experiments in solution. Likewise, we used a high bacterial density in our conjugation experiments, aiming to mimic the high density of bacteria found within the human gastrointestinal tract (8). "),
React.createElement("p", null, "We aimed to identify the conjugative plasmid with the highest transfer frequency for both plasmids, in order to ensure a self-transmissible delivery system. We constructed donor bacteria containing the conjugative plasmid as well as a non-conjugative plasmid containing only the compatible oriT sequence. Bacteria that have received either the conjugative plasmid (TC), non-conjugative plasmid (TN) or both (TCN) were selected using appropriate antibiotics. "),
React.createElement("div", { className: "figure_container" },
React.createElement("img", { id: "", className: "", src: "
" }),
React.createElement("p", { className: "figure_name text-blue-800" }, "Figure X"),
React.createElement("p", { className: "figure_text" }, "Depicts the proportion of recipient cells that have received either the conjugative plasmid (TC), the non-conjugative donor plasmid (TN) or both plasmids (TCN). The proportion of TC, TN and TCN were obtained by dividing the number of CFU with the total number of recipient cells. Both donor and recipient cells are E. coli K12 TOP10, with donor cells containing the pRK24, RP4-8 or F\u2019 conjugative plasmid along with a non-conjugative plasmid containing a compatible oriT sequence, and recipient cells containing a low-copy number plasmid. Data are represented as mean values with standard error of mean (SEM). A two-way ANOVA with Tukey\u2019s multiple comparisons test revealed no significant differences between groups (N=4-8). ")),
React.createElement("p", null, "The data in figure X indicates a slight increase in the conjugation efficiency of the RP4-8 plasmid compared to the F\u2019- and pRK24-plasmids. Based on these results we chose the RP4-8 as the optimal conjugative plasmid for transfer of our non-conjugative plasmid containing the CRISPR/(d)Cas9-system. ")))),
React.createElement(WavesWidget_1.Waves, Object.assign({}, { waves: topWaves, top: "", concurrentZDelta: -1 })),
React.createElement("div", { className: "bg-yes" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row margin-b-0" },
React.createElement("h2", { className: "darker-border" }, "Delivery"),
React.createElement("p", null, "First of all, let\u2019s talk about the remarkable ability of bacteria to exchange genetic material, and how this is contributing to the vast genetic diversity and massive success of bacterial communities. "),
React.createElement("p", null, "From a bacterial standpoint, success is seen when the ability to overcome the effects of antibiotics arises as a consequence of horizontal gene transfer (HGT) (3). So far, three different mechanisms of HGT have evolved; (i) release and uptake of DNA fragments (transformation), (ii) transfer of DNA by viruses or phages (transduction) and (iii) direct transfer of DNA between two cells with temporary physical contact (conjugation)."),
React.createElement("h3", null, "Conjugation as bacterial delivering system "),
React.createElement("p", null, "One of the major advantages of using conjugation as our delivery system rather than other mechanisms of HGT is the fact that the acceptor bacteria themselves will become new donor cells. These new donor cells are capable to further deliver the DNA to other recipient bacteria. "),
React.createElement("p", null, "Thus, by combining conjugation with our CRISPR/(d)Cas9-system, we hypothesized that our donor bacteria will initiate a domino-effect leading to further dispersal of our CRISPR/(d)Cas9-system, thereby sensitizing microbiotic E. coli to common antibiotics. "),
React.createElement("p", null, "Other advantages of using conjugation as a delivery system include targeting a broad range of bacterial strains and furthermore allowing for a high carrying capacity of genetic material (4, 5). "),
React.createElement("p", null, "But what exactly is conjugation?"),
React.createElement("p", null, "Conjugation is the only method of HGT that involves direct cell-to-cell contact and requires the presence of mobilizing conjugative factors. These factors are often located on separate plasmids of which the most well-known are R- and F-plasmids, which are self-transmissible (conjugative) and can mediate their own transfer from one bacteria to another. Transfer of the plasmid is initiated at a region called origin of transfer (oriT) from which the DNA is transmitted by a process known as rolling circle replication (6). "),
React.createElement("p", null, "Besides mediating their own transfer, these conjugative plasmids can co-transfer non-selftransmissible (non-conjugative) plasmids containing a compatible oriT region. Therefore, to make our CRISPR/(d)Cas9-system transferable, we constructed a non-conjugative plasmid containing an oriT sequence along with the CRISPR/(d)Cas9-system. This enables our CRISPR/(d)Cas9 plasmid construct to be transferred by conjugation along with the appropriate conjugative plasmid. "),
React.createElement("p", null, "Three different conjugative plasmids have been tested; two R-plasmids (RP4-8 and pRK24) and one F\u2019-plasmid (from XL1-Blue strain). As different conjugative plasmids may contain different oriT sequences, the R-plasmids that we have been using were compatible with the oriT-R (BBa_J01003) and the F-plasmid was compatible with the oriT-F (BBa_I714030)."),
React.createElement("p", { className: "text-red-600" }, "(Illustration of bacteria containing the mobilizing plasmid and the non-conjugative plasmid incl. appropriate antibiotic resistance genes). "),
React.createElement("p", null, "Many traditional methods for examining the transfer of plasmids by conjugation have relied on the seeding of bacteria on 2D surfaces, such as filters (7). However, we sought to test conjugation in an environment resembling the 3D nature of the human intestine. This was done by performing conjugation experiments in solution. Likewise, we used a high bacterial density in our conjugation experiments, aiming to mimic the high density of bacteria found within the human gastrointestinal tract (8). "),
React.createElement("p", null, "We aimed to identify the conjugative plasmid with the highest transfer frequency for both plasmids, in order to ensure a self-transmissible delivery system. We constructed donor bacteria containing the conjugative plasmid as well as a non-conjugative plasmid containing only the compatible oriT sequence. Bacteria that have received either the conjugative plasmid (TC), non-conjugative plasmid (TN) or both (TCN) were selected using appropriate antibiotics. "),
React.createElement("div", { className: "figure_container" },
React.createElement("img", { id: "", className: "", src: "" }),
React.createElement("p", { className: "figure_name text-blue-800" }, "Figure X"),
React.createElement("p", { className: "figure_text" }, "Depicts the proportion of recipient cells that have received either the conjugative plasmid (TC), the non-conjugative donor plasmid (TN) or both plasmids (TCN). The proportion of TC, TN and TCN were obtained by dividing the number of CFU with the total number of recipient cells. Both donor and recipient cells are E. coli K12 TOP10, with donor cells containing the pRK24, RP4-8 or F\u2019 conjugative plasmid along with a non-conjugative plasmid containing a compatible oriT sequence, and recipient cells containing a low-copy number plasmid. Data are represented as mean values with standard error of mean (SEM). A two-way ANOVA with Tukey\u2019s multiple comparisons test revealed no significant differences between groups (N=4-8). ")),
React.createElement("p", { className: "margin-b-0" }, "The data in figure X indicates a slight increase in the conjugation efficiency of the RP4-8 plasmid compared to the F\u2019- and pRK24-plasmids. Based on these results we chose the RP4-8 as the optimal conjugative plasmid for transfer of our non-conjugative plasmid containing the CRISPR/(d)Cas9-system. ")))),
React.createElement(WavesWidget_1.Waves, Object.assign({}, { waves: bottomWaves, top: "0", concurrentZDelta: -1 })),
React.createElement("div", { className: "content" },
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionData }))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.Design = Design; //# sourceMappingURL=Design.js.map } // default/src/components/Content/Project/Demonstrate/Demonstrate.jsx $fsx.f[176] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const React = $fsx.r(3); const Buttons_1 = $fsx.r(104); class Demonstrate extends React.Component {
render() {
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "demonstrate" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "rubrik" }, "Demonstrate"),
React.createElement("div", { className: "under-rubrik" }, "Demonstrate"),
React.createElement("div", { className: "manchet" },
React.createElement("p", { className: "" }, " After getting to know our project design, you must be curious to see how it went! Keep reading to see our results and demonstrations of our functioning system.")))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.Demonstrate = Demonstrate; //# sourceMappingURL=Demonstrate.js.map } // default/src/components/Content/Project/Conjugation_model/Model.jsx $fsx.f[177] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const React = $fsx.r(3); const Buttons_1 = $fsx.r(104); class Model extends React.Component {
render() {
let accordionData = {
backgroundColor: "bg-blue-800",
title: "References",
itemTitleColor: "text-blue-800",
items: [
{
title: "Conjugation Model References",
content: `
- <a href="" target="_blank" class="references">MANGLER ET LINK TIL DENNE KILDE</a>
}
]
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "model" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "rubrik" }, "Conjugation Model"),
React.createElement("div", { className: "under-rubrik" }, "Kinetics of Plasmid Transfer by Conjugation"),
React.createElement("div", { className: "manchet" },
React.createElement("p", { className: "" }, " One of the primary objectives of our project is to efficiently deliver and establish the presence of the CRISPR/Cas9 plasmid in the microbiome, thus silencing the expression of resistance genes. However, actual testing of plasmid transfer in the microbiome of an individual provides several major challenges, and is beyond the scope of our project. "),
React.createElement("p", null, "Instead, we decided to build a model based on the kinetics of plasmid transfer by conjugation in a bacterial mixture that, to an extent, resembles the conditions of the human microbiome. Such a model provides valuable information of the expected treatment time required to sensitize a sufficient proportion of the colonizing gut bacteria, before the patient can be treated with common antibiotics. "),
React.createElement("p", null, "Furthermore, our model can potentially be used to predict the dosage of donor bacteria that should be administered in order to achieve a sufficient distribution of the CRISPR/(d)Cas9 plasmid within a limited timeframe."))),
React.createElement("div", { className: "row" },
React.createElement("h3", null, "Introduction"),
React.createElement("p", null, "One of the primary objectives of our project is to efficiently deliver and establish the presence of the CRISPR/Cas9 plasmid in the microbiome, thus silencing the expression of resistance genes. However, actual testing of plasmid transfer in the microbiome of an individual provides several major challenges, and is beyond the scope of our project. "),
React.createElement("p", null, "Instead, we decided to build a model based on the kinetics of plasmid transfer by conjugation in a bacterial mixture that, to an extent, resembles the conditions of the human microbiome. Such a model provides valuable information of the expected treatment time required to sensitize a sufficient proportion of the colonizing gut bacteria, before the patient can be treated with common antibiotics. "),
React.createElement("p", null, "Furthermore, our model can potentially be used to predict the dosage of donor bacteria that should be administered in order to achieve a sufficient distribution of the CRISPR/Cas9 plasmid within a limited timeframe."),
React.createElement("h3", null, "The system"),
React.createElement("p", null, "Our model is based on a paper by Levin & Rice (1980) describing the kinetics of transfer of conjugative and non-conjugative plasmids (1). The model is constructed as a series of partial differential equations, tracking the development of distinct bacterial populations based on the law of mass action. "),
React.createElement("p", null, "The five populations in our model include:"),
React.createElement("ul", null,
React.createElement("li", null, "R: Recipients only containing a resistance-conferring plasmid to distinguish them from donor cells (R)"),
React.createElement("li", null, "CN: Donors with both the conjugative and the oriT-compatible non-conjugative plasmids."),
React.createElement("li", null, "TC: Transconjugants having received only the conjugative plasmid"),
React.createElement("li", null, "TN: Transconjugants having received only the non-conjugative plasmid."),
React.createElement("li", null, "TCN: Transconjugants having received both the conjugative and the non-conjugative plasmid.")),
React.createElement("p", null, "The progress of the three types of transconjugants is probabilistic and determined by the proportion of all successful matings resulting in the transfer of either only the conjugative plasmid (C), only the non-conjugative plasmid (N), or both plasmids (CN). Of the transconjugants, only TN\u2019s still function as recipients for the conjugative plasmid, thus forming TCN\u2019s, whereas both TCN\u2019s and TC's are unable to function as recipients for future matings, but function as donors. Finally, governs the plasmid transfer rate constant (mL/cell*hr). A graphical illustration of the system is shown in the figure below. "),
React.createElement("p", { className: "text-red-600" }, "MATEMATISKE UDTRYK KAN IKKE INDS\u00C6TTES i ovenst\u00E5ende stykke eller nedst\u00E5ende stykker"),
React.createElement("p", { className: "text-red-600" }, "FIGUR MANGLER"),
React.createElement("p", null, "In order to simplify our modeling system, we made the following assumptions, some of which also are mentioned in the paper by Levin & Rice. Hold onto your hats\u2026"),
React.createElement("h3", null, "Assumptions"),
React.createElement("ol", null,
React.createElement("li", null, "All bacteria are at a sufficiently high density such that proliferation can be neglected."),
React.createElement("li", null, "Plasmid loss by segregation occurs at such a minimal rate due to selective pressure against plasmid loss that it is neglected."),
React.createElement("li", null, "Conjugation occurs randomly at a frequency proportional to the concentrations of cells containing the conjugative plasmid and the recipients (law of mass action).The rate of plasmid transfer is the same for all matings."),
React.createElement("li", null, "The rate of plasmid transfer is the same for all matings."),
React.createElement("li", null, "Cells carrying the conjugative plasmid cannot serve as recipients for either plasmid."),
React.createElement("li", null, "A constant proportion of all successful matings between CN\u2019s or TCN\u2019s and R\u2019s results in transfer of only the conjugative plasmid (C), and a constant proportion results in transfer of only the non-conjugative plasmid (N), and a constant proportion results in transfer of both plasmids (CN), and the sum of all these equal 1 (C+N+CN=1)."),
React.createElement("li", null, "A constant proportion of successful matings between CN\u2019s or TCN\u2019s and TN\u2019s results in transfer of the mobilizing plasmid (C+CN)."),
React.createElement("li", null, "The transfer of the plasmids and the transition from recipient cells to new donor cells are instantaneous processes."),
React.createElement("li", null, "The plasmid transfer rate constant is the same across the entire period.")),
React.createElement("p", null, "With these assumptions, we now express the following partial differential equations for each of the bacterial populations. CN\u2019s are not included in the equations, as these do not change over time."),
React.createElement("p", { className: "text-red-600" }, "inds\u00E6t ligninger n\u00E5r de er klar"),
React.createElement("p", null, "As the bacterial number is assumed to not change over time, the rate constant of plasmid transfer can simply be estimated by the change in total transconjugants, dT, (TN + TC - TCN) divided by the product of the average number of CN and R."),
React.createElement("p", { className: "text-red-600" }, "inds\u00E6t formel her"),
React.createElement("h3", null, "Results"),
React.createElement("p", null, "All of the parameters in equations (1)-(4) have been estimated based on the results of conjugation experiments with interrupted mating at different timepoints. The acquired values are listed in the table below."),
React.createElement("p", { className: "text-red-600" }, "Inds\u00E6t tabel og tabel tekst n\u00E5r den er klar"),
React.createElement("p", null, "The model prediction is illustrated in the graph below, showing the change in cell concentration (cells/mL) over time (hours) for the R, TC, TN and TCN populations. As expected, the concentration of R decreases over time as these transform into the different transconjugants. The TN\u2019s experience an initial increase in concentration while the concentration of R remains high, followed by a decrease, as the number of R\u2019s able to turn into TN\u2019s diminish and the concentration of TN\u2019s functioning as recipients for the conjugative plasmid increases. Both TC and TCN experience an initial rapid increase in concentration followed by a fading of the curve as the concentration of R is decreased."),
React.createElement("p", { className: "text-red-600" }, "Inds\u00E6t graf n\u00E5r den er klar"),
React.createElement("p", null, "One major observation from this model is the vast proportion of TC's formed. These are unable to function as recipients for the non-conjugative plasmid. With the aim of the project in mind, this proves as a major hurdle, as the non-conjugative plasmid supposedly contains our CRISPR/(d)Cas9-system to sensitize recipient bacteria in the gut. "),
React.createElement("p", null, "This means that a significant proportion of the recipient bacteria will never receive the CRISPR/(d)Cas9-system and thereby not become sensitive to antibiotics. Another important observation is the time required to reach a plateau in the concentration of transconjugants, approaching more than 300 hours in our model, corresponding to almost 13 days. This might pose as a potential issue if this treatment is to be used in patients that are already infected."),
React.createElement("h3", null, "System #2"),
React.createElement("p", null, "A solution to these problems could be to construct a system in which the expressions of the genes of the conjugative plasmids requires the presence of the non-conjugative plasmid in the same cell. Such a system would allow for TC's to continuously function as recipients for the non-conjugative plasmid, thus transforming into TCN\u2019s. As a consequence, this eliminates the ability of TC's to function as donors of the conjugative plasmid, providing one potentially limiting factor of this model. A graphical overview of the modified system is illustrated below."),
React.createElement("p", { className: "text-red-600" }, "Inds\u00E6t figur her"),
React.createElement("p", null, "The system can now be described by a modified set of partial differential equations, accounting for the aforementioned alterations."),
React.createElement("p", { className: "text-red-600" }, "inds\u00E6t lignigner her"),
React.createElement("p", null, "We expect the modified system to show similar outcomes in terms of plasmid transfer rate and probabilistics as the original system, hence, the same parameters as listed in table x are used for modelling of the modified system. "),
React.createElement("p", null, "What is immediately apparent from the model prediction graph below is the vast change in the distribution of the TCN\u2019s and TC's compared to the previous model. The TC\u2019s seem to follow a trajectory similar to the TN\u2019s, which is expected, as the concentration of these cells will now be reflected by both the change in recipient concentration and the concentration of TC's that now function as recipients. "),
React.createElement("p", null, "As both TC's and TN\u2019s unavoidably will get exposed to conjugative mating and end up receiving both plasmids, the concentration of TCN\u2019s increases continuously, reaching a plateau at the level of the initial concentration of recipient cells."),
React.createElement("p", { className: "text-red-600" }, " inds\u00E6t figur her"),
React.createElement("p", null, "As such, the modified model seems to prove our proposed system as an effective solution to one of the major hurdles of the original system, being an inefficient delivery of the non-conjugative plasmid to the recipient bacteria. "),
React.createElement("p", null, "The modified model predicts that eventually all recipient bacteria will end up containing both the non-conjugative CRISPR/(d)Cas9 plasmid along with the conjugative plasmid. In the context of therapeutics, the theoretical outcome of such a system is the sensitizing of all recipient gut bacteria to common antibiotics. "),
React.createElement("p", null, "However, the potential issue of the time required to reach a plateau in TCN-concentration remains apparent from the modified system. Again, as the time required for an effective propagation of both plasmids surpasses 300 hours, this might prove as a limiting factor in treating patients that are already ill from an infection."),
React.createElement("h3", null, "System #3"),
React.createElement("p", null, "We proposed that it might be more efficient to combine the CRISPR/(d)Cas9-system with the conjugative plasmid, thus only requiring the conjugative transfer of a single plasmid containing both systems rather than relying on the transfer of two separate plasmids. "),
React.createElement("p", null, "Naturally, we decided to model such a system to see if our hypothesis holds true. We based the new model on the same principles of mass action as the previous models, proving a much simpler system when dealing with the transfer of only a single plasmid. "),
React.createElement("p", null, "The system still consists of R\u2019s, CN\u2019s as well as a single population of transconjugants, which we will still denote as TCN\u2019s. A graphical overview of the modified system is shown below."),
React.createElement("p", { className: "text-red-600" }, "Inds\u00E6t figur"),
React.createElement("p", null, "As only a single transconjugant population is formed from conjugative mating between R\u2019s and CN\u2019s, this system does not deal with the probabilistics as the previous systems, as all successful matings will result in the transfer of the plasmid containing both the CRISPR/(d)Cas9-system and mobilizing conjugative factors. "),
React.createElement("p", null, "Based on these assumptions we now propose the following set of partial differential equations to describe our modified system:"),
React.createElement("p", { className: "text-red-600" }, "Inds\u00E6t ligninger"),
React.createElement("p", null, "As we suspect the plasmid transfer rate constant () to be somewhat different when dealing with the conjugative transfer of only a single plasmid, we based this value on another conjugation experiment using only a single conjugative plasmid. The conjugative plasmid only contained mobilizing conjugative factors, based on the assumption that the lack of the CRISPR/(d)Cas9-system does not significantly alter the transfer rate of the plasmid. Based on these experiments we acquired the parameter values listed in table x below."),
React.createElement("p", { className: "text-red-600" }, "Inds\u00E6t tabel"),
React.createElement("p", null, "The predicted development of the two distinct bacterial populations is shown in the graph below. From the graph we see a symmetrical relationship between the two populations, in which the concentration of TCN\u2019s increases directly proportional to the decrease in R\u2019s. This is also to be expected by simply observing the differential equation expressions above, as the expressions of the two populations are directly opposite. "),
React.createElement("p", { className: "text-red-600" }, "Inds\u00E6t graf"),
React.createElement("p", null, "The immediate benefit of using conjugative delivery of only a single plasmid is that all recipient bacteria eventually receive the plasmid by conjugation, which is also the case in this system as seen in the model prediction graph. "),
React.createElement("p", null, "Hence, besides overcoming the initial major hurdle of the original system (inefficient delivery of the CRISPR/Cas9 system), this model also seem to improve the predicted time of delivery. "),
React.createElement("p", null,
"The model predicts that almost all recipient bacteria will receive the conjugative plasmid within 200 hours, which is a significant improvement compared to the two previous systems. Although 200 hours still seems like a long time (approx. 8 days) in a therapeutic perspective, we believe other measures can be taken to further increase the efficiency of the conjugative delivery of the CRISPR/(d)Cas9-system to the gut bacteria ",
React.createElement("span", { className: "text-red-600" }, "[m\u00E5ske reference]."),
" "),
React.createElement("p", null, "Nonetheless, our modified model seems to confirm our proposed solution of combining the entire system, containing both the CRISPR/(d)Cas9-system and conjugative genes, on a single plasmid as a valid option for improving our system and project. "),
React.createElement("p", null, "Unfortunately, due to incompatibility between the conjugative plasmids and the iGEM BioBrick standards, we were unable to combine our system onto a single plasmid and are thereby prevented from confirming the model. Therefore, we highly encourage the iGEM committee to integrate conjugative plasmids into the parts catalog for the benefit of future iGEM teams. We believe that an increased availability of conjugative plasmids will expand the available options of gene transfer, and encourage future teams to who wish to utilize conjugation as a method of delivery."),
React.createElement("p", null, "To learn more about our specific laboratory procedures and the parts we have used in our project, click next."))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.Model = Model; //# sourceMappingURL=Model.js.map } // default/src/components/Content/Lab_Process_And_Parts/Protocols/Protocols.jsx $fsx.f[179] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const AccordionWidget_1 = $fsx.r(124); const Buttons_1 = $fsx.r(104); class Protocols extends React.Component {
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(178);
});
}
render() {
let accordionData = {
backgroundColor: "bg-blue-800",
title: "Protocols and SOPs",
itemTitleColor: "text-blue-800",
items: [
{
title: "SOPs",
content: `
<img src="
"> </img>
<a href="https://static.igem.org/mediawiki/2019/3/3f/T--SDU-Denmark--SOP1-LA-plates-with-antibiotic.pdf" target="_blank">SOP01 - LA plates with antibiotic</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/a/a6/T--SDU-Denmark--SOP2.pdf" target="_blank">SOP 02 - ON Culture of E.coli</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/5/57/T--SDU-Denmark--SOP3.pdf" target="_blank">SOP 03 - Gel Purification</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/7/7a/T--SDU-Denmark--SOP4.pdf" target="_blank">SOP 04 - Colony PCR with MyTaq</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/1/12/T--SDU-Denmark--SOP5.pdf" target="_blank">SOP 05 - Plasmid Miniprep</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/f/f1/T--SDU-Denmark--SOP6.pdf" target="_blank">SOP 06 - TSB Transformation</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/3/35/T--SDU-Denmark--SOP7.pdf" target="_blank">SOP 07 - Fast Digest</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/c/c0/T--SDU-Denmark--SOP8.pdf" target="_blank">SOP 08 - Conjugation Experiment</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/3/38/T--SDU-Denmark--SOP9.pdf" target="_blank">SOP 09 - Ligation</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/f/fa/T--SDU-Denmark--SOP10.pdf" target="_blank">SOP 10 - Phusion PCR</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/b/b2/T--SDU-Denmark--SOP11.pdf" target="_blank">SOP 11 - Bacterial Freezing Stock</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/8/8a/T--SDU-Denmark--SOP12.pdf" target="_blank">SOP 12 - Making LB and LA Media</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/5/52/T--SDU-Denmark--SOP13.pdf" target="_blank">SOP 13 - Agarose Gel DNA</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/8/83/T--SDU-Denmark--SOP14.pdf" target="_blank">SOP 14 - Table Autoclave</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/3/36/T--SDU-Denmark--SOP15.pdf" target="_blank">SOP 15 - Preparing Primers</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/6/68/T--SDU-Denmark--SOP16.pdf" target="_blank">SOP 16 - Conjugation Time Experiment</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/f/f8/T--SDU-Denmark--SOP18.pdf" target="_blank">SOP 18 - Speedy Vac</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/3/3a/T--SDU-Denmark--SOP19.pdf" target="_blank">SOP 19 - Preparing Eurofins Sequencing Samples</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/d/df/T--SDU-Denmark--SOP20.pdf" target="_blank">SOP 20 - Antibiotic Stock Production</a>
<img src=""> </img>
<a href="https://static.igem.org/mediawiki/2019/1/1d/T--SDU-Denmark--SOP24.pdf" target="_blank">SOP 24 - Plasmid Miniprep Without Kit</a>
}
]
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "protocols" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "rubrik" }, "Protocols & SOPs"),
React.createElement("div", { className: "under-rubrik" }, "Tekst mangler"),
React.createElement("div", { className: "manchet" },
React.createElement("p", { className: "" }, "Tekst mangler"))),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionData }))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.Protocols = Protocols; //# sourceMappingURL=Protocols.js.map } // default/src/components/Content/Lab_Process_And_Parts/Safety/Safety.jsx $fsx.f[181] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const AccordionWidget_1 = $fsx.r(124); const Buttons_1 = $fsx.r(104); const WavesWidget_1 = $fsx.r(130); const topWaves = [
{
color: "#DCEEF2",
offset: 50,
path: "M0,64L60,106.7C120,149,240,235,360,250.7C480,267,600,213,720,165.3C840,117,960,75,1080,85.3C1200,96,1320,160,1380,192L1440,224L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
},
{
color: "#D0E8E6",
offset: 0,
path: "M0,256L60,229.3C120,203,240,149,360,128C480,107,600,117,720,149.3C840,181,960,235,1080,229.3C1200,224,1320,160,1380,128L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
},
{
color: "#BEE1E2",
offset: 0,
path: "M0,96L60,106.7C120,117,240,139,360,170.7C480,203,600,245,720,224C840,203,960,117,1080,85.3C1200,53,1320,75,1380,85.3L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
}
]; class Safety extends React.Component {
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(180);
});
}
render() {
let accordionData = {
backgroundColor: "bg-blue-800",
title: "References",
itemTitleColor: "text-blue-800",
items: [
{
title: "Safety References",
content: `
- <a href="https://apps.who.int/iris/bitstream/handle/10665/312266/9789241515528-eng.pdf?ua=1" target="_blank" class="references">Critically important antimicrobials for human medicine, 6th revision. Geneva: World Health Organization; 2019. Licence: CC BY-NC-SA 3.0 IGO</a>
- <a href="https://www.ncbi.nlm.nih.gov/pubmed/25380207" target="_blank" class="references">Różańska, D. et al. (2014). The role of Escherichia coli strain Nissle 1917 in the gastro-intestinal diseases. Postepy Hig Med Dosw, 68, 1251-1256. </a>
}
]
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "safety" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "rubrik" }, "Safety"),
React.createElement("div", { className: "under-rubrik" }, "Considerations & Implementations"),
React.createElement("div", { className: "manchet" },
React.createElement("p", { className: "" }, "Working in the laboratory every day is rewarding if done safely. Keep reading to learn how we addressed the safety aspects of our project.")))),
React.createElement(WavesWidget_1.Waves, Object.assign({}, { waves: topWaves, top: "", concurrentZDelta: -1 })),
React.createElement("div", { className: "bg-yes" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("h3", { className: "margin-0" }, "General Laboratory Safety"),
React.createElement("p", null, "All our work was performed in a biosafety class 1 laboratory (BSL-1). We received relevant safety training regarding work in GMO laboratories, general laboratory safety and security procedures prior to beginning our work through workshops held by Laboratory Technician Simon Rose. In addition to the workshop, we received written safety guides and video materials about specific higher-risk procedures. We were dressed in lab coats while working, and harmful substances were handled wearing appropriate gloves and in a fume hood. This was especially relevant when working with phenol and chloroform for DNA- and RNA-purification. Additional safety equipment, such as facial screens and gloves, were worn to minimize exposure from UV boards during visualization of DNA-bands in agarose gels. "),
React.createElement("p", null, "Our laboratory is equipped with several types of emergency equipment, including multiple eye wash stations, water showers, fire blankets and extinguishers to ensure an appropriate level of safety. If questions regarding laboratory safety arose during the project, we could always get assistance and support from laboratory technicians."),
React.createElement("h3", null, "Safety Regarding Our Project Design"),
React.createElement("p", null, "Treatment of patients using our solution would include ingestion of our donor bacteria, after which the CRISPR/(d)Cas9-system can be conjugatively delivered to other intestinal bacteria. During our project, we worked on prototype proof-of-concept experiments targeting rfp and gpf using a non-pathogenic chassis. This approach was chosen instead of performing the experiments on pathogenic isolates directly from Odense University Hospital, in order to minimize health risks. After achieving proof-of-concept, we assembled a CRISPR/dCas9-system targeting CML resistance genes. This system is yet to be tested . "),
React.createElement("p", null, "Choosing to assemble a system targeting CML was partly based on laboratory convenience, existence of SOPs for its use, its prevalence in backbones in the iGEM kit and its resistance mechanism being well characterized. Furthermore, CML was chosen based on biosafety considerations. We could potentially have worked with clinical pathogenic isolates of OXA-48 producing bacteria from Odense University Hospital. However, to maintain a high degree of safety throughout our work, we chose not to. Knowing that the sgRNA in our system is easily changeable, we rest assured that OXA-48 could possibly be targeted in the future. "),
React.createElement("p", null, "Our recipient bacteria were designed to imitate an OXA-48 carrying E. coli. However, since actual OXA-48 carbapenemase-producing Enterobacteriaceae are resistant to carbapenem, it would not be safe to work with that specific resistance in our laboratory work, since carbapenem antibiotics are on the WHO's list of critically important antibiotics (1)."),
React.createElement("h3", null, "Safety Considerations Regarding the Potential Future of Our System"),
React.createElement("p", null,
"Questions such as implementation of a kill-switch and environmental risks associated with microbiome therapeutics must be taken into account when it comes to the potential future implementation of our system. Treatment with our system should be controlled by clinicians to prevent excessive use, which would otherwise promote selective pressure of the target bacteria. This is important in order to change the status quo and not contribute to the current increase of antibiotic resistance. A heat sensitive kill-switch like the one made by the ",
React.createElement("a", { href: "https://2017.igem.org/Team:Michigan", target: "_blank" }, "iGEM team from Michigan in 2017"),
" (",
React.createElement("a", null, "BBa_K2301000"),
" - ",
React.createElement("a", null, "BBa_K2301003"),
") could be implemented in our system, thereby reducing environmental risks, since donor bacteria would then be killed at temperatures below 37 \u2103. "),
React.createElement("p", null, "Noteworthy is the possibility of our donor bacteria negatively affecting the human microbiome. Thus, the safety of the donor bacteria is imperative, since it is aimed at diseased patients. Probiotic bacteria such as E. coli Nissle 1917 could be considered as a new chassis. This would be safer for the patients and the microbiome would be less affected (2, 3)."),
React.createElement("p", null,
"These reflections of our potential final product are particularly important within future studies of our project - for us as well as for any other ",
React.createElement("a", null, "future iGEM teams"),
". Furthermore, the ethical issues related to our project are highly relevant to consider. You can delve deeper into our considerations regarding the bioethical aspects of Conjugaid in the ",
React.createElement("a", null, "Human Practices"),
" section.")),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionData })))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.Safety = Safety; //# sourceMappingURL=Safety.js.map } // default/src/components/Content/Lab_Process_And_Parts/Notebook/Notebook.jsx $fsx.f[183] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const Buttons_1 = $fsx.r(104); const AccordionWidget_1 = $fsx.r(124); class Notebook extends React.Component {
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(182);
});
}
render() {
let accordionDataMarch = {
backgroundColor: "bg-blue-800",
title: "March",
itemTitleColor: "text-blue-800",
items: [
{
title: "Week 12",
content: `
03.26.19 Conjugation & CRISPR
Anne Sofie, Catharina, Annemette, Stine, Thea and Emil.
The whole week we tried to transform different parts into our model organism E. coli K12, TOP10 by following SOP6, though without any luck. Agar plates were also made with appropriate antibiotics by following SOP1. Parts that we have tried to transform:
- BBa_K873003
- BBa_J23100
- BBa_J23101
- BBa_J23111
- BBa_I0500
- BBa_I13507
`
},
{
title: "Week 13",
content: `
03.26.19 Conjugation & CRISPR
Anne Sofie, Catharina, Annemette, Stine, Thea and Emil
We figured out that the preparation of TSB buffer for our transformations was not prepared correctly. We may have forgotten to add DMSO, which makes the cells competent for transformation. Therefore, new TSB buffer was made.
Additionally, we were taught how to make a 1% agarose gel for future electrophoresis experiments and plasmid purification.
03.27.19 Conjugation & CRISPR
Annemette, Stine and Catharina
Transformation of the same parts as in week 12 was done following SOP6.
03.30.19 Conjugation & CRISPR
Stine and Anne Sofie
Transformation of the parts listed below was done:
- BBa_J23111
- BBa_J61100
`
},
{
title: "Week 14",
content: `
`
}
]
};
let accordionDataApril = {
backgroundColor: "bg-blue-800",
title: "April",
itemTitleColor: "text-blue-800",
items: [
{
title: "Week 14",
content: `
04.01.19 Conjugation & CRISPR
Anne Sofie
Colonies were observed from transformation experiments made the 03.27.19 and 03.30.19. Additionally, no colonies grew on our negative controls.
04.02.19 Target bacteria design / Fluorescens library
Anne Sofie & Emil
Transformation of the parts listed below was done by using SOP6:
- BBa_J23102
- BBa_I13504
04.03.19 Conjugation & CRISPR
Annemette and Catharina
50% glycerol solution was made for bacteria freeze stock of the different parts.
04.04.19 Conjugation & CRISPR
Catharina, Stine, Annemette and Emil
Colony PCR was made on part BBa_I13504, BBa_J23111 and BBa_J23102 by following SOP4 while a 1% agarose gel was prepared to run the PCR product to check for correct insertion of parts.
04.05.19 Conjugation & CRISPR
Catharina and Stine
Freeze stocks were made on the following parts BBa_I13504, BBa_J23111 and BBa_J23102.
`
},
{
title: "Week 15",
content: `
04.14.19 Target bacteria design / Fluorescens library
Annemette, Thea, Stine and Catharina
Using NucleoSpin Plasmid QuickPure 5.3 kit, part BBa_J23111, BBa_J23102, BBa_J23106, BBa_I13507 and BBa_I13504 was purified. The concentrations of the purified plasmids were determined using a NanoDrop machine.
Part BBa_J23106 and BBa_J23102 were digested using restriction enzyme SpeI and PstI. Part BBa_J23111, BBa_I13507 and BBa_I13504 were digested with XbaI and PstI. SOP7 was followed for this purpose.
50 mg/mL chloramphenicol stock solution was made.
Column purification using NucleoSpin Gel and PCR Clean-Up kit was done on part BBa_J23111.
NucleoSpin Gel extraction kit was used to purify part BBa_J23102, BBa_J23106, BBa_I13507 and BBa_I13504. DNA concentrations were determined using the NanoDrop.
Ligation of the following parts was performed following SOP9:
- BBa_J23111 + BBa_I13504
- BBa_J23111 + BBa_I13507
- BBa_J23106 + BBa_I13504
- BBa_J23106 + BBa_I13507
- BBa_J23102 + BBa_I13504
- BBa_J23102 + BBa_I13507
`
},
{
title: "Week 16",
content: `
04.16.19 Target bacteria design / Fluorescens library
Annemette, Anne Sofie, Stine, Thea, Emil and Catharina
Transformation of the ligated parts was performed following SOP6:
- BBa_J23111 + BBa_I13504
- BBa_J23111 + BBa_I13507
- BBa_J23106 + BBa_I13504
- BBa_J23106 + BBa_I13507
- BBa_J23102 + BBa_I13504
- BBa_J23102 + BBa_I13507
04.17.19 Target bacteria design / Fluorescens library
Annemette, Anne Sofie, Stine, Thea, Emil and Catharina
Colony PCR of the following transformations was performed following SOP4. Colony PCR was also run on undigested BBa_J23106 and BBa_J23102 and a bacteria+water sample as controls:
- BBa_J23111 + BBa_I13504
- BBa_J23111 + BBa_I13507
- BBa_J23106 + BBa_I13504
- BBa_J23106 + BBa_I13507
- BBa_J23102 + BBa_I13504
- BBa_J23102 + BBa_I13507
04.19.19 Target bacteria design / Fluorescens library
Annemette
Overnight culture (O/N) was made on the new composite parts which were verified by colony PCR yesterday.
04.19.19 Target bacteria design / Fluorescens library
Annemette
Freeze stocks were made on the new parts which have been under construction:
- BBa_J23111 + BBa_I13504
- BBa_J23111 + BBa_I13507
- BBa_J23106 + BBa_I13504
- BBa_J23106 + BBa_I13507
- BBa_J23102 + BBa_I13504
- BBa_J23102 + BBa_I13507
`
}
]
};
let accordionDataMay = {
backgroundColor: "bg-blue-800",
title: "May",
itemTitleColor: "text-blue-800",
items: [
{
title: "Week 19",
content: `
05.06.19 Conjugation & CRISPR
Stine
Agar plates with different antibiotics were made. The lab team split into two subgroups: conjugation and CRISPR.
05.09.19 Conjugation
Anne Sofie, Stine and Emil
The first conjugation experiment was run. The conjugations were between the following bacterial combinations by following SOP8:
- BBa_J01003 + BBa_I13504
- BBa_J01003 + BBa_I13507
- BBa_I714031 + BBa_I13504
- BBa_I714031 + BBa_I13507
The conjugating samples were plated on agar plates containing appropriate antibiotics to select for transconjugants. As negative controls, BBa_J01003 and BBa_I714031 was plated on an agar plate containing ampicillin and BBa_I13504 and BBa_I13507 were plated on chloramphenicol.
05.10.19 Conjugation
Stine
There were growth on all plates, unfortunately also a few colonies on the negative controls. Therefore, new agar plates were made where the temperature of the fluid agar medium was cooled down to <50℃.
05.13.19 Conjugation
Anne Sofie
From an O/N culture, a 1000x dilution was made of the following parts in selective LB broth for conjugation:
- BBa_J01003 + cml
- BBa_I13504 + cml
- BBa_J01003 + amp
- BBa_I13507 + amp
SOP8 was followed as for the last conjugation experiment carried out on 05.09.19.
05.14.19 Conjugation
Anne Sophie
The results from the conjugation experiments made on 05.13.19 looked suspicious. Apart from the positive controls, growth was only noticed on one of the combination agar plates (Amp+Cml) where the transconjugants of the combination of BBa_I13507 and BBa_I714031 were to be seen. However, since it was the only plate with growth, the results were not considered useful.
Due to exams the following month, lab work was given a lower priority than previously. The conjugation group began optimizing their protocols.
05.15.2019 and 05.16.2019: CRISPR
Annemette, Catharina and Thea
We started the design of our CRISPR/dCas9 system. We downloaded the DNA sequence for the dCas9 in the iGEM kit and codon optimized it to our chassis E. coli. It was designed without a promoter, since we wanted to test different types and strengths of promoters in our system.
Furthermore, the sgRNA’s targeting rfp and gfp were designed. In addition to the scaffold and the 20 nt DNA-interacting domain, the fragments contained a constitutively active promoter, RBS and terminator sequence.
We ordered the synthesis at Integrated DNA technologies as a part of their free delivery to iGEM teams. We look forward to receiving our DNA and get our work started!
`
},
{
title: "Week 20",
content: `
05.13.19 Conjugation
Anne Sofie
From an O/N culture, a 1000x dilution was made of the following parts in selective LB broth for conjugation:
- BBa_J01003 + cml
- BBa_I13504 + cml
- BBa_J01003 + amp
- BBa_I13507 + amp
SOP8 was followed as for the last conjugation experiment carried out on 05.09.19.
05.14.19 Conjugation
Anne Sophie
The results from the conjugation experiments made on 05.13.19 looked suspicious. Apart from the positive controls, growth was only noticed on one of the combination agar plates (Amp+Cml) where the transconjugants of the combination of BBa_I13507 and BBa_I714031 were to be seen. However, since it was the only plate with growth, the results were not considered useful.
Due to exams the following month, lab work was given a lower priority than previously. The conjugation group began optimizing their protocols.
05.15.2019 and 05.16.2019: CRISPR
Annemette, Catharina and Thea
We started the design of our CRISPR/dCas9 system. We downloaded the DNA sequence for the dCas9 in the iGEM kit and codon optimized it to our chassis E. coli. It was designed without a promoter, since we wanted to test different types and strengths of promoters in our system.
Furthermore, the sgRNA’s targeting rfp and gfp were designed. In addition to the scaffold and the 20 nt DNA-interacting domain, the fragments contained a constitutively active promoter, RBS and terminator sequence.
We ordered the synthesis at Integrated DNA technologies as a part of their free delivery to iGEM teams.
`
}
]
};
let accordionDataJune = {
backgroundColor: "bg-blue-800",
title: "June",
itemTitleColor: "text-blue-800",
items: [
{
title: "Week 23",
content: `
06.09.19 Conjugation
Stine
Transformation of the following parts were performed by following SOP6:
- BBa_pSB1K3
- BBa_J61002
- BBa_J23110
- BBa_J23114
- BBa_J23105
- BBa_J23111
`
},
{
title: "Week 24",
content: `
06.11.19 Conjugation
Stine, Annemette, Thea and Catharina.
Transformation of the following parts were performed by following SOP6:
- BBa_J23104
- BBa_R0011
O/N cultures were made on BBa_J23102, BBa_J01003, BBa_I714031, BBa_pSB1K3, BBa_J61002, BBa_J23110, BBa_J23114 and BBa_J23105.
Freeze stock of BBa_pSB1K3 was made.
06.11.2019 CRISPR
Annemette, Catharina, Stine and Thea.
The following parts were transformed into TOP10:
- BBa_J23104 (constitutively active promoter strength 0.72)
- BBa_R0011 (IPTG inducible promoter)
New LA medium was prepared and a freeze stock containing psB1K3 transformed into TOP10 was made.
06.12.19 Conjugation
Stine
Transformation results from 06.09.19 was great. However, only a few colonies were to be seen on the plates from the transformation experiment performed on 06.11.19. Therefore streak plates were made on the colonies from the transformation experiment on 06.11.19.
Conjugation experiment was performed by following SOP8. The bacteria containing the following parts were used as the donor and acceptor respectively:
- BBa_J23102 and BBa_J01003
- BBa_J23102 and BBa_I714031
06.13.19 Conjugation
Stine
Results from conjugation experiments from 06.12.19 once again looked suspicious. Therefore, colony PCR was run on part BBa_J01003 conjugated with BBa_J23102 and BBa_I714031 conjugated with BBa_J23102 by following SOP4 to check for correct part insert on our donor bacteria. The following gel was printed:
Indsæt gel fra 6/13/2019
As the gel indicates, no band is shown for the part BBa_J23102 indicating that the colonies on our plates are false positive. A band for oriT was clearly seen (length in bp: ~700).
06.15.19 CRISPR
Annemette, Catharina and Thea.
We had finally received our dCas9 and sgRNAS’s from IDT.
We started the assembly of our dCas9 plasmid. Since we ordered the dCas9
in two fragments, we digested them using SOP 07.
One dCas9 part was digested using Mfe and XbaI, the other with Mfe and PstI.
In both cases, 2.1 buffer was used and the samples were incubated at 37 degrees
for 1 hour and 30 minutes. The fragments were purified using column purification.
Furthermore, we repeated the transformation from 06.11 since it did not succeed. Following parts were transformed:
- BBa_J23104 (constitutively active promoter strength 0.72)
- BBa_R0011 (IPTG inducible promoter)
We performed miniprep of kanamycin backbone (pSB1K3) from an O/N culture using the NucleoSpin Quick Pure kit.
06.16.19 CRISPR
Annemette, Catharina and Thea
We were happy to see that there were colonies on our plates from yesterday.
We performed digest (SOP 07) of the pSB1K3 backbone purified yesterday. It was cut with XbaI and PstI to enable insertion of our dCas9 fragments. The backbone was purified from gel using NucleoSpin PCR and gel clean up.
Using SOP 09, the dCas9 fragments were ligated into our pSB1K3 in different backbone:insert ratios.
`
},
{
title: "Week 25",
content: `
06.18.19 Conjugation
Anne Sofie
We did a lot of research to figure out what was wrong with our experimental setup for the previous conjugations, and we figured out that our model organism E. coli, K12, TOP10 is an F-cell meaning that this bacterial strain is not able to serve as a donor for conjugation. This is due to the lack of a conjugative plasmid which enables bacteria to transfer plasmids between different bacterial strains in a contact-dependent manner. Thus, we were given another bacterial strain named XL1-Blue which is a natural carrier of a so called F’-plasmid. This plasmid contains the essential genes for conjugation.
On that basis, we were able to transform our model organism, E. coli, K12, TOP10, containing part BBa_J01003 into a bacteria capable of conjugating. By following SOP8, a conjugation experiment was performed where the XL1-Blue strain served as our donor bacteria and TOP10 served as our recipient bacteria. The conjuating sample was plated on agar plates containing the appropriate antibiotics to select for TOP10 colonies that have been receiving the F’-plasmid.
06.18.2019 CRISPR
Anne Sofie and Thea
We transformed our ligations of dCas9/kanamycin backbone from 06.16 into TOP10 using SOP 06.
06.20.2019 Conjugation
Anne Sofie
The conjugation of the F’-plasmid into the bacteria containing part BBa_J01003 from 06.18.19 succeeded, since we saw colonies on the agar plates containing a combination of antibiotics which selected for bacteria containing the BBa_J01003 and the F’-plasmid. Since E. coli, K12, TOP10 is resistant to streptomycin, the agar plate contained tetracycline (F’-plasmid), chloramphenicol (BBa_J01003), and streptomycin (E. coli, K12, TOP10). Furthermore, the negative controls showed no growth which indicated that the XL1-Blue did not have resistance to chloramphenicol and streptomycin prior to conjugation and the bacteria containing the BBa_J01003 did not have resistance to tetracycline prior to conjugation.
06.20.2019 CRISPR
Annemette and Catharina
Since the transformation of dCas9 in pSB1K3 did not succeed the 06.18, we repeated the transformation of the ligations.
06.21.2019 CRISPR and Target bacteria design / Fluorescens library
Annemette, Catharina and Thea
The dCas9/pSB1K3 transformation was still not successful.
We performed miniprep on several biobrick parts:
- BBa_I13504 (RBS, gfp, terminator)
- BBa_J23110 (constitutively active promoter strength 0.33)
- BBa_J23114 (constitutively active promoter strength 0.10)
- BBa_J23105 (constitutively active promoter strength 0.24)
- BBa_J23104 (constitutively active promoter strength 0.72)
- BBa_R0011 (IPTG inducible promoter)
We got very low concentrations on the purified plasmid and continued to do so for the next couple of weeks. Important note: Make miniprep of ON cultures! Not bacteria grown to start-exponential phase.
Using SOP 07 we digested J23110, J23114, J23105 with SpeI and PstI and I13504
with XbaI and PstI and incubated them. Since we thought that purifying them
using a column was the right thing to do, we could not use our samples.
Our dCas9 fragments were cut again, one with XbaI and Mfe,
the other one with Mfe and PstI. They were ligated together in different
ratios overnight using SOP 09.
06.22.2019 CRISPR and Target bacteria design / Fluorescens library
Annemette, Catharina and Thea
Following SOP 07 we repeated the digest performed on the 06.21. This time,
we purified the digested plasmids on a gel as we were supposed to (SOP 03).
We ligated different strengths of promoters with the gene encoding GFP using SOP 09.
The ligated dCas9 fragments were transformed into TOP10 using SOP 06.
06.23.2019 Conjugation
Stine
A new conjugation experiment was made by following SOP8. Here, the new donor containing the BBa_J01003 part and the F’-plasmid was mated with an acceptor bacteria containing the BBa_J23102 part with a third resistance (ampicillin), to be able to select for transconjugants that have received both the F’-plasmid and the plasmid containing the oriT.
06.23.2019 Target bacteria design / Fluorescens library
Annemette, Catharina, Stine and Thea
The ligations containing GFP with different promoter strengths were transformed into TOP10 using SOP 06.
`
},
{
title: "Week 26",
content: `
06.24.2019 Conjugation
Stine
The conjugation experiment showed the best results so far. Colonies were to be seen on the agar plates selecting for transconjugants containing both the F’-plasmid and the parts BBa_J01003 and BBa_BBa_J23102.
Since we have started to see more promising results in the conjugation group, the step will be on improving the used conjugation protocol.
06.24.2019 Target bacteria design / Fluorescens library
Annemette, Catharina, Stine and Thea
Only a few plates showed transformants. We ran PCR and gel electrophoresis on them and confirmed that the backbone had religated and GFP not inserted.
We performed transformation of a part (har ikke nummer på registry?)into TOP10 using two different SOPs (SOP06 as well as calcium competent cells) to check if something was wrong with our transformation protocol.
06.24.2019 CRISPR
Annemette, Catharina, Thea
Unfortunately, the transformation of the ligated dCas9 parts was not successful.
06.25.2019 Target bacteria design / Fluorescens library
Annemette, Emma and Thea
Since we did not have any transformants on either of the plates (following our own SOP or calcium
competent cells), we thought that there might be something wrong with our TOP10. For that reasons,
we got a new one.
Miniprep was made on the following parts from O/N-cultures - and we finally got good concentrations again.
- BBa_I13504 (RBS, gfp, terminator)
- pSB1K3 (Kanamycin backbone)
- BBa_J23110 (constitutively active promoter strength 0.33)
- BBa_J23114 (constitutively active promoter strength 0.10)
- BBa_J23105 (constitutively active promoter strength 0.24)
- BBa_J23104 (constitutively active promoter strength 0.72)
- BBa_R0011 (IPTG inducible promoter)
The GFP part was cut with XbaI and PstI while backbones with promoters were cut with Spe and PstI.
This was done to enable insertion of gfp after different promoters.
After incubation, the different parts were purified on a gel and ligated in different backbone:insert ratios.
06.26.2019 Target bacteria design / Fluorescens library
Annemette, Catharina and Thea
The ligations from yesterday as well as the necessary controls were transformed into the new TOP10 and plated onto plates containing the appropriate antibiotic.
06.27.2019 Target bacteria design / Fluorescens library
Annemette, Catharina and Thea
We finally had transformants on our plates!
`
}
]
};
let accordionDataJuly = {
backgroundColor: "bg-blue-800",
title: "July",
itemTitleColor: "text-blue-800",
items: [
{
title: "Week 27",
content: `
Day
Participants
Texts
`
},
{
title: "Week y",
content: `
Day
Participants
Texts
`
},
{
title: "Week y",
content: `
Day
Participants
Texts
`
},
{
title: "Week y",
content: `
Day
Participants
Texts
`
}
]
};
let accordionDataAugust = {
backgroundColor: "bg-blue-800",
title: "August",
itemTitleColor: "text-blue-800",
items: [
{
title: "Week 32",
content: `
08.05.2019 Conjugation
Anne Sofie
While waiting on the ordered conjugative plasmids and parts, data on the F’-plasmid was obtained to get an idea of its conjugation abilities. By following SOP8 the F’-plasmid was conjugated from an XL1-Blue strain into our model bacteria E. coli, TOP10, K12 once again. This donor will now be utilized to study the conjugative abilities of the F’-plasmid between the E. coli, TOP10, K12 strain. Corrections for total cell number was done by measuring the OD600 before plating on agar plates containing appropriate antibiotics.
08.05.19 CRISPR
Catharina
After purifying plasmids containing sgRNA’s in a kanamycin backbone, these plasmids
as well as the Cas9 fragment and dCas9 in a kanamycin backbone were digested using SOP 07.
The backbone containing the sgRNA’s were digested with EcoRI and XbaI to allow insertion of
dCas9 (cut with EcoRI and SpeI) in front of the sgRNA. The digested parts were purified using
either gel purification or PCR clean up. The products were ligated overnight using SOP 09.
08.06.2019 Conjugation
Anne Sofie
The conjugation results produced on 08.05.19 started to look as expected and the dilutions of the conjugating samples started to look more consistent. Therefore, another replicate was made to test for consistency in the conjugation process.
08.06.19 CRISPR
Catharina
The ligations from yesterday were transformed into TOP10 using SOP06.
The Cas9 fragment and our dCas9 in a kanamycin backbone with a constitutively
active promoter were digested using SOP 07.
08.07.2019 Conjugation
Anne Sofie
The number of colonies on the agar plates selecting for transconjugants looked reasonable when comparing the conjugation results from the 08.05.19 and 08.06.19 suggesting that the conjugation group started to get on the right track at last. We are getting optimistic about our future conjugation experiments again.
08.07.19 CRISPR
Catharina
After running colony PCR (SOP 04) and gel electrophoresis (SOP14) it was revealed that the ligation done the 08.05 had not succeeded.
08.08.19 CRISPR
Catharina
We digested the oligos containing our sgRNA’s as well as plasmids containing dCas9 using SOP 07.
After several attempts on inserting the dCas9 in the plasmids containing sgRNA, we thought that it
might be easier to insert a smaller fragment (the sgRNA) into the dCas9 plasmid. This time the oligos
(sgRNA) was cut with EcoRI and SpeI while the dCas9 plasmids was cut with EcoRI and XbaI to allow
insertion of the sgRNA’s in front of dCas9. After purifying the fragments on a column they were ligated
overnight following SOP 09.
Furthermore some dCas9 backbone was digested so the Cas9 fragment could be inserted instead.
08.09.19 CRISPR
Catharina
The ligations were transformed into TOP10 following SOP06.
08.11.2019 Conjugation
Anne Sofie and Emil
Investigations on how the final target bacteria should look like was initiated today. Since resistance genes in plasmids are often found on low-copy-number plasmids, we sought to find such a plasmid. Therefore, transformation of the backbones pSB4C5 and pSB3C5 was performed. These bacteria, will serve as the recipient bacteria for the upcoming conjugation experiments.
`
},
{
title: "Week 33",
content: `
08.12.2019 Conjugation
Anne Sofie
Conjugative plasmids, RP4-8 and pRK24, was received from Addgene. Streak plates were made of the bacterial stab. Additionally, new agar plates containing appropriate antibiotics for the upcoming days for conjugation was made.
08.12.2019 CRISPR
Catharina and Thea
Since the ligation from the 08.08 did not succeed, the constructs were made again. The parts were digested (SOP 07) with the same restriction enzymes as last time, but the ligation (SOP 09) was performed in other backbone:insert ratios. The samples were incubated overnight.
08.13.2019 Conjugation
Anne Sofie
By following SOP8, the RP4-8 and pRK24 was conjugated into separate samples of bacteria each containing part BBa_J01003. These new bacteria, now containing the oriT-R part and either the RP4-8 or the pRK24 plasmid, will serve as the new donors which have to prove the ability of bacteria to deliver a non-conjugative plasmid of our own design.
08.13.2019 CRISPR
Catharina and Thea
A digested Cas9 fragment was inserted into the dCas9 backbone that was digested the 08.08
following SOP 09 with incubation at room temperature for 2 hours.
Both the Cas9/backbone ligation as well as the dCas9/sgRNA ligations were transformed into
TOP10 using SOP 06.
08.14.2019 CRISPR
Thea
Since there were no transformants on the plates, another digest was performed
on the plasmids containing sgRNAs and the dCas9 using SOP 07. Furthermore, the
dCas9 backbone was digested with another set of restriction enzymes to enable
insertion of the Cas9 fragment.
The gel purified sgRNAs were ligated together with the column purified backbones
containing dCas9 and promoter using SOP 09. The ligations were incubated at room
temperature for two hours before they were transformed into TOP10 using SOP06.
08.14.2019 Target bacteria design / Fluorescens library
Emil and Anne Sofie
Part BBa_I13504 and BBa_J23102 were purified by using NucleoSpin® Plasmid QuickPure kit. The parts were gel purified using GenElute™ Gel Extraction Kit and ligated using SOP7. This new composite part, BBa_K3044006, was meant to work as our target bacteria.
08.15.2019 CRISPR
Annemette, Catharina and Thea
Since there were no colonies on our transformant plates the constructs had to be made again. This time our oligos (containing sgRNA) were digested instead of the plasmids containing them. In addition to ligating the sgRNAs into the dCas9 plasmids, the Cas9 fragment was again inserted into the dCas9 plasmid cut with other restriction enzymes.
08.15.2019 Target bacteria design / Fluorescens library
Emil and Anne Sofie
Part BBa_K3044006 and backbone pSB3C5 was transformed into E. coli, K12, TOP10. These bacteria will serve as the target bacteria that we may choose to test our CRISPR/(d)Cas9 system in.
08.15.2019 Conjugation
Anne Sofie and Emil
The conjugation group sought to investigate how to optimize the conjugation process. By consulting with our supervisors we got interested in utilizing FimH hoping to improve and thereby increase the rate of the transfer of plasmids. Therefore, we purified the part BBa_K1850011, BBa_J01003 and backbone pSB1K3. The following two constructs were made:
- BBa_J01003 inserted in a pSB1K3 backbone
- BBa_J01003 and BBa_K1850011 inserted into a pSB1K3 backbone
08.16.2019 CRISPR
Catharina
Since there were colonies on the plates, a colony PCR (SOP 04) was made. Unfortunately, when running the PCR products on a gel (SOP 14) the bands were not as expected which indicated that the ligation did not succeeded.
08.16.2019 CRISPR
Thea
Miniprep was made on O/N cultures containing dCas9 with different promoters.
08.18.2019 CRISPR
Thea
Another digest (SOP 07) and ligation (SOP 09) was performed to make our constructs containing dCas9 and sgRNA. After incubating the reactions at 37℃ for digestion, the enzymes were heat inactivated afterwards. Both the cut oligos and dCas9 plasmid were purified from a column.
08.17.2019 Conjugation
Emil
Colony PCR was run on pSB1K3 and BBa_K3044007 to check for correct insertion of plasmid and part.
`
},
{
title: "Week 34",
content: `
08.19.2019 Conjugation
Emil, Stine and Anne Sofie
The following donor bacteria were designed by conjugating the ordered plasmids as follows:
- The pRK24 plasmid was conjugated into the bacteria containing the part BBa_J01003 in a pSB1K3 backbone
- The pRK24 plasmid was conjugated into the bacteria containing the part BBa_K3044007 in a pSB1K3 backbone
- The RP4-8 plasmid was conjugated into the bacteria containing the part BBa_J01003 in a pSB1K3 backbone
- The RP4-8 plasmid was conjugated into the bacteria containing the part BBa_K3044007 in a pSB1K3 backbone
08.19.2019 CRISPR
Thea
The digested parts from yesterday (sgRNA and dCas9) were ligated in different ratios using SOP 09. After incubation at room temperature for two hours the ligations were transformed into TOP10 using SOP 06.
08.20.2019 Conjugation
Emil, Stine and Anne Sofie
Transformation of part BBa_I714030 into E. coli, TOP10, K12 by using SOP6.
08.20.2019 CRISPR
Thea
Since there were colonies on our plates, a colony PCR (SOP 04) and gel electrophoresis (SOP 014) was made to confirm the ligations. Unfortunately, the gel showed that the sgRNA’s were not inserted.
08.20.2019 Target bacteria design / Fluorescens library
Emil, Stine and Anne Sofie
Plasmid purification was done on the following parts which are to be used to design some of the target bacteria:
- Backbone pSB4C5
- Backbone pSB3C5
- BBa_K3044006
- BBa_J23110
- BBa_K3044002
08.21.2019 Target bacteria design / Fluorescens library
Stine
Digest on the following parts was performed by using SOP7:
- Backbone pSB4C5
- Backbone pSB3C5
- BBa_K3044006
- BBa_J23110
- BBa_K3044002
08.22.2019 CRISPR
Thea
Another attempt on insering the sgRNAs into our dCas9 plasmid was made. This time our sgRNA’s were cut out of the backbone with EcoRI and SpeI while the dCas9 plasmid was opened by cutting with EcoRI and XbaI using SOP 07. After purification of the sgRNA and the dCas9 plasmid, they were ligated for two hours at room temperature using SOP 09. Afterwards our ligations were transformed into TOP10 using SOP 06.
08.22.2019 Conjugation
Stine
The donor cells made on 08.19.19 was made again due to suspicious results from the colony PCR that was run on the new donor cells:
- The pRK24 plasmid was conjugated into the bacteria containing the part BBa_J01003 in a pSB1K3 backbone
- The pRK24 plasmid was conjugated into the bacteria containing the part BBa_K3044007 in a pSB1K3 backbone
- The RP4-8 plasmid was conjugated into the bacteria containing the part BBa_J01003 in a pSB1K3 backbone
- The RP4-8 plasmid was conjugated into the bacteria containing the part BBa_K3044007 in a pSB1K3 backbone
08.23.2019 CRISPR
Annemette and Thea
Unfortunately there were no colonies on our transformant plates except very few, small ones on our transformation of the dCas9 (withour sgRNA) which were used to test if the cells were competent. Due to the very small amount of cells, it is possible that the cells were not competent. For that reason, a new TSB buffer was made and transformation of the remaining dCas9:sgRNA ligation performed using SOP 06.
08.24.2019 CRISPR
Annemette and Thea
Colony PCR (SOP 04) was run on the few transformants. The gel (SOP 013) indicated that one sgRNA was inserted.
Another digest (SOP 07) and ligation (SOP 09) was performed on the dCas9 and sgRNAs.
08.24.2019 Conjugation
Anne Sofie and Emil
Two parallel conjugation experiments were set up to be able to compare the effect of the conjugation efficiency when FimH is present in the non-conjugative plasmid or not. SOP8 was followed.
08.25.2019 CRISPR
Thea
Transformation of the ligations from yesterday was performed using SOP 06.
08.26.2019 Conjugation
Anne Sofie and Emil
`
},
{
title: "Week 35",
content: `
08.26.2019 CRISPR
Annemette and Thea
Colony PCR (SOP 04) was performed on the transformants. The gel electrophoresis (SOP 013) revealed that one sgRNA was inserted into our dCas9 plasmid.
08.29.2019 Conjugation
Anne Sofie
A replicate of the conjugation between the donor containing the part BBa_I714030 including the F’-plasmid and the acceptor pSB4C5 was carried out by following SOP8.
08.29.2019 CRISPR
Annemette and Thea
Miniprep was done on our plasmids containing sgRNAs in a kanamycin backbone as well as our dCas9 plasmids. Using SOP07 our dCas9 plasmid was cut with EcoRI and XbaI while the sgRNA plasmids were cut with EcoRI and SpeI. After heat inactivation and purification the parts were ligated overnight using SOP09.
08.30.2019 CRISPR
Annemette and Thea
Using SOP06 our ligations were transformed into TOP10.
08.30.2019 CRISPR
Thea
Since our transformation did not succeed, new overnight cultures of the plasmids containing dCas9 and sgRNA were made.
09.01.2019 CRISPR
Thea
Miniprep was made of the overnight cultures and digest was performed using SOP 07 (cut with the same restriction enzymes as 08.29.19). After purification the parts were ligated in different ratios overnight.
`
}
]
};
let accordionDataSeptember = {
backgroundColor: "bg-blue-800",
title: "September",
itemTitleColor: "text-blue-800",
items: [
{
title: "Week 36",
content: `
09.03.2019 Conjugation
Anne Sofie and Emil
A conjugation experiment between the donor containing the BBa_J01003 on a pSB1K3 backbone including the RP4-8 plasmid and the acceptor containing an pSB4C5 backbone was performed using SOP8. Additionally, another conjugation experiment was made by using a donor containing the composite part BBa_K3044007 in a pSB1K3 backbone.
09.03.2019 CRISPR
Catharina and Thea
The transformation from yesterday was transformed into TOP10 using SOP06.
09.03.2019 CRISPR
Catharina
There were colonies on our transformants. Colony PCR and gel electrophoresis were made on the transformants using SOP 04 and SOP 013. The gel revealed that some of our sgRNA’s were successfully inserted into our dCas9 plasmid.
Day
Participants
Texts
`
},
{
title: "Week 37",
content: `
09.09.2019 Conjugation
Anne Sofie and Emil
The conjugation group sought to develop a conjugation protocol to follow the transfer of plasmids over time. SOP16 has been developed for this purpose. However, the experimental setup has been long in the making. Therefore, SOP16 is the final version of the optimized protocol that we were handed. The following days will be an imperfect version of this optimized SOP. The development of the final SOP was done by making trial and error experiments.
For this experiment the donor bacteria contained the oriT-R part, BBa_J01003, in a pSB1K3 backbone. The acceptor bacteria contained the usual pSB4C5 backbone.
The experiments were carried out in duplicates where the donor contained the part BBa_J01003 on a pSB1K3 backbone apart from from RP4-8 plasmid and the recipient bacteria containing the backbone pSB4C5. A five-hour conjugation experiment was performed where the conjugation sample was interrupted each hour to plate on agar plates containing appropriate antibiotics.
09.13.2019 Conjugation
Emil
Day
Participants
Texts
Day
Participants
Texts
`
},
{
title: "Week 38",
content: `
09.19.2019 Target bacteria design / Fluorescens library
Anne Sofie
Plasmid purification was done on the following parts by using SOP5 or the NucleoSpin® Plasmid QuickPure kit:
- pSB4C5 backbone
- pSB3C5 backbone
- BBa_J23102
- BBa_J23110
- BBa_K3044002
- BBa_K3044006
The parts above were purified from a gel which was done by following SOP3 followed by ligation of the parts in the following order:
- pSB4C5 backbone + BBa_J23102
- pSB4C5 backbone + BBa_J23110
- pSB4C5 backbone + BBa_K3044002
- pSB4C5 backbone + BBa_K3044006
- pSB3C5 backbone + BBa_J23102
- pSB3C5 backbone + BBa_J23110
- pSB3C5 backbone + BBa_K3044002
- pSB3C5 backbone + BBa_K3044006
09.20.2019 Target bacteria design / Fluorescens library
Anne Sofie
Transformation of the ligation products from 09.19.19 was carried out.
`
},
{
title: "Week 39",
content: `
09.26.2019 Conjugation
Anne Sofie and Emil
For the time experiment today, rotation was applied while the samples were incubating. Rotation was applied to avoid pellet formation over time. Hopefully this adjustment can contribute to a more linear progress of the dispersal of the plasmids over time. Again, the donor contained the part BBa_J01003 apart from the RP4-8 plasmid. The acceptor bacteria contained the pSB4C5 backbone.
09.28.2019 Conjugation
Emil and Anne Sofie
SOP16 was developed and followed for another duplicate of the time experiment on conjugation as performed on 09.26.19.
CRISPR
`
},
{
title: "Week 40",
content: `
10.01.19 Conjugation & CRISPR
Anne Sofie, Emil, Thea, Catharina and Annemette
The data from the final time experiments was processed and the data have never looked that great.
Assembly of the CRISPR-plasmid (including the parts BBa_?? And BBa_??) with the oriT-R part BBa_J01003 was initiated.
Plasmid purification on part BBa_J01003, BBa_85, and BBa_86 was done by using NucleoSpin® Plasmid QuickPure kit.
The parts were digested by following SOP7 and they were ligated by following SOP9 in the following order:
- BBa_85 + BBa_J01003
- BBa_39 + BBa_J01003
- BBa_58 + BBa_J01003
10.03.19 Conjugation & CRISPR
Emil
The ligation product from 10.01.19 was transformed into e. Coli, K12, TOP10.
10.05.19 Conjugation & CRISPR
Anne Sofie
To create the donor bacteria for an experiment to prove an increase in plasmid dispersal, the RP4-8 plasmid was conjugated into an e. Coli, K12, TOP10. SOP8 was used.
10.05.19 Conjugation & CRISPR
Anne Sofie
Plasmid purification was made on BBa_J01003, pSB1K3 backbone, BBa_39, BBa_58, and BBa_85 by following NucleoSpin® Plasmid QuickPure kit.
Digestion was done on the same parts written above by following SOP7 and was further ligated in the following order by using SOP9:
- BBa_85 + BBa_J01003
- BBa_39 + BBa_J01003
- BBa_58 + BBa_J01003
Transformation of the ligation samples written above was done by following SOP6.
CRISPR
Participants
Texts
`
}
]
};
let accordionDataOctober = {
backgroundColor: "bg-blue-800",
title: "October",
itemTitleColor: "text-blue-800",
items: [
{
title: "Week 41",
content: `
10.08.19 Conjugation & CRISPR
Anne Sofie and Emil
Colony PCR was run on colonies containing part BBa_85 in a pSB1K3 backbone from the transformation performed on 10.06.19 by using SOP4. However, the results did not turn out well.
Furthermore, colony PCR was run on the final conjugation experiment between the donor bacteria containing part BBa_J01003 and the RP4-8 plasmid and the target bacteria containing the pSB4C5 backbone. This gel confirms the presence of the following parts in the respective transconjugants:
- TN: BBa_J01003 and BBa_J04450
- TC: BBa_J04450 (incl. the RP4-8 plasmid which cannot be confirmed by colony PCR and gel electrophoresis. However, the presence of the RP4-8 plasmid was confirmed by selecting for on agar plates containing appropriate antibiotics.
- TNC: BBa_J01003 and BBa_J04450 (incl. the RP4-8 plasmid)
10.09.19 Conjugation & CRISPR
Anne Sofie
Transformation of the newly assembled plasmids, which would serve as the final plasmid constructs for our system was done by following SOP6.
10.10.19 Conjugation & CRISPR
Anne Sofie and Emil
Colony PCR was run on the colonies from the transformation experiment performed on 10.09.19 to identify the correct ligated plasmids. One colony from each transformation showed the expected band on the gel.
The RP4-8 plasmid was conjugated into the newly designed bacteria containing the following parts:
- BBa_150
- BBa_151
The conjugation was performed by following SOP8 using the bacteria containing the RP4-8 plasmid as donors and either of the three bacteria containing the parts written above.
10.11.19 Conjugation & CRISPR
Anne Sofie and Emil
Colony PCR was run on the transconjugants from the conjugation experiment on 10.10.19.
Control experiments was made for conjugation to ensure that the transfer of the oriT part (BBa_J01003) is only transferred when the RP4-8 plasmid id present. This was done by designing two other donors; one containing the conjugative RP4-8 plasmid and the pSB1K3 backbone without the oriT-part incorporated and another donor only containing the pSB1K3 backbone with oriT incorporated.
10.12.19 Conjugation & CRISPR
Anne Sofie and Emil
Colony PCR was run on part BBa_150 and BBa_151 due to inconsistent results from 10.11.19.
10.13.19 Conjugation & CRISPR
Anne Sofie
The final experiment to prove the concept of our project was performed by conjugating our final plasmid BBa_?? Into the designed accepter bacteria containing the part BBa_99. The experiments were carried out by following SOP8.
`
},
{
title: "Week 42",
content: `
10.14.19 Conjugation & CRISPR
Anne Sofie and Emil
Colony PCR was run on the transconjugants from the conjugation experiment made on 10.13.19. The bands in the gel proved the presence of both the BBa_?? containing the CRISPR/(d)Cas system and the oriT-R and the target plasmid containing the part BBa_99 coding for GFP.
`
},
{
title: "Week y",
content: `
Day
Participants
Texts
`
}
]
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "notebook" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "rubrik" }, "Notebook"),
React.createElement("div", { className: "under-rubrik" }, "Mangler tekst"),
React.createElement("div", { className: "manchet" },
React.createElement("p", { className: "" }, "Mangler tekst."))),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionDataMarch })),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionDataApril })),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionDataMay })),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionDataJune })),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionDataJuly })),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionDataAugust })),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionDataSeptember })),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionDataOctober }))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.Notebook = Notebook; //# sourceMappingURL=Notebook.js.map } // default/src/components/Content/Human_Practices/IHP/IHP.jsx $fsx.f[184] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const React = $fsx.r(3); const Buttons_1 = $fsx.r(104); const WavesWidget_1 = $fsx.r(130); const AccordionWidget_1 = $fsx.r(124); const topWaves = [
{
color: "#DCEEF2",
offset: 50,
path: "M0,64L60,106.7C120,149,240,235,360,250.7C480,267,600,213,720,165.3C840,117,960,75,1080,85.3C1200,96,1320,160,1380,192L1440,224L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
},
{
color: "#D0E8E6",
offset: -30,
path: "M0,256L60,229.3C120,203,240,149,360,128C480,107,600,117,720,149.3C840,181,960,235,1080,229.3C1200,224,1320,160,1380,128L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
},
{
color: "#BEE1E2",
offset: 0,
path: "M0,96L60,106.7C120,117,240,139,360,170.7C480,203,600,245,720,224C840,203,960,117,1080,85.3C1200,53,1320,75,1380,85.3L1440,96L1440,320L1380,320C1320,320,1200,320,1080,320C960,320,840,320,720,320C600,320,480,320,360,320C240,320,120,320,60,320L0,320Z"
}
]; const bottomWaves = [
{
color: "#DCEEF2",
offset: 0,
reversed: true,
path: "M0,96L60,85.3C120,75,240,53,360,90.7C480,128,600,224,720,224C840,224,960,128,1080,117.3C1200,107,1320,181,1380,218.7L1440,256L1440,0L1380,0C1320,0,1200,0,1080,0C960,0,840,0,720,0C600,0,480,0,360,0C240,0,120,0,60,0L0,0Z"
},
{
color: "#D0E8E6",
offset: 0,
reversed: true,
path: "M0,64L48,101.3C96,139,192,213,288,218.7C384,224,480,160,576,122.7C672,85,768,75,864,101.3C960,128,1056,192,1152,218.7C1248,245,1344,235,1392,229.3L1440,224L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"
},
{
color: "#81C9C8",
offset: 50,
reversed: true,
path: "M0,96L48,128C96,160,192,224,288,240C384,256,480,224,576,213.3C672,203,768,213,864,229.3C960,245,1056,267,1152,277.3C1248,288,1344,288,1392,288L1440,288L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z"
}
]; class IHP extends React.Component {
render() {
let accordionData = {
backgroundColor: "bg-blue-800",
title: "References",
itemTitleColor: "text-blue-800",
items: [
{
title: "Project & Inspiration References",
content: `
- <a href="" target="_blank" class="references">Filosofisk etik: Normativ etik, praktisk etik og metaetik. Aarhus universitetsforlag, 2011. 2. edition, 2014. Edited by Christensen, A-M. S.</a>
- <a href="https://doi.org/10.1016/j.ijmm.2010.04.003" target="_blank" class="references">Hulscher, M. E. J. L. et al. (2010). Antibiotic use: How to improve it? Int. J. of Med. Microbiology, Vol. 300, Issue 6, 351-356, August, 2010. </a>
- <a href="https://www.nature.com/articles/s41564-018-0327-z" target="_blank" class="references">Peters, J. M. et al. (2019). Enabling genetic analysis of diverse bacteria with Mobile-CRISPRi. Nature Microbiology 4, 244-250. </a>
- <a href="https://apps.who.int/iris/bitstream/handle/10665/312266/9789241515528-eng.pdf?ua=1" target="_blank" class="references">Critically important antimicrobials for human medicine, 6th revision. Geneva: World Health Organization; 2019. Licence: CC BY-NC-SA 3.0 IGO. </a>
- <a href="https://aac.asm.org/content/aac/53/6/2227.full.pdf" target="_blank" class="references">Carattoli, A. (2009). Minireview: Resistance Plasmid Families in Enterobacteriaceae. Antimicrobial Agents and Chemotherapy, 53(6), 2227-2238.</a>
- <a href="https://www.researchgate.net/publication/298640728_Laboratory_Detection_and_Clinical_Implication_of_Oxacillinase-48_like_Carbapenemase_The_Hidden_Threa" target="_blank" class="references">Devi, Y. et al. (2016). Laboratory Detection and Clinical Implication of Oxacilinase-48 like Carbapenemase: The Hidden Threat. Journal of global infectious diseases, 8(1), 41-50. </a>
- <a href="https://dx.doi.org/10.1128%2FmBio.00928-13" target="_blank" class="references">Gomaa, A. A. et al. (2014) Programmable Removal of Bacterial Strains by Use of Genome-Targeting CRISPR-Cas Systems. mBio, 5(1), e00928-13. </a>
}
]
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "IHP" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "rubrik" }, "Human Practices"),
React.createElement("div", { className: "under-rubrik" }, "SDG no. 17: Partnerships for the goals"),
React.createElement("div", { className: "manchet" },
React.createElement("p", { className: "" }, "One might have come up with a novel idea and begun pursuing it - but without input from relevant outside parties, this idea will likely never achieve greatness. The creation of innovative solutions requires a two-way dialogue engaging stakeholders potentially implementing them. This way, we can ensure that our project will take into account and integrate anything relevant. Keep reading to learn more about how we have integrated society during the creation of Conjugaid.")))),
React.createElement(WavesWidget_1.Waves, Object.assign({}, { waves: topWaves, top: "0", concurrentZDelta: -1 })),
React.createElement("div", { className: "bg-yes" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("h2", { className: "darker-border" }, "Bioethics"),
React.createElement("div", { className: "quote" },
React.createElement("div", { className: "darker-line" }, " "),
React.createElement("p", { className: "text" }, "\u201CThe power to control our species\u2019 genetic future is awesome and terrifying. Deciding how to handle it may be the biggest challenge we have ever faced.\u201D"),
React.createElement("p", { className: "quotemaster" }, "- Jennifer A. Doudna, American biochemist and CRISPR-pioneer"),
React.createElement("div", { className: "darker-line" }, " ")),
React.createElement("p", null,
"During our project we had many ethical considerations that we wanted to explore further. Therefore, we talked to MSc student in philosophy Rikke Friis Bentzon, former iGEM team member from ",
React.createElement("a", { href: "https://2016.igem.org/Team:SDU-Denmark", target: "_blank" }, "SDU-Denmark 2016"),
". With a special interest in bioethics, she provided us with the necessary tools needed to investigate the ethics of our project from perspectives."),
React.createElement("div", { className: "img_container" },
React.createElement("img", { className: "", src: "
" })),
React.createElement("p", null, "Bioethics is a philosophical branch of ethics that deals with the ethical considerations regarding biotechnology and its methods (1). Two principles we use to justify Conjugaid is the appeal to well-being and the principle of no harm. Here, the argument is that we should strive to create a happier life (1). If our system is clinically implemented, it could save the lives of millions of people. Consequently, our project is beneficial in light of the principle of no harm. This principle states that if something is harmless and the user is informed, its use should not be prevented (1)."),
React.createElement("p", null, "However, there are arguments contradictory with our project. The first being appeal to naturalness, stating that it is ethically wrong to tamper with nature (1). When modifying the DNA of an organism, nature is manipulated. When we use synthetic biology to prevent deaths from antibiotic resistant bacterial infections, we are thus affecting the natural process of evolution. The second argument is that we are not yet aware of the consequences of using our donor bacteria in the human gut microbiome. Currently, we do not know if any implications would affect the health of the individual patient, or if we are affecting evolution negatively. The question of potentially affecting the microbiome, however, could be answered by pre-clinical trials on model organisms. "),
React.createElement("p", null,
"The big concern is the long term effects of our system. Will it mutate and create something worse than the antibiotic resistance crisis we are trying to combat? Or might it eventually disrupt the delicate balance in an ecosystem or in nature? These are all questions that we must await future research for answers to. Taking these considerations into account is referred to as the precautionary principle. This principle states that if there is any reason to believe that a practice will cause harm, one should take precautions and progress slowly or not at all (1). However, the precautionary principle does not always consider the damage potentially caused, if a practise is omitted as a precaution. Perhaps our donor bacteria is harmless and could save the lives of many people. However, we have no way of knowing before the technology is tested. It would therefore be clever to take safety precautions into account when developing our donor bacteria, but we should not be so paralyzed that we do not act with the technology we have at our disposal at this moment. We discussed safety precautions of synthetic biology with Danish legislators during The ",
React.createElement("a", null, "People\u2019s Democratic Festival"),
". Learn more by pressing \u2018play\u2019 on the video below:"),
React.createElement("p", { className: "obs" }, "Video fra FM 2"),
React.createElement("p", null, "It might be apparent that we are pro-technology and optimistic about new discoveries. Our belief is that as long as the technology is used on a voluntary and informed basis, it should be allowed. With safety precautions in mind, we could possibly benefit from available technologies to avoid catastrophes such as antibiotic resistance.")))),
React.createElement(WavesWidget_1.Waves, Object.assign({}, { waves: bottomWaves, top: "0", concurrentZDelta: -1 })),
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("h2", { className: "whiter-border" }, "Human Practices"),
React.createElement("div", { className: "quote" },
React.createElement("div", { className: "whiter-line" }, " "),
React.createElement("p", { className: "text" }, "\u201CHear one side and you will be in the dark. Hear both and all will be clear.\u201D"),
React.createElement("p", { className: "quotemaster" }, "- Thomas C. Haliburton, Canadian author."),
React.createElement("div", { className: "whiter-line" }, " ")),
React.createElement("p", null, "Based on our bioethical considerations and discussions with relevant experts, it was clear to us that increased public information about antibiotic resistance is needed. An issue of this magnitude has to be dealt with by society as a whole just as much as scientists have to work on a solution in the laboratory (2)."),
React.createElement("p", null, "In April 2019, we were invited by the municipality of Odense to participate in an initiative where 50 young people aged 18-25 could present novel ideas on how our local government can practically implement achieve the SDGs. Our idea about increasing public information on synthetic biology was chosen as one of the five best ideas of the evening, and these \u2018best ideas\u2019 were to be presented to Danish Members of Parliament at The People\u2019s Democratic Festival during the summer. "),
React.createElement("div", { className: "img_container" },
React.createElement("img", { className: "", src: "
" })),
React.createElement("p", null,
"After attending the event at our municipality, an article featuring one of our team-members discussing the potential of synthetic biology in sustainable development was published on The People\u2019s Democratic Festival\u2019s webpage. ",
React.createElement("a", null, "Read it here"),
"."),
React.createElement("p", null,
"During our time at the People\u2019s Democratic Festival (which you can read more about ",
React.createElement("a", null, "here"),
" we learned that synthetic biology is a foreign subject to most Danish politicians. This hinders them from incorporating it in their decision-making, thus depriving the Danish society from potentially valuable technologies. This strengthened our motivation to engage further in increasing public information about this subject."),
React.createElement("p", null, "When performing synthetic biology, it is relevant to carry out risk-assessment. To assess the risk of possible immunological reactions caused by introducing CRISPR in the human gut microbiome, we reached out to Professor Torben Barington from the Department of Clinical Immunology at our local hospital. He pointed out that as a CRISPR/Cas-system is naturally present in bacteria of the gut microbiome, no immunological reactions should take place by introducing our donor bacteria to the patient\u2019s gut microbiome."),
React.createElement("p", null, "Furthermore, we have engaged with MSc student Annemette T\u00F8nnov, currently writing her masters thesis in Political Science. She is debating how the practical use of biotechnology is becoming increasingly available to non-scientists. She interviewed us about working with CRISPR in the laboratory, and the learning-curves associated with DIY-CRISPR."))),
React.createElement(WavesWidget_1.Waves, Object.assign({}, { waves: topWaves, top: "0", concurrentZDelta: -1 })),
React.createElement("div", { className: "bg-yes" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("h2", { className: "darker-border" }, "Integrated Human Practices"),
React.createElement("div", { className: "quote" },
React.createElement("div", { className: "darkerline" }, " "),
React.createElement("p", { className: "text" }, "\u201CComing together is a beginning, staying together is progress, and working together is success.\u201D "),
React.createElement("p", { className: "quotemaster" }, "Henry Ford, American industrialist"),
React.createElement("div", { className: "darker-line" }, " ")),
React.createElement("p", null, "After being inspired by Peters et al. (2019) (3) and deciding to sensitize bacteria to antibiotics using CRISPR, it was difficult for our team to pinpoint where exactly to begin designing our project. Which resistance genes should we focus on, and which bacteria would be a suitable chassis? To gain answers, we reached out to Ulrik Stenz Justesen, Associate Professor and consultant at the Department of Clinical Microbiology at Odense University Hospital."),
React.createElement("div", { className: "img_container" },
React.createElement("img", { className: "", src: "
" })),
React.createElement("p", null, "We began our meeting with Justesen by presenting to him our initial project idea. We considered working with urinary tract infections or MRSA (methicillin resistant Staphylococcus aureus). However, Justesen stated the following points as crucial:"),
React.createElement("ol", null,
React.createElement("li", null, "OXA48 carbepenemase producing Enterobacteriaceae are becoming a critical burden for the Odense University Hospital."),
React.createElement("li", null, "OXA-48 is prevalent in E. coli."),
React.createElement("li", null, "The potential target of our system is the human intestine, home to a dense concentration of E. coli.")),
React.createElement("p", null, "These points helped shape our project and based on them, we made the following considerations and decisions about what we should be working towards with Conjugaid: "),
React.createElement("ol", null,
React.createElement("li", null,
" ",
React.createElement("p", { className: "underline font-bold" }, "We would aim at targeting OXA-48 resistance."),
React.createElement("p", null, "After our discussions with Associate Professor Justesen, we soon learned that OXA-48 is a specific resistance often found in pathogenic strains of E. coli. OXA-48 is a carbapenemase enzyme, capable of cleaving antibiotics of the carbapenem family. Carbapenem-antibiotics are commonly used to treat infections. Furthermore, they are on WHO\u2019s list of critically important antibiotics (4). If bacteria develop the ability to produce OXA-48 carbapenemases, they become resistant to carbapenem-antibiotics. Due to safety and accessibility concerns, we chose not to work with OXA-48 carrying bacteria. Instead, we would work on a prototype in which our recipient bacteria is designed to mimic them in the best way possible. Since OXA-48 is located on low-copy number plasmids (5, 6), our prototype target genes (rfp and gfp) were accordingly expressed on such plasmids. ")),
React.createElement("li", null,
React.createElement("p", { className: "underline font-bold" }, "We would use E. coli as a chassis."),
React.createElement("p", null, "We learned from Associate Professor Justesen that OXA-48 is prevalent in E. coli. Therefore, it made sense to continue to work with E. coli as the chassis in our conjugation experiments.")),
React.createElement("li", null,
React.createElement("p", { className: "underline font-bold" }, "Our experiments should be designed to mimic the environment of the human gastrointestinal tract. "),
React.createElement("p", null, "Since the gastrointestinal tract is a natural environment of E. coli and the place where the spread of OXA-48 occurs (where our system could possibly function), we decided to design our experiments so that they mimic the human intestines. This was achieved by performing the conjugation experiments in solution with a high density of bacteria."))),
React.createElement("p", null, "We integrated the suggestions from Associate Professor Justesen in our project. He also made us consider the potential aspects of our project regarding distribution to patients. Our initial thought was the creation of a \u201Cpre-drug\u201D targeting resistant bacteria in patients being treated with antibiotics. Justesen, however, pointed out that such a solution is not necessary. Instead, Justesen imagines our project functioning as a treatment aimed at patients carrying OXA-48 after hospitalization. This would eliminate their carrier state, preventing unnecessary hospitalization in isolation, which is otherwise required whenever a carrier of OXA-48 producing bacteria is hospitalized, as well as transmission to other patients and people. Thereby, the reservoir of OXA-48 can be eliminated and treatment with common antibiotics can become useful once more. "),
React.createElement("p", null, "While Associate Professor Justesen provided invaluable knowledge on the day-to-day problems for clinicians, we also acknowledged that the input of relevant actors in the pharmaceutical industry was important to obtain a well-rounded project. Thus, we contacted SNIPR Biome, a young Danish biotech company. They utilize the CRISPR/Cas-technology to selectively kill pathogenic bacteria present in the human microbiome - a main goal much similar to ours. We visited them in Copenhagen and met with Head of Synthetic Biology and Bioinformatics, Eric van der Helm, and Research Scientist, Andreas Porse, to discuss the aspects of our conjugative CRISPR/Cas-system."),
React.createElement("div", { className: "img_container" },
React.createElement("img", { className: "", src: "
" })),
React.createElement("p", null, "After presenting our work to SNIPR Biome, we discussed some of the aspects of our project with them. We talked about the promising aspects of conjugation as a mode of delivery of our CRISPR/Cas-system. Until our meeting with SNIPR Biome, we had worked with dCas9, the catalytically inactive Cas9, as using Cas9 can possibly result in cell death when targeting chromosomal DNA (7), which changes the microbiome. Even though we are working with plasmid-based DNA, the future potential of our project increases if implementable on chromosomal DNA. However, during our conversation they made a significant point convincing us that we should work on an alternative solution of assembling a system containing the catalytically active Cas9. Since Cas9 will knock down (and not only repress) the target gene, the elimination of resistant bacteria might be more efficient using Cas9 instead of dCas9. Furthermore, implementing Cas9 instead of dCas9 could be beneficial, as the system in this case does not need to be expressed simultaneously in order to inhibit the expression of the antibiotic resistance gene. However, Cas9 could result in other problems such as the accidental destruction of beneficial microbes (7). After eradication of the resistance genes by the action of a CRISPR/Cas9-system, treatment with the system can be terminated."),
React.createElement("p", null,
"Another interesting point brought to light by SNIPR Biome was the potential of the sequence targeted by our sgRNA mutating. Mutations in the target DNA will most likely prevent the recognition of the DNA by the sgRNA, in turn preventing cleavage/knockdown of the target gene. Regarding this issue, SNIPR Biome suggested implementing more sgRNAs, or a CRISPR/Cas array, into our system. Thus, we can potentially target different sequences in the target gene and lower the risk of the target gene not being recognized, despite mutations. This is especially relevant for",
React.createElement("a", null, " future work"),
". "),
React.createElement("p", null, "Our discussions with Associate Professor Justesen and SNIPR Biome provided us with indispensable knowledge about the implications of antibiotic resistance in the lives of Doctors, as well as relevant considerations regarding use of the CRISPR/Cas-technology. With these leading experts in the field, Conjugaid has been shaped - now it is our time to shape others. Click \u2018Next\u2019 to learn how we have engaged with the public beyond iGEM.")),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionData })))),
React.createElement(WavesWidget_1.Waves, Object.assign({}, { waves: bottomWaves, top: "0", concurrentZDelta: -1 })),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.IHP = IHP; //# sourceMappingURL=IHP.js.map } // default/src/components/Content/Future_Teams/Future_Teams.jsx $fsx.f[188] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const AccordionWidget_1 = $fsx.r(124); const rodal_1 = $fsx.r(131); const Buttons_1 = $fsx.r(104); const BulgeWidget_1 = $fsx.r(186); class FutureTeams extends React.Component {
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(187);
});
}
constructor(props) {
super(props);
this.state = { visibleEdu: false, visiblePizza: false };
}
show(tag) {
document.body.classList.add("rodal-open");
if (tag == "edu") {
this.setState({ visibleEdu: true });
}
else if (tag == "pizza") {
this.setState({ visiblePizza: true });
}
}
hide(tag) {
document.body.classList.remove("rodal-open");
if (tag == "edu") {
this.setState({ visibleEdu: false });
}
else if (tag == "pizza") {
this.setState({ visiblePizza: false });
}
}
render() {
let accordionDataProject = {
backgroundColor: "bg-blue-800",
title: "Possible Alterations and Additions to our Project Design",
itemTitleColor: "text-blue-800",
items: [
{
title: "OXA-48 producing Enterobacteriaceae and a sgRNA array",
content: `
One could test our CRISPR/Cas-system in actual OXA-48 carbapenemase producing Enterobacteriaceae. Repressing resistance genes in these bacteria can improve and further support our proof-of-concept. For this purpose, we have made alignments of different OXA-48-like carbapenems. Consensus sequences from the OXA-48-like carbapenem resistance genes were also identified, thus enabling us to create a hypothetical sgRNA which could be incorporated into our plasmid containing the CRISPR/Cas-system.
The final sgRNA sequence made to target a consistent sequence common for a lot of OXA-48-like carbapenem resistance genes have been aligned. It was designed using the web tool CHOPCHOP (1).
5’-GAATATGGATATGCCCACAT-3’
},
{
title: "Integration of our system in a conjugative plasmid",
content: `
Being able to assemble our designed CRISPR/Cas-system in a conjugative plasmid could also add other advantages to our project. This statement is based on our <a>modeling results</a>. Integrating our designed CRISPR/Cas-system into the conjugative plasmid will increase the number of transconjugants leading to a higher success-rate regarding the propagation of the plasmid in a bacterial community.
},
{
title: "Work with flow cells",
content: `
Insight into the required dosage of bacteria given to patients carrying OXA-48-like carbepenemases producing Enterobacteriaceae can roughly be estimated by mimicking the gastrointestinal environment using flow cells (3). Intestinal epithelial cells have to be grown to a confluent monolayer followed by the addition of a flow of an intestine-like medium in the chamber. OXA-48-like carbepenemase-producing Eenterobacteriaceae can then be seeded onto the artificial intestine followed by inoculation of donor bacteria. Comparing the remaining bacteria to a control experiment will then give a rough estimate on how many OXA-48-like carbepenemases producing Enterobacteriaceae have been affected by the CRISPR/Cas-system. Such an experiment could add another opportunity to study the conjugation efficiency of a drug candidate like ours in a more in vivo-like environment.
},
{
title: "Using E. coli Nissle as a chassis",
content: `
When ingesting bacteria it is imperative that the intestine is not colonized, since this could cause diseases. To prevent this from happening, non-pathogenic and probiotic bacteria such as E. coli Nissle could be used as donor bacteria in the CRISPR/Cas-system (4).
},
{
title: "Implementation of a kill-switch",
content: `
A heat sensitive kill switch like the one used by the <a target="_blank" href="https://2017.igem.org/Team:Michigan">iGEM team from Michigan made in 2017</a> (BBa_K2301000 - BBa_K2301003) could be implemented in our system. Thus, any possible environmental risks could be reduced, since the donor bacteria would be killed at temperatures below 37 degrees Celcius.
},
]
};
let accordionData = {
backgroundColor: "bg-blue-800",
title: "References",
itemTitleColor: "text-blue-800",
items: [
{
title: "To Future iGEM Teams References",
content: `
- <a href="https://academic.oup.com/nar/article/47/W1/W171/5491735" target="_blank" class="references">Labun, K. et al. (2019). CHOPCHOP v3: expanding the CRISPR web toolbox beyond genome editing. Nucleid Acids Research, 47(W1), W171-W174.</a>
- <a href="https://www.ncbi.nlm.nih.gov/pubmed/10890397" target="_blank" class="references">Zhang, Z. et al. (2000). A greedy algorithm for aligning DNA sequences. J Comput Biol, 7(1-2), 203-14.</a>
- <a href="https://www.ncbi.nlm.nih.gov/pubmed/29450193" target="_blank" class="references">Pedersen, R. M. et al. (2018). A Method for Quantification of Epithelium Colonization Capacity by Pathogenic Bacteria. Front Cell Infect Microbiol, 8:16. </a>
- <a href="https://www.ncbi.nlm.nih.gov/pubmed/25380207" target="_blank" class="references">Różańska, D. et al. (2014). The role of Escherichia coli strain Nissle 1917 in the gastro-intestinal diseases. Postepy Hig Med Dosw, 68, 1251-1256. </a>
}
]
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "futureTeams" },
React.createElement(BulgeWidget_1.BulgeWidget, { title: "To Future iGEM Teams", img: "
", fromColor: "#1D3C4D", toColor: "#DCEEF2" }),
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "quote" },
React.createElement("div", { className: "whiter-line" }, " "),
React.createElement("p", { className: "text" }, "\"Even if I knew that tomorrow the world would go to pieces, I would still plant my apple tree.\""),
React.createElement("p", { className: "quotemaster" }, "- MARTIN LUTHER, religious reformer"),
React.createElement("div", { className: "whiter-line" }, " ")),
React.createElement("p", null, "Hello future iGEM team! Are you ready to begin your iGEM journey? You are going to have an absolutely amazing time and you will learn so much."),
React.createElement("p", null, "The world is facing many problems in desperate need of solutions. Our team set out to help solve just one of them. With Conjugaid, we have planted a seed in the hopes of it growing into a beautiful, fruit-bearing tree. But we cannot do this alone - we need the help of others to get there in time."),
React.createElement("p", null, "In this section you will find some ideas for further development of our project, Conjugaid, and tips for creating educational material. We will also be giving you a super-secret tip which totally saved our team when the days got a little rough."),
React.createElement("p", null, "One thing we are sure of when it comes to working in the laboratory is that you can always do more. If your team has been inspired by Conjugaid and you want to improve it, here are some suggestions as to how you could do that.")),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionDataProject })),
React.createElement("div", { className: "row" },
React.createElement("h3", null, "A recipe for a great educational material:"),
React.createElement("p", null,
"If your team wants to create educational material as a part of your iGEM project, look no further! We have created, tried and tested a ",
React.createElement("span", null,
React.createElement("button", { className: "text-blue-600", onClick: this.show.bind(this, "edu") }, "10-step recipe")),
" that should help you get started."),
React.createElement("div", { className: "img_container" },
React.createElement("img", { className: "", src: "
" })),
React.createElement(rodal_1.default, { closeOnEsc: true, customStyles: {
width: "80vw",
height: "80vh"
}, visible: this.state.visibleEdu, onClose: this.hide.bind(this, "edu") },
React.createElement("div", { className: "rodal-box" },
React.createElement("div", { className: "border-solid border-gray-700 border-b " },
React.createElement("h3", null, "10 steps to creating great educational material")),
React.createElement("ol", null,
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Find out your target group"),
React.createElement("p", { className: "italic" }, "It is imperative when creating educational material to know who your students are. Teaching children in elementary school about microbes requires something completely different than teaching high schoolers does.")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Talk to your target group (and their teachers)"),
React.createElement("p", { className: "italic" }, "Before you can develop great materials, you need to know the needs of the recipients. What do they lack, and what do they already have in abundance? Your way forward is to fill out the gaps.")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Tell a story"),
React.createElement("p", { className: "italic" }, "One important rule of thumb about education is that learning is eased through storytelling. We taught antibiotic resistance through the story of Peter - how will you tell yours?")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Plan out everything in detail"),
React.createElement("p", { className: "italic" },
"Before you can start writing and designing your educational material, you need a solid plan. How many subjects do you wish to cover - and what should they be? What kind of illustrations do you need? Sort everything into chapters and write down what they should contain. You could be inspired by different teaching and learning models, like we did with the ",
React.createElement("a", null, "5E Teaching Model"),
".")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Write, write and rewrite..."),
React.createElement("p", { className: "italic" }, "Start writing your materials! And when you think you are done, look at it again - is it really done? Great! Now get someone else to read and comment on it, and then rewrite the whole thing to perfection.")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Make it look stunning!"),
React.createElement("p", { className: "italic" }, "This is where you start taking your educational material to the next level. Does someone on your team love drawing? Ask them to create the illustrations and get designing - the options are endless, so have fun with it!")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Finishing touches"),
React.createElement("p", { className: "italic" }, "When your educational material is all done - written, illustrated and designed - forward it to a group of people and get their final comments on it. Make sure to implement these comments before testing your material.")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, " Survey before..."),
React.createElement("p", { className: "italic" }, "Congratulations! You have now created your very own educational material - that is amazing. All that is left now is to test it out on your target group and find out how they like it. But before you can test your material and evaluate it, you need to survey your test group. That way, you can compare how your educational material has directly affected the people using it.")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "Put it to the test"),
React.createElement("p", { className: "italic" }, "Go on - do it! You have nothing to worry about, you have worked so hard and put so much effort into it, we are sure your educational material will do amazingly with your test group.")),
React.createElement("li", null,
React.createElement("h5", { className: "font-bold" }, "\u2026 And evaluate after!"),
React.createElement("p", { className: "italic" }, "This is the last, but definitely not least important, step of this recipe. You have created this amazing educational resource, and you want more people to notice and use it, right? In order for them to do so, they need to see results. Ask your test group any questions that might be relevant for you to properly evaluate how your educational material did in practice."))))),
React.createElement("h3", null, "A recipe for something else that\u2019s also great\u2026"),
React.createElement("p", null,
"PPerhaps you\u2019re a new iGEM-team, innocent and unaware of the fact that you will soon be busier than ever. Perhaps your team has been going strong for some months now, you\u2019re starting to feel the pressure and now you\u2019ve come to us for advice. No matter the situation, you\u2019ve come to the right place! ",
React.createElement("span", null,
React.createElement("button", { className: "text-blue-600", onClick: this.show.bind(this, "pizza") }, "This is a recipe for the pizza that will save your lives when times are tough."))),
React.createElement(rodal_1.default, { closeOnEsc: true, customStyles: {
width: "80vw",
height: "80vh"
}, visible: this.state.visiblePizza, onClose: this.hide.bind(this, "pizza") },
React.createElement("div", { className: "rodal-box" },
React.createElement("div", { className: "border-solid border-gray-700 border-b " },
React.createElement("h3", null, "6 steps to creating the greatest pizza ")),
React.createElement("p", null, "Pi(GEM)zza (12 people/3 pizzas):"),
React.createElement("p", null, "Prep-time: 30 minutes"),
React.createElement("p", null, "Cooking time: 15 minutes"),
React.createElement("p", null, "Measuring units: Metric (as scientists we like to use the proper system)"),
React.createElement("h5", null, " Measuring units "),
React.createElement("ul", null,
React.createElement("li", null, "3 x Store bought pizza dough (you think you have time to make your own while doing iGEM? Just you wait and see\u2026)"),
React.createElement("li", null, "3 x Garlic cream cheese spread"),
React.createElement("li", null, "450 g shredded cheddar cheese"),
React.createElement("li", null, "1,5 kg potatoes, washed and thinly sliced"),
React.createElement("li", null, "3 red onions, thinly sliced"),
React.createElement("li", null, "3 packets of pepperoni"),
React.createElement("li", null, "A few sprigs of fresh rosemary"),
React.createElement("li", null, "Sea salt"),
React.createElement("li", null, "A teaspoon team-spirit and iGEM excellence")),
React.createElement("h5", null, " Directions"),
React.createElement("ol", null,
React.createElement("li", null, "Roll out the pizza doughs and spread one container of garlic cream cheese on each pizza"),
React.createElement("li", null, "Sprinkle 150g shredded cheddar cheese on each pizza"),
React.createElement("li", null, "Distribute the potato slices on the pizzas, then the pepperoni and then the slices of red onion"),
React.createElement("li", null, "Add a few sprigs of fresh rosemary to each pizza and sprinkle with sea salt, team-spirit and iGEM excellence to taste"),
React.createElement("li", null, "Bake in a 200\u00B0C pre-heated oven for 12-15 minutes or until golden and crispy"),
React.createElement("li", null, "Serve to your eager and hungry iGEM-team and prepare for everyone to compliment you on your great cooking skills!"))))),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionData }))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.FutureTeams = FutureTeams; //# sourceMappingURL=Future_Teams.js.map } // default/src/components/widgets/BulgeWidget.jsx $fsx.f[186] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const _ = $fsx.r(44); const $ = $fsx.r(102); class BulgeWidget extends React.Component {
constructor(props) {
super(props);
this.topWaveRef = React.createRef();
this.listener = _.throttle(this.updateDimensions.bind(this), 50);
this.state = { overlayHeight: "100%", captionBottom: 0 };
this.imageRef = React.createRef();
}
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(185);
});
}
componentDidMount() {
window.addEventListener('scroll', this.listener);
window.addEventListener('resize', this.listener);
this.imageRef.current.onload = this.updateDimensions.bind(this);
this.imageRef.current.src = this.props.img;
}
componentWillUnmount() {
window.removeEventListener('scroll', this.listener);
window.removeEventListener('resize', this.listener);
}
inViewport(ref) {
var H = $(window).height(), r = ref.getBoundingClientRect(), t = Math.min(0, r.top), b = r.bottom - 155;
return Math.max(0, t > 0 ? H - t : (b < H ? b : H));
}
updateDimensions() {
let height = this.imageRef.current.getBoundingClientRect().height;
if (height == 0) {
setTimeout(this.updateDimensions.bind(this), 20);
return;
}
let ref = this.topWaveRef.current;
if (ref) {
let window_offset = this.inViewport(ref);
let deg = window_offset * 0.0;
let fromColor = this.props.fromColor ? this.props.fromColor : "red";
let toColor = this.props.toColor ? this.props.toColor : "#ffda00";
this.setState({
overlayHeight: window_offset,
captionBottom: window_offset / 4,
gradient: `linear-gradient(${deg}deg, ${fromColor}, ${toColor})`
});
}
}
render() {
return (React.createElement("div", { className: "top-wave noselect", ref: this.topWaveRef, style: {
backgroundImage: this.state.gradient,
} },
React.createElement("img", { alt: "", ref: this.imageRef }),
React.createElement("figcaption", { className: "caption", style: {
bottom: this.state.captionBottom
} },
React.createElement("h1", { className: "noselect" }, this.props.title)),
React.createElement("span", { className: "overlay", style: {
height: this.state.overlayHeight,
} },
React.createElement("svg", { version: "1.1", id: "circle", xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", viewBox: "0 0 500 250", enableBackground: "new 0 0 500 250", preserveAspectRatio: "none" },
React.createElement("path", { fill: "#FFFFFF", d: "M250,246.5c-97.85,0-186.344-40.044-250-104.633V250h500V141.867C436.344,206.456,347.85,246.5,250,246.5z" })))));
}
} exports.BulgeWidget = BulgeWidget;
//# sourceMappingURL=BulgeWidget.js.map } // default/src/components/Content/Achievements/Achievements.jsx $fsx.f[190] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const Buttons_1 = $fsx.r(104); class Achievements extends React.Component {
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(189);
});
}
render() {
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "achievements" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "achievement-border bronze-border" },
React.createElement("img", { className: "medal-img", src: "https://static.igem.org/mediawiki/2017/9/93/T--SDU-Denmark--silver_trophy.svg" }),
React.createElement("p", { className: "medal-text bronze-text" }, "Bronze Criterias")),
React.createElement("ol", null,
React.createElement("li", null,
"Registration and Giant Jamboree Attendance ",
React.createElement("span", { className: "flueben" }, "\u2713")),
React.createElement("li", null,
"Competition Deliverables: Convince the judges that you have completed the following Competition Deliverables: ",
React.createElement("br", null),
React.createElement("p", { className: "ml-12" },
"#1 Wiki ",
React.createElement("span", { className: "flueben" }, "\u2713"),
" "),
React.createElement("p", { className: "ml-12" },
"#2 Poster ",
React.createElement("span", { className: "flueben" }, "\u2713"),
" "),
React.createElement("p", { className: "ml-12" },
"#3 Presentation ",
React.createElement("span", { className: "flueben" }, "\u2713"),
" "),
React.createElement("p", { className: "ml-12" },
"#4 Judging Form ",
React.createElement("span", { className: "flueben" }, "\u2713"),
" ")),
React.createElement("li", null,
"Attributions: Convince the judges that you have completed Competition Deliverable #5 ",
React.createElement("a", null, "Attributions "),
". ",
React.createElement("span", { className: "flueben" }, "\u2713"),
" "),
React.createElement("li", null,
"Project Inspiration and Description: Convince the judges that you have completed Competition Deliverable #8 ",
React.createElement("a", null, " Project Inspiration and Description"),
". ",
React.createElement("span", { className: "flueben" }, "\u2713"),
" "),
React.createElement("li", null,
"Characterization: Convince the judges that you have added quantitative experimental characterization data to an existing Part from the Registry of Standard Biological Parts. ",
React.createElement("span", { className: "flueben" }, "\u2713"),
" ",
React.createElement("p", { className: "italic" },
"Our team has characterized the parts ",
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_J01003", target: "_blank" }, "BBa_J01003"),
" and ",
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_I714030", target: "_blank" }, "BBa_I714030"),
" by measuring transfer efficiency using different conjugative plasmids.")))),
React.createElement("div", { className: "row" },
React.createElement("div", { className: "achievement-border silver-border" },
React.createElement("img", { className: "medal-img", src: "https://static.igem.org/mediawiki/2017/9/93/T--SDU-Denmark--silver_trophy.svg" }),
React.createElement("p", { className: "medal-text silver-text" }, "Silver Criterias")),
React.createElement("ol", null,
React.createElement("li", null,
React.createElement("a", null, "Validated Part"),
": Convince the judges that at least one new BioBrick Part of your own design that is related to your project works as expected. ",
React.createElement("span", { className: "flueben" }, "\u2713"),
" ",
React.createElement("p", { className: "italic text-red-600" },
"Our team has created the parts ",
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044016", target: "_blank" }, "BBa_K3044016"),
" and ",
React.createElement("a", { href: "http://parts.igem.org/Part:BBa_K3044027", target: "_blank" }, "BBa_K3044027"),
". BBa_K3044016 is a conjugative sgRNA-dCas9 system targeting GFP and BBa_K3044027 is a sgRNA-Cas9 system targeting GFP.")),
React.createElement("li", null,
React.createElement("a", null, "Collaboration"),
": Convince the judges you have significantly worked with one (or more) currently registered 2019 iGEM team(s) in a meaningful way. ",
React.createElement("span", { className: "flueben" }, "\u2713"),
" ",
React.createElement("p", { className: "italic" },
"Throughout our project, our team has worked with the following iGEM teams: ",
React.createElement("a", { href: "https://2019.igem.org/Team:DTU-Denmark", target: "_blank" }, "DTU Biobuilders"),
", ",
React.createElement("a", { href: "https://2019.igem.org/Team:UCopenhagen", target: "_blank" }, "UCopenhagen"),
", ",
React.createElement("a", { href: "https://2019.igem.org/Team:Amazonas-Brazil", target: "_blank" }, " Amazonas, Brazil"),
", ",
React.createElement("a", { href: "https://2019.igem.org/Team:Lund", target: "_blank" }, "Lund"),
", ",
React.createElement("a", { href: "https://2019.igem.org/Team:TAS_Taipei", target: "_blank" }, "TAS_Taipei"),
", ",
React.createElement("a", { href: "https://2019.igem.org/Team:Costa_Rica", target: "_blank" }, "Costa Rica"),
" & ",
React.createElement("a", { href: "https://2019.igem.org/Team:Tuebingen", target: "_blank" }, "Tuebingen"),
".")),
React.createElement("li", null,
React.createElement("a", null, "Human Practices"),
": Convince the judges you have thought carefully and creatively about whether your work is responsible and good for the world. ",
React.createElement("span", { className: "flueben" }, "\u2713"),
" ",
React.createElement("p", { className: "italic" }, "Our team has created and tested a lesson-plan for high school students. Furthermore, we have engaged the public as well as legislators in regards to synthetic biology and antibiotic resistance.")))),
React.createElement("div", { className: "row" },
React.createElement("div", { className: "achievement-border gold-border" },
React.createElement("img", { className: "medal-img", src: "https://static.igem.org/mediawiki/2017/9/93/T--SDU-Denmark--silver_trophy.svg" }),
React.createElement("p", { className: "medal-text gold-text" }, "Gold Criterias")),
React.createElement("ol", null,
React.createElement("li", null,
React.createElement("a", null, "Integrated Human Practices"),
": Expand on your silver medal activity by demonstrating how you have integrated the investigated issues into the purpose, design, and/or execution of your project. ",
React.createElement("span", { className: "flueben" }, "\u2713"),
" ",
React.createElement("p", { className: "italic" }, "We have continuously altered our project purpose, design and execution after discussing our ideas with Professor in clinical microbiology at our local hospital Ulrik S. Justesen and with SNIPR Biome.")),
React.createElement("li", null,
React.createElement("a", null, " Model Your Project"),
": Convince the judges that your project's design and/or implementation is based on insight you have gained from modeling. ",
React.createElement("span", { className: "flueben" }, "\u2713"),
" ",
React.createElement("p", { className: "italic" }, "Through modelling, we have gained insight about the optimal design and implementation of our conjugation system. Efficiency of delivery of our CRISPR/(d)Cas9-system is highest if placed on a single conjugative plasmid. Furthermore, the number of recipient bacteria will increase this way.")),
React.createElement("li", null,
React.createElement("a", null, "Demonstration of Your Work "),
": Convince the judges that your engineered system works. ",
React.createElement("span", { className: "flueben" }, "\u2713"),
" ",
React.createElement("p", { className: "italic" }, "Based on our results within our two systems (conjugation and CRISPR/Cas), both separately and combined, we have determined our engineered system as successful."))))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.Achievements = Achievements; //# sourceMappingURL=Achievements.js.map } // default/src/components/Content/People_Involved/Collaborations/Collaborations.jsx $fsx.f[191] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const React = $fsx.r(3); const AccordionWidget_1 = $fsx.r(124); const Buttons_1 = $fsx.r(104); const nuka_carousel_1 = $fsx.r(167); class Collaborations extends React.Component {
render() {
let accordionData = {
backgroundColor: "bg-green-400",
title: "Collaboration",
itemTitleColor: "text-green-800",
items: [
{
title: "LGBTQ+ Visbillity",
content: `
During the Danish iGEM Weekend the idea came up for our team to participate in the Copenhagen Pride Parade with Ovulaid, the iGEM-team from University of Copenhagen. On a lovely afternoon in mid-August, our team walked with Ovulaid in the Pride Parade as part of the University of Copenhagen’s float. We did this to promote more diversity in science.
<img id="box-img" src="
"> </img>
`
},
{
title: "Attending Meetups",
content: `
DTU BioBuilders, BioBrick Tutorial, April 2019
From the 12th to the 14th of April 2019, we traveled to the Technical University of Denmark, where DTU BioBuilders are based, in order to participate in their 7th annual BioBrick Tutorial. Here, we learned the basics of how to work with iGEM BioBricks. This was also the first time we were introduced to other iGEM teams, and it was a pleasure to get to know the teams of DTU BioBuilders, Copenhagen, Stockholm, Chalmers, Uppsala, Oslo, Lund and Helsinki.
<img class="f-w-img" src="
"> </img>
iGEM Team Copenhagen, Nordic iGEM Conference, May 2019
From the 17th to the 19th of May 2019, we visited the University of Copenhagen and their iGEM team, Ovulaid. Here, we participated in this years’ Nordic iGEM Conference, an annual event consisting of workshops on multiple subjects (this year science communication and sustainability was on the programme, amongst other things). Besides having a great time with the other nordic iGEM teams, we left the conference with the award for “Best Poster”.
<img class="f-w-img" src="
"> </img>
`
},
{
title: "iGEM Team Amazonas Brazil",
content: `
In July 2019 we were contacted by the iGEM team of Amazonas (Brazil). They reached out to iGEM teams all over the world through a common chat (‘Sharing iGEM Ideas’). Here, they asked if anyone had assembled a plasmid containing dCas9, since they required it for their project. At that time we were hard at work trying to design and assemble it ourselves, so we reached out to them and let them know that we would contact them when we succeeded. A few weeks later we had designed, assembled and sequenced our plasmid containing dCas9, and could send it their way.
<img id="box-img" src=""></img>
`
},
{
title: "DTU BioBuilders",
content: `
After discussing our individual teams’ processes at the Danish iGEM Weekend, the DTU BioBuilders contacted us for technical assistance. Since they ran out of pSB1K3 backbone, we sent some of our pSB1K3 part from the iGEM kit to them so they could continue their work.
`
},
{
title: "iGEM Team Lund",
content: `
When beginning our work within modelling, we stumbled upon some initial troubles. We remembered talking to a Arvid Larsson, modelling-extraordinaire from the 2019 iGEM team Lund, at both the BioBrick Tutorial and the Nordic iGEM Conference. After reaching out to him we had a discussion via Skype in which we talked all things modelling. Arvid provided us with valuable advice and support in designing our modeling system.
<img id="box-img" src="
"></img>
`
},
{
title: "iGEM Teams’ Tas_Taipei, Costa Rica & Tuebingen iGEMxSDGs Instagram Challenge",
content: `
For this years’ iGEM Competition, the teams of TAS_Taipei (Taiwan), Costa Rica and Tuebingen (Germany) collaborated to create the iGEMxSDG’s Instagram Challenge. This challenge took advantage of the fact that each iGEM team communicates continuously with their communities, and used this opportunity to promote the UN’s 17 SDG’s. The SDG’s can only be achieved if we work on them collaboratively on a global scale, and what better way to help facilitate this than by working on the SDG’s within iGEM.
To participate in the challenge, each team had to select up to four SDG’s targeted by their project and post them on Instagram with a short description. The challenge was then spread throughout the iGEM community when each team challenges four other teams to participate.
Our team naturally participated and posted the following four SDG’s, which we directly target in our project:
- SDG 3 No. 3: Good health and well-being
- SDG 4 No. 4: Quality education
- SDG 12 No. 12: Responsible consumption and production
- SDG 17 No. 17: Partnerships for the goals
You can read more about our work with the SDG’s <a> here </a>.
`
}
]
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "collaborations" },
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "rubrik" }, "Collaborations"),
React.createElement("div", { className: "under-rubrik" }, "Teamwork makes the dream work"),
React.createElement("div", { className: "manchet" },
React.createElement("p", { className: "" }, "Our team has worked with iGEM teams from all over the world throughout this year\u2019s competition - and it has been so much fun! Keep reading to learn what exactly we\u2019ve been up to..."))),
React.createElement("div", { className: "row" },
React.createElement("h2", { className: "whiter-border" }, "The Danish iGEM Weekend"),
React.createElement("p", null, "In recent years, Danish iGEM teams have participated in both the BioBrick Tutorial at the Technical University of Denmark and the Nordic iGEM Conference (NiC). Both of these meetups are international and participating teams come from all over Scandinavia. After meeting the two other Danish teams (Ovulaid from University of Copenhagen and DTU Biobuilders from DTU) we wished to further strengthen the bond between the Danish iGEM teams. This lead to us organizing an iGEM-meetup for Danish teams; the Danish iGEM Weekend. The meetup tackled subjects such as wiki-building and public presentation skills. Through workshops and talks hosted by both our own team members and external mediators, all teams received the proper foundation needed to start building and telling the story of their iGEM projects. Ovulaid and the DTU Biobuilders returned home after our meetup and felt prepared to begin creating their wiki- and Jamboree presentation-storylines. Furthermore, we hope to have started a new tradition of hosting the Danish iGEM Weekend for future iGEM teams from SDU. The bond between the Danish iGEM teams has been strengthened, and our aim is to carry this strong bond into the future. "),
React.createElement(nuka_carousel_1.default, { className: "mx-auto my-10", width: "80%", dragging: true, style: {
height: 500
} },
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" })),
React.createElement("p", null, "You can read about or other collaborations listed below.")),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionData }))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.Collaborations = Collaborations; //# sourceMappingURL=Collaborations.js.map } // default/src/components/Content/Project/ProjectOverview.jsx $fsx.f[199] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const AccordionWidget_1 = $fsx.r(124); const Buttons_1 = $fsx.r(104); const react_mathjax_1 = $fsx.r(197); const BulgeWidget_1 = $fsx.r(186); const eq1 = `\\\frac{dTN}{dt}=\\\gamma R\\\alpha_N(CN+TCN)-\\\gamma TN[TC+(\\\alpha_C+\\\alpha_C_N)(CN+TCN)]`; class ProjectOverview extends React.Component {
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(198);
});
}
render() {
let accordionData = {
backgroundColor: "bg-blue-800",
title: "References",
itemTitleColor: "text-blue-800",
items: [
{
title: "Project References",
content: `
- <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4888801/" target="_blank" class="references">Munita, J. M. and Arias, C. A. (2016). Mechanisms of Antibiotic Resistance. Microbiol. Spectr., 4(2), April. </a>
- <a href="https://www.researchgate.net/publication/298640728_Laboratory_Detection_and_Clinical_Implication_of_Oxacillinase-48_like_Carbapenemase_The_Hidden_Threat" target="_blank" class="references">Yamuna, D. et al. (2016). Laboratory Detection and Clinical Implication of Oxacillinase-48 like Carbapenemase: The Hidden Threat. J. of global infectious diseases, 8, 41-50. </a>
- <a href="https://www.msdmanuals.com/professional/infectious-diseases/gram-negative-bacilli/escherichia-coli-infections" target="_blank" class="references">Bush, L. M. and Perez, M. T. (2018). Escherichia coli Infections. MSD Manual. Accessed October 1 2019.</a>
- <a href="https://www.sciencedirect.com/science/article/pii/S0140673603136446?fbclid=IwAR3UwlyPW-_xdzJDY39shKuxE5ZkApXBIQUuZGz7A0--8vf7LhxjO2viFF4" target="_blank" class="references">Vincent, J. L. (2003). Nosocomial infections in adult intensive-care units. The Lancet, 361(9374), 2068-2077.</a>
- <a href="https://www.sciencedirect.com/science/article/pii/S1438422113000167?via%3Dihub&fbclid=IwAR2I23U_mj_zfHGtWmjZdpso8TvCpv2_KWxWvZayRSuHsNd4HoaD0Zxe2Cs" target="_blank" class="references">Carattoli, A. (2013). Plasmids and the spread of resistance. Int. J. of Med. Microbiology, 303(6-7), 298-304.</a>
- <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4378521" target="_blank" class="references">Ventola, C. L. (2015). The Antibiotic Resistance Crisis, Part 1: Causes and Threats. PT, 40(4), 277-283.</a>
- <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC5330996" target="_blank" class="references">Tran, K. et al. (2017). The Effect of Hospital Isolation Precautions on Patient Outcomes and Cost of Care: A Multi-Site, Retrospective, Propensity Score-Matched Cohort Study. J Gen Intern Med., 32(3), 262-268. </a>
- <a href="https://www.sciencedirect.com/science/article/pii/S1021949819300122" target="_blank" class="references">Ding, R-x. et al. (2019). Revisit gut microbiota and its impact on human health and disease. J of Food and Drug Analysis, 3, 623-631. </a>
- <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4343198" target="_blank" class="references">Hsu, P. D. et al. (2014). Development and Applications of CRISPR-Cas9 for Genome Engineering. Cell, 157(6), 1262-1278.</a>
}
]
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "project-overview" },
React.createElement(BulgeWidget_1.BulgeWidget, { title: "Project", img: "
", fromColor: "#1D3C4D", toColor: "#DCEEF2" }),
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement(react_mathjax_1.default.Provider, null,
React.createElement("div", null,
"This is an inline math formula: ",
React.createElement(react_mathjax_1.default.Node, { className: "hello-kitty", formula: `\\frac{dR}{dt}=-\\gamma R(TC+CN+TCN)11:11, 20 October 2019 (UTC)11:11, 20 October 2019 (UTC)~(1)` }),
React.createElement(react_mathjax_1.default.Node, { className: "hello-kitty", formula: `\\frac{dTN}{dt}=\\gamma R\\alpha_N(CN+TCN)-\\gamma TN[TC+ (\\alpha_C+\\alpha_{CN})(CN+TCN)]` }),
React.createElement(react_mathjax_1.default.Node, { className: "hello-kitty", formula: `\\frac{dTC}{dt}=\\gamma R[TC+\\alpha_C(CN+TCN)]ChristianGejl (talk) 11:11, 20 October 2019 (UTC)(1)` }),
React.createElement(react_mathjax_1.default.Node, { className: "hello-kitty", formula: `\\frac{dTCN}{dt}=\\gamma R\\alpha_{CN}(CN+TCN)+\\gamma TN[TC+(\\alpha_C+\\alpha_{CN})(CN+TCN)]` }),
React.createElement(react_mathjax_1.default.Node, { className: "hello-kitty", formula: `\\frac{dR}{dt}=-\\gamma R(CN+TCN)` }),
React.createElement(react_mathjax_1.default.Node, { className: "hello-kitty", formula: `\\frac{dTN}{dt}=\\gamma R\\alpha_N(CN+TCN)-\\gamma TN[(\\alpha_C+\\alpha_{CN})(CN+TCN)]` }),
React.createElement(react_mathjax_1.default.Node, { className: "hello-kitty", formula: `\\frac{dTC}{dt}=\\gamma R[\\alpha_C(CN+TCN)-\\gamma TC[(\\alpha_N+\\alpha_{CN})(CN+TCN)]` }),
React.createElement(react_mathjax_1.default.Node, { className: "hello-kitty", formula: `\\frac{dTCN}{dt}=\\gamma R\\alpha_{CN}(CN+TCN)+\\gamma TN[(\\alpha_C+\\alpha_{CN}(CN+TCN)]+\\gamma TC[(\\alpha_N+\\alpha_{CN})(CN+TCN)]` }),
React.createElement(react_mathjax_1.default.Node, { className: "hello-kitty", formula: `\\frac{dR}{dt}=-\\gamma R(CN+TCN)` }),
React.createElement(react_mathjax_1.default.Node, { className: "hello-kitty", formula: `\\frac{dTCN}{dt}=\\gamma R(CN+TCN)` }),
"And a block one:",
React.createElement(react_mathjax_1.default.Node, { formula: eq1 }))),
React.createElement("p", null, "Before delving deeper into the details of our project design, we would like to explain to you some of the terms that makes its foundation. Firstly, what is antibiotic resistance, and what makes it so dangerous?"),
React.createElement("p", null, "The immune system in humans protects us against threats to our health. Likewise, bacteria have developed skills that allow them to defend themselves against external threats such as viral infections and antibiotics. "),
React.createElement("p", null, "When it comes to fighting antibiotics, bacteria collect an arsenal of different genes making them capable of resisting the particular antibiotic. These genes may encode enzymes which alter the structure of the antibiotic and thereby inhibits its action, or they may encode efflux pumps which directly pumps out the antibiotic before it reaches its target (1). "),
React.createElement("img", { src: "
" }),
React.createElement("p", null, "One specific type of resistance is called oxacillinase 48 (OXA-48). OXA-48 is a carbapenemase enzyme that cleaves the class of antibiotics called carbapenems. The OXA-48 gene is located on a highly transferable plasmid and is often found in pathogens of the Enterobacteriaceae (2). OXA-48 plasmids are commonly carried by E. coli, which are natural residents of the human gut microbiome. Furthermore, E. coli is an opportunistic pathogen, which can cause a range of diseases (3). "),
React.createElement("p", null, "OXA-48 carbapenemase producing bacteria are able to spread this type of resistance to bacteria in their vicinity, primarily through the natural horizontal gene transfer process of conjugation. Conjugation occurs to a great extent in the human intestine, due to the high density of bacteria found herein (4, 5), and it leads to an increase in the number of resistant bacteria in the patient, which complicates medical therapy (6). Even after successful treatment of the patient, they may still be a carrier of the resistant bacteria. "),
React.createElement("p", null, "As a carrier of OXA-48 resistance, patients must be isolated during future hospitalization, leading to a restricted human contact. This is mentally straining for the patient, and may cause feelings of loneliness and stigmatization (7). Furthermore, having a patient in isolation requires more resources and is a financial burden to the hospital (7)."),
React.createElement("p", null, "So how do we deal with this increasing problem? "),
React.createElement("p", null, "With Conjugaid, we wish to create a solution by reverse-engineering native mechanisms in bacteria and use it against them. "),
React.createElement("p", null, "In order to sensitize resistant bacteria to antibiotics, we had to come up with a system that would target the resistant bacteria specifically, but at the same time not harm the healthy microbiome which is vital for human health (8). "),
React.createElement("p", null, "As the ability of bacteria to resist antimicrobials is obtained from their genetic information, we decided to develop a system that would target the resistance from its very source; the DNA. Hence, we looked to the most revolutionary tool in gene editing history, CRISPR/Cas. "),
React.createElement("p", null, "Ever since the discovery of CRISPR/Cas as a part of the natural defence in bacteria, it has been widely used as an efficient and precise tool for genetic editing (9). By equipping a CRISPR/(d)Cas9-system with the ability to specifically target and downregulate expression of antibiotic resistance genes, we have proven that resistant bacteria can be sensitized to antibiotics."),
React.createElement("p", null,
"Our system recognizes and downregulates specific genes in non-pathogenic E. coli K12 TOP10. We began by targeting genes encoding green and red fluorescent proteins (GFP and RFP, respectively) in an attempt to achieve proof-of-concept. After successfully downregulating both GFP and RFP, we moved on to targeting chloramphenicol (CML) resistance genes. CML was chosen based on ",
React.createElement("a", { href: "http://localhost:4444/Team:SDU-Denmark/simple/Safey", target: "_blank" }, " safety"),
" considerations."),
React.createElement("p", null, "To deliver our CRISPR/Cas-system from donor to recipient cells we utilize conjugation. The recipient cells are designed to imitate E. coli containing an OXA-48 plasmid. "),
React.createElement("p", null, "How would a system like ours be practically implemented in the future treatment of patients, then?"),
React.createElement("p", null, "Our final product could be an engineered donor bacterium incorporated into a drug, aiming at eliminating OXA-48 genes present in the gut of otherwise healthy carriers. Thus, forced isolation OXA-48 carriers during future hospitalizations is no longer necessary."),
React.createElement("p", null, "An orally administered tablet could be designed to release the E. coli donors in the gastrointestinal tract, from where conjugation would spread our designed CRISPR/Cas9-system to antibiotic resistant E. coli. After sensitizing them to specific antibiotics, the formerly resistant E. coli will be eradicated with antibiotics. "),
React.createElement("p", null, "To learn more about our system design, continue to the next page.")),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionData }))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.ProjectOverview = ProjectOverview; //# sourceMappingURL=ProjectOverview.js.map } // default/src/components/Content/Lab_Process_And_Parts/LabProcessOverview.jsx $fsx.f[200] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const React = $fsx.r(3); const Buttons_1 = $fsx.r(104); const BulgeWidget_1 = $fsx.r(186); class LabProcessOverview extends React.Component {
render() {
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "labProcessOverview" },
React.createElement(BulgeWidget_1.BulgeWidget, { title: "Parts & Procedures", img: "
", fromColor: "#1D3C4D", toColor: "#DCEEF2" }),
React.createElement("div", { className: "content" }, "Lab Process Overview"),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.LabProcessOverview = LabProcessOverview; //# sourceMappingURL=LabProcessOverview.js.map } // default/src/components/Content/Human_Practices/HumanPracticesOverview.jsx $fsx.f[202] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const Buttons_1 = $fsx.r(104); const BulgeWidget_1 = $fsx.r(186); const AccordionWidget_1 = $fsx.r(124); class HumanPracticesOverview extends React.Component {
UNSAFE_componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(201);
});
}
render() {
let accordionData = {
backgroundColor: "bg-blue-800",
title: "References",
itemTitleColor: "text-blue-800",
items: [
{
title: "Project & Inspiration References",
content: `
- <a href="https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4967260/" target="_blank" class="references">Jasovský, D et al. (2016). Antimicrobial resistance - a threat to the world’s sustainable development. Ups J Med Sci, 121(3), 159-164.</a>
- <a href="https://amr-review.org/sites/default/files/AMR%20Review%20Paper%20-%20Tackling%20a%20crisis%20for%20the%20health%20and%20wealth%20of%20nations_1.pdf?fbclid=IwAR1aor_fszMsgDxV8cOaTmFtj59D0OAUqcbDJcf0XGOyBPVxaLJVNcryEMM" target="_blank" class="references">O’Neill, J. (2014). Antimicrobial Resistance: Tackling a crisis for the health and wealth of nations. Wellcome Trust.</a>
}
]
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "humanPracticesOverview" },
React.createElement(BulgeWidget_1.BulgeWidget, { title: "Practices", img: "
", fromColor: "#1D3C4D", toColor: "#DCEEF2" }),
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "quote" },
React.createElement("div", { className: "whiter-line" }, " "),
React.createElement("p", { className: "text" }, "\u201CHow wonderful it is that nobody need wait a single moment before starting to improve the world.\u201D "),
React.createElement("p", { className: "quotemaster" }, "- Anne Frank, Holocaust-victim and diarist"),
React.createElement("div", { className: "whiter-line" }, " ")),
React.createElement("p", null, "Welcome to our Human Practices! This is where we will tell you all about our work beyond the laboratory. Our project relates directly to the Sustainable Development Goals (SDGs) set by the United Nations. This is evident from the 2016 commentary in Uppsala Journal of Medical Sciences by Du\u0161an Jasovsk\u00FD et al. (1), which highlights how antimicrobial resistance could hinder the achievement of the SDGs. "),
React.createElement("p", null, "Conjugaid focuses specifically on the following SDGs:"),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("img", { src: "
" })),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", { className: "font-black text-lg" }, "SDG 3 No. 3: Good health and well-being"),
React.createElement("p", { className: "italic" }, "Ensure healthy lives and promote well-being for all at all ages"),
React.createElement("p", null, "Antimicrobial resistance will be the leading cause of death in 2050 according to the O\u2019Neill report of 2014 (2). It is therefore an imperative place to look when ensuring good health and well-being for all."))),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("img", { src: "" })),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", { className: "font-black text-lg" }, "SDG 4 No. 4: Quality Education"),
React.createElement("p", { className: "italic" }, "Ensure inclusive equitable quality education and promote lifelong learning opportunities for all"),
React.createElement("p", null, "Sustainability must be included in curricula all over the world in order to ensure this development. With our educational material, we have engaged students in the conversation around antibiotic usage and biotechnology in a global perspective."))),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("img", { src: "" })),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", { className: "font-black text-lg" }, "SDG 12 No. 12: Responsible Consumption and Production"),
React.createElement("p", { className: "italic" }, "Ensure sustainable consumption and production patterns"),
React.createElement("p", null, "According to Jasovsk\u00FD et al, antibiotics must be looked upon as a scarce and potentially non-renewable resource, in which novel innovation is needed. Our project attempts innovation in this regard by implementing novel technologies in our solution."))),
React.createElement("div", { className: "flex-container" },
React.createElement("div", { className: "flex-item logo-item" },
React.createElement("img", { src: "" })),
React.createElement("div", { className: "flex-item text-item" },
React.createElement("p", { className: "font-black text-lg" }, "SDG 17 No. 17: Partnerships for the Goals"),
React.createElement("p", { className: "italic" }, "Strengthen the means of implementation and revitalize the global partnership for sustainable development."),
React.createElement("p", null, "Antimicrobial resistance is a multi-faceted issue, and needs to be solved by many actors. Thus we have included inputs from both industry and healthcare workers into our project design."))),
React.createElement("p", null,
"In Human Practices, we have considered the ",
React.createElement("a", null, "bioethical implications"),
" of working with synthetic biology and antibiotic resistance in order to promote healthy debates with members of society. Amongst other things, we have engaged in dialogue with the general public as well as local politicians of our municipality and Members of Parliament."),
React.createElement("p", null, "In Integrated Human Practices, we reached out to local Doctors Ulrik Justesen and Torben Barington as well as Danish CRISPR-company SNIPR Biome to discuss our project design. "),
React.createElement("p", null,
"In Education and Public Engagement, we have created an open-source lesson-plan for high school students majoring in biotechnology. It consists of educational material (an electronic book), teaching manuals and laboratory protocols to educate within synthetic biology and antibiotic resistance. The lesson-plan was tested by local students as well as their teachers, and will be presented ",
React.createElement("a", null, "later in our wiki"),
". Furthermore, ",
React.createElement("a", null, "we have hosted workshops for Danish high school students"),
" across the country, ",
React.createElement("a", null, "participated in The People's Democratic Festival"),
", debated with representatives from Pfizer Inc.\u2019s management, the EU Commissioner for Competition as well as several Members of Parliament, and we have participated in many ",
React.createElement("a", null, "other outreach events"),
". Keep reading to learn more about our engagement with society.")),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionData }))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.HumanPracticesOverview = HumanPracticesOverview; //# sourceMappingURL=HumanPracticesOverview.js.map } // default/src/components/Content/People_Involved/PeopleInvolvedOverview.jsx $fsx.f[203] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const React = $fsx.r(3); const Buttons_1 = $fsx.r(104); const BulgeWidget_1 = $fsx.r(186); class PeopleInvolvedOverview extends React.Component {
render() {
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "peopleInvolved" },
React.createElement(BulgeWidget_1.BulgeWidget, { title: "People Involved", img: "
", fromColor: "#1D3C4D", toColor: "#DCEEF2" }),
React.createElement("div", { className: "content " },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "quote" },
React.createElement("div", { className: "whiter-line" }, " "),
React.createElement("p", { className: "text" }, "\u201CIndividually, we are one drop. Together, we are an ocean.\u201D"),
React.createElement("p", { className: "quotemaster" }, "- Ryunosuke Satoro, Japanese author"),
React.createElement("div", { className: "whiter-line" }, " ")),
React.createElement("p", null,
"Something extraordinary happens when teamwork is done correctly. As Satoro writes, a team is like an ocean; constantly undergoing ups and downs, yet capable of achieving great things as a result of all of the powerful forces affecting it. ",
React.createElement("a", null, "Our team"),
" has indeed been affected by many great forces, and without them, Conjugaid would never have seen the light of day. Please take a moment to appreciate our ",
React.createElement("a", null, "team supervisors"),
", who were always there to save us when the seas got rough. Through ",
React.createElement("a", null, "external attributions"),
" we have been able to take our journey with Conjugaid even further, and by ",
React.createElement("a", null, "collaborating with various iGEM teams"),
" we have broadened our knowledge and had so much fun along the way. Our sponsors have provided us with everything we needed to get Conjugaid going and to make sure we did not drown along the way."))),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.PeopleInvolvedOverview = PeopleInvolvedOverview; //# sourceMappingURL=PeopleInvolvedOverview.js.map } // default/src/components/Content/Introduction/Introduction.jsx $fsx.f[204] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const React = $fsx.r(3); const AccordionWidget_1 = $fsx.r(124); const Buttons_1 = $fsx.r(104); const BulgeWidget_1 = $fsx.r(186); class Introduction extends React.Component {
render() {
let accordionData = {
backgroundColor: "bg-blue-800",
title: "Achievements",
itemTitleColor: "text-blue-800",
items: [
{
title: "Bronze",
content: `
- Registration and Giant Jamboree Attendance ✓
- Competition Deliverables: Convince the judges that you have completed the following Competition Deliverables:
#1 Wiki ✓
#2 Poster ✓
#3 Presentation ✓
#4 Judging Form ✓
- Attributions: Convince the judges that you have completed Competition Deliverable #5 <a>Attributions </a>. ✓
- Project Inspiration and Description: Convince the judges that you have completed Competition Deliverable #8 <a> Project Inspiration and Description</a>. ✓
- Characterization: Convince the judges that you have added quantitative experimental characterization data to an existing Part from the Registry of Standard Biological Parts. ✓
Our team has characterized the following part: <a href="http://parts.igem.org/Part:BBa_J01003" target="_blank">BBa_J01003.</a>
},
{
title: "Silver",
content: `
- <a>Validated Part</a>: Convince the judges that at least one new BioBrick Part of your own design that is related to your project works as expected. ✓
Our team has created the <a> part XXX </a>.
- <a>Collaboration</a>: Convince the judges you have significantly worked with one (or more) currently registered 2019 iGEM team(s) in a meaningful way. ✓
Throughout our project, our team has worked with the following iGEM teams: DTU Biobuilders, UCopenhagen, Amazonas Brazil, Lund, TAS_Taipei, Costa Rica & Tuebingen.
- <a>Human Practices</a>: Convince the judges you have thought carefully and creatively about whether your work is responsible and good for the world. ✓
Our team has created and tested a lesson-plan for high school students. Furthermore, we have engaged the public as well as legislators in regards to synthetic biology and antibiotic resistance.
},
{
title: "Gold",
content: `
- <a>Integrated Human Practices</a>: Expand on your silver medal activity by demonstrating how you have integrated the investigated issues into the purpose, design, and/or execution of your project. ✓
We have continuously altered our project purpose, design and execution after discussing our ideas with professor in clinical microbiology at our local hospital Ulrik S. Justesen and with SNIPR Biome.
- <a> Model Your Project</a>: Convince the judges that your project's design and/or implementation is based on insight you have gained from modeling. ✓
Through modelling the conjugation efficiency of our project, we have gained valuable knowledge about our project design.
- <a>Demonstration of Your Work </a>: Convince the judges that your engineered system works.
Based on our results within our two systems (conjugation and CRISPR/Cas), both separately and combined, we have determined our engineered system as successful.
}
]
};
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "introduction" },
React.createElement(BulgeWidget_1.BulgeWidget, { title: "Introduction", img: "
", fromColor: "#1D3C4D", toColor: "#DCEEF2" }),
React.createElement("div", { className: "content" },
React.createElement("div", { className: "row" },
React.createElement("div", { className: "quote" },
React.createElement("div", { className: "whiter-line" }, " "),
React.createElement("p", { className: "text" }, "\u201CWhat is not started today is never finished tomorrow.\u201D "),
React.createElement("p", { className: "quotemaster" }, "- Johann Wolfgang von Goethe, German writer and scientist "),
React.createElement("div", { className: "whiter-line" }, " ")),
React.createElement("p", null),
React.createElement("div", { className: "img_container" },
React.createElement("img", { src: "
" }))),
React.createElement(AccordionWidget_1.AccordionWidget, Object.assign({}, { model: accordionData })),
React.createElement("p", null, "We are the 2019 iGEM team from University of Southern Denmark (SDU). Our story begins with the meeting of 11 different people. Together, we set out to push the boundaries for synthetic biology by creating a new, innovative solution to the global issue of antibiotic resistance. After brainstorming project ideas, we realized that our personal differences are in fact our biggest strength. By combining the unique skills of each team member, we came up with Conjugaid; a conjugatively delivered CRISPR/Cas-system able to sensitize bacteria to antibiotics. You will learn much more about Conjugaid later on."),
React.createElement("p", null, "We are very excited to invite you on a journey through our iGEM project! Just click \u2018Next\u2019 and you will be guided on a tour telling you everything you need to know about Conjugaid (you may also use the menu-bar above).")),
React.createElement(Buttons_1.NextStationButton, { nextStation: this.props.nextStation }))));
}
} exports.Introduction = Introduction; //# sourceMappingURL=Introduction.js.map } // default/src/components/Content/FinalWords/FinalWords.jsx $fsx.f[205] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const React = $fsx.r(3); const BulgeWidget_1 = $fsx.r(186); const nuka_carousel_1 = $fsx.r(167); class FinalWords extends React.Component {
render() {
return (React.createElement(React.Fragment, null,
React.createElement("div", { id: "finalWords" },
React.createElement(BulgeWidget_1.BulgeWidget, { title: "Final Words", img: "
", fromColor: "#D0E8E6", toColor: "#DCEEF2" }),
React.createElement("div", { className: "content mt-32" },
React.createElement("div", { className: "row" },
React.createElement("p", null, "You have reached the final station - and so our story ends. Thank you so much for your time! We really hope you liked getting to know Conjugaid as a project and as a team throughout our wiki. We have gathered some of our favorite pictures from our journey. We hope you will look at them and feel just as happy as we were in those moments - we have truly had a great time with iGEM, and hopefully that shines through."),
React.createElement(nuka_carousel_1.default, { width: "100%", dragging: true, style: {
height: 500
} },
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" }),
React.createElement("img", { src: "
" })))))));
}
} exports.FinalWords = FinalWords; //# sourceMappingURL=FinalWords.js.map } // default/src/components/test/test2/Test2.jsx $fsx.f[213] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const tslib_1 = $fsx.r(8); const React = $fsx.r(3); const Deck_1 = $fsx.r(209); const react_dom_confetti_1 = $fsx.r(211); const SVG1 = () => {
return (React.createElement("svg", { version: "1.1", id: "svg-left", xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", viewBox: "0 0 600 400" },
React.createElement("g", null,
React.createElement("path", { className: "blob", d: "M220.262,366.814c41.228-14.367,64.978-58.826,96.198-136.802\r\n\t\tc43.518-108.692,53.929-137.426,67.672-149.92s154.708-58.065,177.821-65.59C576.392,9.802,591.841,5.391,596.66-2H-2v334.452\r\n\t\tc16.689,8.319,35.468,14.508,56.726,18.745C98.453,359.914,179.034,381.181,220.262,366.814z" }))));
}; const SVG2 = () => {
return (React.createElement("svg", { version: "1.1", id: "svg-right", xmlns: "http://www.w3.org/2000/svg", x: "0px", y: "0px", viewBox: "0 0 600 400", style: {} },
React.createElement("g", null,
React.createElement("path", { className: "blob2", d: "M361.076,143.985c9.307,26.708,38.108,42.094,88.622,62.319\r\n\t\tc70.412,28.192,89.027,34.936,97.12,43.839c8.093,8.903,37.615,100.223,42.49,115.196c3.045,9.354,5.902,19.361,10.691,22.483V0\r\n\t\tH383.337c-5.389,10.811-9.398,22.976-12.143,36.748C365.547,65.075,351.769,117.277,361.076,143.985z" }))));
}; class Test2 extends React.Component {
constructor(props) {
super(props);
this.completed = false;
}
componentWillMount() {
return tslib_1.__awaiter(this, void 0, void 0, function* () {
$fsx.r(212);
});
}
componentDidMount() {
this.subway = document.querySelector("#subway");
document.body.classList.add("page-tinder");
}
componentWillUnmount() {
document.body.classList.remove("page-tinder");
}
completeDrag() {
if (this.completed) {
setTimeout(() => {
this.completed = false;
}, 3000);
}
else {
this.completed = true;
}
}
render() {
return (React.createElement("div", { id: "tinder-wrapper" },
React.createElement("div", { id: "tinder" },
React.createElement(Deck_1.default, { nextStation: this.props.nextStation, completeDrag: this.completeDrag.bind(this) })),
React.createElement("div", { className: "conf-this" },
React.createElement(react_dom_confetti_1.default, { active: this.completed })),
React.createElement(SVG1, null),
React.createElement(SVG2, null)));
}
} exports.Test2 = Test2; //# sourceMappingURL=Test2.js.map } // default/src/components/test/test2/Deck.jsx $fsx.f[209] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const react_1 = $fsx.r(3); const react_router_1 = $fsx.r(28); const react_spring_1 = $fsx.r(206); const react_with_gesture_1 = $fsx.r(207); const data_1 = $fsx.r(208); const nuka_carousel_1 = $fsx.r(167); const to = i => ({ x: 0, y: i * -4, scale: 1, rot: -10 + Math.random() * 20, delay: i * 100 }); const from = i => ({ x: 0, rot: 0, scale: 1.5, y: -1000 }); const trans = (r, s) => `perspective(1500px) rotateX(30deg) rotateY(${r / 10}deg) rotateZ(${r}deg) scale(${s})`; let CURRENT = data_1.default.length - 1; exports.default = react_router_1.withRouter(function Deck(propsy) {
const [gone] = react_1.useState(() => new Set());
const [props, set] = react_spring_1.useSprings(data_1.default.length, i => (Object.assign({}, to(i), { from: from(i) })));
const doSlide = ({ args: [index], down, delta: [xDelta], distance, direction: [xDir], velocity }) => {
const trigger = velocity > 0.01;
const dir = xDir < 0 ? -1 : 1;
if (!down && trigger)
gone.add(index);
set(i => {
if (index !== i)
return;
const isGone = gone.has(index);
if (isGone) {
propsy.completeDrag();
}
const x = isGone ? (200 + window.innerWidth) * dir : down ? xDelta : 0;
const rot = xDelta / 100 + (isGone ? dir * 10 * velocity : 0);
const scale = down ? 1.1 : 1;
return { x, rot, scale, delay: undefined, config: { friction: 50, tension: down ? 800 : isGone ? 200 : 500 } };
});
if (!down && gone.size === data_1.default.length) {
propsy.history.push(propsy.nextStation.path);
}
};
const previous = () => {
doSlide({
args: [CURRENT],
down: false,
delta: [0],
distance: 0,
direction: [-1],
velocity: 0.02,
});
CURRENT -= 1;
};
const next = () => {
doSlide({
args: [CURRENT],
down: false,
delta: [0],
distance: 0,
direction: [-1],
velocity: 0.02,
});
CURRENT += 1;
};
const bind = react_with_gesture_1.useGesture(doSlide);
return (react_1.default.createElement(react_1.default.Fragment, null,
react_1.default.createElement("button", { onClick: previous, style: { position: "relative", zIndex: 9999 } },
react_1.default.createElement("br", null),
"Back"),
react_1.default.createElement("button", { onClick: next, style: { position: "relative", zIndex: 9999 } }, "Forward"),
props.map(({ x, y, rot, scale }, i) => (react_1.default.createElement(react_spring_1.animated.div, { key: i, style: { transform: react_spring_1.interpolate([x, y], (x, y) => `translate3d(${x}px,${y}px,0)`) } },
react_1.default.createElement(react_spring_1.animated.div, Object.assign({}, bind(i), { style: { transform: react_spring_1.interpolate([rot, scale], trans), backgroundImage: `url(${data_1.default[i]})` } }),
react_1.default.createElement("div", { className: "card" },
react_1.default.createElement(nuka_carousel_1.default, null, data_1.default[i].pics.map((pic, index) => (react_1.default.createElement("img", { key: index, src: pic, alt: "profilePicture" })))),
react_1.default.createElement("h2", { className: "title" },
data_1.default[i].name,
", ",
react_1.default.createElement("span", { className: "age" }, data_1.default[i].age)),
react_1.default.createElement("h5", { className: "distance" }, data_1.default[i].distance),
react_1.default.createElement("h5", { className: "profile-text" }, data_1.default[i].text))))))));
}); //# sourceMappingURL=Deck.js.map } // default/src/components/test/test2/data.js $fsx.f[208] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = [
{
pics: [
"https://scontent-arn2-2.cdninstagram.com/vp/58b2efa3d1670bfd6e558923f8ab6c3a/5E1D141C/t51.2885-15/sh0.08/e35/p640x640/64862705_392887241349028_126787838435416005_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=104%20640w,https://scontent-arn2-2.cdninstagram.com/vp/ae839a6f3c9390b4373a22da1506bf7c/5E1F83E3/t51.2885-15/sh0.08/e35/p750x750/64862705_392887241349028_126787838435416005_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=104%20750w,https://scontent-arn2-2.cdninstagram.com/vp/fb45879439da8ab43107e6b615d3c664/5E3DEADA/t51.2885-15/e35/64862705_392887241349028_126787838435416005_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=104%201080w"
],
name: "Henrik Frederik Bekkevold Johansen",
age: 0,
distance: "x miles away",
text: "Hey y’all! I’m Henrik, a former medical student who turned to the dark side. I now spend my time with biochemistry and molecular biology and I gave my soul to the Dark Lord in exchange for being a part of iGEM. I'm the Protector of the human practices mailbox, Writer of e-books, Queen of shade and sarcasm, bound by oath to the lab team, Purifier of plasmids, Khaleesi of the Great Agar Sea and Mother of plates. "
},
{
pics: [
"https://scontent-arn2-2.cdninstagram.com/vp/75c43c7057d4c2b98cc9d35f69ef651d/5E36329D/t51.2885-15/sh0.08/e35/p640x640/61153718_2898260997065592_8629595138905096987_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=100%20640w,https://scontent-arn2-2.cdninstagram.com/vp/cae89103bc45dd9e913b84a81b769768/5E39B559/t51.2885-15/sh0.08/e35/p750x750/61153718_2898260997065592_8629595138905096987_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=100%20750w,https://scontent-arn2-2.cdninstagram.com/vp/c6337e90ea1c9fab95c8ce67dd446478/5E2965F7/t51.2885-15/e35/61153718_2898260997065592_8629595138905096987_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=100%201080w"
],
name: "Annemette Præstegaard Thulesen",
age: 0,
distance: "x miles away",
text: "Hello! I’m Annemette - a glasses-wearing, volleyball-playing, impro-acting, bacteria-loving, sock-knitting ginger. Throughout the entirety of our iGEM-project I’ve practically been camped out in our laboratory, doing bacteriamazing work day in and day out! "
},
{
pics: [
"https://scontent-arn2-2.cdninstagram.com/vp/e8a46625b2d243804aabe41d0b4f8959/5E35BFB6/t51.2885-15/sh0.08/e35/p640x640/66182362_1229161193923927_5107935521560392960_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=107%20640w,https://scontent-arn2-2.cdninstagram.com/vp/f26f5ee57f8b864634689f0cc150f502/5E294272/t51.2885-15/sh0.08/e35/p750x750/66182362_1229161193923927_5107935521560392960_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=107%20750w,https://scontent-arn2-2.cdninstagram.com/vp/19dddc0ecb801e566725d00dcbb17ed4/5E1CADDC/t51.2885-15/e35/66182362_1229161193923927_5107935521560392960_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=107%201080w"
],
name: "Emma Emilie Andersen",
age: 0,
distance: "x miles away",
text: "Hi there! I’m Emma, the biologist of the team. Obsessed with loads of things that nobody else on the team seem to care about (even though they totally should!), I make sure everyone notices all of the wiggly worms and precious plants we pass on our way. Throughout our project I’ve been working with humans in human practices, making agar plates and overnight cultures as a servant to our “real” lab-team, cashing checks in fundraising and getting followers on social media (#ShoutoutToiGEM). "
},
{
pics: [
"https://scontent-arn2-2.cdninstagram.com/vp/db8a438293b83b54f292ad1c865bfd99/5E2C5B2F/t51.2885-15/sh0.08/e35/p640x640/66502416_107002340490484_1167553703310427718_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=104 640w,https://scontent-arn2-2.cdninstagram.com/vp/fba04b313c5d99c004fe94adde5fc0cd/5E31E62F/t51.2885-15/sh0.08/e35/p750x750/66502416_107002340490484_1167553703310427718_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=104 750w,https://scontent-arn2-2.cdninstagram.com/vp/530300c3eeffa1918dabf1d4a61b72ad/5E20C3D9/t51.2885-15/e35/66502416_107002340490484_1167553703310427718_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=104 1080w"
],
name: "Stine Degn Espersen",
age: 0,
distance: "x miles away",
text: "Hi, what’s up? My name is Stine, and I’ve always been fascinated by how synthetic biology can be used to our advantage *insert evil german scientist laugh*. In this regard, I primarily work in the lab, but I’m also working on making our project look good by designing beautiful wiki-, presentation- and poster-illustrations. "
},
{
pics: [
"https://scontent-arn2-2.cdninstagram.com/vp/339206d869fa74e96c86691205c4c78d/5E3B4879/t51.2885-15/sh0.08/e35/p640x640/66408522_358250214858149_9078727197175127977_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=105%20640w,https://scontent-arn2-2.cdninstagram.com/vp/c107bd4319bb7174eb0c771a003e5809/5E21A979/t51.2885-15/sh0.08/e35/p750x750/66408522_358250214858149_9078727197175127977_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=105%20750w,https://scontent-arn2-2.cdninstagram.com/vp/49945e99da5d93b7d5da78bd4138d7d6/5E19EE8F/t51.2885-15/e35/66408522_358250214858149_9078727197175127977_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=105%201080w"
],
name: "Catharina",
age: 0,
distance: "x miles away",
text: "Hejsa! I’m Catharina, and I enjoy spending time in the lab - even when it doesn’t work! This project has been hard to complete without a little bit of cash, for which reason I have been fundraising. I’ve also been optimizing our lab-results in the computational group, but you will primarily find me in the laboratory where my inner Lab Queen will be showing her magic by using her mad pipetting skills and wearing an oversized lab coat all summer long."
},
{
pics: [
"https://scontent-arn2-2.cdninstagram.com/vp/cf44dc786e2d273cfe967e0bf4853655/5E2904CE/t51.2885-15/sh0.08/e35/p640x640/66343909_643272722837100_1228281417492740102_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=100%20640w,https://scontent-arn2-2.cdninstagram.com/vp/414c272de09de48fac658581f597bfe3/5E3514CE/t51.2885-15/sh0.08/e35/p750x750/66343909_643272722837100_1228281417492740102_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=100%20750w,https://scontent-arn2-2.cdninstagram.com/vp/5e3af3359b32bd1cdfff814048da8fca/5E391738/t51.2885-15/e35/66343909_643272722837100_1228281417492740102_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=100%201080w"
],
name: "Emil Birch Christensen",
age: 0,
distance: "x miles away",
text: "Hello, Emil here. I recently finished my BA in Biomedicine and have now moved on to a Masters in biochemistry and molecular biology. Since I have already used up all of my young and fruitful years studying, I thought I might as well add fuel to the flame and join the iGEM team. You’ll find me setting stuff on fire in the lab, doing wizard stuff in the wiki-group and asking people for their money in the fundraising group."
},
{
pics: [
"https://scontent-arn2-2.cdninstagram.com/vp/7c8dbc5cb51b0c0fb9c8b5ff5ee9f642/5E2E5C7F/t51.2885-15/sh0.08/e35/p640x640/65305398_394440201377976_44648737476354207_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=100%20640w,https://scontent-arn2-2.cdninstagram.com/vp/3e2875b924d23e0c1be8190e673b4ea7/5E190226/t51.2885-15/sh0.08/e35/p750x750/65305398_394440201377976_44648737476354207_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=100%20750w,https://scontent-arn2-2.cdninstagram.com/vp/4b70c0aeb18058706f46aa565d7e44e8/5E19729D/t51.2885-15/e35/65305398_394440201377976_44648737476354207_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=100%201080w"
],
name: "Jacob Fredegaard Hansen",
age: 0,
distance: "x miles away",
text: "Hi there! My name is Jacob, and in our iGEM-project I’m hustling in human practices, with fundraising and with social media (noticed all of the amazing, high-quality photos on our SoMe-pages - and these portraits of our beautiful team? Yup, I took those!). However, my biggest talent is making everyone laugh with my dad-jokes! Hit me up if you wanna hear one, I got plenty."
},
{
pics: [
"https://scontent-arn2-2.cdninstagram.com/vp/4c840b289849b54b9a09071dabf13358/5E224686/t51.2885-15/sh0.08/e35/p640x640/62385551_2258238824294485_1181897303458164571_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=101%20640w,https://scontent-arn2-2.cdninstagram.com/vp/793f4ca182f5e39550c2cc51c3b773b3/5E1DC942/t51.2885-15/sh0.08/e35/p750x750/62385551_2258238824294485_1181897303458164571_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=101%20750w,https://scontent-arn2-2.cdninstagram.com/vp/1611e8e80f7e14adb3c0381e6da548cb/5E2617EC/t51.2885-15/e35/62385551_2258238824294485_1181897303458164571_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=101%201080w"
],
name: "Anne Sofie Løgstrup",
age: 22,
distance: "x miles away",
text: "Hi folks! I’m Anne Sofie, and for the past 10 months I’ve been working as a middleman between our donor- and recipient-bacteria, forcing them to be friendly and talk to each other via conjugation. When not in the lab being a bacterial couples therapist, my biggest challenge has been learning sarcasm - I mean, what kind of mysterious language is that?! Luckily my teammates learned to use jazz hands when being sarcastic, which makes it WAY easier to translate what they’re saying!"
},
{
pics: [
"https://scontent-arn2-2.cdninstagram.com/vp/d3ff4012a0052ae6be01ec70e4874302/5E1BAD28/t51.2885-15/sh0.08/e35/p640x640/61893048_145900753231778_7866890185169771086_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=102%20640w,https://scontent-arn2-2.cdninstagram.com/vp/cf3a7c845d4a851ca3b04c57d483e0dc/5E299B28/t51.2885-15/sh0.08/e35/p750x750/61893048_145900753231778_7866890185169771086_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=102%20750w,https://scontent-arn2-2.cdninstagram.com/vp/e931c376149cfd57d7de57a80e73fb0e/5E2D39DE/t51.2885-15/e35/61893048_145900753231778_7866890185169771086_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=102%201080w"
],
name: "Ditlev Hartmann Bornebusch",
age: 0,
distance: "x miles away",
text: "Hi! I’m Ditlev, the engineer of the team! I am a professional computer wizard and Life Science apprentice, who aspires to harness life sorcery with digital magic. I thrive the most in a programming environment with unlimited coffee, funky disco music, multiple monitors, a high-speed internet connection and at minimum a machine with 16GB RAM. Oh, and I also built most of the wiki from my new home in China!"
},
{
pics: [
"https://scontent-arn2-2.cdninstagram.com/vp/987a8518391b9ca58463afe444d0e0b0/5E32AC07/t51.2885-15/sh0.08/e35/p640x640/61102298_771195196629859_5475624845048562724_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=107%20640w,https://scontent-arn2-2.cdninstagram.com/vp/6d078568c70376cb19178bfd38ef6f08/5E376407/t51.2885-15/sh0.08/e35/p750x750/61102298_771195196629859_5475624845048562724_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=107%20750w,https://scontent-arn2-2.cdninstagram.com/vp/87336ccff85b357cdf7be26ece6897d2/5E197FF1/t51.2885-15/e35/61102298_771195196629859_5475624845048562724_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=107%201080w"
],
name: "Code redhead",
age: 0,
distance: "x miles away",
text: "Heyo! I’m Christian, but don’t confuse my name with having the virtues of one. My parents have always told my that nothing is impossible, but I did nothing besides studying biomedicine all day until I joined this wonderful iGEM team. Those slacking days are over as I am now wikipediating in our wiki group, getting ‘em $$$’s in our fundraising group and doing human stuff in our human practices group"
},
{
pics: [
"https://scontent-arn2-2.cdninstagram.com/vp/bae0df9d2bb0a0d2efea3eb3ff7eb51b/5E3285F5/t51.2885-15/sh0.08/e35/p640x640/62021714_2101617696804392_4917375577370136283_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=108%20640w,https://scontent-arn2-2.cdninstagram.com/vp/3c88ee352bdd1d3ff80dc5f365b86d87/5E260831/t51.2885-15/sh0.08/e35/p750x750/62021714_2101617696804392_4917375577370136283_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=108%20750w,https://scontent-arn2-2.cdninstagram.com/vp/895c52eaaef0900e4e3599e2d01d8594/5E2E4A9F/t51.2885-15/e35/62021714_2101617696804392_4917375577370136283_n.jpg?_nc_ht=scontent-arn2-2.cdninstagram.com&_nc_cat=108%201080w",
"
"
],
name: "Thea Amalie Hvidtfeldt",
age: 22,
distance: "x miles away",
text: "Hi everyone! I’m Thea and during iGEM I’ve been working with a lot of (E.) Cool(i) bacteria in the lab. Since I am resistant to the fact that I needed a lot of food for long iGEM days, I’ve been very sensitive to canteen-trip invitations. However, when nutrients (primarily sugar and coffee) are available, my energy rises at an exponential rate!"
}
]; //# sourceMappingURL=data.js.map } // default/src/components/application/timelines/index.js $fsx.f[216] = (module, exports) => { "use strict"; Object.defineProperty(exports, "__esModule", { value: true }); const gsap_1 = $fsx.r(91); const getDefaultTimeline = (node, delay) => {
const timeline = new gsap_1.TimelineMax({ paused: true });
timeline
.from(node, 0.3, { display: "none", autoAlpha: 0, delay, ease: gsap_1.Power1.easeIn })
.call(() => {
document.body.classList.remove("rodal-open");
});
return timeline;
}; const getHomeTimeline = (node, delay) => {
const timeline = new gsap_1.TimelineMax({ paused: true });
return timeline;
}; exports.play = (pathname, node, appears) => {
const delay = appears ? 0 : 0.5;
let timeline;
if (pathname === "/")
timeline = getHomeTimeline(node, delay);
else
timeline = getDefaultTimeline(node, delay);
requestAnimationFrame(() => timeline.play());
}; exports.exit = (node) => {
const timeline = new gsap_1.TimelineMax({ paused: true });
timeline.to(node, 0.15, { autoAlpha: 0, ease: gsap_1.Power1.easeOut });
timeline.play();
}; //# sourceMappingURL=index.js.map } // Importing a single entry $fsx.r(222);
//# sourceMappingURL=74a8373c-app.js.map