(27 intermediate revisions by 5 users not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
<head> | <head> | ||
− | + | <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> | |
+ | <link href="https://fonts.googleapis.com/css?family=Quicksand:300,400|Roboto:400,400i" rel="stylesheet"> | ||
+ | |||
+ | <script type="text/javascript" src="https://use.fontawesome.com/2967839f93.js"></script> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | |||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> | ||
+ | |||
<script> | <script> | ||
Line 13: | Line 20: | ||
</script> | </script> | ||
<style> | <style> | ||
+ | .container_babe { | ||
+ | position: relative; | ||
+ | top: 50%; | ||
+ | left: 50%; | ||
+ | width: 100%; | ||
+ | height: 85vh; | ||
+ | background-color: #fff; | ||
+ | transform: translate(-50%, -50%); | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | .container_babe .left { | ||
+ | float: left; | ||
+ | width: 30%; | ||
+ | height: 100%; | ||
+ | border: 1px solid #e2e2e2; | ||
+ | background-color: #fff; | ||
+ | overflow:scroll; | ||
+ | } | ||
.bannerbox { | .bannerbox { | ||
background:#e2e2e2; | background:#e2e2e2; | ||
Line 30: | Line 56: | ||
top:65px; | top:65px; | ||
} | } | ||
− | |||
− | |||
− | |||
body { /* bg colour outside of chat*/ | body { /* bg colour outside of chat*/ | ||
-webkit-font-smoothing: antialiased; | -webkit-font-smoothing: antialiased; | ||
Line 40: | Line 63: | ||
font-weight: 400; | font-weight: 400; | ||
} | } | ||
+ | *, *:before, *:after { box-sizing: border-box; } | ||
+ | |||
+ | |||
.wrapper { | .wrapper { | ||
position: relative; | position: relative; | ||
Line 48: | Line 74: | ||
overflow:hidden; } | overflow:hidden; } | ||
− | . | + | |
+ | |||
+ | .container_babe .left .top { | ||
position: relative; | position: relative; | ||
− | |||
− | |||
width: 100%; | width: 100%; | ||
− | height: | + | height: 96px; |
− | + | padding: 29px; } | |
− | + | ||
− | + | ||
− | + | ||
+ | .container_babe .left .top:after { | ||
+ | position: absolute; | ||
+ | bottom: 0; left: 50%; | ||
+ | display: block; | ||
+ | width: 80%; | ||
+ | height: 1px; | ||
+ | content: ''; | ||
+ | background-color: #e2e2e2; | ||
+ | transform: translate(-50%, 0); } | ||
+ | .container_babe .left input { | ||
+ | float: left; | ||
+ | width: 60%; | ||
+ | height: 42px; | ||
+ | padding: 0 15px; | ||
+ | border: 1px solid #eceff1; | ||
+ | background-color: #eceff1; | ||
+ | border-radius: 21px; | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | font-weight: 400; } | ||
− | . | + | .container_babe .left input:focus { outline: none; } |
− | + | ||
+ | .container_babe .left a.search { | ||
+ | display: block; | ||
float: left; | float: left; | ||
+ | width: 42px; | ||
+ | height: 42px; | ||
+ | margin-left: 10px; | ||
+ | border: 1px solid #eceff1; | ||
+ | background-color: #eceff1; | ||
+ | background-image: url("https://s11.postimg.org/dpuahewmn/name_type.png"); | ||
+ | background-repeat: no-repeat; background-position: top 12px left 14px; | ||
+ | border-radius: 50%; } | ||
+ | |||
+ | .container_babe .left .people { | ||
+ | margin-left: -1px; | ||
+ | border-right: 1px solid #e2e2e2; | ||
+ | border-left: 1px solid #e2e2e2; | ||
+ | width: calc(100% + 2px); | ||
+ | } | ||
+ | |||
+ | .container_babe .left .people .person { | ||
+ | position: relative; | ||
width: 100%; | width: 100%; | ||
+ | padding: 12px 10% 16px; | ||
+ | cursor: pointer; | ||
+ | background-color: #fff; | ||
+ | color:#3e3f3f; } | ||
+ | |||
+ | .container_babe .left .people .person:after { | ||
+ | position: absolute; | ||
+ | bottom: 0; | ||
+ | left: 50%; | ||
+ | display: block; | ||
+ | color:#3e3f3f; | ||
+ | width: 80%; | ||
+ | height: 1px; | ||
+ | content: ''; | ||
+ | background-color: #e2e2e2; | ||
+ | transform: translate(-50%, 0); } | ||
+ | |||
+ | .container_babe .left .people .person .icon { | ||
+ | float: left; | ||
+ | width: 40px; | ||
+ | height: 40px; | ||
+ | margin-right: 12px; | ||
+ | border-radius: 50%;} | ||
+ | |||
+ | .container_babe .left .people .person .name { | ||
+ | font-size: 14px; | ||
+ | line-height: 22px; | ||
+ | color: #3e3f3f; | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | font-weight: 600; } | ||
+ | |||
+ | .container_babe .left .people .person .time { | ||
+ | font-size: 14px; | ||
+ | position: absolute; | ||
+ | top: 16px; right: 10%; | ||
+ | padding: 0 0 5px 5px; | ||
+ | color: #e2e2e2; | ||
+ | background-color: #fff; } | ||
+ | |||
+ | .container_babe .left .people .person .preview { | ||
+ | font-size: 14px; | ||
+ | display: inline-block; | ||
+ | width: 70%; | ||
+ | |||
+ | |||
+ | color:#3e3f3f; | ||
+ | } | ||
+ | |||
+ | .container_babe .left .people .person:hover { | ||
+ | margin-top: -1px; | ||
+ | margin-left: -1px; | ||
+ | padding-top: 13px; | ||
+ | border: 0; | ||
+ | background-color: #e2e2e2; | ||
+ | width: calc(100% + 2px); | ||
+ | padding-left: calc(10% + 1px); | ||
+ | color:#3e3f3f; } | ||
+ | |||
+ | .container_babe .left .people .person.active { | ||
+ | margin-top: -1px; | ||
+ | margin-left: -1px; | ||
+ | padding-top: 13px; | ||
+ | border: 0; | ||
+ | width: calc(100% + 2px); | ||
+ | padding-left: calc(10% + 1px); | ||
+ | color:#3e3f3f; | ||
+ | } | ||
+ | .container_babe .left .people .person.active span, .container_babe .left .people .person:hover span { | ||
+ | color:#3e3f3f; | ||
+ | background: transparent; | ||
+ | } | ||
+ | |||
+ | .container_babe .left .people .person.active:after, .container_babe .left .people .person:hover:after { | ||
+ | display: none; } | ||
+ | |||
+ | .container_babe .right { | ||
+ | position: relative; | ||
+ | float: right; | ||
+ | width: 70%; | ||
height: 100%; | height: 100%; | ||
overflow:hidden; | overflow:hidden; | ||
Line 70: | Line 211: | ||
} | } | ||
− | . | + | .container_babe .right .top { |
width: 100%; | width: 100%; | ||
height: 47px; | height: 47px; | ||
Line 76: | Line 217: | ||
background-color: #eceff1; } | background-color: #eceff1; } | ||
− | . | + | .container_babe .right .top span { |
font-size: 15px; | font-size: 15px; | ||
color: #999; } | color: #999; } | ||
− | . | + | .container_babe .right .top span .name { |
color: #3e3f3f; | color: #3e3f3f; | ||
font-family: 'Quicksand', sans-serif; | font-family: 'Quicksand', sans-serif; | ||
font-weight: 600; } | font-weight: 600; } | ||
− | . | + | .container_babe .right .chat { |
position: relative; | position: relative; | ||
display: none; | display: none; | ||
Line 97: | Line 238: | ||
width:100% } | width:100% } | ||
− | . | + | .container_babe .right .chat.active-chat { |
display: inline-block; | display: inline-block; | ||
flex: 1 1 auto; | flex: 1 1 auto; | ||
Line 104: | Line 245: | ||
} | } | ||
− | . | + | .container_babe .right .chat.active-chat .bubble { |
-moz-transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1); | -moz-transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1); | ||
-o-transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1); | -o-transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1); | ||
Line 110: | Line 251: | ||
transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1); } | transition-timing-function: cubic-bezier(0.4, -0.04, 1, 1); } | ||
− | . | + | .container_babe .right .chat.active-chat .bubble:nth-of-type(1) { |
-moz-animation-duration: 0.15s; | -moz-animation-duration: 0.15s; | ||
-webkit-animation-duration: 0.15s; | -webkit-animation-duration: 0.15s; | ||
animation-duration: 0.15s; } | animation-duration: 0.15s; } | ||
− | . | + | .container_babe .right .chat.active-chat .bubble:nth-of-type(2) { |
-moz-animation-duration: 0.3s; | -moz-animation-duration: 0.3s; | ||
-webkit-animation-duration: 0.3s; | -webkit-animation-duration: 0.3s; | ||
animation-duration: 0.3s; } | animation-duration: 0.3s; } | ||
− | . | + | .container_babe .right .chat.active-chat .bubble:nth-of-type(3) { |
-moz-animation-duration: 0.45s; | -moz-animation-duration: 0.45s; | ||
-webkit-animation-duration: 0.45s; | -webkit-animation-duration: 0.45s; | ||
animation-duration: 0.45s; } | animation-duration: 0.45s; } | ||
− | . | + | .container_babe .right .chat.active-chat .bubble:nth-of-type(4) { |
-moz-animation-duration: 0.6s; | -moz-animation-duration: 0.6s; | ||
-webkit-animation-duration: 0.6s; | -webkit-animation-duration: 0.6s; | ||
animation-duration: 0.6s; } | animation-duration: 0.6s; } | ||
− | . | + | .container_babe .right .chat.active-chat .bubble:nth-of-type(5) { |
-moz-animation-duration: 0.75s; | -moz-animation-duration: 0.75s; | ||
-webkit-animation-duration: 0.75s; | -webkit-animation-duration: 0.75s; | ||
animation-duration: 0.75s; } | animation-duration: 0.75s; } | ||
− | . | + | .container_babe .right .chat.active-chat .bubble:nth-of-type(6) { |
-moz-animation-duration: 0.9s; | -moz-animation-duration: 0.9s; | ||
-webkit-animation-duration: 0.9s; | -webkit-animation-duration: 0.9s; | ||
animation-duration: 0.9s; } | animation-duration: 0.9s; } | ||
− | . | + | .container_babe .right .chat.active-chat .bubble:nth-of-type(7) { |
-moz-animation-duration: 1.05s; | -moz-animation-duration: 1.05s; | ||
-webkit-animation-duration: 1.05s; | -webkit-animation-duration: 1.05s; | ||
animation-duration: 1.05s; } | animation-duration: 1.05s; } | ||
− | . | + | .container_babe .right .chat.active-chat .bubble:nth-of-type(8) { |
-moz-animation-duration: 1.2s; | -moz-animation-duration: 1.2s; | ||
-webkit-animation-duration: 1.2s; | -webkit-animation-duration: 1.2s; | ||
animation-duration: 1.2s; } | animation-duration: 1.2s; } | ||
− | . | + | .container_babe .right .chat.active-chat .bubble:nth-of-type(9) { |
-moz-animation-duration: 1.35s; | -moz-animation-duration: 1.35s; | ||
-webkit-animation-duration: 1.35s; | -webkit-animation-duration: 1.35s; | ||
animation-duration: 1.35s; } | animation-duration: 1.35s; } | ||
− | . | + | .container_babe .right .chat.active-chat .bubble:nth-of-type(10) { |
-moz-animation-duration: 1.5s; | -moz-animation-duration: 1.5s; | ||
-webkit-animation-duration: 1.5s; | -webkit-animation-duration: 1.5s; | ||
animation-duration: 1.5s; } | animation-duration: 1.5s; } | ||
− | . | + | .container_babe .right .chat.active-chat .bubble:nth-of-type(11) { |
-moz-animation-duration: 1.75s; | -moz-animation-duration: 1.75s; | ||
-webkit-animation-duration: 1.75s; | -webkit-animation-duration: 1.75s; | ||
animation-duration: 1.75s; } | animation-duration: 1.75s; } | ||
− | . | + | .container_babe .right .chat.active-chat .bubble:nth-of-type(12) { |
-moz-animation-duration: 2s; | -moz-animation-duration: 2s; | ||
-webkit-animation-duration: 2s; | -webkit-animation-duration: 2s; | ||
animation-duration: 2s; } | animation-duration: 2s; } | ||
− | . | + | .container_babe .right .chat.active-chat .bubble:nth-of-type(13) { |
-moz-animation-duration: 2.25s; | -moz-animation-duration: 2.25s; | ||
-webkit-animation-duration: 2.25s; | -webkit-animation-duration: 2.25s; | ||
animation-duration: 2.25s; } | animation-duration: 2.25s; } | ||
− | . | + | .container_babe .right .chat.active-chat .bubble:nth-of-type(14) { |
-moz-animation-duration: 2.5s; | -moz-animation-duration: 2.5s; | ||
-webkit-animation-duration: 2.5s; | -webkit-animation-duration: 2.5s; | ||
Line 181: | Line 322: | ||
− | . | + | .container_babe .right .bubble { |
font-size: 16px; | font-size: 16px; | ||
position: relative; | position: relative; | ||
Line 192: | Line 333: | ||
width:60%; } | width:60%; } | ||
− | . | + | .container_babe .right .bubble:before { |
position: absolute; top: 19px; | position: absolute; top: 19px; | ||
display: block; | display: block; | ||
Line 200: | Line 341: | ||
transform: rotate(29deg) skew(-35deg); } | transform: rotate(29deg) skew(-35deg); } | ||
− | . | + | .container_babe .right .bubble.you { |
float: left; | float: left; | ||
color: #3e3f3f; | color: #3e3f3f; | ||
Line 209: | Line 350: | ||
animation-name: slideFromLeft; } | animation-name: slideFromLeft; } | ||
− | . | + | .container_babe .right .bubble.you:before { |
left: -3px; | left: -3px; | ||
background-color: #5eacc3; } | background-color: #5eacc3; } | ||
− | . | + | .container_babe .right .bubble.me { |
float: right; | float: right; | ||
color: #3e3f3f; | color: #3e3f3f; | ||
Line 223: | Line 364: | ||
animation-name: slideFromRight; } | animation-name: slideFromRight; } | ||
− | . | + | .container_babe .right .bubble.me:before { |
right: -3px; | right: -3px; | ||
background-color: #eceff1; } | background-color: #eceff1; } | ||
− | . | + | .container_babe .right .conversation-start { |
position: relative; | position: relative; | ||
width: 100%; | width: 100%; | ||
Line 233: | Line 374: | ||
text-align: center; } | text-align: center; } | ||
− | . | + | .container_babe .right .conversation-start span { |
font-size: 14px; | font-size: 14px; | ||
display: inline-block; | display: inline-block; | ||
color: #999; } | color: #999; } | ||
− | . | + | .container_babe .right .conversation-start span:before, .container_babe .right .conversation-start span:after { |
position: absolute; | position: absolute; | ||
top: 10px; | top: 10px; | ||
Line 247: | Line 388: | ||
background-color: #e2e2e2; } | background-color: #e2e2e2; } | ||
− | . | + | .container_babe .right .conversation-start span:before { |
left: 0; } | left: 0; } | ||
− | . | + | .container_babe .right .conversation-start span:after { |
right: 0; } | right: 0; } | ||
Line 262: | Line 403: | ||
} | } | ||
− | . | + | .container_babe .right .bubble#anthony:before { |
left: -3px; | left: -3px; | ||
background-color: #8cace5; } | background-color: #8cace5; } | ||
Line 270: | Line 411: | ||
} | } | ||
− | . | + | .container_babe .right .bubble#len:before { |
left: -3px; | left: -3px; | ||
background-color: #94bdc1; } | background-color: #94bdc1; } | ||
Line 278: | Line 419: | ||
} | } | ||
− | . | + | .container_babe .right .bubble#meow:before { |
left: -3px; | left: -3px; | ||
background-color: #e8939c; } | background-color: #e8939c; } | ||
Line 286: | Line 427: | ||
} | } | ||
− | . | + | .container_babe .right .bubble#neil:before { |
left: -3px; | left: -3px; | ||
background-color: #dbe5c3; } | background-color: #dbe5c3; } | ||
Line 294: | Line 435: | ||
} | } | ||
− | . | + | .container_babe .right .bubble#mike:before { |
left: -3px; | left: -3px; | ||
background-color: #ddbcd3; } | background-color: #ddbcd3; } | ||
Line 302: | Line 443: | ||
} | } | ||
− | . | + | .container_babe .right .bubble#beran:before { |
left: -3px; | left: -3px; | ||
background-color: #e5af98; } | background-color: #e5af98; } | ||
Line 310: | Line 451: | ||
} | } | ||
− | . | + | .container_babe .right .bubble#narcyz:before { |
left: -3px; | left: -3px; | ||
background-color: #dcfaff; } | background-color: #dcfaff; } | ||
Line 318: | Line 459: | ||
} | } | ||
− | . | + | .container_babe .right .bubble#edwina:before { |
left: -3px; | left: -3px; | ||
background-color: #bc86a7; } | background-color: #bc86a7; } | ||
Line 326: | Line 467: | ||
} | } | ||
− | . | + | .container_babe .right .bubble#jeni:before { |
left: -3px; | left: -3px; | ||
− | background-color: # | + | background-color: #8cace5; } |
#george { | #george { | ||
Line 334: | Line 475: | ||
} | } | ||
− | . | + | .container_babe .right .bubble#george:before { |
left: -3px; | left: -3px; | ||
background-color: #b5e2af; } | background-color: #b5e2af; } | ||
Line 342: | Line 483: | ||
} | } | ||
− | . | + | .container_babe .right .bubble#nick:before { |
left: -3px; | left: -3px; | ||
background-color: #f9ebb2; } | background-color: #f9ebb2; } | ||
Line 365: | Line 506: | ||
− | . | + | .container_babe .right .interlude { |
position: relative; | position: relative; | ||
width: 100%; | width: 100%; | ||
Line 373: | Line 514: | ||
float:left;} | float:left;} | ||
− | . | + | .container_babe .right .interlude span { |
font-size: 16px; | font-size: 16px; | ||
display: inline-block; | display: inline-block; | ||
Line 379: | Line 520: | ||
width:80% } | width:80% } | ||
− | . | + | .container_babe .right .interlude span:before, .container_babe .right .interlude span:after { |
position: absolute; | position: absolute; | ||
top: 50%; | top: 50%; | ||
Line 388: | Line 529: | ||
background-color: #3e3f3f; } | background-color: #3e3f3f; } | ||
− | . | + | .container_babe .right .interlude span:before { |
left: 0; } | left: 0; } | ||
− | . | + | .container_babe .right .interlude span:after { |
right: 0; } | right: 0; } | ||
a {text-decoration:none; color:#5eacc3;} | a {text-decoration:none; color:#5eacc3;} | ||
a:hover {text-decoration:underline;} | a:hover {text-decoration:underline;} | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'banaue'; | ||
+ | src: url('https://static.igem.org/mediawiki/2017/b/b0/T--Sydney_Australia--Wiki_Font_Banaue-Regular.Media-File.ogg'); | ||
+ | font-weight: normal; | ||
+ | font-style: large; | ||
+ | } | ||
+ | |||
+ | .box1, .box2, .box3, .box4, .box5, .box21, .box31, .box41, .box51 { | ||
+ | background:#fad990; | ||
+ | border:0px solid; | ||
+ | border-color: #fad990; | ||
+ | margin-top: 10px; | ||
+ | box-sizing: border-box; | ||
+ | background-clip: padding-box; | ||
+ | padding:0 10px 10px 10px; | ||
+ | max-height:2px; | ||
+ | min-width:80%; | ||
+ | } | ||
+ | |||
+ | .box2 { | ||
+ | background:#e8939c; | ||
+ | border-color: #e8939c; | ||
+ | } | ||
+ | .box21 { | ||
+ | background:#e8939c; | ||
+ | border-color: #e8939c; | ||
+ | width:40%; | ||
+ | } | ||
+ | |||
+ | |||
+ | .box3 { | ||
+ | background:#93bcc0; | ||
+ | border-color: #93bcc0; | ||
+ | } | ||
+ | .box31 { | ||
+ | background:#93bcc0; | ||
+ | border-color: #93bcc0; | ||
+ | width:40% | ||
+ | } | ||
+ | |||
+ | .box4 { | ||
+ | background:#bf9ae2; | ||
+ | border-color: #bf9ae2; | ||
+ | } | ||
+ | .box41 { | ||
+ | background:#bf9ae2; | ||
+ | border-color: #bf9ae2; | ||
+ | width:40%; | ||
+ | } | ||
+ | |||
+ | .box5 { | ||
+ | background:#93bcc1; | ||
+ | border-color: #93bcc1; | ||
+ | } | ||
+ | .box51 { | ||
+ | background:#93bcc1; | ||
+ | border-color: #93bcc1; | ||
+ | width:40%; | ||
+ | } | ||
+ | |||
+ | .divider { | ||
+ | width:70%; | ||
+ | height:10px; | ||
+ | background-color: #f9ebb2; | ||
+ | } | ||
+ | .divider1 { | ||
+ | width:70%; | ||
+ | height:10px; | ||
+ | background-color: #dcfaff; | ||
+ | } | ||
+ | .divider2 { | ||
+ | width:70%; | ||
+ | height:10px; | ||
+ | background-color: #94bdc1; | ||
+ | } | ||
+ | .divider3 { | ||
+ | width:70%; | ||
+ | height:10px; | ||
+ | background-color: #dbe5c3; | ||
+ | } | ||
+ | .divider4 { | ||
+ | width:70%; | ||
+ | height:10px; | ||
+ | background-color: #ddbcd3; | ||
+ | } | ||
+ | .divider5 { | ||
+ | width:70%; | ||
+ | height:10px; | ||
+ | background-color: #8cace5; | ||
+ | } | ||
+ | .divider6 { | ||
+ | width:70%; | ||
+ | height:10px; | ||
+ | background-color: #8cace5; | ||
+ | } | ||
+ | .divider7 { | ||
+ | width:70%; | ||
+ | height:10px; | ||
+ | background-color: #bc86a7; | ||
+ | } | ||
+ | .divider8 { | ||
+ | width:70%; | ||
+ | height:10px; | ||
+ | background-color: #e8939c; | ||
+ | } | ||
+ | .divider9 { | ||
+ | width:70%; | ||
+ | height:10px; | ||
+ | background-color: #e5af98; | ||
+ | } | ||
+ | .divider10 { | ||
+ | width:70%; | ||
+ | height:10px; | ||
+ | background-color: #93bcc1; | ||
+ | } | ||
+ | |||
+ | |||
+ | #please h1 { | ||
+ | font-family: "banaue", sans-serif; | ||
+ | color: #3e3f3f; | ||
+ | font-size: 60px; | ||
+ | } | ||
+ | |||
+ | #please h4 { | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | color: #3e3f3f; | ||
+ | font-size: 20px; | ||
+ | LINE-HEIGHT:20px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #please p { | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | color: #3e3f3f; | ||
+ | |||
+ | } | ||
+ | |||
+ | #please h3 { | ||
+ | font-family: 'quicksand', sans-serif; | ||
+ | color: #db4d4f; | ||
+ | |||
+ | } | ||
+ | |||
+ | #please h2 { | ||
+ | font-family: 'banaue', sans-serif; | ||
+ | font-size: 50px; | ||
+ | color:#3e3f3f; | ||
+ | } | ||
+ | |||
+ | #please h5 { | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | color: #3e3f3f; | ||
+ | font-size: 22px; | ||
+ | font-weight: bold; | ||
+ | |||
+ | } | ||
+ | |||
+ | #please h6 { | ||
+ | font-family: 'Quicksand', sans-serif; | ||
+ | color: #3e3f3f; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | |||
+ | .content { | ||
+ | padding:0px; | ||
+ | width:80%; | ||
+ | margin-top: 0px; | ||
+ | margin-left:10%; | ||
+ | margin-right:10%; | ||
+ | } | ||
+ | |||
</style> | </style> | ||
</head> | </head> | ||
<body> | <body> | ||
− | <div class=" | + | <div class="container_babe-fluid"> |
<div class = "row" style ="background-color:#e2e2e2; margin-top:63px;"> | <div class = "row" style ="background-color:#e2e2e2; margin-top:63px;"> | ||
− | <img class="center-block img-center" src="https://static.igem.org/mediawiki/2017/8/86/T--Sydney_Australia--IntHumanPractices.gif" width=" | + | <img class="center-block img-center" src="https://static.igem.org/mediawiki/2017/8/86/T--Sydney_Australia--IntHumanPractices.gif" width="70%"> |
</div> | </div> | ||
− | <div class="row"> | + | <div class = "row"> |
− | <p style="padding:40px;color:#3e3f3f;font-size: | + | <div class = "content" id="please"> |
− | + | <center><h1>About Our Integrated Human Practices</h1><center> | |
− | + | <div class = "box1"></div> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
+ | <div class="row content"> | ||
+ | <p style="padding:40px;color:#3e3f3f;font-size:20px;font-family:'Quicksand';text-align:center">We spent a considerable amount of time looking out into the real world to figure out how our project would best solve the issues of insulin unaffordability and inaccessibility. Key advisors and stakeholders aided the decisions we made along the way. Not only did our project integrate with the advice of individual people, but these individuals became integrated into a big conversation between us all. | ||
+ | Specifically, these conversations were around how we Apply the design, the Project Design itself and ultimately how we best present this project to the real world as a business. | ||
+ | <br> | ||
</p> | </p> | ||
− | <p style="padding:40px;color:#3e3f3f;font-size: | + | <p style="padding:40px;color:#3e3f3f;font-size:20px;font-family:'Quicksand';text-align:center"> |
Under each of the below headings, you fill find the conversations we had with these stakeholders which integrated into our final product. Please enjoy reading through our journey! | Under each of the below headings, you fill find the conversations we had with these stakeholders which integrated into our final product. Please enjoy reading through our journey! | ||
</p> | </p> | ||
+ | </div> | ||
+ | <div class = "row" align = "center"> | ||
+ | <div class = "content" id="please"> | ||
+ | <center><h1>Project Design</h1><center> | ||
+ | <div class = "box2"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "content" id = "please" align = "center"> | ||
+ | <h2>Our Original Project Design</h2> | ||
+ | <div class = "box21"></div><br> | ||
+ | <h4>Originally when we started this project, we were facinated by the idea of single chain insulins, but were hesitant to develop our own due to the vast array of new patent applications that were on the market. Human Insulin was in the clear of any patents, however due to its series of post-purification methods and low thermostability, we thought that developing a business model that had to keep up with high transportation costs, especially when open source, would be a difficult operation. | ||
+ | <br> Read the conversation below to find out how these people influenced our Project Design:</h4> | ||
</div> | </div> | ||
<div class="row"> | <div class="row"> | ||
<div class="wrapper"> | <div class="wrapper"> | ||
− | <div class=" | + | <div class="container_babe"> |
+ | <div class="left"> | ||
+ | <div class="top"> | ||
+ | <input type="text" /> | ||
+ | <a href="javascript:;" class="search"></a> | ||
+ | </div> | ||
+ | <ul class="people"> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#8cace5"></div> | ||
+ | <span class="name">Anthony Di Franco</span> | ||
+ | <span class="preview">Our foreign friend began the Open Insulin project.</span> | ||
+ | </li> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#e8939c"></div> | ||
+ | <span class="name">Meow-Ludo Meow-Meow</span> | ||
+ | <span class="preview">Meow-Meow is infamous for his work at Biofoundry. | ||
+ | </span> | ||
+ | </li> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#b5e2af"></div> | ||
+ | <span class="name">Dr Peter Arvan</span> | ||
+ | <span class="preview">An insulin researcher. | ||
+ | </span> | ||
+ | </li> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#f9ebb2"></div> | ||
+ | <span class="name">Nick Coleman</span> | ||
+ | <span class="preview">Our Supervisor. </span> | ||
+ | </li> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#dbe5c3"></div> | ||
+ | <span class="name">Neil Donelan</span> | ||
+ | <span class="preview">Neil distributes insulin vials all across the world. | ||
+ | </span> | ||
+ | </li> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#908dce"></div> | ||
+ | <span class="name">Jeni</span> | ||
+ | <span class="preview">A local pharmacist. </span> | ||
+ | </li> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#94bdc1"></div> | ||
+ | <span class="name">Len Mancini</span> | ||
+ | <span class="preview">A partner of Maxwells Patent Lawyers.</span> | ||
+ | </li> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#bc86a7"></div> | ||
+ | <span class="name">Edwina Wang</span> | ||
+ | <span class="preview">A type I diabetic.</span> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
<div class="right"> | <div class="right"> | ||
− | <div class="top"><span>To: <span class="name"> | + | <div class="top"><span>To: <span class="name">Project Design</span></span></div> |
<div class="chat" data-chat="person1"> | <div class="chat" data-chat="person1"> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Anthony | + | Anthony Di Franco |
</div> | </div> | ||
<div class="bubble you" id="anthony"> | <div class="bubble you" id="anthony"> | ||
Line 431: | Line 813: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Meow | + | Meow-Ludo Meow-Meow |
</div> | </div> | ||
<div class="bubble you" id="meow"> | <div class="bubble you" id="meow"> | ||
Line 437: | Line 819: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Nick | + | Nick Coleman |
</div> | </div> | ||
Line 450: | Line 832: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Meow | + | Meow-Ludo Meow-Meow |
</div> | </div> | ||
<div class="bubble you" id="meow"> | <div class="bubble you" id="meow"> | ||
Line 457: | Line 839: | ||
<div class="interlude"> | <div class="interlude"> | ||
<span>After researching insulin a little further, we’ve come to realise that there are a few issues we’d like to address. <br><br>Firstly, Human insulin purification takes a long time and, depending on the method used, can be very expensive. We investigated alternatives to this process, and we came up with a few expression systems that could be used to improve the folding of insulin inside Escherichia coli and Bacillus subtilis. <br><br>Secondly, insulin is currently stored at 4°C to preserve its activity. Keeping insulin at this temperature in cold storage chains while it’s being transported is incredibly difficult. This is especially so in lower economic countries, where we hope our insulin will be able to be sold. | <span>After researching insulin a little further, we’ve come to realise that there are a few issues we’d like to address. <br><br>Firstly, Human insulin purification takes a long time and, depending on the method used, can be very expensive. We investigated alternatives to this process, and we came up with a few expression systems that could be used to improve the folding of insulin inside Escherichia coli and Bacillus subtilis. <br><br>Secondly, insulin is currently stored at 4°C to preserve its activity. Keeping insulin at this temperature in cold storage chains while it’s being transported is incredibly difficult. This is especially so in lower economic countries, where we hope our insulin will be able to be sold. | ||
− | <br><br>So we thought, what if we <a | + | <br><br>So we thought, what if we <a href="https://2017.igem.org/Team:Sydney_Australia/Design">designed our own, single chain, open source insulin</a> that is also thermostable? |
</span> | </span> | ||
</div> | </div> | ||
+ | <div class="name_above_bubble"> | ||
+ | Peter Arvan | ||
+ | </div> | ||
+ | <div class="bubble you" id="george"> | ||
+ | I have designed a single chain insulin that I won’t be patenting, would you like to improve upon what I’ve developed? | ||
+ | </div> | ||
+ | <div class="name_above_bubble"> | ||
+ | Team DISCO | ||
+ | </div> | ||
+ | <div class="bubble me"> | ||
+ | That would be so fantastic, thank you so very much Peter. We will try and improve the functionality, especially to try and improve the thermostability of insulin. | ||
+ | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Neil | + | Neil Donelan |
</div> | </div> | ||
<div class="bubble you" id="neil"> | <div class="bubble you" id="neil"> | ||
− | Hi! As a part of the not-for-profit group <a | + | Hi! As a part of the not-for-profit group <a href="https://www.insulinforlife.org/">Insulin for Life</a>, I currently work to export insulin from Australia to all corners of the globe. We haven’t had any issues with the activity of the insulin we distribute, even though we don’t use any cold chain transportation. I think that any insulin you design, just like the human insulin you’re looking to produce, will be thermostable enough for global transportation without cold storage. |
</div> | </div> | ||
<div class="name_above_bubble_us"> | <div class="name_above_bubble_us"> | ||
Line 473: | Line 867: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | + | Jeni | |
</div> | </div> | ||
− | <div class="bubble you" id=" | + | <div class="bubble you" id="jeni"> Also, just be careful with how much you adapt the insulin you design. Endocrinologists are hesitant to put their patients on biosimilars because they can never be taken off that specific biosimilar. Generally, if a person is taken off one insulin biosimilar and put on a different analogue, they will suffer from an allergic reaction to the new insulin! |
</div> | </div> | ||
<div class="name_above_bubble_us"> | <div class="name_above_bubble_us"> | ||
Line 484: | Line 878: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Len | + | Len Mancini |
</div> | </div> | ||
<div class="bubble you" id="len"> | <div class="bubble you" id="len"> | ||
− | Would you like some quick tips on how to figure out if the insulin | + | Would you like some quick tips on how to figure out if you will be free to market the insulin you have developed. Basically we would be looking at the patent landscape including granted patents and patent applications to see whether you wouldcould infringe if your developed molecule was formulated and sold on the market. |
</div> | </div> | ||
<div class="name_above_bubble_us"> | <div class="name_above_bubble_us"> | ||
Line 496: | Line 890: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Len | + | Len Mancini |
</div> | </div> | ||
<div class="bubble you" id="len"> | <div class="bubble you" id="len"> | ||
− | + | The main thing you need to read when looking at a patent to begin with is the claims. If you read a claim, and your proposed product falls within the scope of any single claim, then you would infringe the patent (and could be open to a law suit). However, if your product doesn’t fall within the scope of that claim you would not infringe. One thing to be aware of, howwver, is that “patents” are published at the application stage and also again after they are granted. If they are granted at all. So the first thing you do is check the status of the application at the time it was published. If it was just an application, then the claims may be broader than what would ultimately issue from the Patent Office, or indeed, no claims may gain aceptance and the application may lapse. If you fall within a claim of an application its best to dig deeper and see if the patent is likely to be granted by getting any available examination reports for that application, or any foreign equivalent identified through patent family searches. Its not a quick and easy job! | |
</div> | </div> | ||
<div class="name_above_bubble_us"> | <div class="name_above_bubble_us"> | ||
Line 508: | Line 902: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Len | + | Len Mancini |
</div> | </div> | ||
<div class="bubble you" id="len"> | <div class="bubble you" id="len"> | ||
− | If I were you, I’d consider all the insulins on the market, | + | – If I were you, I’d consider all the insulins on the market, taking a particular focus on Single Chain Insulins. We already know that the human insulin hormone itself is off patent, but you may want to check that subsequent patents on methods of manufacture or particular formulations or compositions weren’t granted and are still active today. Checking process patents in general, especially for your Bacillus expression system, would be important too. Patents for processes and advanced compositions are generally patented by the original owners as a way to extend the monopoly over their product. |
</div> | </div> | ||
<div class="name_above_bubble_us"> | <div class="name_above_bubble_us"> | ||
Line 520: | Line 914: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Len | + | Len Mancini |
</div> | </div> | ||
<div class="bubble you" id="len"> | <div class="bubble you" id="len"> | ||
− | Investigating whether | + | Investigating whether a product is able to marketed legally is a very time intense process invoving muliple searches and months of analysis. The whole process genrally is conducted over multiple years (to account for the patent black spot – 18 months in which applications remained unpublished) and cost over $100,000 if many aspect of the product need to be cleared. |
</div> | </div> | ||
Line 533: | Line 927: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Edwina | + | Edwina Wang |
</div> | </div> | ||
<div class="bubble you" id="edwina"> | <div class="bubble you" id="edwina"> | ||
− | + | Hey, also don't forget there are also different types of insulin and we need them for different things - so their actual physiological effect is really important. I’ve used both before but am currently using short acting only with my insulin pump. | |
</div> | </div> | ||
<div class="name_above_bubble_us"> | <div class="name_above_bubble_us"> | ||
Line 542: | Line 936: | ||
</div> | </div> | ||
<div class="bubble me"> | <div class="bubble me"> | ||
− | Wow, that’s so helpful! Since you can’t have the same insulin being short AND long acting, its good to aim to create an insulin that’s one or the other. Ruby will be able to do some cool <a | + | Wow, that’s so helpful! Since you can’t have the same insulin being short AND long acting, its good to aim to create an insulin that’s one or the other. Ruby will be able to do some cool <a href="https://2017.igem.org/Team:Sydney_Australia/Model">modelling</a> to predict whether our Winsulin will be short-acting or long-acting so we can see which areas would most benefit from our insulin. |
+ | |||
</div> | </div> | ||
<div class="interlude"> | <div class="interlude"> | ||
− | <span>Ultimately, we have two insulin products. Our first insulin, Human Insulin, will be exactly the same as the one we produce in our human beta cells. Our other insulin, our newly designed insulin Winsulin, will have the same A and B chains as Human Insulin, but contains a smaller, 12 amino acid length C peptide linker. <br><br>From our predictive modelling, we predict the Winsulin will be a short acting insulin | + | <span>Ultimately, we have two insulin products. Our first insulin, Human Insulin, will be exactly the same as the one we produce in our human beta cells. Our other insulin, our newly designed insulin Winsulin, will have the same A and B chains as Human Insulin, but contains a smaller, 12 amino acid length C peptide linker. <br><br>From our predictive modelling, we predict the Winsulin will be a short acting insulin. We also believe that our Winsulin will not fall into the ‘biosimilar’ category, as it is not simply an adaptation on a current market therapy, but an entirely new design altogether. </span> |
</div> | </div> | ||
Line 555: | Line 950: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div class = "content" id = "please" align = "center"> | ||
+ | <h2>Our Final Project Design</h2> | ||
+ | <div class = "box21"></div><br> | ||
+ | <h4>As you can see, developing human insulin as a therapy became a lot more operational and useful following the discussions with Neil, which showed that insulins do not need to be refrigerated to maintain levels of activity. Furthermore, we developed a series of expression systems to compare the relative yields, and costs of purification, to determine whether or not we could optimise human insulin production. But ultimately, with the blessings of Dr Peter Arvan, we were able to develop our own Single Chain Insulin, and Len Mancini was able to confirm that our optimised Winsulin is in fact outside of all patent claims.</h4> | ||
+ | </div> | ||
+ | <br> | ||
+ | |||
+ | <div class = "row" align = "center"> | ||
+ | <div class = "content" id="please"> | ||
+ | <center><h1>Applied Design</h1><center> | ||
+ | <div class = "box3"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <br> | ||
+ | <div class = "content" id = "please" align = "center"> | ||
+ | <h2>Our Original Applied Design</h2> | ||
+ | <div class = "box31"></div><br> | ||
+ | <h4>As technology is evolving faster than therapies can develop, we originally wanted to design an insulin pump to go along with our Single Chain Insulin. This is so that all diabetics are able to utilise our new insulin, and we are not forcing individuals to start injecting themselves again. Furthermore, we assumed that clinical trials would be required in the future for both of our Human Insulin and Winsulin, and that ultimately want to pursue a single one due to the extreme costs of clinical trials. We were also only considering an open source project, as this seemed to fit the most with the international collective movement of Open Insulin.</h4> | ||
+ | </div> | ||
+ | <br> | ||
<div class="row"> | <div class="row"> | ||
<div class="wrapper"> | <div class="wrapper"> | ||
− | <div class=" | + | <div class="container_babe"> |
+ | <div class="left"> | ||
+ | <div class="top"> | ||
+ | <input type="text" /> | ||
+ | <a href="javascript:;" class="search"></a> | ||
+ | </div> | ||
+ | <ul class="people"> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#94bdc1"></div> | ||
+ | <span class="name">Len Mancini</span> | ||
+ | <span class="preview">A partner of Maxwells Patent and Trademark Attorneys and IP Lawyers.</span> | ||
+ | </li> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#b5e2af"></div> | ||
+ | <span class="name">Anthony Di Franco</span> | ||
+ | <span class="preview">Our foreign friend over in the USA began the Open Insulin.</span> | ||
+ | </li> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#bc86a7"></div> | ||
+ | <span class="name">Edwina Wang</span> | ||
+ | <span class="preview">A type I diabetic.</span> | ||
+ | </li> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#f9ebb2"></div> | ||
+ | <span class="name">Nick Coleman</span> | ||
+ | <span class="preview">Our Primary Investigator. </span> | ||
+ | </li> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#e5af98"></div> | ||
+ | <span class="name">Biofoundry</span> | ||
+ | <span class="preview">The local biohack lab. </span> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
<div class="right"> | <div class="right"> | ||
<div class="top"><span>To: <span class="name">Applied Design</span></span></div> | <div class="top"><span>To: <span class="name">Applied Design</span></span></div> | ||
Line 566: | Line 1,016: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | + | Biofoundry | |
</div> | </div> | ||
<div class="bubble you" id="beran"> | <div class="bubble you" id="beran"> | ||
− | In | + | In our opinion, coaxing generic manufacturers to produce your insulin will be a hard feat considering the impassable <a href="https://2017.igem.org/Team:Sydney_Australia/Applied_Design">barriers to entry</a>, including a Good Manufacturing Practice certification for insulin production. |
</div> | </div> | ||
<div class="name_above_bubble_us"> | <div class="name_above_bubble_us"> | ||
Line 575: | Line 1,025: | ||
</div> | </div> | ||
<div class="bubble me"> | <div class="bubble me"> | ||
− | + | Hold on, what's that? | |
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | + | Biofoundry | |
</div> | </div> | ||
<div class="bubble you" id="beran"> | <div class="bubble you" id="beran"> | ||
Line 590: | Line 1,040: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Len | + | Len Mancini |
</div> | </div> | ||
<div class="bubble you" id="len"> | <div class="bubble you" id="len"> | ||
− | + | But hold on, you guys have something that could be considered a ‘new to market’ drug, which means you could patent this yourselves and raise money through investors who are comfortable that your company will function to produce profits, rather than a single insulin. | |
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | + | Anothony Di Franco | |
</div> | </div> | ||
− | <div class="bubble you" id=" | + | <div class="bubble you" id="anthony"> |
We just raised $16, 656 through some crowd funding though, which is 227% of what we needed to kick start our lab work. If anything, this shows that when moneys needed to be raised, we can raise what we need and more! | We just raised $16, 656 through some crowd funding though, which is 227% of what we needed to kick start our lab work. If anything, this shows that when moneys needed to be raised, we can raise what we need and more! | ||
</div> | </div> | ||
Line 608: | Line 1,058: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | + | Biofoundry | |
</div> | </div> | ||
<div class="bubble you" id="beran"> | <div class="bubble you" id="beran"> | ||
Line 626: | Line 1,076: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | + | Biofoundry | |
</div> | </div> | ||
<div class="bubble you" id="beran"> | <div class="bubble you" id="beran"> | ||
Line 632: | Line 1,082: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Edwina | + | Edwina Wang |
</div> | </div> | ||
<div class="bubble you" id="edwina"> | <div class="bubble you" id="edwina"> | ||
Line 641: | Line 1,091: | ||
</div> | </div> | ||
<div class="bubble me"> | <div class="bubble me"> | ||
− | Len, you’ve said before it would take about a full year and approx. | + | Len, you’ve said before it would take about a full year and approx. $AU100 000 to fully prepare our Winsulin for patenting. |
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Len | + | Len Mancini |
</div> | </div> | ||
<div class="bubble you" id="len"> | <div class="bubble you" id="len"> | ||
Line 656: | Line 1,106: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Nick | + | Nick Coleman |
</div> | </div> | ||
<div class="bubble you" id="nick"> | <div class="bubble you" id="nick"> | ||
Line 673: | Line 1,123: | ||
</div> | </div> | ||
+ | |||
+ | <div class = "content" id = "please" align = "center"> | ||
+ | <h2>Our Final Applied Design</h2> | ||
+ | <div class = "box31"></div><br> | ||
+ | <h4>Following these discussions, we decided to follow the mantra "Keep it Simple, Stupid" and just focus on synthesising insulin from bacteria, rahter than producing an insulin pump alongside it. We also decided to model the activity of our Winsulin to determine what kind of insulin it is. This will also be important information for future endeavours. Furthermore, we became a little more comfortable with the idea of going open source with our Winsulin also. However, these talks also demonstrated that raising the initial capital for manufacturing plants may be a little difficult given the start up costs, specifically Good Manufacturing Practice approvals.</h4> | ||
+ | </div> | ||
+ | <br> | ||
+ | |||
+ | <div class = "row" align = "center"> | ||
+ | <div class = "content" id="please"> | ||
+ | <center><h1>Entrepreneurship</h1><center> | ||
+ | <div class = "box4"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "content" id = "please" align="center"> | ||
+ | <h2>Our Original Entrepreneurship Plan</h2> | ||
+ | <div class = "box41"></div><br> | ||
+ | <h4>Originally, we were full steam ahead on the open source direction. We planned on raising capital through crowd funding measures and with angel investors. Other open source tools were considered, such as Public Investment 'matching' schemes and Private Trading Schemes.</h4> | ||
+ | </div> | ||
+ | <br> | ||
<div class="row"> | <div class="row"> | ||
<div class="wrapper"> | <div class="wrapper"> | ||
− | <div class=" | + | <div class="container_babe"> |
+ | <div class="left"> | ||
+ | <div class="top"> | ||
+ | <input type="text" /> | ||
+ | <a href="javascript:;" class="search"></a> | ||
+ | </div> | ||
+ | <ul class="people"> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#ddbcd3"></div> | ||
+ | <span class="name">Mike Nichols</span> | ||
+ | <span class="preview">A local entrepreneur mentor at the INCUBATE Hub at Sydney University.</span> | ||
+ | </li> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#dcfaff"></div> | ||
+ | <span class="name">Narcyz Ghinea</span> | ||
+ | <span class="preview">A specialist in access to high cost medicines (specifically cancer drugs).</span> | ||
+ | </li> | ||
+ | <li class="person" data-chat="person1"> | ||
+ | <div class="icon" style="background-color:#dbe5c3"></div> | ||
+ | <span class="name">Neil Donelan</span> | ||
+ | <span class="preview">Neil distributes unopened, unexpired insulin vials all across the world. | ||
+ | </span> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
<div class="right"> | <div class="right"> | ||
<div class="top"><span>To: <span class="name">Entrepeneurship</span></span></div> | <div class="top"><span>To: <span class="name">Entrepeneurship</span></span></div> | ||
Line 684: | Line 1,180: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Mike | + | Mike Nichols |
</div> | </div> | ||
<div class="bubble you" id="mike"> | <div class="bubble you" id="mike"> | ||
Line 696: | Line 1,192: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Narcyz | + | Narcyz Ghineaa |
</div> | </div> | ||
<div class="bubble you" id="narcyz"> | <div class="bubble you" id="narcyz"> | ||
− | Hey guys, slow down a little. | + | Hey guys, slow down a little. Discovering promising compounds is only one step in the process. It is the in-human trials that are needed to convince regulators the drug should be registered that is the real challenge for open source drug development. How are you going to fund that? If you want to get a drug to market entirely open-source without industry involvement you will probably need to consider “open source clinical trials”, and organise a network of people that are willing to do the necessarily research on a non-profit basis. |
</div> | </div> | ||
<div class="name_above_bubble_us"> | <div class="name_above_bubble_us"> | ||
Line 708: | Line 1,204: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Mike | + | Mike Nichols |
</div> | </div> | ||
<div class="bubble you" id="mike"> | <div class="bubble you" id="mike"> | ||
Line 714: | Line 1,210: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Neil | + | Neil Donelan |
</div> | </div> | ||
<div class="bubble you" id="neil"> | <div class="bubble you" id="neil"> | ||
Line 720: | Line 1,216: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Mike | + | Mike Nichols |
</div> | </div> | ||
<div class="bubble you" id="mike"> | <div class="bubble you" id="mike"> | ||
Line 726: | Line 1,222: | ||
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Neil | + | Neil Donelan |
</div> | </div> | ||
<div class="bubble you" id="neil"> | <div class="bubble you" id="neil"> | ||
− | + | We have had huge demand for insulin in Tanzania in Africa. Their diabetic population is quite large and is expected to grow significantly as better diagnostic tools are implemented, as estimated 2/3rds of their diabetic population are currently undiagnosed in Africa alone. The South East Asian, and Pacific rim regions also need to be closely monitored. | |
</div> | </div> | ||
<div class="name_above_bubble"> | <div class="name_above_bubble"> | ||
− | Mike | + | Mike Nichols |
</div> | </div> | ||
<div class="bubble you" id="mike"> | <div class="bubble you" id="mike"> | ||
Line 743: | Line 1,239: | ||
These are all such great insights. We really need to consider our options. | These are all such great insights. We really need to consider our options. | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
</div> | </div> | ||
</div> | </div> | ||
Line 751: | Line 1,244: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class=" | + | |
+ | <div class = "content" id = "please" align = "center"> | ||
+ | <h2>Our Final Entrepreneurship Plan</h2> | ||
+ | <div class = "box41"></div><br> | ||
+ | <h4>Ultimately, we stuck with our guns and are following the Open Source Route. Although, these discussions really made us question as to whether the Open Source option really was our best option, especially noting the clinical trial costs and manufacturing barriers to enter the market. Following this discussion, we decided to explore the viability of open-source insulin, comparing them to the standard business model - including the costs / barriers of entry that were involved. The summary of our research can be found on <a href = "https://2017.igem.org/Team:Sydney_Australia/Entrepreneurship">our Entrepreneurship Page</a>. Our decision came down to the open source method to continue with the international collaborations we have developed throughout the year. Further research is also required to determine just how applicable our Winsulin is as a therapeutic agent, so keeping the research open to the international community means theres more opportunity for this research to occur. Since our project began as an open source collaboration with <a href = "http://openinsulin.org/">Open Insulin</a>, we decided to continue sharing the work we have done on both human insulin and Winsulin.</h4> | ||
</div> | </div> | ||
+ | <br> | ||
+ | |||
+ | <div class = "container_babe-fluid"> | ||
+ | <div class = "row content" id = "please" align = "center"> | ||
+ | <h1>Profiles</h1> | ||
+ | <div class = "box1"></div> | ||
+ | </div> | ||
+ | <div class = "row content" id = "please" align = "center"> | ||
+ | <div class = "col-xs-6"> | ||
+ | <h1 href="http://sydney.edu.au/science/people/nicholas.coleman.php">Dr Nicholas Coleman</h1> | ||
+ | <div class = "divider"></div> | ||
+ | <h4>Our PI and primary mentor, was the first to instigate the project through his relationships with members of Biofoundry. His scientific experience and knowledge was integral to work across the entire project.</h4> | ||
+ | </div> | ||
+ | <div class = "col-xs-6"> | ||
+ | <h1 href = "http://sydney.edu.au/medicine/people/academics/profiles/narcyz.ghinea.php">Narcyz Ghinea</h1> | ||
+ | <div class = "divider1"></div> | ||
+ | <h4>Narcyz is a doctoral researcher at the School of Public Health at the University of Sydney, specializing in studying access to high-cost medicines and generic and biosimilar policy. We spoke to him about where funding for clinical trials is sourced from, while also discussing how an open source business may function in this space. He alerted us to the potential of the government to fund our initial start-up and research costs, which we fed back into our <a href = "https://2017.igem.org/Team:Sydney_Australia/Applied_Design">potential business model design.</a></h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row content" id = "please" align = "center"> | ||
+ | <div class = "col-xs-6"> | ||
+ | <h1 href = "http://www.maxpat.com/about-us-2/our-team/leonard-mancini/">Len Mancini</h1> | ||
+ | <div class = "divider2"></div> | ||
+ | <h4>A partner at <a href = "http://www.maxpat.com/">Maxwells Patent and Trademark Attorneys,</a> he educated us on the intricacies of patent law, and assisted us in ensuring our design of Winsulin did not encroach on any existing patents. From this discussion we were made aware that we would need to consider all insulins on the market and all of the production methods associated with them, if we wanted to make a patent of Winsulin and/or its production. This inspired us to pursue a study of the <a href = "https://2017.igem.org/Team:Sydney_Australia/Patent_Law">current patents.</a></h4> | ||
+ | </div> | ||
+ | <div class = "col-xs-6"> | ||
+ | <h1 href = "https://www.insulinforlife.org.au/info/about">Neil Donelan</h1> | ||
+ | <div class = "divider3"></div> | ||
+ | <h4>A member of the board of Insulin For Life, a tax-exempt, not-for-profit organization focused on obtaining excess insulin and insulin related products for distribution to countries where many diabetics cannot afford their treatments. He alerted us to the reality of insulin transport – that insulin can be transported even without refrigeration. This ultiamtely made us feel more confident than any insulin we produce will be stable enough to not require cold-chain transportation.</h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row content" id = "please" align = "center"> | ||
+ | <div class = "col-xs-6"> | ||
+ | <h1 href = "https://incubate.org.au/mentors/mike-nichols/">Mike Nichols</h1> | ||
+ | <div class = "divider4"></div> | ||
+ | <h4>Entrepreneur and mentor at INCUBATE, an award-winning startup program at the University of Sydney, and team member of CSIRO’s Main Sequence Ventures fund. Mike alerted us to the issues of purely open-source ventures – particularly the issues of sustainable income and start-up costs. He also inspired us to develop a potential business model that is not purely open-source, and encouraged us to consider venturing into countries where insulin is highly in demand. This advice and expertise informed our <a href = "https://2017.igem.org/Team:Sydney_Australia/Applied_Design">potential business model</a> development to include this option.</h4> | ||
+ | </div> | ||
+ | <div class = "col-xs-6"> | ||
+ | <h1 href = "http://openinsulin.org/team/">Anthony Di Franco</h1> | ||
+ | <div class = "divider5"></div> | ||
+ | <h4>Anthony Di Franco is a board member of <a href = "http://www.counterculturelabs.org/projects.html">Counter Culture Labs</a>, and founder of OpenInsulin project – an open-source research project aimed at developing new methods of producing insulin to increase its affordability and accessibility to those in need. As a Type 1 Diabetic himself, understands the needs of diabetics reliant on insulin for survival. He is one of the individuals that sparked our interest in producing an open-source insulin solution, and so was a main instigator in starting the project.</h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row content" id = "please" align = "center"> | ||
+ | <div class = "col-xs-6"> | ||
+ | <h1>Jeni - Our Local Pharmacist</h1> | ||
+ | <div class = "divider6"></div> | ||
+ | <h4>Jeni identified the issue with biosimilars as seen by endocrinologists prescribing insulin to diabetics: once prescribed, an insulin user must remain on the same analogue, lest there be issues with allerginicity from other analogues. We applied this information by ensuring our human proinsulin sequence is the exact same as it would be in the body.</h4> | ||
+ | </div> | ||
+ | <div class = "col-xs-6"> | ||
+ | <h1>Edwina Wang</h1> | ||
+ | <div class = "divider7"></div> | ||
+ | <h4>A friend of ours, and a Type I diabetic, Edwina gave personal experiences about her use of insulin and gave us feedback on the functionality of the insulin we produce, saying that it is crucial to know if it will be long or short acting. We applied this advice by <a href = "https://2017.igem.org/Team:Sydney_Australia/Model">modelling</a> our Winsulin construct to predict its physiological activity, and found that it will most likely be short-acting. | ||
+ | </h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row content" id = "please" align = "center"> | ||
+ | <div class = "col-xs-6"> | ||
+ | <h1 href = "http://www.afr.com/brand/boss/true-leaders-game-changers-2017-meowludo-meowmeow-20170915-gyijue">Meow-Ludo Meow Meow</h1> | ||
+ | <div class = "divider8"></div> | ||
+ | <h4>A Trailblazer in open-source synthetic biology, Meow was also a link to the OpenInsulin project through his community lab <a href = "http://foundry.bio/">Biofoundry.</a> He also acted as another mentor in the field of open-source science, illuminating the many possibilities it entails.</h4> | ||
+ | </div> | ||
+ | <div class = "col-xs-6"> | ||
+ | <h1 href = "http://www.unige.ch/medecine/diabetescentre/fr/membres/beran/">Dr David Beran</h1> | ||
+ | <div class = "divider9"></div> | ||
+ | <h4>A researcher and lecturer at Geneva University Hospitals and University of Geneva, we spoke to him about his work publishing the <a href = "http://haiweb.org/what-we-do/acciss/">ACCISS</a> paper published by Health Action International, that outlines the issues of global inaccessibility to insulin. He granted us permission to use the information found in the reports he’s published online to enhance our understanding of the global insulin market. | ||
+ | </h4> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class = "row content" id = "please" align = "center"> | ||
+ | <div class = "col-xs-6"> | ||
+ | <h1 href = "http://ihpi.umich.edu/our-experts/parvan">Dr Peter Arvan</h1> | ||
+ | <div class = "divider10"></div> | ||
+ | <h4>A professor at the University of Michigan Institute for Healthcare Policy and Innovation. Professor Arvan gave us his permission to use his work on single-chain insulins as a primary scaffold for our design, and for providing the foundational information that first inspired us to pursue such a project. | ||
+ | </h4> | ||
+ | </div> | ||
+ | <div class = "col-xs-6"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="row" style="height:20vh;"></div> | ||
+ | </div> | ||
+ | |||
</body> | </body> | ||
</html> | </html> | ||
{{:Team:Sydney_Australia/templates/Footer}} | {{:Team:Sydney_Australia/templates/Footer}} |
Latest revision as of 00:20, 16 December 2017
About Our Integrated Human Practices
We spent a considerable amount of time looking out into the real world to figure out how our project would best solve the issues of insulin unaffordability and inaccessibility. Key advisors and stakeholders aided the decisions we made along the way. Not only did our project integrate with the advice of individual people, but these individuals became integrated into a big conversation between us all.
Specifically, these conversations were around how we Apply the design, the Project Design itself and ultimately how we best present this project to the real world as a business.
Under each of the below headings, you fill find the conversations we had with these stakeholders which integrated into our final product. Please enjoy reading through our journey!
Project Design
Our Original Project Design
Originally when we started this project, we were facinated by the idea of single chain insulins, but were hesitant to develop our own due to the vast array of new patent applications that were on the market. Human Insulin was in the clear of any patents, however due to its series of post-purification methods and low thermostability, we thought that developing a business model that had to keep up with high transportation costs, especially when open source, would be a difficult operation.
Read the conversation below to find out how these people influenced our Project Design:
- Anthony Di Franco Our foreign friend began the Open Insulin project.
- Meow-Ludo Meow-Meow Meow-Meow is infamous for his work at Biofoundry.
- Dr Peter Arvan An insulin researcher.
- Nick Coleman Our Supervisor.
- Neil Donelan Neil distributes insulin vials all across the world.
- Jeni A local pharmacist.
- Len Mancini A partner of Maxwells Patent Lawyers.
- Edwina Wang A type I diabetic.
Firstly, Human insulin purification takes a long time and, depending on the method used, can be very expensive. We investigated alternatives to this process, and we came up with a few expression systems that could be used to improve the folding of insulin inside Escherichia coli and Bacillus subtilis.
Secondly, insulin is currently stored at 4°C to preserve its activity. Keeping insulin at this temperature in cold storage chains while it’s being transported is incredibly difficult. This is especially so in lower economic countries, where we hope our insulin will be able to be sold.
So we thought, what if we designed our own, single chain, open source insulin that is also thermostable?
From our predictive modelling, we predict the Winsulin will be a short acting insulin. We also believe that our Winsulin will not fall into the ‘biosimilar’ category, as it is not simply an adaptation on a current market therapy, but an entirely new design altogether.
Our Final Project Design
As you can see, developing human insulin as a therapy became a lot more operational and useful following the discussions with Neil, which showed that insulins do not need to be refrigerated to maintain levels of activity. Furthermore, we developed a series of expression systems to compare the relative yields, and costs of purification, to determine whether or not we could optimise human insulin production. But ultimately, with the blessings of Dr Peter Arvan, we were able to develop our own Single Chain Insulin, and Len Mancini was able to confirm that our optimised Winsulin is in fact outside of all patent claims.
Applied Design
Our Original Applied Design
As technology is evolving faster than therapies can develop, we originally wanted to design an insulin pump to go along with our Single Chain Insulin. This is so that all diabetics are able to utilise our new insulin, and we are not forcing individuals to start injecting themselves again. Furthermore, we assumed that clinical trials would be required in the future for both of our Human Insulin and Winsulin, and that ultimately want to pursue a single one due to the extreme costs of clinical trials. We were also only considering an open source project, as this seemed to fit the most with the international collective movement of Open Insulin.
- Len Mancini A partner of Maxwells Patent and Trademark Attorneys and IP Lawyers.
- Anthony Di Franco Our foreign friend over in the USA began the Open Insulin.
- Edwina Wang A type I diabetic.
- Nick Coleman Our Primary Investigator.
- Biofoundry The local biohack lab.
Our Final Applied Design
Following these discussions, we decided to follow the mantra "Keep it Simple, Stupid" and just focus on synthesising insulin from bacteria, rahter than producing an insulin pump alongside it. We also decided to model the activity of our Winsulin to determine what kind of insulin it is. This will also be important information for future endeavours. Furthermore, we became a little more comfortable with the idea of going open source with our Winsulin also. However, these talks also demonstrated that raising the initial capital for manufacturing plants may be a little difficult given the start up costs, specifically Good Manufacturing Practice approvals.
Entrepreneurship
Our Original Entrepreneurship Plan
Originally, we were full steam ahead on the open source direction. We planned on raising capital through crowd funding measures and with angel investors. Other open source tools were considered, such as Public Investment 'matching' schemes and Private Trading Schemes.
- Mike Nichols A local entrepreneur mentor at the INCUBATE Hub at Sydney University.
- Narcyz Ghinea A specialist in access to high cost medicines (specifically cancer drugs).
- Neil Donelan Neil distributes unopened, unexpired insulin vials all across the world.