|
|
| Line 1,017: |
Line 1,017: |
| | | | |
| | </body> | | </body> |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </html>
| |
| − |
| |
| − | <html>
| |
| − | <head>
| |
| − | <html>
| |
| − | <head>
| |
| − | <meta charset="utf-8">
| |
| − |
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
| − |
| |
| − |
| |
| − | <title>Team：BGIC-Union/Practices-Design</title>
| |
| − |
| |
| − | <head>
| |
| − |
| |
| − |
| |
| − | <!-- Bootstrap core CSS -->
| |
| − | <link href="https://2017.igem.org/Template:BGIC-Union/bootstrap-css?action=raw&ctype=text/css" rel="stylesheet">
| |
| − | <!-- animate -->
| |
| − | <link href="https://2017.igem.org/Template:BGIC-Union/animate-css?action=raw&ctype=text/css" rel="stylesheet">
| |
| − | <!-- carousel -->
| |
| − | <link href="https://2017.igem.org/Template:BGIC-Union/owlcarousel-css?action=raw&ctype=text/css" rel="stylesheet">
| |
| − | <link href=" https://2017.igem.org/Template:BGIC-Union/fontawesomemin2-css?action=raw&ctype=text/css" rel="stylesheet">
| |
| − | <!-- light -->
| |
| − | <style type="text/css">
| |
| − | /* fixed line holder */
| |
| − | .timelineLight .timeline_line {c
| |
| − | margin-top:50px;
| |
| − | margin-bottom:10px;
| |
| − | width:900px;
| |
| − | }
| |
| − | .timelineLight
| |
| − | {color: #fff;
| |
| − | background: #ffe4e1;}
| |
| − | /* full (including months that are not shown) line holder */
| |
| − | .timelineLight .t_line_holder {
| |
| − | height:80px;
| |
| − | background:url('https://static.igem.org/mediawiki/2017/3/35/Line.jpg') repeat-x 0px 39px;
| |
| − | }
| |
| − |
| |
| − | /* 2 months are stored in one view */
| |
| − | .timelineLight .t_line_view {
| |
| − | height:20px;
| |
| − | width:900px;
| |
| − | }
| |
| − |
| |
| − | /* holder for year number */
| |
| − | .timelineLight h3.t_line_year {
| |
| − | margin:0;
| |
| − | color:#545454;
| |
| − | }
| |
| − |
| |
| − | /* holder for 1 month (constist of nodes and month caption) - we use borders to separate months thats why it has width 2px less then 50% */
| |
| − | .timelineLight .t_line_m {
| |
| − | margin-top:35px;
| |
| − | height:10px;
| |
| − | border-left:1px solid #545454;
| |
| − | border-right:1px solid #545454;
| |
| − | width:448px;
| |
| − | }
| |
| − |
| |
| − | /* month on the right side - has left set at 459 so border would overlap border from first element (to evade duplicated borders) */
| |
| − | .timelineLight .t_line_m.right {
| |
| − | left:449px;
| |
| − | width:449px;
| |
| − | }
| |
| − |
| |
| − | /* month caption */
| |
| − | .timelineLight h4.t_line_month {
| |
| − | margin:-30px 0 0;
| |
| − | color:#545454;
| |
| − | }
| |
| − |
| |
| − | /* used in responsive layout when only one month is shown (it is span containing year) */
| |
| − | .t_line_month_year {
| |
| − | display:none;
| |
| − | }
| |
| − |
| |
| − | /* node on the timeline */
| |
| − | .timelineLight a.t_line_node {
| |
| − | text-decoration:none;
| |
| − | padding:38px 0 4px;
| |
| − | height:10px;
| |
| − | font-size:12px;
| |
| − | top:-25px;
| |
| − | background:url('https://static.igem.org/mediawiki/2017/2/2a/Dot.png') no-repeat center 24px;
| |
| − | color:#141817;
| |
| − | }
| |
| − | .timelineLight a.t_line_node:hover {
| |
| − | background:url('https://static.igem.org/mediawiki/2017/6/65/Dot-rollover.png') no-repeat center 24px;
| |
| − | }
| |
| − | .timelineLight a.t_line_node.active {
| |
| − | background:url('https://static.igem.org/mediawiki/2017/d/d7/Dot-selected.png') no-repeat center 24px;
| |
| − | }
| |
| − |
| |
| − | /* node description */
| |
| − | .timelineLight .t_node_desc {
| |
| − | background: rgba(26,134,172,0.9);
| |
| − | top:0;
| |
| − | color:#fff;
| |
| − | padding:1px 5px;
| |
| − | }
| |
| − |
| |
| − | /* descriptions on right side go from right to left */
| |
| − | .timelineLight .t_node_desc.pos_right {
| |
| − | right:0;
| |
| − | }
| |
| − |
| |
| − | /* line arrow left */
| |
| − | .timelineLight #t_line_left {
| |
| − | cursor:pointer;
| |
| − | left:-30px;
| |
| − | top:30px;
| |
| − | width:14px;
| |
| − | height:19px;
| |
| − | background:url('https://static.igem.org/mediawiki/2017/9/95/Bgic-arrow.png') no-repeat left top;
| |
| − | }
| |
| − |
| |
| − | .timelineLight #t_line_left:hover {
| |
| − | background:url('https://static.igem.org/mediawiki/2017/9/95/Bgic-arrow.png') no-repeat left bottom;
| |
| − | }
| |
| − |
| |
| − | /* line arrow right */
| |
| − | .timelineLight #t_line_right {
| |
| − | cursor:pointer;
| |
| − | right:-30px;
| |
| − | top:30px;
| |
| − | width:14px;
| |
| − | height:19px;
| |
| − | background:url('https://static.igem.org/mediawiki/2017/9/95/Bgic-arrow.png') no-repeat right top;
| |
| − | }
| |
| − |
| |
| − | .timelineLight #t_line_right:hover {
| |
| − | background:url('https://static.igem.org/mediawiki/2017/9/95/Bgic-arrow.png') no-repeat right bottom;
| |
| − | }
| |
| − | .timelineLight {
| |
| − | display:none;
| |
| − | }
| |
| − |
| |
| − | /* items container */
| |
| − | .timelineLight .timeline_items {
| |
| − | padding:10px 0;
| |
| − | }
| |
| − |
| |
| − | /* single item (margines set from javascript) */
| |
| − | .timelineLight .item {
| |
| − | height:380px;
| |
| − | text-align:center;
| |
| − |
| |
| − | color: #fff;
| |
| − | background: #f7dae7;
| |
| − |
| |
| − | -moz-box-shadow: -3px 1px 6px rgba(0,0,0,0.4);
| |
| − | -webkit-box-shadow: -3px 1px 6px rgba(0,0,0,0.4);
| |
| − | box-shadow: -3px 1px 6px rgba(0,0,0,0.4);
| |
| − | width:200px;
| |
| − | }
| |
| − |
| |
| − | /* ----- content - non-plugin elements ----- */
| |
| − | .timelineLight .item img {
| |
| − | margin-top:0;
| |
| − | width:200px;
| |
| − | }
| |
| − |
| |
| − | .timelineLight .item span{
| |
| − | display:block;
| |
| − | margin:0px 20px 10px;
| |
| − | height:150px;
| |
| − | }
| |
| − | .timelineLight .item .read_more {
| |
| − | padding:2px 8px 2px 10px;
| |
| − | font-family:Comic Sans MS;
| |
| − | font-size:20px;
| |
| − | float:right;
| |
| − | color:#ffffff;
| |
| − | background: rgba(0,0,0,0.35);
| |
| − | cursor:pointer;
| |
| − | }
| |
| − | .timelineLight .item .read_more:hover {
| |
| − | background:rgb(26,134,172);
| |
| − | }
| |
| − | /* ----------------------------------------- */
| |
| − |
| |
| − | /* item details (margines set from javascript) */
| |
| − | .timelineLight .item_open {
| |
| − | height:380px;
| |
| − | background:url('../images/timeline/light/background.jpg') repeat;
| |
| − | position:relative;
| |
| − | color:#545454;
| |
| − | z-index:2;
| |
| − | -moz-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
| |
| − | -webkit-box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
| |
| − | box-shadow: 0px 0px 6px rgba(0,0,0,0.4);
| |
| − | width:490px;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | /* item details content wrapper (used for animation - shuld have same width as .item_open) */
| |
| − | .timelineLight .item_open_cwrapper {
| |
| − | width:490px;
| |
| − | }
| |
| − |
| |
| − | /* ----- content - non-plugin elements ----- */
| |
| − | .timelineLight .timeline_open_content {
| |
| − | padding:20px;
| |
| − | }
| |
| − |
| |
| − | .timelineLight .item_open h2 {
| |
| − | margin-top:10px;
| |
| − | padding-top:0;
| |
| − | font-size:28px;
| |
| − | }
| |
| − | .timelineLight .item_open .t_close {
| |
| − | position:absolute;
| |
| − | top:10px;
| |
| − | right:10px;
| |
| − | padding:2px 8px 2px 10px;
| |
| − | font-family: Comic Sans MS;
| |
| − | font-size:20px;
| |
| − | color:#ffffff;
| |
| − | background: rgba(0,0,0,0.25);
| |
| − | cursor:pointer;
| |
| − | }
| |
| − | .timelineLight .item_open .t_close:hover {
| |
| − | background:rgb(26,134,172);
| |
| − | }
| |
| − | /* ----------------------------------------- */
| |
| − |
| |
| − | /* left/right controles */
| |
| − | .timelineLight .t_controles {
| |
| − | margin:10px auto;
| |
| − | text-align:center;
| |
| − | }
| |
| − | .timelineLight .t_left,
| |
| − | .timelineLight .t_right {
| |
| − | display:inline-block;
| |
| − | height:50px;
| |
| − | width:29px;
| |
| − | margin:10px;
| |
| − | cursor:pointer;
| |
| − | }
| |
| − | .timelineLight .t_left,
| |
| − | .timelineLight .t_left:hover:active {
| |
| − | background: url('https://static.igem.org/mediawiki/2017/b/ba/Big-arrow.png') no-repeat left top;
| |
| − | }
| |
| − | .timelineLight .t_left:hover {
| |
| − | background: url('https://static.igem.org/mediawiki/2017/b/ba/Big-arrow.png') no-repeat left bottom;
| |
| − | }
| |
| − |
| |
| − | .timelineLight .t_right,
| |
| − | .timelineLight .t_right:hover:active{
| |
| − | background: url('https://static.igem.org/mediawiki/2017/b/ba/Big-arrow.png') no-repeat right top;
| |
| − | }
| |
| − |
| |
| − | .timelineLight .t_right:hover {
| |
| − | background: url('https://static.igem.org/mediawiki/2017/b/ba/Big-arrow.png') no-repeat right bottom;
| |
| − | }
| |
| − |
| |
| − | /* -----------------------------------------------------------------------*/
| |
| − | /* ------------------------------ RESPONSIVE -----------------------------*/
| |
| − | /* -----------------------------------------------------------------------*/
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* --- 768px --- */
| |
| − | @media screen and (max-width:980px) {
| |
| − |
| |
| − | .timelineLight .timeline_line {
| |
| − | width:680px;
| |
| − | }
| |
| − |
| |
| − | .timelineLight .t_line_view {
| |
| − | width:680px;
| |
| − | }
| |
| − |
| |
| − | .timelineLight .t_line_m {
| |
| − | width: 338px;
| |
| − | }
| |
| − | .timelineLight .t_line_m.right {
| |
| − | left: 339px;
| |
| − | width: 339px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* --- 610px --- */
| |
| − | @media screen and (max-width:767px) {
| |
| − |
| |
| − | .timelineLight .timeline_line {
| |
| − | width:530px;
| |
| − | }
| |
| − |
| |
| − | .timelineLight .t_line_view {
| |
| − | width:1060px;
| |
| − | }
| |
| − |
| |
| − | .timelineLight .t_line_m {
| |
| − | width: 528px;
| |
| − | }
| |
| − | .timelineLight .t_line_m.right {
| |
| − | left: 530px;
| |
| − | width: 528px;
| |
| − | }
| |
| − | .timelineLight .t_line_year {
| |
| − | opacity:0;
| |
| − | filter:alpha(opacity=0)
| |
| − | }
| |
| − | .timelineLight .t_line_month_year {
| |
| − | display:inline;
| |
| − | }
| |
| − |
| |
| − | .timelineLight .t_line_node span {
| |
| − |
| |
| − | }
| |
| − | .timelineLight .t_node_desc {
| |
| − | font-size:8px;
| |
| − | }
| |
| − | .timelineLight .t_node_desc.pos_right {
| |
| − | right:auto;
| |
| − | left:0;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* --- 300px --- */
| |
| − | @media screen and (max-width:
| |
| − |
| |
| − | ) {
| |
| − | .timelineLight .timeline_line {
| |
| − | width:240px;
| |
| − | }
| |
| − |
| |
| − | .timelineLight .t_line_view {
| |
| − | width:480px;
| |
| − | }
| |
| − |
| |
| − | .timelineLight .t_line_m {
| |
| − | width: 238px;
| |
| − | }
| |
| − | .timelineLight .t_line_m.right {
| |
| − | left: 240px;
| |
| − | width: 238px;
| |
| − | }
| |
| − |
| |
| − | .timelineLight .item_open {
| |
| − | width:280px;
| |
| − | height:390px;
| |
| − | }
| |
| − | .timelineLight .item_open_cwrapper {
| |
| − | width:280px;
| |
| − | }
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − | <!-- main -->
| |
| − | <style type="text/css">
| |
| − |
| |
| − |
| |
| − | #top_title,#sideMenu { display: none !important; }
| |
| − | #content {
| |
| − | width: 100%;
| |
| − | margin: 0;
| |
| − | padding: 0;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | #bodyContent
| |
| − | {
| |
| − | margin-top：0px !important;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #content{
| |
| − | background-color: #FFe4e1; !important;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .mainstyle
| |
| − | {
| |
| − | font-family: Comic Sans MS;
| |
| − | }
| |
| − | html, body {
| |
| − | margin: 0 ;
| |
| − | padding: 0 ;
| |
| − | }
| |
| − | body {
| |
| − | background-color: #ffa07a;
| |
| − |
| |
| − | font-weight: 400;
| |
| − | font-size: 14px;
| |
| − | color: #555;
| |
| − | ；
| |
| − | -webkit-font-smoothing: antialiased;
| |
| − | -webkit-overflow-scrolling: touch;
| |
| − | }
| |
| − |
| |
| − | /* Titles */
| |
| − | h1, h2, h3, h4, h5, h6 {
| |
| − | font-family: Comic Sans MS;
| |
| − | font-weight: 700;
| |
| − | color: #333;
| |
| − | }
| |
| − |
| |
| − | h1 {
| |
| − | font-size: 35px;
| |
| − | margin-top: 30px;
| |
| − | margin-bottom: 30px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | p {
| |
| − | line-height: 28px;
| |
| − | margin-bottom: 25px;
| |
| − | font-size: 16px;
| |
| − | font-family: Comic Sans MS;
| |
| − | }
| |
| − |
| |
| − | .centered {
| |
| − | text-align: center;
| |
| − | }
| |
| − |
| |
| − | /* Links */
| |
| − | a {
| |
| − | color: #20B2AA;
| |
| − | word-wrap: break-word;
| |
| − |
| |
| − | -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
| − | -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
| − | -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
| − | -o-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
| − | transition: color 0.1s ease-in, background 0.1s ease-in;
| |
| − | }
| |
| − |
| |
| − | a:hover,
| |
| − | a:focus {
| |
| − | color: #7b7b7b;
| |
| − | text-decoration: none;
| |
| − | outline: 0;
| |
| − | }
| |
| − |
| |
| − | a:before,
| |
| − | a:after {
| |
| − | -webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
| − | -moz-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
| − | -ms-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
| − | -o-transition: color 0.1s ease-in, background 0.1s ease-in;
| |
| − | transition: color 0.1s ease-in, background 0.1s ease-in;
| |
| − | }
| |
| − |
| |
| − | hr {
| |
| − | display: block;
| |
| − | height: 1px;
| |
| − | border: 0;
| |
| − | border-top: 1px solid #ccc;
| |
| − | margin: 1em 0;
| |
| − | padding: 0;
| |
| − | }
| |
| − |
| |
| − | .copyrights{
| |
| − | text-indent:-9999px;
| |
| − | height:0;
| |
| − | line-height:0;
| |
| − | font-size:0;
| |
| − | overflow:hidden;
| |
| − | }
| |
| − |
| |
| − | .navbar {
| |
| − | text-transform: uppercase;
| |
| − | margin-bottom: 0px;
| |
| − | }
| |
| − |
| |
| − | .navbar-inverse {
| |
| − | padding-bottom: 30px;
| |
| − | padding-top: 0;
| |
| − | }
| |
| − |
| |
| − | .navbar-inverse {
| |
| − | background-color: #FFA07A;
| |
| − | border-color: #FA8072;
| |
| − | }
| |
| − |
| |
| − | .navbar-inverse .navbar-nav > li > a {
| |
| − | color: white;
| |
| − |
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .navbar-inverse .navbar-nav > li > a:hover {
| |
| − | color: #222222;
| |
| − | }
| |
| − |
| |
| − | .navbar-brand {
| |
| − | font-weight: 700;
| |
| − | font-size: 40px;
| |
| − | letter-spacing: 2px;
| |
| − | backgroud: white;
| |
| − | }
| |
| − |
| |
| − | .navbar-inverse .navbar-brand {
| |
| − | color: white;
| |
| − | background-color: #FFA07A;
| |
| − |
| |
| − | }
| |
| − |
| |
| − | .navbar-inverse .navbar-toggle {
| |
| − | border-color: transparent;
| |
| − | font-size: 12px;
| |
| − | }
| |
| − |
| |
| − | .progress-bar-theme {
| |
| − | background-color: #FFA07A;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* Helpers */
| |
| − |
| |
| − | .mt {
| |
| − | margin-top: 40px;
| |
| − | margin-bottom: 40px;
| |
| − | }
| |
| − |
| |
| − | .pt {
| |
| − | padding-top: 50px;
| |
| − | padding-bottom: 50px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* +++++ WRAP SECTIONS +++++ */
| |
| − |
| |
| − | #ww {
| |
| − | padding-top: 0px;
| |
| − | padding-bottom: 70px;
| |
| − | background-color: #f2f2f2;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | #footer {
| |
| − | background-color: #ADD8E6;
| |
| − | padding-top: 50px;
| |
| − | padding-bottom: 50px;
| |
| − | }
| |
| − |
| |
| − | #footer p {
| |
| − | color: white;
| |
| − | font-family: Comic Sans MS;
| |
| − | }
| |
| − |
| |
| − | #footer h4 {
| |
| − | color: white;
| |
| − | text-transform: uppercase;
| |
| − | padding-bottom: 20px;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | /* +++++ Color Wraps / Blog Page +++++ */
| |
| − |
| |
| − | #grey {
| |
| − | padding-top: 60px;
| |
| − | padding-bottom: 60px;
| |
| − | background-color: #f2f2f2;
| |
| − | }
| |
| − |
| |
| − | #white {
| |
| − | padding-top: 60px;
| |
| − | padding-bottom: 60px;
| |
| − | background-color: #ffffff;
| |
| − | }
| |
| − |
| |
| − |
| |
| − |
| |
| − | /* Blog Date*/
| |
| − | bd {
| |
| − | font-size: 12px;
| |
| − | text-transform: uppercase;
| |
| − | color: #d2d2d2;
| |
| − | font-weight: 700;
| |
| − | }
| |
| − |
| |
| − | /* Blog Author*/
| |
| − | ba {
| |
| − | font-size: 12px;
| |
| − | text-transform: uppercase;
| |
| − | }
| |
| − |
| |
| − | /* Blog Quote */
| |
| − | .bq {
| |
| − | font-size: 22px;
| |
| − | padding-top: 30px;
| |
| − | }
| |
| − |
| |
| − | /* Blog Tags */
| |
| − | bt {
| |
| − | font-size: 12px;
| |
| − | }
| |
| − |
| |
| − | /* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
| |
| − | /* Effects also are controled by hover.zoom.js */
| |
| − | .zoom {
| |
| − | display:block;
| |
| − | position:relative;
| |
| − | overflow:hidden;
| |
| − | background:transparent url(https://static.igem.org/mediawiki/2017/f/fe/Bgic_loader.gif) no-repeat center;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .zoomOverlay {
| |
| − | position:absolute;
| |
| − | top:0; left:0;
| |
| − | bottom:0; right:0;
| |
| − | display:none;
| |
| − | background-image:url(../img/zoom.png);
| |
| − | background-repeat:no-repeat;
| |
| − | background-position:center;
| |
| − | }
| |
| − |
| |
| − | .zoom2 {
| |
| − | opacity: 1;
| |
| − | }
| |
| − |
| |
| − | .zoom2:hover {
| |
| − | opacity: 0.5;
| |
| − | }
| |
| − |
| |
| − | /* glyphicon Configuration */
| |
| − |
| |
| − | .glyphicon {
| |
| − | font-size: 40px;
| |
| − | color: #1abc9c;
| |
| − | }
| |
| − | </style>
| |
| − |
| |
| − | <!-- script -->
| |
| − | <script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
| |
| − | <script type="text/javascript">
| |
| − | /*
| |
| − | * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
| |
| − | *
| |
| − | * Uses the built in easing capabilities added In jQuery 1.1
| |
| − | * to offer multiple easing options
| |
| − | *
| |
| − | * TERMS OF USE - jQuery Easing
| |
| − | *
| |
| − | * Open source under the BSD License.
| |
| − | *
| |
| − | * Copyright © 2008 George McGinley Smith
| |
| − | * All rights reserved.
| |
| − | *
| |
| − | * Redistribution and use in source and binary forms, with or without modification,
| |
| − | * are permitted provided that the following conditions are met:
| |
| − | *
| |
| − | * Redistributions of source code must retain the above copyright notice, this list of
| |
| − | * conditions and the following disclaimer.
| |
| − | * Redistributions in binary form must reproduce the above copyright notice, this list
| |
| − | * of conditions and the following disclaimer in the documentation and/or other materials
| |
| − | * provided with the distribution.
| |
| − | *
| |
| − | * Neither the name of the author nor the names of contributors may be used to endorse
| |
| − | * or promote products derived from this software without specific prior written permission.
| |
| − | *
| |
| − | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
| |
| − | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
| |
| − | * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
| |
| − | * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
| |
| − | * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
| |
| − | * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
| |
| − | * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
| |
| − | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
| |
| − | * OF THE POSSIBILITY OF SUCH DAMAGE.
| |
| − | *
| |
| − | */
| |
| − |
| |
| − | // t: current time, b: begInnIng value, c: change In value, d: duration
| |
| − | jQuery.easing['jswing'] = jQuery.easing['swing'];
| |
| − |
| |
| − | jQuery.extend( jQuery.easing,
| |
| − | {
| |
| − | def: 'easeOutQuad',
| |
| − | swing: function (x, t, b, c, d) {
| |
| − | //alert(jQuery.easing.default);
| |
| − | return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
| |
| − | },
| |
| − | easeInQuad: function (x, t, b, c, d) {
| |
| − | return c*(t/=d)*t + b;
| |
| − | },
| |
| − | easeOutQuad: function (x, t, b, c, d) {
| |
| − | return -c *(t/=d)*(t-2) + b;
| |
| − | },
| |
| − | easeInOutQuad: function (x, t, b, c, d) {
| |
| − | if ((t/=d/2) < 1) return c/2*t*t + b;
| |
| − | return -c/2 * ((--t)*(t-2) - 1) + b;
| |
| − | },
| |
| − | easeInCubic: function (x, t, b, c, d) {
| |
| − | return c*(t/=d)*t*t + b;
| |
| − | },
| |
| − | easeOutCubic: function (x, t, b, c, d) {
| |
| − | return c*((t=t/d-1)*t*t + 1) + b;
| |
| − | },
| |
| − | easeInOutCubic: function (x, t, b, c, d) {
| |
| − | if ((t/=d/2) < 1) return c/2*t*t*t + b;
| |
| − | return c/2*((t-=2)*t*t + 2) + b;
| |
| − | },
| |
| − | easeInQuart: function (x, t, b, c, d) {
| |
| − | return c*(t/=d)*t*t*t + b;
| |
| − | },
| |
| − | easeOutQuart: function (x, t, b, c, d) {
| |
| − | return -c * ((t=t/d-1)*t*t*t - 1) + b;
| |
| − | },
| |
| − | easeInOutQuart: function (x, t, b, c, d) {
| |
| − | if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
| |
| − | return -c/2 * ((t-=2)*t*t*t - 2) + b;
| |
| − | },
| |
| − | easeInQuint: function (x, t, b, c, d) {
| |
| − | return c*(t/=d)*t*t*t*t + b;
| |
| − | },
| |
| − | easeOutQuint: function (x, t, b, c, d) {
| |
| − | return c*((t=t/d-1)*t*t*t*t + 1) + b;
| |
| − | },
| |
| − | easeInOutQuint: function (x, t, b, c, d) {
| |
| − | if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
| |
| − | return c/2*((t-=2)*t*t*t*t + 2) + b;
| |
| − | },
| |
| − | easeInSine: function (x, t, b, c, d) {
| |
| − | return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
| |
| − | },
| |
| − | easeOutSine: function (x, t, b, c, d) {
| |
| − | return c * Math.sin(t/d * (Math.PI/2)) + b;
| |
| − | },
| |
| − | easeInOutSine: function (x, t, b, c, d) {
| |
| − | return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
| |
| − | },
| |
| − | easeInExpo: function (x, t, b, c, d) {
| |
| − | return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
| |
| − | },
| |
| − | easeOutExpo: function (x, t, b, c, d) {
| |
| − | return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
| |
| − | },
| |
| − | easeInOutExpo: function (x, t, b, c, d) {
| |
| − | if (t==0) return b;
| |
| − | if (t==d) return b+c;
| |
| − | if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
| |
| − | return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
| |
| − | },
| |
| − | easeInCirc: function (x, t, b, c, d) {
| |
| − | return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
| |
| − | },
| |
| − | easeOutCirc: function (x, t, b, c, d) {
| |
| − | return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
| |
| − | },
| |
| − | easeInOutCirc: function (x, t, b, c, d) {
| |
| − | if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
| |
| − | return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
| |
| − | },
| |
| − | easeInElastic: function (x, t, b, c, d) {
| |
| − | var s=1.70158;var p=0;var a=c;
| |
| − | if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
| |
| − | if (a < Math.abs(c)) { a=c; var s=p/4; }
| |
| − | else var s = p/(2*Math.PI) * Math.asin (c/a);
| |
| − | return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
| |
| − | },
| |
| − | easeOutElastic: function (x, t, b, c, d) {
| |
| − | var s=1.70158;var p=0;var a=c;
| |
| − | if (t==0) return b; if ((t/=d)==1) return b+c; if (!p) p=d*.3;
| |
| − | if (a < Math.abs(c)) { a=c; var s=p/4; }
| |
| − | else var s = p/(2*Math.PI) * Math.asin (c/a);
| |
| − | return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
| |
| − | },
| |
| − | easeInOutElastic: function (x, t, b, c, d) {
| |
| − | var s=1.70158;var p=0;var a=c;
| |
| − | if (t==0) return b; if ((t/=d/2)==2) return b+c; if (!p) p=d*(.3*1.5);
| |
| − | if (a < Math.abs(c)) { a=c; var s=p/4; }
| |
| − | else var s = p/(2*Math.PI) * Math.asin (c/a);
| |
| − | if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
| |
| − | return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
| |
| − | },
| |
| − | easeInBack: function (x, t, b, c, d, s) {
| |
| − | if (s == undefined) s = 1.70158;
| |
| − | return c*(t/=d)*t*((s+1)*t - s) + b;
| |
| − | },
| |
| − | easeOutBack: function (x, t, b, c, d, s) {
| |
| − | if (s == undefined) s = 1.70158;
| |
| − | return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
| |
| − | },
| |
| − | easeInOutBack: function (x, t, b, c, d, s) {
| |
| − | if (s == undefined) s = 1.70158;
| |
| − | if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
| |
| − | return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
| |
| − | },
| |
| − | easeInBounce: function (x, t, b, c, d) {
| |
| − | return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
| |
| − | },
| |
| − | easeOutBounce: function (x, t, b, c, d) {
| |
| − | if ((t/=d) < (1/2.75)) {
| |
| − | return c*(7.5625*t*t) + b;
| |
| − | } else if (t < (2/2.75)) {
| |
| − | return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
| |
| − | } else if (t < (2.5/2.75)) {
| |
| − | return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
| |
| − | } else {
| |
| − | return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
| |
| − | }
| |
| − | },
| |
| − | easeInOutBounce: function (x, t, b, c, d) {
| |
| − | if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
| |
| − | return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
| |
| − | }
| |
| − | });
| |
| − |
| |
| − | /*
| |
| − | *
| |
| − | * TERMS OF USE - EASING EQUATIONS
| |
| − | *
| |
| − | * Open source under the BSD License.
| |
| − | *
| |
| − | * Copyright © 2001 Robert Penner
| |
| − | * All rights reserved.
| |
| − | *
| |
| − | * Redistribution and use in source and binary forms, with or without modification,
| |
| − | * are permitted provided that the following conditions are met:
| |
| − | *
| |
| − | * Redistributions of source code must retain the above copyright notice, this list of
| |
| − | * conditions and the following disclaimer.
| |
| − | * Redistributions in binary form must reproduce the above copyright notice, this list
| |
| − | * of conditions and the following disclaimer in the documentation and/or other materials
| |
| − | * provided with the distribution.
| |
| − | *
| |
| − | * Neither the name of the author nor the names of contributors may be used to endorse
| |
| − | * or promote products derived from this software without specific prior written permission.
| |
| − | *
| |
| − | * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
| |
| − | * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
| |
| − | * MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
| |
| − | * COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
| |
| − | * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
| |
| − | * GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
| |
| − | * AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
| |
| − | * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
| |
| − | * OF THE POSSIBILITY OF SUCH DAMAGE.
| |
| − | *
| |
| − | */
| |
| − | </script>
| |
| − |
| |
| − | <script src="https://2017.igem.org/Template:BGIC-Union/newbootstrap-js?action=raw&ctype=text/javascript"></script>
| |
| − | <!-- SLIDER_TIMELINE -->
| |
| − | <script type="text/javascript" src="https://2017.igem.org/Template:BGIC-Union/timeline-js?action=raw&ctype=text/javascript"></script>
| |
| − | <script type="text/javascript">
| |
| − |
| |
| − | $(window).load(function() {
| |
| − | // dark
| |
| − | $('.timelineLight').timeline({
| |
| − | openTriggerClass : '.read_more',
| |
| − | startItem : '15/08/2012'
| |
| − | });
| |
| − | });
| |
| − | </script>
| |
| − | <!-- hover -->
| |
| − | <script src="https://2017.igem.org/Template:BGIC-Union/hovernew-js?action=raw&ctype=text/javascript"></script>
| |
| − | <script src="https://2017.igem.org/Template:BGIC-Union/hoverzoomjs?action=raw&ctype=text/javascript"></script>
| |
| − | </head>
| |
| − |
| |
| − |
| |
| − | <body>
| |
| − | <div class="column_full_size top1">
| |
| − | <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
| |
| − | <div class="container-fluid">
| |
| − | <div class="navbar-header">
| |
| − | <a class="navbar-brand" href="https://2017.igem.org/Team:BGIC-Union">BGIC-Union</a>
| |
| − | </div>
| |
| − | <div>
| |
| − | <ul class="nav navbar-nav navbar-center">
| |
| − | <li class="active" > <a href="https://2017.igem.org/Team:BGIC-Union"><b>HOME</b></a></li>
| |
| − |
| |
| − |
| |
| − | <li> <a href="https://2017.igem.org/Team:BGIC-Union/Team">Team</a></li>
| |
| − | <li class="dropdown">
| |
| − | <a href="https://2017.igem.org/Team:BGIC-Union/Team" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Team">members</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Collaborations">collaborations</a></li>
| |
| − |
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Attributions">attributions</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li> <a href="https://2017.igem.org/Team:BGIC-Union/Project">Project</a></li>
| |
| − |
| |
| − | <li class="dropdown ">
| |
| − | <a href="https://2017.igem.org/Team:BGIC-Union/Project" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
| |
| − | </a>
| |
| − | <ul class="dropdown-menu" >
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Description">description</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Design">design</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Results">results</a></li>
| |
| − |
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Demonstrate">demonstrate</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Improve">improve</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li> <a href="https://2017.igem.org/Team:BGIC-Union/Lab">Lab</a></li>
| |
| − | <li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Lab" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Experiments">protocols</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Notebook">notebook</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/InterLab">InterLab</a></li></ul>
| |
| − | </li>
| |
| − |
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Parts">Parts</a></li>
| |
| − | <li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Parts" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
| |
| − |
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Basic_Parts">basic parts</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Composite_Parts">composite parts</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Parts_Collection">parts collection</a></li>
| |
| − |
| |
| − |
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li> <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">Practices-Design</a></li>
| |
| − | <li class="dropdown "> <a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design" class="dropdown-toggle" data-toggle="dropdown"> <b class="caret"></b></a>
| |
| − | <ul class="dropdown-menu" role="menu">
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Practices-Design">timeline</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Silver">silver</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/HP/Gold_Integrated">gold</a></li>
| |
| − |
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Engagement">public engagement</a></li>
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Applied_Design">applied design</a></li>
| |
| − |
| |
| − | <li><a href="https://2017.igem.org/Team:BGIC-Union/Entrepreneurship">entrepreneurship</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown ">
| |
| − | <a href="https://2017.igem.org/Team:BGIC-Union/Model">Model </a>
| |
| − | </li>
| |
| − | <li class="dropdown ">
| |
| − | <a href="https://2017.igem.org/Team:BGIC-Union/Safety">Safety </a>
| |
| − | </li>
| |
| − | <li class="dropdown ">
| |
| − | <a href="https://2017.igem.org/Team:BGIC-Union/Evaluation" >EVALUATION </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </div>
| |
| − | </div>
| |
| − | </nav>
| |
| − |
| |
| − | <!-- BEGIN TIMELINE -->
| |
| − |
| |
| − |
| |
| − | </div> <!-- /END TIMELINE -->
| |
| − |
| |
| − | <!-- +++++ Projects Section +++++ -->
| |
| − | <section>
| |
| − | <div class="container">
| |
| − | <div class="row mt centered">
| |
| − | <div class="col-md-6">
| |
| − | <div class="row mt centered">
| |
| − | <div class="col-lg-3">
| |
| − | <a href="https://2017.igem.org/Team:BGIC-Union/HP/Silver"><img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/27/Silberbgic%21%21%3F%3F.png " width="400px" height="300px"></img></a>
| |
| − | <h4>Silver </h4>
| |
| − | </div>
| |
| − | <div class="col-lg-3">
| |
| − | <a href="https://2017.igem.org/Team:BGIC-Union/HP/Gold_Integrated"><img class="img-responsive" src="https://static.igem.org/mediawiki/2017/f/f0/Gold_bgic.png" width="400px" height="300px"></img></a>
| |
| − | <h4>Gold</h4>
| |
| − | </div>
| |
| − | <div class="col-lg-3">
| |
| − | <a href="https://2017.igem.org/Team:BGIC-Union/Applied Design"><img class="img-responsive" src="https://static.igem.org/mediawiki/2017/0/0b/Attributionlogo.png" width="400px" height="300px"></img></a>
| |
| − | <h4>Applied Design</h4>
| |
| − | </div>
| |
| − | </div>
| |
| − | <div class="row mt centered">
| |
| − | <div class="col-lg-3">
| |
| − | <a href="https://2017.igem.org/Team:BGIC-Union/Engagement"><img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/21/Bgicpublicengagement.png " width="400px" height="300px"></img></a>
| |
| − | <h4>Public education & Engagement</h4>
| |
| − | </div>
| |
| − | <div class="col-lg-3">
| |
| − | <a href="https://2017.igem.org/Team:BGIC-Union/Entreprenuership"><img class="img-responsive" src="https://static.igem.org/mediawiki/2017/7/7c/Entreprenuershipbgic.png" width="400px" height="300px"></img></a>
| |
| − | <h4>Entreprenuership</h4>
| |
| − |
| |
| − | </div></div>
| |
| − | </div>
| |
| − | <div class="col-md-6 pull-left">
| |
| − | <strong>On Integrated HP...</strong></br>
| |
| − | We compeled a survey and analysis for Chinese companies who provide ctDNA detection and cancer screening services. The companies all provide similar detecting services but with slightly varied outcome. However, no similar technique is used in those companies indicates there is no technology monopoly in this industry at the moment. We analyzed the result of this investigation in order to put our product in social content and compare it with others exist products in the market.
| |
| − | We also communicate with experts to give their opinions on our product design. For example, we visited Dr Fang from Peking University shenzhen hospital and member of staff from BGI product research department. All suggestions and opinions that we gathered help us improve the efficiency and customers experience of our product.
| |
| − | </br></br>
| |
| − |
| |
| − | <strong>On Engagement...</strong></br>
| |
| − | We gave small science lectures to enrich STEM education in primary school and middle school as well as a formal introduction of the iGEM competition in one of the largest high school in Shenzhen to establish a new iGEM team. We distributed questionaires afterwards to make sure they comprehended the talks.
| |
| − | On a larger stage, we participated in the 12th Annual Meeting of the International Conference on Genomics and talked about our iGEM experience.
| |
| − | We wrote about our project and documented the progress on several project incubator platforms and receive monetary support for more than 3, 000 USD in total. We also raised questions on the significance of participating in iGEM for high school students on Zhihu (Chinese Quora). We documented our experience in a column we created under BGI College Makerspace 's official account on (Chinese largest social platform）Wechat with over 3,500 subscribers of the account.
| |
| − |
| |
| − | </br></br>
| |
| − |
| |
| − | <strong>On Product design and entreprenuership...</strong></br>
| |
| − | We produced a product portfolio to analyze whether our product fit the market. The product portfolio includes a general market analysis and a specific health check market analysis in China, a full product description and a SWOT analysis of our product. We concluded that health check is suitable market to assess due to the large scale of customers every year, but improvement must be made to satisfy vary demand in cancer detection. On the other hand, large scale of promotion and education should be made in advance to prevent misunderstanding from public.
| |
| − | </br>
| |
| − | We applied our designed system on the a screening chip. The DNA device and proteins that required for detection can mix with E.coli cell-free system, freeze-dried on a paper chip, and stored in low temperature. The blood sample from the patient provides a liquid environment which can reactivate the cell-free system. The reaction takes place when the target sequence presents, emitting fluorescence on screening chip. Individuals can use the product associate with a kit to detect lung cancer within few hours. A further analysis of the market is also made in the section of entrepreneurship.
| |
| − | </br></br>
| |
| − | </div><!-- /row -->
| |
| − | </div>
| |
| − | </div><!-- /container -->
| |
| − |
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − | </section>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </body>
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | </html>
| |
