|
|
| (275 intermediate revisions by 2 users not shown) |
| Line 1: |
Line 1: |
| | {{UCL/TemplateBefore}} | | {{UCL/TemplateBefore}} |
| | + | |
| | <html> | | <html> |
| | <body> | | <body> |
| − | <main class="cd-main-content">
| + | |
| − | <div id="main-content-container">
| + | <style> |
| − | | + | .fixed-bg { |
| − | <h2 align="center"> <font size="25"> <b> OVERVIEW </b> </font> </h2>
| + | background-image: url("https://static.igem.org/mediawiki/2016/9/98/T--UCL--backgroundhp.png"); |
| − | | + | min-height: 500px; |
| − | <p> <center> <font size="5"> Ageing is an inevitable process that will affect all of us and it's important that we explore what people from every profession, background and age think about our project as it will impact every single one of us. In the following sections, you can have a glimpse at the decisive factors that drove our project and continue to influence the progress of novel ageing technologies in the future. </center> </font> </p> | + | background-attachment: fixed; |
| − | | + | background-position: center; |
| − | <div></div>
| + | background-repeat: no-repeat; |
| − | | + | |
| − | <p> <font size="3"> <a href="https://2016.igem.org/Team:UCL/Human_Practices/Public_Engagement"> <b> Public Engagement/General Public: </b> </a> Biosynthage really wanted to create a project that addresses a current societal need and understand how ageing affects us in later life. Our interactions with the general public involved visiting a Dementia care home, conducting surveys and talking to people on the streets of London. </p>
| + | |
| − | | + | |
| − | <p> <a href="https://2016.igem.org/Team:UCL/Human_Practices/Experts"> <b> The experts: </b> </a> From the very beginning we have engaged scientific experts in order to ensure that our project is addressing a genuine need as defined by those who know best. </p>
| + | |
| − | | + | |
| − | <p> <a href="https://2016.igem.org/Team:UCL/Human_Practices/Industry"> <b> Industry: </b> </a> To understand the context of ageing industries and where Biosynthage fits and find out how our ideas can be translated from lab to industry, we reached out to opinions of experts from the ageing industry. We received enthusiastic feedback about our idea, strengthen by a feeling of slow progress in ageing industries. </p>
| + | |
| − | | + | |
| − | <p> <a href="https://2016.igem.org/Team:UCL/Human_Practices/Religion"> <b> Religion, Synthetic Biology and Ageing: </b> </a> We have been talking to <a href="https://2016.igem.org/Team:UCL/Human_Practices/Religion"> religious leaders </a> and religious members of the public to find out what they they think about our project and synthetic biology and to find an answer to whether religion actually acts as a barrier to the development of synthetic biology. </p>
| + | |
| − | | + | |
| − | <p> <a href="https://2016.igem.org/Team:UCL/Human_Practices/Elderly"> <b> Our visit to Hamburg dementia home: </b> </a> We have been talking to elderly people who are effected by age related diseases to understand how ageing really effects the ageing population first hand. Have a look at some of the stories of the people at the care home! </p>
| + | |
| − | | + | |
| − | <p> <a href="https://2016.igem.org/Team:UCL/Human_Practices/Education"> <b> Education/Outreach: </b> </a> As a response to our survey which showed that more then 3/4 of the sample wished that they had learnt about synthetic biology at school, we wanted to reach out to as many age groups as possible and run several different <a href="https://2016.igem.org/Team:UCL/Human_Practices/Education"> educational</a> workshops </p>
| + | |
| − | | + | |
| − | <p> <a href="https://2016.igem.org/Team:UCL/Human_Practices/Law_and_Regulation"> <b> Law and regulation in London: </b> </a> We have been talking to members of parliament, UCL political societies and London assembly members to get a view of our project from a law point of view. Will our ideas be accepted into society and will people in London want this?</p>
| + | |
| − | | + | |
| − | <p> <a href="https://2016.igem.org/Team:UCL/Human_Practices/Public_Policy"> <b> Public Policy: </b> </a> </p>
| + | |
| − | | + | |
| − | <p> <a href="https://2016.igem.org/Team:UCL/Human_Practices/Art"> <b> Ageing and art: </b> </a> </font> </p>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <h3> Our iGEM blog </h3>
| + | |
| − | | + | |
| − | <p> We also wanted the general public to know about our project and iGEM so we decided to make a blog highlighting our general experiences as we go along this iGEM journey! We are also working on posting some tips for future GEM teams, based on what we are learning as we go through the process.</p>
| + | |
| − | | + | |
| − | <p> The Blog link: http://ucligem2016.wix.com/ucligem2016 </p>
| + | |
| − | | + | |
| − | <h3> Our App </h3>
| + | |
| − | | + | |
| − | <p> As mobile phones are becoming increasing part of our lives, we thought that developing an app may be a great way to get more people more aware of synthetic biology. We have decided to create a game that works by getting users to create certain biobricks, where the gene of interest will only complete the biobrick if the plasmid backbone is cut with the correct restriction enzymes. We want to make it as user friendly as possible and we are hoping to integrate our project and iGEM into the app as well. </p>
| + | |
| − | | + | |
| − | <h3> In the press </h3>
| + | |
| − | | + | |
| − | <p> We were able make more people aware of our project by getting our project advertised through the UCL website (Biochemical engineering News section). We are also working on getting the project advertised on the UCL newsletter (myUCL). </p>
| + | |
| − | | + | |
| − | | + | |
| − | <p> Also follow our vlog where we upload fun videos of the team members and vlog throughout our iGEM journey </p>
| + | |
| − | | + | |
| − | <h3> Is ageing a disease </h3>
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!DOCTYPE html>
| + | |
| − | <html lang="en" dir="ltr" class="client-nojs">
| + | |
| − | <head>
| + | |
| − | <meta charset="UTF-8" />
| + | |
| − | <title>Team:Edinburgh/Practices - 2015.igem.org</title>
| + | |
| − | <meta name="generator" content="MediaWiki 1.24.1" />
| + | |
| − | <link rel="shortcut icon" href="/favicon.ico" />
| + | |
| − | <link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2015.igem.org (en)" />
| + | |
| − | <link rel="EditURI" type="application/rsd+xml" href="https://2015.igem.org/wiki/api.php?action=rsd" />
| + | |
| − | <link rel="alternate" hreflang="x-default" href="/Team:Edinburgh/Practices" />
| + | |
| − | <link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
| + | |
| − | <link rel="alternate" type="application/atom+xml" title="2015.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&feed=atom" />
| + | |
| − | <link rel="stylesheet" href="https://2015.igem.org/wiki/load.php?debug=false&lang=en&modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.interface%7Cmediawiki.ui.button%7Cskins.igem.styles&only=styles&skin=igem&*" />
| + | |
| − | <!--[if IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
| + | |
| − | <!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" content="" />
| + | |
| − | <style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
| + | |
| − | /* cache key: 2015_igem_org:resourceloader:filter:minify-css:7:875d2068ffef0b9ce1dbab8400ce2379 */</style>
| + | |
| − | <script src="https://2015.igem.org/wiki/load.php?debug=false&lang=en&modules=startup&only=scripts&skin=igem&*"></script>
| + | |
| − | <script>if(window.mw){
| + | |
| − | mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:Edinburgh/Practices","wgTitle":"Team:Edinburgh/Practices","wgCurRevisionId":417732,"wgRevisionId":417732,"wgArticleId":474,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"Amanabc","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:Edinburgh/Practices","wgUserId":5202,"wgUserEditCount":0,"wgUserRegistration":1465054970000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
| + | |
| − | }</script><script>if(window.mw){
| + | |
| − | mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
| + | |
| − | "wllimit":250,"useeditwarning":1,"prefershttps":1,"language":"en","variant-gan":"gan","variant-iu":"iu","variant-kk":"kk","variant-ku":"ku","variant-shi":"shi","variant-sr":"sr","variant-tg":"tg","variant-uz":"uz","variant-zh":"zh","searchNs0":true,"searchNs1":false,"searchNs2":false,"searchNs3":false,"searchNs4":false,"searchNs5":false,"searchNs6":false,"searchNs7":false,"searchNs8":false,"searchNs9":false,"searchNs10":false,"searchNs11":false,"searchNs12":false,"searchNs13":false,"searchNs14":false,"searchNs15":false});},{},{});mw.loader.implement("user.tokens",function($,jQuery){mw.user.tokens.set({"editToken":"60092aadc1d3a122683e0fca08b6b784+\\","patrolToken":"4dcd2dfb7ba55ce0f9608d4de71c1893+\\","watchToken":"76a830933514cb4342bfffae6aeb161c+\\"});},{},{});
| + | |
| − | /* cache key: 2015_igem_org:resourceloader:filter:minify-js:7:b1ce0ca29eeec512784c8509f2fbaad3 */
| + | |
| − | }</script>
| + | |
| − | <script>if(window.mw){
| + | |
| − | mw.loader.load(["mediawiki.page.startup","mediawiki.legacy.wikibits","mediawiki.legacy.ajax"]);
| + | |
| − | }</script>
| + | |
| − | </head>
| + | |
| − | <body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_Edinburgh_Practices skin-igem action-view">
| + | |
| − | | + | |
| − | <script type='text/javascript' src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
| + | |
| − | <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
| + | |
| − | <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
| + | |
| − | | + | |
| − | <div id='globalWrapper'>
| + | |
| − | <div id='top_menu_under' class='noprint'></div>
| + | |
| − | <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
| + | |
| − | <script>jQuery('#top_menu_14').load('https://2015.igem.org/cgi/top_menu_14/menubar_reply.cgi',
| + | |
| − | { t:"Team%3AEdinburgh%2FPractices",
| + | |
| − | a:"View+%2FTeam%3AEdinburgh%2FPractices++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AEdinburgh%2FPractices%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AEdinburgh%2FPractices%26action%3Dhistory++Move+%2FSpecial%3AMovePage%2FTeam%3AEdinburgh%2FPractices++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3AEdinburgh%2FPractices%26action%3Dwatch%26token%3Db1b80d4e9edb76de093996b6994671ac%252B%255C++Page+%2FTeam%3AEdinburgh%2FPractices++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3AEdinburgh%2FPractices%26action%3Dedit%26redlink%3D1++" });
| + | |
| − |
| + | |
| − | </script>
| + | |
| − | <div id="content" class="mw-body" role="main">
| + | |
| − | <a id="top"></a>
| + | |
| − | <h1 id="firstHeading" class="firstHeading">
| + | |
| − | <span dir="auto">Team:Edinburgh/Practices</span>
| + | |
| − | </h1>
| + | |
| − | <div id="bodyContent">
| + | |
| − | <div id="mw-content-text" lang="en" dir="ltr" class="mw-content-ltr"><p>
| + | |
| − | | + | |
| − | <!-- Start of CSS-->
| + | |
| − | <style type="text/css">
| + | |
| − | | + | |
| − | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear
| + | |
| − | | + | |
| − | {
| + | |
| − | | + | |
| − | display: none;
| + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | #top_menu_under
| + | |
| − | {
| + | |
| − | height: 0; | + | |
| − | }
| + | |
| − | | + | |
| − | #top-section {
| + | |
| − | height: 0px;
| + | |
| − | border-top: 0;
| + | |
| − | border-left: none;
| + | |
| − | border-right: none;
| + | |
| − | }
| + | |
| − | #globalWrapper
| + | |
| − | { | + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | border: 0px;
| + | |
| − | background-color: #000;
| + | |
| − | margin: 0px;
| + | |
| − | padding: 0px;
| + | |
| − | font-size: 100%
| + | |
| − | }
| + | |
| − | | + | |
| − | #content
| + | |
| − | {
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | margin-left: auto;
| + | |
| − | margin-right: auto;
| + | |
| − | background-color: #000;
| + | |
| − | padding: 0px;
| + | |
| − | font-size: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | html, body, .wrapper { /*-- changes default wiki settings --
| + | |
| − | | + | |
| − | */
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | margin: 0px;
| + | |
| − | padding: 0px;
| + | |
| − | background-color: #000;
| + | |
| − | -webkit-background-size: cover;
| + | |
| − | -moz-background-size: cover;
| + | |
| − | -o-background-size: cover;
| + | |
| − | background-size: cover;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | body {
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | font-family: Lora,"Helvetica Neue",Helvetica,Arial,sans-serif;
| + | |
| − | color: #fff;
| + | |
| − | background-color: #000; | + | |
| − | }
| + | |
| − | | + | |
| − | html {
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − | | + | |
| − | h1,
| + | |
| − | h2,
| + | |
| − | h3,
| + | |
| − | h4,
| + | |
| − | h5,
| + | |
| − | h6 {
| + | |
| − | margin: none;
| + | |
| − | text-transform: uppercase;
| + | |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
| + | |
| − | font-weight: 700;
| + | |
| − | letter-spacing: 1px;
| + | |
| − | border-bottom: none;
| + | |
| − | | + | |
| − | | + | |
| − | }
| + | |
| − | | + | |
| − | p {
| + | |
| − | margin: 0 0 25px;
| + | |
| − | font-size: 18px;
| + | |
| − | line-height: 1.5;
| + | |
| − | }
| + | |
| − | | + | |
| − | @media(min-width:768px) {
| + | |
| − | p {
| + | |
| − | margin: 0 0 35px;
| + | |
| − | font-size: 20px;
| + | |
| − | line-height: 1.6;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .intro {
| + | |
| − | display: table;
| + | |
| − | width: 100%;
| + | |
| − | height: 100%;
| + | |
| − | text-align: center;
| + | |
| − | color: #fff;
| + | |
| − | background-color: #000; | + | |
| − | background: url("https://static.igem.org/mediawiki/2015/2/26/Edigem15_Ourstory_bannerimagelq.jpeg") no-repeat bottom center scroll;
| + | |
| − | -webkit-background-size: cover;
| + | |
| − | -moz-background-size: cover;
| + | |
| | background-size: cover; | | background-size: cover; |
| − | -o-background-size: cover;
| |
| | } | | } |
| | + | </style> |
| | | | |
| − | .intro .intro-body {
| + | <div class="fixed-bg"> |
| − | display: table-cell;
| + | <div style="height: 400px;"> </div> |
| − | vertical-align: middle;
| + | |
| − | margin-left: auto;
| + | |
| − | }
| + | |
| | | | |
| − | .intro .intro-body .brand-heading {
| + | <head> |
| − | margin-top: 15%;
| + | |
| − | font-size: 40px;
| + | |
| − | border-bottom: none;
| + | |
| − | }
| + | |
| | | | |
| − | .intro .intro-body .intro-text {
| |
| − | display: block;
| |
| − | width: 100%;
| |
| − | font-size: 18px;
| |
| − | }
| |
| − |
| |
| − | @media(min-width:768px) {
| |
| − | .intro {
| |
| − | height: 100%;
| |
| − | padding: 0;
| |
| − | box-shadow: 0 -100px 100px #000 inset;
| |
| − | }
| |
| − |
| |
| − | .intro .intro-body .brand-heading {
| |
| − | font-size: 100px;
| |
| − | }
| |
| − |
| |
| − | .intro .intro-body .intro-text {
| |
| − | font-size: 26px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .arrowtext
| |
| − | {
| |
| − | width: 100%;
| |
| − | display: block;
| |
| − | }
| |
| − |
| |
| − | .arrow
| |
| − | {
| |
| − | height: 50px;
| |
| − | width: 100px;
| |
| − | opacity: 0.7;
| |
| − | }
| |
| − |
| |
| − | /*foreword*/
| |
| − |
| |
| − |
| |
| − | header .intro-text {
| |
| − | padding-top: 50px;
| |
| − | padding-bottom: 50px;
| |
| − | }
| |
| − |
| |
| − | header .intro-text .intro-lead-in {
| |
| − | margin-bottom: 25px;
| |
| − | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-size: 22px;
| |
| − | line-height: 22px;
| |
| − | text-color: #fff;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | header .intro-text .intro-heading {
| |
| − | margin-bottom: 25px;
| |
| − | text-transform: uppercase;
| |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-size: 50px;
| |
| − | font-weight: 700;
| |
| − | line-height: 50px;
| |
| − | }
| |
| − |
| |
| − | @media(min-width:768px) {
| |
| − | header .intro-text {
| |
| − | padding-top: 50px;
| |
| − | padding-bottom: 100px;
| |
| − | }
| |
| − |
| |
| − | header .intro-text .intro-lead-in {
| |
| − | margin-bottom: 25px;
| |
| − | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-size: 40px;
| |
| − | line-height: 40px;
| |
| − | }
| |
| − |
| |
| − | header .intro-text .intro-heading {
| |
| − | margin-bottom: 50px;
| |
| − | text-transform: uppercase;
| |
| − | font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-size: 75px;
| |
| − | font-weight: 700;
| |
| − | line-height: 75px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − | section {
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | section h2.section-heading
| |
| − | {
| |
| − | margin-top: 0;
| |
| − | margin-bottom: 15px;
| |
| − | font-size: 40px;
| |
| − | color: white;
| |
| − | border-bottom: none;
| |
| − |
| |
| − |
| |
| − | }
| |
| − |
| |
| − | section h3.section-subheading {
| |
| − | margin-bottom: 75px;
| |
| − | text-transform: none;
| |
| − | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
| |
| − | font-size: 16px;
| |
| − | font-weight: 400;
| |
| − | }
| |
| − |
| |
| − | @media(min-width:768px) {
| |
| − | section {
| |
| − | padding: 10px 0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | .service-heading {
| |
| − | margin: 15px 0;
| |
| − | text-transform: none;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /*timeline */
| |
| − |
| |
| − | .timeline {
| |
| − | position: relative;
| |
| − | padding:4px 0 0 0;
| |
| − | margin-top:22px;
| |
| − | list-style: none;
| |
| − | }
| |
| − |
| |
| − | .timeline>li:nth-child(even) {
| |
| − | position: relative;
| |
| − | margin-bottom: 50px;
| |
| − | height: 180px;
| |
| − | right:-100px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li:nth-child(odd) {
| |
| − | position: relative;
| |
| − | margin-bottom: 50px;
| |
| − | height: 180px;
| |
| − | left:-100px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li:before,
| |
| − | .timeline>li:after {
| |
| − | content: " ";
| |
| − | display: table;
| |
| − | }
| |
| − |
| |
| − | .timeline>li:after {
| |
| − | clear: both;
| |
| − | min-height: 170px;
| |
| − | }
| |
| − |
| |
| − | .timeline > li .timeline-panel {
| |
| − | position: relative;
| |
| − | float: left;
| |
| − | width: 41%;
| |
| − | padding: 0 20px 20px 30px;
| |
| − | text-align: right;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-panel:before {
| |
| − | right: auto;
| |
| − | left: -15px;
| |
| − | border-right-width: 15px;
| |
| − | border-left-width: 0;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-panel:after {
| |
| − | right: auto;
| |
| − | left: -14px;
| |
| − | border-right-width: 14px;
| |
| − | border-left-width: 0;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-image {
| |
| − | z-index: 100;
| |
| − | position: absolute;
| |
| − | left: 50%;
| |
| − | border: 7px solid #fff;
| |
| − | border-radius: 100%;
| |
| − | background-color: #fff;
| |
| − | box-shadow: 0 0 5px #fff;
| |
| − | width: 200px;
| |
| − | height: 200px;
| |
| − | margin-left: -100px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li .timeline-image h4 {
| |
| − | margin-top: 12px;
| |
| − | font-size: 10px;
| |
| − | line-height: 14px;
| |
| − | }
| |
| − |
| |
| − | .timeline>li.timeline-inverted>.timeline-panel {
| |
| − | float: right;
| |
| − | padding: 0 30px 20px 20px;
| |
| − | text-align: left;
| |
| − | }
| |
| − |
| |
| − | .timeline>li.timeline-inverted>.timeline-panel:before {
| |
| − | right: auto;
| |
| − | left: -15px;
| |
| − | border-right-width: 15px;
| |
| − | border-left-width: 0;
| |
| − | }
| |
| − |
| |
| − | .timeline>li.timeline-inverted>.timeline-panel:after {
| |
| − | right: auto;
| |
| − | left: -14px;
| |
| − | border-right-width: 14px;
| |
| − | border-left-width: 0;
| |
| − | }
| |
| − |
| |
| − | .timeline>li:last-child {
| |
| − | margin-bottom: 0;
| |
| − | }
| |
| − |
| |
| − | .timeline .timeline-heading h4 {
| |
| − | margin-top:22px;
| |
| − | margin-bottom: 4px;
| |
| − | padding:0;
| |
| − | color: #b3b3b3;
| |
| − | }
| |
| − |
| |
| − | .timeline .timeline-heading h4.subheading {
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | text-transform: none;
| |
| − | font-size:18px;
| |
| − | color:#333333;
| |
| − | }
| |
| − |
| |
| − | .timeline .timeline-body>p,
| |
| − | .timeline .timeline-body>ul {
| |
| − | margin-bottom: 0;
| |
| − | color:#fff;
| |
| − | }
| |
| − | /*Style for even div.line*/
| |
| − | .timeline>li:nth-child(odd) .line:before {
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | top: 60px;
| |
| − | bottom: 0;
| |
| − | left: 690px;
| |
| − | width: 4px;
| |
| − | height:340px;
| |
| − | background-color: #fff;
| |
| − | -ms-transform: rotate(-44deg); /* IE 9 */
| |
| − | -webkit-transform: rotate(-44deg); /* Safari */
| |
| − | transform: rotate(-44deg);
| |
| − | box-shadow: 0 0 5px #fff;
| |
| − | }
| |
| − | /*Style for odd div.line*/
| |
| − | .timeline>li:nth-child(even) .line:before {
| |
| − | content: "";
| |
| − | position: absolute;
| |
| − | top: 60px;
| |
| − | bottom: 0;
| |
| − | left: 450px;
| |
| − | width: 4px;
| |
| − | height:340px;
| |
| − | background-color: #fff;
| |
| − | -ms-transform: rotate(44deg); /* IE 9 */
| |
| − | -webkit-transform: rotate(44deg); /* Safari */
| |
| − | transform: rotate(44deg);
| |
| − | box-shadow: 0 0 5px #fff;
| |
| − | }
| |
| − | /* Medium Devices, .visible-md-* */
| |
| − | @media (min-width: 992px) and (max-width: 1199px) {
| |
| − | .timeline > li:nth-child(even) {
| |
| − | margin-bottom: 0px;
| |
| − | min-height: 0px;
| |
| − | right: 0px;
| |
| − | }
| |
| − | .timeline > li:nth-child(odd) {
| |
| − | margin-bottom: 0px;
| |
| − | min-height: 0px;
| |
| − | left: 0px;
| |
| − | }
| |
| − | .timeline>li:nth-child(even) .timeline-image {
| |
| − | left: 0;
| |
| − | margin-left: 0px;
| |
| − | }
| |
| − | .timeline>li:nth-child(odd) .timeline-image {
| |
| − | left: 690px;
| |
| − | margin-left: 0px;
| |
| − | }
| |
| − | .timeline > li:nth-child(even) .timeline-panel {
| |
| − | width: 76%;
| |
| − | padding: 0 0 20px 0px;
| |
| − | text-align: left;
| |
| − | }
| |
| − | .timeline > li:nth-child(odd) .timeline-panel {
| |
| − | width: 70%;
| |
| − | padding: 0 0 20px 0px;
| |
| − | text-align: right;
| |
| − | }
| |
| − | .timeline > li .line {
| |
| − | display: none;
| |
| − | }
| |
| − | }
| |
| − | /* Small Devices, Tablets */
| |
| − | @media (min-width: 768px) and (max-width: 991px) {
| |
| − | .timeline > li:nth-child(even) {
| |
| − | margin-bottom: 0px;
| |
| − | min-height: 0px;
| |
| − | right: 0px;
| |
| − | }
| |
| − | .timeline > li:nth-child(odd) {
| |
| − | margin-bottom: 0px;
| |
| − | min-height: 0px;
| |
| − | left: 0px;
| |
| − | }
| |
| − | .timeline>li:nth-child(even) .timeline-image {
| |
| − | left: 0;
| |
| − | margin-left: 0px;
| |
| − | }
| |
| − | .timeline>li:nth-child(odd) .timeline-image {
| |
| − | left: 520px;
| |
| − | margin-left: 0px;
| |
| − | }
| |
| − | .timeline > li:nth-child(even) .timeline-panel {
| |
| − | width: 70%;
| |
| − | padding: 0 0 20px 0px;
| |
| − | text-align: left;
| |
| − | }
| |
| − | .timeline > li:nth-child(odd) .timeline-panel {
| |
| − | width: 70%;
| |
| − | padding: 0 0 20px 0px;
| |
| − | text-align: right;
| |
| − | }
| |
| − | .timeline > li .line {
| |
| − | display: none;
| |
| − | }
| |
| − | }
| |
| − | /* Custom, iPhone Retina */
| |
| − | @media only screen and (max-width: 767px) {
| |
| − | .timeline > li:nth-child(even) {
| |
| − | margin-bottom: 0px;
| |
| − | min-height: 0px;
| |
| − | right: 0px;
| |
| − | }
| |
| − | .timeline > li:nth-child(odd) {
| |
| − | margin-bottom: 0px;
| |
| − | min-height: 0px;
| |
| − | left: 0px;
| |
| − | }
| |
| − | .timeline>li .timeline-image {
| |
| − | position: static;
| |
| − | width: 150px;
| |
| − | height: 150px;
| |
| − | margin-bottom:0px;
| |
| − | }
| |
| − | .timeline>li:nth-child(even) .timeline-image {
| |
| − | left: 0;
| |
| − | margin-left: 0;
| |
| − | }
| |
| − | .timeline>li:nth-child(odd) .timeline-image {
| |
| − | float:right;
| |
| − | left: 0px;
| |
| − | margin-left:0;
| |
| − | }
| |
| − | .timeline > li:nth-child(even) .timeline-panel {
| |
| − | width: 100%;
| |
| − | padding: 0 0 20px 14px;
| |
| − | }
| |
| − | .timeline > li:nth-child(odd) .timeline-panel {
| |
| − | width: 100%;
| |
| − | padding: 0 14px 20px 0px;
| |
| − | }
| |
| − | .timeline > li .line {
| |
| − | display: none;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − | /*menu*/
| |
| − |
| |
| − | #custom-bootstrap-menu.navbar-default .navbar-brand {
| |
| − | color: rgba(255, 255, 255, 1);
| |
| − | }
| |
| − | #custom-bootstrap-menu.navbar-default {
| |
| − | font-size: 18px;
| |
| − | background-color: rgba(34, 34, 34, 1);
| |
| − | border-bottom-width: 0px;
| |
| − | }
| |
| − | #custom-bootstrap-menu.navbar-default .navbar-nav>li>a {
| |
| − | color: rgba(255, 255, 255, 1);
| |
| − | background-color: rgba(34, 34, 34, 1);
| |
| − | padding-left:5px;
| |
| − | padding-right:5px;
| |
| − | padding-top: 10px;
| |
| − | }
| |
| − | #custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,
| |
| − | #custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus {
| |
| − | color: rgba(255, 255, 255, 1);
| |
| − | background-color: rgba(87, 86, 86, 1);
| |
| − | }
| |
| − | #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a,
| |
| − | #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:hover,
| |
| − | #custom-bootstrap-menu.navbar-default .navbar-nav>.active>a:focus {
| |
| − | color: rgba(255, 255, 255, 1);
| |
| − | background-color: rgba(87, 86, 86, 1);
| |
| − | }
| |
| − | #custom-bootstrap-menu.navbar-default .navbar-toggle {
| |
| − | border-color: #575656;
| |
| − | }
| |
| − | #custom-bootstrap-menu.navbar-default .navbar-toggle:hover,
| |
| − | #custom-bootstrap-menu.navbar-default .navbar-toggle:focus {
| |
| − | background-color: #575656;
| |
| − | }
| |
| − | #custom-bootstrap-menu.navbar-default .navbar-toggle .icon-bar {
| |
| − | background-color: #575656;
| |
| − | }
| |
| − | #custom-bootstrap-menu.navbar-default .navbar-toggle:hover .icon-bar,
| |
| − | #custom-bootstrap-menu.navbar-default .navbar-toggle:focus .icon-bar {
| |
| − | background-color: #222222;
| |
| − | }
| |
| − |
| |
| − | /*end menu*/
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <head>
| |
| − | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
| |
| − | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
| |
| − | </head>
| |
| | | | |
| − | <!-- menu -->
| + | <div class="team10cover"> |
| − | <div id="custom-bootstrap-menu" class="navbar navbar-default navbar-fixed-top" role="navigation">
| + | <h1> <center> <font size = "2000px" > <font color = "white" > OUR STORY </font> </font> </center> </h1> |
| − | <div class="container-fluid">
| + | <h3> <center> <font color = "white" > </font> </center> </h3> |
| − | <div class="navbar-header">
| + | |
| − | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-menubuilder"><span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span> | + | |
| − | </button>
| + | |
| − | </div>
| + | |
| − | <div class=" collapse navbar-collapse navbar-menubuilder"> | + | |
| − | <ul class="nav navbar-nav navbar-right">
| + | |
| − | <li class="active">
| + | |
| − | <a href="https://2015.igem.org/Team:Edinburgh">Home</a></li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">About<span class="caret"></span></a>
| + | |
| − | <ul class="dropdown-menu" role="menu">
| + | |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Team">Team</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Attributions">Attributions</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Collaborations">Collaboration</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Sponsors">Sponsors</a></li>
| + | |
| | | | |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Project<span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Description">Overview</a></li>
| |
| − | <!-- <li><a href="https://2015.igem.org/Team:Edinburgh/Experiments">Experiments</a> </li> -->
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/HeroinBiosensor">Heroin Biosensor</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/DNPBiosensor">DNP Biosensor</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/PMABiosensor">PMA Biosensor</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/CBD">Making it Stick</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Results">Limits of Detection</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Parts<span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Parts">Team Parts</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Basic_Part">Basic Parts</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Composite_Part">Composite Parts</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Part_Collection">Part Collection</a> </li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Improved_Part">Improved Parts</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Characterisation_Part">Improved Characterisation</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Dry Lab<span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Modeling">Modeling</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Design">Design</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Software">Software</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Human Practices<span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Practices">Our Story</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Safety">Safety</a> </li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Legality">Legality</a> </li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Outreach">Outreach</a> </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">InterLab<span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/InterLab">InterLab</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/InterLabBook">LabBook</a> </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown">
| |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Notebook<span class="caret"></span></a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Project/Protocols">Protocols</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Notebook/HeroinPurity">Heroin Purity</a></li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Notebook/PMADetection">PMA Detection</a> </li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Notebook/DNPDetection">DNP Detection</a> </li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/Notebook/FluidDynamics">Fluid Dynamics</a> </li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li><a href="https://2015.igem.org/Team:Edinburgh/MedalCriteria">Accomplishments</a></li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| | </div> | | </div> |
| | + | <br> |
| | + | <br> |
| | | | |
| | | | |
| | | | |
| − | <!-- End of menu -->
| + | </head> |
| | | | |
| − | <body>
| |
| | | | |
| − |
| |
| | | | |
| − | <header class="intro">
| + | <main class="cd-main-content"> |
| − | <div class="intro-body">
| + | <div id=" main- content- container"> |
| − | | + | <center> <img src = "https://static.igem.org/mediawiki/2016/6/63/T--UCL--swirl.png" width="190" height="90" style="margin-Top:-150px" > </center> |
| − | <div class="row">
| + | |
| − | <div class="col-md-12">
| + | |
| − | <h1 class="brand-heading">Our Story</h1>
| + | |
| − | <p class="intro-text">
| + | |
| − | From its very inception, Edinburgh iGEM 2015 has been steeped in controversy. What makes our team truly unique, however, is the way in which we have not shied away from its presence, but rather embodied it as the cornerstone of the work we strive to build.
| + | |
| − | </p>
| + | |
| − | <div align="center">
| + | |
| − | <a href="#about">
| + | |
| − | <span class="arrowtext">Scroll down to read more</span>
| + | |
| − | <img src="https://static.igem.org/mediawiki/ 2014/ 3/ 3e/ Aalto_Helsinki_Nuoli.png" class=" arrow"> | + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </header>
| + | |
| | | | |
| − |
| |
| − | <section id="about">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="col-lg-12 text-center">
| |
| − | <h2 class="section-heading">Foreword</h2>
| |
| − | <h3 class="section-subheading text-muted">
| |
| − | With controversy comes important questions. Some have asked whether our test would implicitly condone drug use, and this has allowed for a fascinating exploration into the moral implications of harm reduction. Consequently, we have become facilitators of a debate regarding the nature of responsible drug policy, which we believe is paramount to a city so stricken by drug use as the one we have come to know, love, and call home.
| |
| − | <br>
| |
| − | <br>
| |
| − | Internally, this debate is at once restraining and liberating: it constantly forces us to stop and reevaluate what should be the next step forward, as we attempt to balance seemingly disparate beliefs within our own group. Yet, by doing so, we come to learn so much about ourselves, as we uncover ingrained prejudices we never knew existed.
| |
| − | <br>
| |
| − | <br>
| |
| − | There are endless ways in which our narrative could unfold. Indeed, with each new chapter there will be an audience who stands and applauds with approval, and one which remains seated and scorns with discontent. Who will belong to which audience is difficult to say; however, one thing is certain: we are the authors, and it is our story to tell.
| |
| − | </h3>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| − | <div class="row">
| |
| − | <div class="col-lg-12 text-center">
| |
| − | <h2 class="section-heading">Interactive Timeline</h2>
| |
| − | <br>
| |
| − | <br>
| |
| − | </h2>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="row">
| |
| − | <div class="col-lg-12">
| |
| − | <ul class="timeline">
| |
| − | <li id="first">
| |
| − | <div class="timeline-image">
| |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Sandpit">
| |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/3/35/Edigem15_practices_bubble1.png" alt="Michelle's face">
| |
| − | </a>
| |
| − |
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4>From The White Board To The Wet Lab</h4>
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p class="text-muted">
| |
| − | In order to determine the focus of iGEM 2015, we participated in a week long sandpit where we brainstormed ideas.
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="line"></div>
| |
| − | </li>
| |
| − | <!-- Bubble 2 -->
| |
| − | <li class="timeline-inverted" id="second">
| |
| − | <div class="timeline-image">
| |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Experts">
| |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/e/e8/Edigem15_practices_bubble2.jpg" alt="">
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4>A Chat With Policy Experts</h4>
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p class="text-muted">
| |
| − | We sat down with Susan Deacon, former Scottish MSP and member of the RSA Commission on Illegal Drugs, Communities and Public Policy, and Doctorial Researcher Anna Ross for interviews regarding the current climate of UK drug policy. See how their input changed our project.
| |
| − | </p>
| |
| | | | |
| − | </div>
| |
| − | </div>
| |
| − | <div class="line"></div>
| |
| − | </li>
| |
| − | <!-- Bubble 3 -->
| |
| − | <li id="third">
| |
| − | <div class="timeline-image">
| |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Synenergene">
| |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/0/03/Edigem15_practices_bubble3.jpg" alt="">
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4>Synenergene Collaboration</h4>
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p class="text-muted">
| |
| − | We were fortunate enough to be selected as one of eight teams worldwide for a grant and collaboration with the EU project Synenergene. See how they helped us build a theoretical framework for the real-world implimentation of our biosensor.</p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="line"></div>
| |
| − | </li>
| |
| − | <!-- Bubble 4 -->
| |
| − | <li class="timeline-inverted" id="fourth">
| |
| − | <div class="timeline-image">
| |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Morality">
| |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/8/86/Edigem15_practices_bubble4.jpg" alt="">
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4>The Morality of our Biosensor</h4>
| |
| − |
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p class="text-muted">Some object to our biosensor on a more abstract level, arguing that it is morally reprehensible because it implicity condones drug use. We talked to Dr David Levy, lecturer of ethics, to see how much weight this objection carries. </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="line"></div>
| |
| − | </li>
| |
| − | <li id="fifth">
| |
| − | <div class="timeline-image">
| |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Serenity">
| |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/4/4a/Edigem15_practices_bubble5.jpg" alt="">
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4>Understanding Our End Users</h4>
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p class="text-muted">
| |
| − | We went to Serenity Cafe, which hires recovered and recovering heroin addicts. Serenity's owner, Yanni Yannoulis, shared his reservations about the usefulness of our biosensor for heroin addicts. See how we adapted our device in response to his advice. </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="line"></div>
| |
| − | </li>
| |
| − | <li class="timeline-inverted" id="sixth">
| |
| − | <div class="timeline-image">
| |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Winstock">
| |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/6/6b/Edigem15_practices_bubble6.jpg" alt="">
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4>Understanding Our End Users pt2</h4>
| |
| − |
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p class="text-muted">In order to determine the usefulness of our device for MDMA users, we chatted to Kings College London's Dr Adam Winstock, author of the world's largest drug survey, 'Global Drug Survey (2015)'. See how his invaluable insight lead to software being integrated with our biosensor. </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="line"></div>
| |
| − | </li>
| |
| − | <li id="seventh">
| |
| − | <div class="timeline-image">
| |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Biohack">
| |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/8/86/Biohack.jpg" alt="">
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4>Biohack: Encouraging Public Innovation</h4>
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p class="text-muted">
| |
| − | We held a public biohack where participants learned about SynBio, whilst proposing innovative ways technology could be used to increase the functionality of our biosensor. See which ideas stood out the most, and how we incorporated them into our project.
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="line"></div>
| |
| − | </li>
| |
| − | <li class="timeline-inverted" id="eighth">
| |
| − | <div class="timeline-image">
| |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Collaboration">
| |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/a/a5/Debatepic.jpg" alt="">
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4> Facilitating An Open Discussion</h4>
| |
| − |
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p class="text-muted">We hosted a public panel discussion on issues relating to drug use, inviting a wide array of speakers, including current Scottish MSPs, social and healthcare workers, university faculty and more. See how they respond to challenging questions posed by the audience. </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="line"></div>
| |
| − | </li>
| |
| − | <li id="ninth">
| |
| − | <div class="timeline-image">
| |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/DCR">
| |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/e/e4/Edigem15_Practices_consumptionroom.jpg" alt="">
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4>Implementing Our Final Product</h4>
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p class="text-muted">
| |
| − | We did the research, talked to the experts and adapted our biosensor. Now that the project was coming to an end, we put our final prototype to the ultimate test by visiting a drug consumption room in Amsterdam and asking staff and users whether it was any good. Click here to see what they said.
| |
| − | </p>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="line"></div>
| |
| − | </li>
| |
| − | <li class="timeline-inverted" id="tenth">
| |
| − | <div class="timeline-image">
| |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Conclusion">
| |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/b/b0/Groupphotoedi.jpeg" alt="">
| |
| − | </a>
| |
| − | </div>
| |
| − | <div class="timeline-panel">
| |
| − | <div class="timeline-heading">
| |
| − | <h4> Concluding Thoughts</h4>
| |
| − |
| |
| − | </div>
| |
| − | <div class="timeline-body">
| |
| − | <p class="text-muted">See how our project has shaped the thoughts and opinions of own team. </p>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | </li>
| |
| − |
| |
| − |
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </section>
| |
| | | | |
| − | <footer>
| |
| − | <p class="pull-right"><a href="#">Back to top</a></p>
| |
| − | <p>© 2015 EdiGEM · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
| |
| − | </footer>
| |
| | | | |
| − | </body> | + | <h3> <center> We are all stakeholders in ageing hence why Biosynthage has been steeped in controversy since its very inception. However, with controversy come important questions. Some believe that we should not meddle with the human ageing process whereas others believe that we should think of ageing as a disease in order to start treating it. Biosynthage has really enjoyed exploring the depths of many debates which has caused us to constantly stop and reevaluate the next step forward within our project. We are constantly realising that with every new person we speak to, we uncover depths of new perspectives we never knew existed within in our story.</center> </h3> |
| − | | + | |
| − | </p> | + | |
| − | <!--
| + | |
| − | NewPP limit report
| + | |
| − | CPU time usage: 0.006 seconds
| + | |
| − | Real time usage: 0.006 seconds
| + | |
| − | Preprocessor visited node count: 9/1000000
| + | |
| − | Preprocessor generated node count: 44/1000000
| + | |
| − | Post‐expand include size: 41/2097152 bytes
| + | |
| − | Template argument size: 0/2097152 bytes
| + | |
| − | Highest expansion depth: 2/40
| + | |
| − | Expensive parser function count: 0/100
| + | |
| − | -->
| + | |
| − | | + | |
| − | <!-- Saved in parser cache with key 2015_igem_org:pcache:idhash:474-0!*!*!*!*!*!* and timestamp 20160922161055 and revision id 417732
| + | |
| − | -->
| + | |
| − | </div> <div class="visualClear"></div> | + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </body>
| + | |
| − | </html>
| + | |
| − | | + | |
| − | <div class="row">
| + | |
| − | <div class="col-lg-12 text-center">
| + | |
| − | <h2 class="section-heading">Interactive Timeline</h2>
| + | |
| | <br> | | <br> |
| | <br> | | <br> |
| − | </h2>
| + | < h3> < center> In the following sections, you can have a glimpse at the decisive factors that drove our project and continue to influence the progress of our novel technologies in the future. Below is a timeline of events and activities that the UCL iGEM team were doing this summer! We have details of each event in our human practices <a href="https:// 2016.igem.org/Team: UCL/ HP/ Silver"> silver </a> page! </ center> </ h3> |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-lg-12">
| + | |
| − | <ul class="timeline">
| + | |
| − | <li id="first">
| + | |
| − | <div class="timeline-image">
| + | |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Sandpit">
| + | |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/3/35/Edigem15_practices_bubble1.png" alt="Michelle's face">
| + | |
| − | </a>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4>From The White Board To The Wet Lab</h4>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p class="text-muted">
| + | |
| − | In order to determine the focus of iGEM 2015, we participated in a week long sandpit where we brainstormed ideas.
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="line"></div>
| + | |
| − | </li>
| + | |
| − | <!-- Bubble 2 -->
| + | |
| − | <li class="timeline-inverted" id="second">
| + | |
| − | <div class="timeline-image">
| + | |
| − | <a href="https:// 2015.igem.org/Team: Edinburgh/ Practices/ Experts"> | + | |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/e/e8/Edigem15_practices_bubble2.jpg" alt="">
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4>A Chat With Policy Experts</h4>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p class="text-muted">
| + | |
| − | We sat down with Susan Deacon, former Scottish MSP and member of the RSA Commission on Illegal Drugs, Communities and Public Policy, and Doctorial Researcher Anna Ross for interviews regarding the current climate of UK drug policy. See how their input changed our project.
| + | |
| − | </p>
| + | |
| | | | |
| − | </div>
| + | <br> |
| − | </div>
| + | <br> |
| − | <div class="line"></div>
| + | < h3> < center> Click <a href="https:// 2016.igem.org/Team: UCL/ HP/ Silver/ Conclusion"> here </a> to find the conclusion of our story so far. </ center> </ h3> < br> |
| − | </li>
| + | <br> |
| − | <!-- Bubble 3 -->
| + | <br> |
| − | <li id="third">
| + | |
| − | <div class="timeline-image">
| + | |
| − | <a href="https:// 2015.igem.org/Team: Edinburgh/ Practices/ Synenergene"> | + | |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/0/03/Edigem15_practices_bubble3.jpg" alt="">
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4>Synenergene Collaboration</h4>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p class="text-muted">
| + | |
| − | We were fortunate enough to be selected as one of eight teams worldwide for a grant and collaboration with the EU project Synenergene. See how they helped us build a theoretical framework for the real-world implimentation of our biosensor.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="line"></div>
| + | |
| − | </li>
| + | |
| − | <!-- Bubble 4 -->
| + | |
| − | <li class="timeline-inverted" id="fourth">
| + | |
| − | <div class="timeline-image">
| + | |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Morality">
| + | |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/8/86/Edigem15_practices_bubble4.jpg" alt="">
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4>The Morality of our Biosensor</h4>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p class="text-muted">Some object to our biosensor on a more abstract level, arguing that it is morally reprehensible because it implicity condones drug use. We talked to Dr David Levy, lecturer of ethics, to see how much weight this objection carries. </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="line"></div>
| + | |
| − | </li>
| + | |
| − | <li id="fifth">
| + | |
| − | <div class="timeline-image">
| + | |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Serenity">
| + | |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/4/4a/Edigem15_practices_bubble5.jpg" alt="">
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4>Understanding Our End Users</h4>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p class="text-muted">
| + | |
| − | We went to Serenity Cafe, which hires recovered and recovering heroin addicts. Serenity's owner, Yanni Yannoulis, shared his reservations about the usefulness of our biosensor for heroin addicts. See how we adapted our device in response to his advice. </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="line"></div>
| + | |
| − | </li>
| + | |
| − | <li class="timeline-inverted" id="sixth">
| + | |
| − | <div class="timeline-image">
| + | |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Winstock">
| + | |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/6/6b/Edigem15_practices_bubble6.jpg" alt="">
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4>Understanding Our End Users pt2</h4>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p class="text-muted">In order to determine the usefulness of our device for MDMA users, we chatted to Kings College London's Dr Adam Winstock, author of the world's largest drug survey, 'Global Drug Survey (2015)'. See how his invaluable insight lead to software being integrated with our biosensor. </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="line"></div>
| + | |
| − | </li>
| + | |
| − | <li id="seventh">
| + | |
| − | <div class="timeline-image">
| + | |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Biohack">
| + | |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/8/86/Biohack.jpg" alt="">
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4>Biohack: Encouraging Public Innovation</h4>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p class="text-muted">
| + | |
| − | We held a public biohack where participants learned about SynBio, whilst proposing innovative ways technology could be used to increase the functionality of our biosensor. See which ideas stood out the most, and how we incorporated them into our project.
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="line"></div>
| + | |
| − | </li>
| + | |
| − | <li class="timeline-inverted" id="eighth">
| + | |
| − | <div class="timeline-image">
| + | |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Collaboration">
| + | |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/a/a5/Debatepic.jpg" alt="">
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4> Facilitating An Open Discussion</h4>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p class="text-muted">We hosted a public panel discussion on issues relating to drug use, inviting a wide array of speakers, including current Scottish MSPs, social and healthcare workers, university faculty and more. See how they respond to challenging questions posed by the audience. </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="line"></div>
| + | |
| − | </li>
| + | |
| − | <li id="ninth">
| + | |
| − | <div class="timeline-image">
| + | |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/DCR">
| + | |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/e/e4/Edigem15_Practices_consumptionroom.jpg" alt="">
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4>Implementing Our Final Product</h4>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p class="text-muted">
| + | |
| − | We did the research, talked to the experts and adapted our biosensor. Now that the project was coming to an end, we put our final prototype to the ultimate test by visiting a drug consumption room in Amsterdam and asking staff and users whether it was any good. Click here to see what they said.
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="line"></div>
| + | |
| − | </li>
| + | |
| − | <li class="timeline-inverted" id="tenth">
| + | |
| − | <div class="timeline-image">
| + | |
| − | <a href="https://2015.igem.org/Team:Edinburgh/Practices/Conclusion">
| + | |
| − | <img class="img-circle img-responsive" src="https://static.igem.org/mediawiki/2015/b/b0/Groupphotoedi.jpeg" alt="">
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="timeline-panel">
| + | |
| − | <div class="timeline-heading">
| + | |
| − | <h4> Concluding Thoughts</h4>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | <div class="timeline-body">
| + | |
| − | <p class="text-muted">See how our project has shaped the thoughts and opinions of own team. </p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </li>
| + | |
| − |
| + | |
| − |
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </section>
| + | |
| | | | |
| | + | <img src = "https://static.igem.org/mediawiki/2016/0/00/T--UCL--timelin1.png" > |
| | | | |
| | + | <img src = "https://static.igem.org/mediawiki/2016/e/e0/T--UCL--timeline2.png" > |
| | | | |
| | + | <img src = "https://static.igem.org/mediawiki/2016/4/46/T--UCL--app929.png" > |
| | | | |
| | | | |
| | | | |
| − | </div> | + | </div></div> |
| − | | + | |
| − | | + | |
| | </main> | | </main> |
| | </body> | | </body> |
| | </html> | | </html> |
| | {{UCL/TemplateAfter}} | | {{UCL/TemplateAfter}} |
