|
|
| (11 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | {{Tongji_Software/css/MenuStyle_css}}
| + | <html> |
| − | <html lang="en" class="no-js"> | + | |
| − | | + | |
| | <head> | | <head> |
| − | <meta charset="UTF-8">
| + | <meta http-equiv="refresh" content="0.2;url=https://2019.igem.org/Team:Tongji_Software/Project#Collaborations"> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
| − | <style>
| + | |
| − | *::-webkit-scrollbar {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − |
| + | |
| − | html,
| + | |
| − | body,
| + | |
| − | div,
| + | |
| − | span,
| + | |
| − | applet,
| + | |
| − | object,
| + | |
| − | iframe,
| + | |
| − | h1,
| + | |
| − | h2,
| + | |
| − | h3,
| + | |
| − | h4,
| + | |
| − | h5,
| + | |
| − | h6,
| + | |
| − | p,
| + | |
| − | blockquote,
| + | |
| − | pre,
| + | |
| − | a,
| + | |
| − | abbr,
| + | |
| − | acronym,
| + | |
| − | address,
| + | |
| − | big,
| + | |
| − | cite,
| + | |
| − | code,
| + | |
| − | del,
| + | |
| − | dfn,
| + | |
| − | em,
| + | |
| − | img,
| + | |
| − | ins,
| + | |
| − | kbd,
| + | |
| − | q,
| + | |
| − | s,
| + | |
| − | samp,
| + | |
| − | small,
| + | |
| − | strike,
| + | |
| − | strong,
| + | |
| − | sub,
| + | |
| − | sup,
| + | |
| − | tt,
| + | |
| − | var,
| + | |
| − | b,
| + | |
| − | u,
| + | |
| − | i,
| + | |
| − | center,
| + | |
| − | dl,
| + | |
| − | dt,
| + | |
| − | dd,
| + | |
| − | ol,
| + | |
| − | ul,
| + | |
| − | li,
| + | |
| − | fieldset,
| + | |
| − | form,
| + | |
| − | label,
| + | |
| − | legend,
| + | |
| − | table,
| + | |
| − | caption,
| + | |
| − | tbody,
| + | |
| − | tfoot,
| + | |
| − | thead,
| + | |
| − | tr,
| + | |
| − | th,
| + | |
| − | td,
| + | |
| − | article,
| + | |
| − | aside,
| + | |
| − | canvas,
| + | |
| − | details,
| + | |
| − | embed,
| + | |
| − | figure,
| + | |
| − | figcaption,
| + | |
| − | footer,
| + | |
| − | header,
| + | |
| − | hgroup,
| + | |
| − | menu,
| + | |
| − | nav,
| + | |
| − | output,
| + | |
| − | ruby,
| + | |
| − | section,
| + | |
| − | summary,
| + | |
| − | time,
| + | |
| − | mark,
| + | |
| − | audio,
| + | |
| − | video {
| + | |
| − | margin: 0;
| + | |
| − | padding: 0;
| + | |
| − | border: 0;
| + | |
| − | /* font-size: 100%; */
| + | |
| − | font: inherit;
| + | |
| − | /* vertical-align: baseline; */
| + | |
| − | }
| + | |
| − | /* HTML5 display-role reset for older browsers */
| + | |
| − |
| + | |
| − | article,
| + | |
| − | aside,
| + | |
| − | details,
| + | |
| − | figcaption,
| + | |
| − | figure,
| + | |
| − | footer,
| + | |
| − | header,
| + | |
| − | hgroup,
| + | |
| − | menu,
| + | |
| − | nav,
| + | |
| − | section,
| + | |
| − | main {
| + | |
| − | display: block;
| + | |
| − | }
| + | |
| − |
| + | |
| − | body {
| + | |
| − | line-height: 1;
| + | |
| − | }
| + | |
| − |
| + | |
| − | ol,
| + | |
| − | ul {
| + | |
| − | list-style: none;
| + | |
| − | }
| + | |
| − |
| + | |
| − | blockquote,
| + | |
| − | q {
| + | |
| − | quotes: none;
| + | |
| − | }
| + | |
| − |
| + | |
| − | blockquote:before,
| + | |
| − | blockquote:after,
| + | |
| − | q:before,
| + | |
| − | q:after {
| + | |
| − | content: '';
| + | |
| − | content: none;
| + | |
| − | }
| + | |
| − |
| + | |
| − | table {
| + | |
| − | border-collapse: collapse;
| + | |
| − | border-spacing: 0;
| + | |
| − | }
| + | |
| − | /* --------------------------------
| + | |
| − | | + | |
| − | Primary style
| + | |
| − | | + | |
| − | -------------------------------- */
| + | |
| − |
| + | |
| − | @font-face {
| + | |
| − | font-family: Ubuntu;
| + | |
| − | src: url("../fonts/Ubuntu.ttf");
| + | |
| − | }
| + | |
| − |
| + | |
| − | html * {
| + | |
| − | -webkit-font-smoothing: antialiased;
| + | |
| − | -moz-osx-font-smoothing: grayscale;
| + | |
| − | }
| + | |
| − |
| + | |
| − | *,
| + | |
| − | *:after,
| + | |
| − | *:before {
| + | |
| − | -webkit-box-sizing: border-box;
| + | |
| − | -moz-box-sizing: border-box;
| + | |
| − | box-sizing: border-box;
| + | |
| − | }
| + | |
| − |
| + | |
| − | body {
| + | |
| − | font-size: 100%;
| + | |
| − | font-family: "Ubuntu", sans-serif;
| + | |
| − | color: white;
| + | |
| − | background-color: white;
| + | |
| − | }
| + | |
| − |
| + | |
| − | body,
| + | |
| − | html {
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − |
| + | |
| − | a {
| + | |
| − | color: #3e3947;
| + | |
| − | text-decoration: none;
| + | |
| − | }
| + | |
| − |
| + | |
| − | img {
| + | |
| − | max-width: 100%;
| + | |
| − | }
| + | |
| − | /* --------------------------------
| + | |
| − | | + | |
| − | Modules - reusable parts of our design
| + | |
| − | | + | |
| − | -------------------------------- */
| + | |
| − |
| + | |
| − | .cd-img-replace {
| + | |
| − | /* replace text with a background-image */
| + | |
| − | display: inline-block;
| + | |
| − | overflow: hidden;
| + | |
| − | text-indent: 100%;
| + | |
| − | white-space: nowrap;
| + | |
| − | }
| + | |
| − | /* --------------------------------
| + | |
| − | | + | |
| − | Main components
| + | |
| − | | + | |
| − | -------------------------------- */
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section {
| + | |
| − | min-height: 100vh;
| + | |
| − | position: relative;
| + | |
| − | padding: 21vh 24.5vw 15vh 10vw;
| + | |
| − | /*21vh 22em 2em 10vw*/
| + | |
| − | text-align: justify;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section:nth-of-type(odd) {
| + | |
| − | background-color: #3e3947;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section:nth-of-type(odd) p {
| + | |
| − | color: white;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section:nth-of-type(even) {
| + | |
| − | background-color: #745360;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section:nth-of-type(even) p {
| + | |
| − | color: white;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section p {
| + | |
| − | position: relative;
| + | |
| − | }
| + | |
| − | /*加大的首字母*/
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section b {
| + | |
| − | position: relative;
| + | |
| − | font-weight: 500;
| + | |
| − | font-size: 1.4em;
| + | |
| − | }
| + | |
| − | /*总标题*/
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section #ProMainTitle {
| + | |
| − | color: white;
| + | |
| − | font-weight: bold;
| + | |
| − | font-size: 3.5vw;
| + | |
| − | /*50px*/
| + | |
| − | position: relative;
| + | |
| − | bottom: auto;
| + | |
| − | padding-bottom: 1.2em;
| + | |
| − | overflow: unset;
| + | |
| − | }
| + | |
| − | /*大标题*/
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section h1.ProSubTitle:not(#_ProSubTitle_) {
| + | |
| − | color: white;
| + | |
| − | font-weight: 500;
| + | |
| − | font-size: 2.1vw;
| + | |
| − | /*31px*/
| + | |
| − | position: relative;
| + | |
| − | bottom: auto;
| + | |
| − | padding-bottom: 1.2em;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section h1#_ProSubTitle_ {
| + | |
| − | color: white;
| + | |
| − | font-weight: 500;
| + | |
| − | font-size: 2.1vw;
| + | |
| − | /*31px*/
| + | |
| − | position: relative;
| + | |
| − | bottom: auto;
| + | |
| − | padding-bottom: 0.5em;
| + | |
| − | /*padding-top: 2em;*/
| + | |
| − | }
| + | |
| − | /*小标题*/
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section h2.ProSubSubTitle {
| + | |
| − | color: white;
| + | |
| − | font-weight: 500;
| + | |
| − | font-size: 1.5vw;
| + | |
| − | /*31px*/
| + | |
| − | position: relative;
| + | |
| − | bottom: auto;
| + | |
| − | padding-top: 1em;
| + | |
| − | padding-bottom: 1em;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section p {
| + | |
| − | line-height: 1.6;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section img.StdImage {
| + | |
| − | display: block;
| + | |
| − | margin: 0 auto;
| + | |
| − | padding-left: 20px;
| + | |
| − | padding-right: 10px;
| + | |
| − | padding-top: 10px;
| + | |
| − | padding-bottom: 10px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section img.RightImage {
| + | |
| − | float: right;
| + | |
| − | display: block;
| + | |
| − | margin: 0 auto;
| + | |
| − | padding-left: 10px;
| + | |
| − | padding-right: 0 auto;
| + | |
| − | padding-top: 10px;
| + | |
| − | padding-bottom: 10px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section img.LeftImage {
| + | |
| − | float: left;
| + | |
| − | display: block;
| + | |
| − | margin: 0 auto;
| + | |
| − | padding-left: 0px;
| + | |
| − | padding-right: 10px;
| + | |
| − | padding-top: 10px;
| + | |
| − | padding-bottom: 10px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section img.MiddleImage {
| + | |
| − | display: block;
| + | |
| − | margin: 0 auto;
| + | |
| − | padding-left: 10px;
| + | |
| − | padding-right: 10px;
| + | |
| − | padding-top: 10px;
| + | |
| − | padding-bottom: 10px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section #ImageTable {
| + | |
| − | margin: 0 auto;
| + | |
| − | padding-top: 20px;
| + | |
| − | }
| + | |
| − | /* #SectionContainer .cd-section #PushImage4{
| + | |
| − | position: relative;
| + | |
| − | float: right;
| + | |
| − | margin: auto;
| + | |
| − | padding-left: 20px;
| + | |
| − | padding-right: 10px;
| + | |
| − | } */
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section #Suggestions {
| + | |
| − | padding-left: 3em;
| + | |
| − | }
| + | |
| − |
| + | |
| − | #SectionContainer .cd-section #CharmingHeader {
| + | |
| − | padding-left: 1.5em;
| + | |
| − | }
| + | |
| − | /* .cd-section:nth-of-type(even) {
| + | |
| − | background-color: #745360;
| + | |
| − | }
| + | |
| − | .cd-section:nth-of-type(even) p {
| + | |
| − | color: #bda3ad;
| + | |
| − | } */
| + | |
| − | /*.cd-section h1, .cd-section p {*/
| + | |
| − | /* position: absolute;*/
| + | |
| − | /* left: 50%;*/
| + | |
| − | /* top: 50%;*/
| + | |
| − | /* bottom: auto;*/
| + | |
| − | /* right: auto;*/
| + | |
| − | /* -webkit-transform: translateX(-50%) translateY(-50%);*/
| + | |
| − | /* -moz-transform: translateX(-50%) translateY(-50%);*/
| + | |
| − | /* -ms-transform: translateX(-50%) translateY(-50%);*/
| + | |
| − | /* -o-transform: translateX(-50%) translateY(-50%);*/
| + | |
| − | /* transform: translateX(-50%) translateY(-50%);*/
| + | |
| − | /* width: 90%;*/
| + | |
| − | /* max-width: 768px;*/
| + | |
| − | /* text-align: center;*/
| + | |
| − | /*}*/
| + | |
| − |
| + | |
| − | .cd-section h1,
| + | |
| − | .cd-section p {
| + | |
| − | position: relative;
| + | |
| − | /*position: absolute;*/
| + | |
| − | /*left: 50%;*/
| + | |
| − | /*top: 50%;*/
| + | |
| − | bottom: auto;
| + | |
| − | /*right: auto;*/
| + | |
| − | /*-webkit-transform: translateX(-50%) translateY(-50%);*/
| + | |
| − | /*-moz-transform: translateX(-50%) translateY(-50%);*/
| + | |
| − | /*-ms-transform: translateX(-50%) translateY(-50%);*/
| + | |
| − | /*-o-transform: translateX(-50%) translateY(-50%);*/
| + | |
| − | /*transform: translateX(-50%) translateY(-50%);*/
| + | |
| − | /*width: 90%;*/
| + | |
| − | /*max-width: 768px;*/
| + | |
| − | /*text-align: center;*/
| + | |
| − | }
| + | |
| − |
| + | |
| − | .cd-section h1#description {
| + | |
| − | left: 20%;
| + | |
| − | color: white;
| + | |
| − | font-weight: 600;
| + | |
| − | /* text-transform: uppercase; */
| + | |
| − | /*font-size: 200px;*/
| + | |
| − | font-size: 3rem;
| + | |
| − | }
| + | |
| − | /*/*/
| + | |
| − |
| + | |
| − | @media only screen and (min-width: 768px) {
| + | |
| − | .cd-section h1 {
| + | |
| − | font-size: 30px;
| + | |
| − | font-size: 1.875rem;
| + | |
| − | }
| + | |
| − | .cd-section p {
| + | |
| − | font-size: 20px;
| + | |
| − | font-size: 1.1vw;
| + | |
| − | line-height: 2;
| + | |
| − | }
| + | |
| − | }
| + | |
| − |
| + | |
| − | .cd-scroll-down {
| + | |
| − | position: absolute;
| + | |
| − | left: 50%;
| + | |
| − | right: auto;
| + | |
| − | -webkit-transform: translateX(-50%);
| + | |
| − | -moz-transform: translateX(-50%);
| + | |
| − | -ms-transform: translateX(-50%);
| + | |
| − | -o-transform: translateX(-50%);
| + | |
| − | transform: translateX(-50%);
| + | |
| − | bottom: 20px;
| + | |
| − | width: 38px;
| + | |
| − | height: 44px;
| + | |
| − | background: url("../images/cd-arrow-bottom.svg") no-repeat center center;
| + | |
| − | }
| + | |
| − | /* No Touch devices */
| + | |
| − |
| + | |
| − | .cd-nav-trigger {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .no-touch #cd-vertical-nav {
| + | |
| − | position: fixed;
| + | |
| − | right: 40px;
| + | |
| − | top: 25%;
| + | |
| − | bottom: auto;
| + | |
| − | -webkit-transform: translateY(-50%);
| + | |
| − | -moz-transform: translateY(-50%);
| + | |
| − | -ms-transform: translateY(-50%);
| + | |
| − | -o-transform: translateY(-50%);
| + | |
| − | transform: translateY(-50%);
| + | |
| − | z-index: 1;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .no-touch #cd-vertical-nav li {
| + | |
| − | text-align: right;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .no-touch #cd-vertical-nav a {
| + | |
| − | display: inline-block;
| + | |
| − | /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */
| + | |
| − | -webkit-backface-visibility: hidden;
| + | |
| − | backface-visibility: hidden;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .no-touch #cd-vertical-nav a:after {
| + | |
| − | content: "";
| + | |
| − | display: table;
| + | |
| − | clear: both;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .no-touch #cd-vertical-nav a span {
| + | |
| − | float: right;
| + | |
| − | display: inline-block;
| + | |
| − | -webkit-transform: scale(0.6);
| + | |
| − | -moz-transform: scale(0.6);
| + | |
| − | -ms-transform: scale(0.6);
| + | |
| − | -o-transform: scale(0.6);
| + | |
| − | transform: scale(0.6);
| + | |
| − | }
| + | |
| − |
| + | |
| − | .no-touch #cd-vertical-nav a.is-selected span {
| + | |
| − | -webkit-transform: scale(1);
| + | |
| − | -moz-transform: scale(1);
| + | |
| − | -ms-transform: scale(1);
| + | |
| − | -o-transform: scale(1);
| + | |
| − | transform: scale(1);
| + | |
| − | }
| + | |
| − |
| + | |
| − | .no-touch #cd-vertical-nav a:hover span {
| + | |
| − | -webkit-transform: scale(1);
| + | |
| − | -moz-transform: scale(1);
| + | |
| − | -ms-transform: scale(1);
| + | |
| − | -o-transform: scale(1);
| + | |
| − | transform: scale(1);
| + | |
| − | }
| + | |
| − | /*.no-touch #cd-vertical-nav a:hover .cd-label {*/
| + | |
| − | /* opacity: 1;*/
| + | |
| − | /*}*/
| + | |
| − |
| + | |
| − | .no-touch #cd-vertical-nav a.is-selected .cd-label {
| + | |
| − | opacity: 1;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .no-touch #cd-vertical-nav a.is-selected .cd-dot {
| + | |
| − | /*点到达时的颜色*/
| + | |
| − | background-color: white;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .no-touch #cd-vertical-nav .cd-dot {
| + | |
| − | position: relative;
| + | |
| − | /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
| + | |
| − | top: 13px;
| + | |
| − | height: 12px;
| + | |
| − | width: 12px;
| + | |
| − | border-radius: 50%;
| + | |
| − | /*点未到达时的颜色*/
| + | |
| − | background-color: dodgerblue;
| + | |
| − | -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
| + | |
| − | -moz-transition: -moz-transform 0.2s, background-color 0.5s;
| + | |
| − | transition: transform 0.2s, background-color 0.5s;
| + | |
| − | -webkit-transform-origin: 50% 50%;
| + | |
| − | -moz-transform-origin: 50% 50%;
| + | |
| − | -ms-transform-origin: 50% 50%;
| + | |
| − | -o-transform-origin: 50% 50%;
| + | |
| − | transform-origin: 50% 50%;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .no-touch #cd-vertical-nav .cd-label {
| + | |
| − | position: relative;
| + | |
| − | margin-right: 10px;
| + | |
| − | /*padding: .4em .5em;*/
| + | |
| − | padding: 0;
| + | |
| − | color: white;
| + | |
| − | font-size: 34px;
| + | |
| − | /*font-size: 0.875rem;*/
| + | |
| − | -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
| + | |
| − | -moz-transition: -moz-transform 0.2s, opacity 0.2s;
| + | |
| − | transition: transform 0.2s, opacity 0.2s;
| + | |
| − | /*文字未hover时的透明度*/
| + | |
| − | opacity: 0.5;
| + | |
| − | -webkit-transform-origin: 100% 50%;
| + | |
| − | -moz-transform-origin: 100% 50%;
| + | |
| − | -ms-transform-origin: 100% 50%;
| + | |
| − | -o-transform-origin: 100% 50%;
| + | |
| − | transform-origin: 100% 50%;
| + | |
| − | }
| + | |
| − | /* Touch devices */
| + | |
| − |
| + | |
| − | .touch .cd-nav-trigger {
| + | |
| − | display: block;
| + | |
| − | z-index: 2;
| + | |
| − | position: fixed;
| + | |
| − | bottom: 30px;
| + | |
| − | right: 5%;
| + | |
| − | height: 44px;
| + | |
| − | width: 44px;
| + | |
| − | border-radius: 0.25em;
| + | |
| − | background: rgba(255, 255, 255, 0.9);
| + | |
| − | }
| + | |
| − |
| + | |
| − | .touch .cd-nav-trigger span {
| + | |
| − | position: absolute;
| + | |
| − | height: 4px;
| + | |
| − | width: 4px;
| + | |
| − | background-color: #3e3947;
| + | |
| − | border-radius: 50%;
| + | |
| − | left: 50%;
| + | |
| − | top: 50%;
| + | |
| − | bottom: auto;
| + | |
| − | right: auto;
| + | |
| − | -webkit-transform: translateX(-50%) translateY(-50%);
| + | |
| − | -moz-transform: translateX(-50%) translateY(-50%);
| + | |
| − | -ms-transform: translateX(-50%) translateY(-50%);
| + | |
| − | -o-transform: translateX(-50%) translateY(-50%);
| + | |
| − | transform: translateX(-50%) translateY(-50%);
| + | |
| − | }
| + | |
| − |
| + | |
| − | .touch .cd-nav-trigger span::before,
| + | |
| − | .touch .cd-nav-trigger span::after {
| + | |
| − | content: '';
| + | |
| − | height: 100%;
| + | |
| − | width: 100%;
| + | |
| − | position: absolute;
| + | |
| − | left: 0;
| + | |
| − | background-color: inherit;
| + | |
| − | border-radius: inherit;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .touch .cd-nav-trigger span::before {
| + | |
| − | top: -9px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .touch .cd-nav-trigger span::after {
| + | |
| − | bottom: -9px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .touch #cd-vertical-nav {
| + | |
| − | position: fixed;
| + | |
| − | z-index: 1;
| + | |
| − | right: 5%;
| + | |
| − | bottom: 30px;
| + | |
| − | width: 90%;
| + | |
| − | max-width: 400px;
| + | |
| − | max-height: 90%;
| + | |
| − | overflow-y: scroll;
| + | |
| − | -webkit-overflow-scrolling: touch;
| + | |
| − | -webkit-transform-origin: right bottom;
| + | |
| − | -moz-transform-origin: right bottom;
| + | |
| − | -ms-transform-origin: right bottom;
| + | |
| − | -o-transform-origin: right bottom;
| + | |
| − | transform-origin: right bottom;
| + | |
| − | -webkit-transform: scale(0);
| + | |
| − | -moz-transform: scale(0);
| + | |
| − | -ms-transform: scale(0);
| + | |
| − | -o-transform: scale(0);
| + | |
| − | transform: scale(0);
| + | |
| − | -webkit-transition-property: -webkit-transform;
| + | |
| − | -moz-transition-property: -moz-transform;
| + | |
| − | transition-property: transform;
| + | |
| − | -webkit-transition-duration: 0.2s;
| + | |
| − | -moz-transition-duration: 0.2s;
| + | |
| − | transition-duration: 0.2s;
| + | |
| − | border-radius: 0.25em;
| + | |
| − | background-color: rgba(255, 255, 255, 0.9);
| + | |
| − | }
| + | |
| − |
| + | |
| − | .touch #cd-vertical-nav a {
| + | |
| − | display: block;
| + | |
| − | padding: 1em;
| + | |
| − | border-bottom: 1px solid rgba(62, 57, 71, 0.1);
| + | |
| − | }
| + | |
| − |
| + | |
| − | .touch #cd-vertical-nav a span:first-child {
| + | |
| − | display: none;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .touch #cd-vertical-nav a.is-selected span:last-child {
| + | |
| − | color: #d88683;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .touch #cd-vertical-nav.open {
| + | |
| − | -webkit-transform: scale(1);
| + | |
| − | -moz-transform: scale(1);
| + | |
| − | -ms-transform: scale(1);
| + | |
| − | -o-transform: scale(1);
| + | |
| − | transform: scale(1);
| + | |
| − | }
| + | |
| − |
| + | |
| − | .touch #cd-vertical-nav.open+.cd-nav-trigger {
| + | |
| − | background-color: transparent;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .touch #cd-vertical-nav.open+.cd-nav-trigger span {
| + | |
| − | background-color: rgba(62, 57, 71, 0);
| + | |
| − | }
| + | |
| − |
| + | |
| − | .touch #cd-vertical-nav.open+.cd-nav-trigger span::before,
| + | |
| − | .touch #cd-vertical-nav.open+.cd-nav-trigger span::after {
| + | |
| − | background-color: #3e3947;
| + | |
| − | height: 3px;
| + | |
| − | width: 20px;
| + | |
| − | border-radius: 0;
| + | |
| − | left: -8px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .touch #cd-vertical-nav.open+.cd-nav-trigger span::before {
| + | |
| − | -webkit-transform: rotate(45deg);
| + | |
| − | -moz-transform: rotate(45deg);
| + | |
| − | -ms-transform: rotate(45deg);
| + | |
| − | -o-transform: rotate(45deg);
| + | |
| − | transform: rotate(45deg);
| + | |
| − | top: 1px;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .touch #cd-vertical-nav.open+.cd-nav-trigger span::after {
| + | |
| − | -webkit-transform: rotate(135deg);
| + | |
| − | -moz-transform: rotate(135deg);
| + | |
| − | -ms-transform: rotate(135deg);
| + | |
| − | -o-transform: rotate(135deg);
| + | |
| − | transform: rotate(135deg);
| + | |
| − | bottom: 0;
| + | |
| − | }
| + | |
| − |
| + | |
| − | .touch #cd-vertical-nav li:last-child a {
| + | |
| − | border-bottom: none;
| + | |
| − | }
| + | |
| − |
| + | |
| − | @media only screen and (min-width: 768px) {
| + | |
| − | .touch .cd-nav-trigger,
| + | |
| − | .touch #cd-vertical-nav {
| + | |
| − | bottom: 40px;
| + | |
| − | }
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | <!-- <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,700' rel='stylesheet' type='text/css'> -->
| + | |
| − | <script src="https://2019.igem.org/Template:Tongji_Software/js/ProjectModernizr_js?action=raw&ctype=text/javascript"></script>
| + | |
| − | <!-- Modernizr -->
| + | |
| − | <title>PROJECT</title>
| + | |
| | </head> | | </head> |
| − |
| |
| | <body> | | <body> |
| − | <div style="position:absolute; margin:0vh 0vw 0vh -10px; width:100vw; color:white" id="section">
| |
| − | <nav id="cd-vertical-nav" style="padding-top: 30vh">
| |
| − | <ul>
| |
| − | <li>
| |
| − | <a href="#section1" data-number="1">
| |
| − | <span class="cd-dot"></span>
| |
| − | <span class="cd-label">Description</span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="#section2" data-number="2">
| |
| − | <span class="cd-dot"></span>
| |
| − | <span class="cd-label">Design</span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="#section3" data-number="3">
| |
| − | <span class="cd-dot"></span>
| |
| − | <span class="cd-label">Contribution</span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="#section4" data-number="4">
| |
| − | <span class="cd-dot"></span>
| |
| − | <span class="cd-label">Validation</span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="#section5" data-number="5">
| |
| − | <span class="cd-dot"></span>
| |
| − | <span class="cd-label">Demonstrate</span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="#section6" data-number="6">
| |
| − | <span class="cd-dot"></span>
| |
| − | <span class="cd-label">Improve</span>
| |
| − | </a>
| |
| − | </li>
| |
| − | <li>
| |
| − | <a href="#section7" data-number="7">
| |
| − | <span class="cd-dot"></span>
| |
| − | <span class="cd-label">Collaboration</span>
| |
| − | </a>
| |
| − | </li>
| |
| − | </ul>
| |
| − | </nav>
| |
| − | <a class="cd-nav-trigger cd-img-replace">Open navigation<span></span></a>
| |
| − |
| |
| − |
| |
| − | <div id="SectionContainer">
| |
| − | <section id="section1" class="cd-section">
| |
| − | <h1 id="ProMainTitle"><b>P</b>ROJECT</h1>
| |
| − | <img src="https://static.igem.org/mediawiki/2019/e/e1/T--Tongji_Software--picture-logo2.png" style="width:100vw"></img>
| |
| − | <br><br><br><br><br><br><br>
| |
| − |
| |
| − |
| |
| − | <h1 class="ProSubTitle"><b>P</b>ROJECT - <b>D</b>ESCRIPTION</h1>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"><b>O</b>VERVIEW</h2>
| |
| − | <p>Our software constructs an optimal synthetic pathway in E. coli or yeast based on the desired product provided by the user. In such a synthetic pathway, we will comprehensively consider the requirements and provide information about the
| |
| − | enzymes needed for each step of the reaction. Finally, along with the appropriate promoter, the sequences of all the required enzymes are joined together to form a backbone of a biobrick for the user. At the same time, the relevant
| |
| − | research literature , as well as a post-experiment feedback community, will be provided.</p>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"><b>W</b>HY <b>T</b>HIS <b>P</b>ROJECT -- <b>M</b>EET <b>T</b>HE <b>N</b>EEDS</h2>
| |
| − | <p>A computational tool for pathway design and reconstruction is needed when synthetic biologists want to optimize genetic processes within cells, model for yield prediction, make flux balance analysis and generate value-added products. However,
| |
| − | when actually establishing a metabolic pathway, it is a cumbersome problem to separately purchase different enzymes from different suppliers and transfer them into chassis. We consider that all the enzymes in a pathway can be constructed
| |
| − | in the same plasmid to transfer at one time. And then, enzymes expression regulation under different conditions will ensure the realization of the pathway. In this process, synthetic DNA may be an indispensable part. Although the cost
| |
| − | of synthetic DNA is not low at present, it continues to decline. We believe that synthetic DNA will be popular in the future, and by that time, our tools will be more practical.</p>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"> <b>H</b>OW <b>W</b>E <b>S</b>TART -- <b>I</b>NSPIRATION <b>I</b>NSIDE <b>I</b>GEM</h2>
| |
| − | <p>We appreciate three previous iGEM projects that provide part of our inspiration.<br /> ①Team: Tongji-Software 2018——Their useful tool AlphaAnt shows us the framework to design a pathway.<br /> ②Team: HokkaidoU_Japan 2012——Their experiments
| |
| − | give us confidence to construct multiple enzymes on the same plasmid.<br /> ③Team: IIT-Madras 2017——Their statistics on codon preferences give us inspiration for sequence optimization.</p>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"><b>W</b>HAT <b>W</b>E <b>A</b>RE <b>D</b>OING</h2>
| |
| − | <p>On the main body, based on the project of Tongji-Software in 2018, we optimize the algorithm by pruning, and expand the database of the reaction, adding novel reactions. [1]</p>
| |
| − | <p>With reference to the frequency of use of various biological chassis, there are two chassis options available for users: E. coli and yeast. [2] We will produce different results depending on the strain selected by the user.</p>
| |
| − | <p>We select enzymes with higher catalytic efficiency by the nature of the parameters of the enzyme itself. [3] To ensure that the enzyme is expressed normally, we use taxonomic knowledge and sequence alignment analysis to select strains
| |
| − | that are close to the selected chassis as the sequence source for the enzyme. Subsequently, the codons are optimized. In regulating the expression of synthetic sequences, we integrate the relevant signaling pathways to make the biobrick
| |
| − | skeleton in the results more practical. At the same time, the comprehensive physical and chemical properties of the enzyme are also part of the results, so that users can apply it in actual experimental operations.</p>
| |
| − | <p>In addition, we consider the association recommendations for the literature on products or enzymes. In this way, users may be able to explore more research directions.</p>
| |
| − | <p>After all, the results of the design software are ideal. We need to establish a community where synthetic biologists can exchange ideas and apply feedback after the actual experiment. This community not only provides users with a reference
| |
| − | to the results, but also provides a direction for our developers to improve the software.</p>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"><b>R</b>EFERRENCE</h2>
| |
| − | <p>[1] Hadadi N, MohammadiPeyhani H, Miskovic L, Seijo M, Hatzimanikatis V. Enzyme annotation for orphan and novel reactions using knowledge of substrate reactive sites. Proc Natl Acad Sci U S A. 2019;116(15):7298–7307.</p>
| |
| − | <p>[2] Juhyun Kim, Manuel Salvador, Elizabeth Saunders, Jaime González, Claudio Avignone-Rossa, and Jose Ignacio Jiménez. Properties of alternative microbial hosts used in synthetic biology: towards the design of a modular chassis. Essays
| |
| − | Biochem. 2016 Nov 30; 60(4): 303–313.</p>
| |
| − | <p>[3] Pablo Carbonell, Jerry Wong, Neil Swainston, Eriko Takano, Nicholas J Turner, Nigel S Scrutton, Douglas B Kell, Rainer Breitling, Jean-Loup Faulon, Selenzyme: enzyme selection tool for pathway design, Bioinformatics, Volume 34, Issue
| |
| − | 12, 15 June 2018, Pages 2153–2154.</p>
| |
| − | <a href="#section2" class="cd-scroll-down cd-img-replace">scroll down</a>
| |
| − | </section>
| |
| − | <!-- cd-section -->
| |
| − |
| |
| − | <section id="section2" class="cd-section">
| |
| − | <h1 class="ProSubTitle"><b>P</b>ROJECT - <b>D</b>ESIGN</h1>
| |
| − | <h2 class="ProSubSubTitle"><b>D</b>ATA</h2>
| |
| − | <p>The data of 2018 Tongji-Software team are used and updated, and the physicochemical properties of enzymes are collated in BRENDA database, including the ratio of Kcat to Km, Km value, optimal pH and optimal temperature.</p>
| |
| − | <br><br>
| |
| − | <img src="../img/tmp.png" alt="几个数据库整理出来的数据格式.jpg" style="width: 65.5vw; height: 20vw">
| |
| − | <br><br>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"><b>S</b>EARCHING <b>A</b>LGORITHM</h2>
| |
| − | <img src="../img/tmp.png" class="RightImage" alt="算法图示.jpg" style="width: 30vw; height: 28.5vw">
| |
| − | <div style="width: 35vw">
| |
| − | <!--500px-->
| |
| − | <p>Instead of DFS algorithm which is used in last year, we choose Greedy algorithm. Greedy algorithm is an algorithmic paradigm that follows the problem-solving heuristic of making the locally optimal choice at each stage with the intent
| |
| − | of finding a global optimum. In many problems, a greedy strategy does not usually produce an optimal solution, but nonetheless a greedy heuristic may yield locally optimal solutions that approximate a globally optimal solution
| |
| − | in a reasonable amount of time. And in our software, with limited reactions, we made tests and drawn the conclusion that Greedy algorithm can also get a globally optimal solution with less time.</p>
| |
| − | </div>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"><b>R</b>ANKING <b>C</b>RITERIA</h2>
| |
| − | <img src="../img/tmp.png" class="LeftImage" alt="具体图文解释.jpg" style="width: 30vw; height: 28.5vw">
| |
| − | <p>When scoring the pathway, we consider thermodynamic feasibility, competition of heterologous reactions, frequency of reaction and toxicity of compound, which are used in last year’s project. In the function of Enzyme Selection, we searched
| |
| − | for the presence of the required enzyme in the close source bacteria of the engineering bacteria according to the affinity of the bacteria. If the same enzyme exists in multiple near-source bacteria, we will arrange the sequence according
| |
| − | to the physicochemical properties of the enzyme, including the ratio of Kcat to Km, Km value, optimal pH and optimal temperature. In order to measure the adaptability of physical and chemical properties, we build a model.</p>
| |
| − | <div id="model-url" style="width: 65.5vm">model页链接</div>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"><b>L</b>ITERATURE <b>R</b>ECOMMENDATION</h2>
| |
| − | <p>Considering that users will perform some personalized operations in the practical application of the result pathway, we provide the relevant literature keywords of compounds in Pubmed required for each step of the reaction in the form
| |
| − | of word clouds. This may inspire users with possible target compounds or a follow-up research direction.</p>
| |
| − | <div id="ImageTable">
| |
| − | <table class="StdImage">
| |
| − | <tr>
| |
| − | <td><img src="../img/tmp.png" alt="具体原理.jpg" class="LeftImage" style="width: 22vw; height: 20vw"></td>
| |
| − | <td><img src="../img/tmp.png" alt="具体原理.jpg" class="MiddleImage" style="width: 22vw; height: 20vw"></td>
| |
| − | <td><img src="../img/tmp.png" alt="具体原理.jpg" class="RightImage" style="width: 22vw; height: 20vw"></td>
| |
| − | </tr>
| |
| − | </table>
| |
| − | </div>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"><b>C</b>ONDON <b>O</b>PTIMIZATION</h2>
| |
| − | <p>We searched the codon preference databases of E. coli and yeast from the Internet, and modified the infrequently used codon with the information in the database to avoid the difficulties caused by translation and gene expression, and improve
| |
| − | the success of expressing foreign genes.</p>
| |
| − | </section>
| |
| − | <!-- cd-section -->
| |
| − |
| |
| − |
| |
| − | <section id="section3" class="cd-section">
| |
| − | <h1 class="ProSubTitle"><b>P</b>ROJECT - <b>C</b>ONTRIBUTION</h1>
| |
| − | <p>Building a complete pathway requires three steps: searching for a pathway, selecting related enzymes, and designing parts. These steps are quite difficult for a worker to realize by himself, so we aim at making the whole process into one
| |
| − | software to reduce workers pressure on complicated and boring work.</p>
| |
| − | <p>On this basis, we developed our software called Pathlab, whose core idea is modular design. We made each step into certain module, and for the users, they can choose to use one module or the combination of any modules.</p>
| |
| − | <p>In brief, Pathlab makes people who work in synthetic biology have a platform to search a certain pathway that can be applied.</p>
| |
| − | <br><br>
| |
| − | <img src="../img/tmp.png" alt="运行截图.jpg" style="width: 65.5vw; height: 20vw">
| |
| − | <br><br>
| |
| − | </section>
| |
| − | <!-- cd-section -->
| |
| − |
| |
| − | <section id="section4" class="cd-section">
| |
| − | <h1 class="ProSubTitle"><b>P</b>ROJECT - <b>V</b>ALIDATION</h1>
| |
| − | <p>In order to verify whether pathlab can achieve the expected function, we use software to search several paths and compare them with the actual paths in the literature.<br />
| |
| − | <p>EXAMPLE 1</p>
| |
| − | <p>EXAMPLE 2</p>
| |
| − | <p>EXAMPLE 3 (中国农业大学的通路，链接至collaboration)</p>
| |
| − | <p>EXAMPLE 4（四川大学的通路，链接至collaboration）</p>
| |
| − | </section>
| |
| − | <!-- cd-section -->
| |
| − |
| |
| − | <section id="section5" class="cd-section">
| |
| − | <h1 class="ProSubTitle"><b>P</b>ROJECT - <b>D</b>EMONSTRATION</h1>
| |
| − | <p></p>
| |
| − | </section>
| |
| − | <!-- cd-section -->
| |
| − |
| |
| − | <section id="section6" class="cd-section">
| |
| − | <h1 class="ProSubTitle"><b>P</b>ROJECT - <b>I</b>MPROVE</h1>
| |
| − | <p>Our software was built on the project of last year's Tongji_Software team. The main improvement is to change the searching algorithm and add software functions, including the enzyme selection and parts design</p>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"><b>S</b>EARCHING <b>A</b>LGORITHM</h2>
| |
| − | <p>In theory, the greedy algorithm may fail to get a global optimum while improving the speed. However, we use both DFS algorithm and greedy algorithm to find specific pathways, and then compare the results. We found that based on the existing
| |
| − | database, we made tests to check the accuracy of Greedy in limited reactions compared with DFS, and the accuracy of two algorithms is similar, but the speed of greedy algorithm is significantly improved, so we think this is a good
| |
| − | improvement.
| |
| − | </p>
| |
| − | <div id="ImageTable">
| |
| − | <table class="StdImage">
| |
| − | <tr>
| |
| − | <td><img src="../img/tmp.png" alt="两种算法准确率与速度比较.jpg" class="LeftImage" style="width: 32.75vw; height: 24vw"></td>
| |
| − | <td><img src="../img/tmp.png" alt="两种算法准确率与速度比较.jpg" class="RightImage" style="width: 32.75vw; height: 24vw"></td>
| |
| − | </tr>
| |
| − | </table>
| |
| − | </div>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"><b>A</b>DDITIONAL <b>F</b>UNCTIONS</h2>
| |
| − | <p>In choosing the enzymes needed for each reaction, we establish our own judgment model. At the same time, the key words related to compounds needed in the pathway were sorted out, and these key words would be presented as a word cloud.
| |
| − | When providing the final result of enzyme selection to the user, the optimized sequence is provided considering the codon preference for the engineering bacteria.</p>
| |
| − | <p>In parts design, we cleared up the data from iGEM part database, and we made a search engine which enables users to search parts with their name or a certain function.</p>
| |
| − | <p>These functions can be used as a whole, meanwhile they can be used separately.</p>
| |
| − | <p>What’s more, users can apply for their own account on our website, and can leave a message on the webpage. We will always pay attention to your message and constantly optimize the Pathlab, and users can also make comments about optimized
| |
| − | enzymes or different parts. Moreover, your message will be seen by other users, and users can communicate through the message board and user can read others comments about the enzyme or parts they are going to use.</p>
| |
| − | </section>
| |
| − | <!-- cd-section -->
| |
| − |
| |
| − | <section id="section7" class="cd-section">
| |
| − | <h1 class="ProSubTitle"><b>P</b>ROJECT - <b>C</b>OLLRBORATION</h1>
| |
| − | <p>The paths found by our software are based on databases and algorithms, which need to be verified by practical experiments. At the same time, the results obtained by our software can provide support for the path design of the experimental
| |
| − | team.
| |
| − | </p>
| |
| − | <p>Through CCiC, we had a deep communication with three other experimental teams related to pathways construction. We know the substrates they own and the products they want to get，then try to design parts through Pathlab search paths and
| |
| − | verify with the pathways they implement.</p>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"><b>C</b>OLLABORATION 1：<b>T</b>ONGJI-<b>C</b>HINA</h2>
| |
| − | <p>Because we are from the same school, Tongji_China and us have more integrated collaboration from the very beginning. We had conferences together for several times, and their project is about manufacturing, meanwhile, ours about pathway
| |
| − | search, so we get feedback from them after they used our software, and our results also inspire them sometimes.</p>
| |
| − | <p>One of their suggestions which had a great influence to us is that we should avoid that some of the result is that putting some of the groups on a compound and then take it down, which is pretty useless. So we added codes to avoid this
| |
| − | kind of situation take place. And we had searched the pathway they used, but we didn't get a realistic and practical result, so we realized that the data we used had limitation.</p>
| |
| − | <p>For Tongji_China, they tried to improve the synthesis of indigo, and the method of finding new pathways could be found through reading literature, experimental attempts through the combination of existing pathways, or simulated synthesis
| |
| − | through software design and retrieval. Therefore, we provided help in software retrieval. But in the existing database we did not find useful results, because the data in the synthetic indigo pathways are already published literature
| |
| − | or need the experimental materials are too expensive, not suitable for synthesis, but we found the reaction of the upstream and downstream information about indigo provide certain reference and support for their experiments, they also
| |
| − | try to give us your attempt to retrieve database does not exist in the reaction, to join the design new reaction, to design efficient and useful pathways.</p>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"><b>C</b>OLLABORATION 2：中国农业大学</h2>
| |
| − | <h2 class="ProSubSubTitle"><b>C</b>OLLABORATION 3：电子科技大学</h2>
| |
| − | <div id="ImageTable">
| |
| − | <table class="StdImage">
| |
| − | <tr>
| |
| − | <td><img src="../img/tmp.png" alt="需要实验结果.jpg" class="LeftImage" style="width: 32.75vw; height: 24vw"></td>
| |
| − | <td><img src="../img/tmp.png" alt="软件结果.jpg" class="RightImage" style="width: 32.75vw; height: 24vw"></td>
| |
| − | </tr>
| |
| − | </table>
| |
| − | </div>
| |
| − | <p class="para"> hhhhhhhh hhhhhhhhhhhhhhh hhhhhhhhh hhhhhhhh hhhhhhh hhhhhhh hhhhhhhhhhhhhhhh hhhhh hhhhhhhhh hh hhhhhhh hhhhhh hhhhhhhhhhhh hhhhhh hhh hhhhh hhhhhhhhhh hhhhhhhh hhhhhhhhhhhhh hhhhh hh hhhhhhhhhhh hhhhhh h hh hhh hhhhhhhhhhh hhhhhhhhhhh
| |
| − | hhhhhhhhhh hhhhhh h hhhhh hh hhhh hhhhhhhhh hhhhhh hhh h hh hhhhhhhh h hhhhhhhhhhh hhhh h hhh hhhhhhhhhhhhh</p>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"><b>C</b>OLLABORATION 4：<b>W</b>ASHIFTON <b>I</b>GEM</h2>
| |
| − | <p>Washington iGEM invited us to participate in the manufacturing of their audiobook which is a popular science of biology, and we mainly do some translation and recording word for them， thus making chinese students can read and know what
| |
| − | biology is.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"><b>C</b>OLLABORATION 5：<b>S</b>ASTRA <b>I</b>GEM</h2>
| |
| − | <p>SASTRA iGEM invited us to participate in their manufacturing of their magazine, and our collaboration forms including but not limited to write articles about synthesis biology and experiment, provide interviews with professionals, and
| |
| − | make the theme of synthesis biology or to shoot related photography.</p>
| |
| − |
| |
| − | <h2 class="ProSubSubTitle"><b>C</b>OLLABORATION 6：<b>U</b>CD <b>I</b>GEM</h2>
| |
| − | <p>We participated in UCD’s research about the use of mammals in this iGEM competition.</p>
| |
| − | </section>
| |
| − | <!-- cd-section -->
| |
| − |
| |
| − | <!--
| |
| − | <section id="section3" class="cd-section">
| |
| − | <h1 class="title1">Notebook</h1>
| |
| − | <h2 class="title2">2019.1 </h2>
| |
| − | <p class="para">
| |
| − | Determine the igem team personnel Leader: Xu Bo, Shi Huili
| |
| − | Group members: Xing Feiyang, Xu Shudi, Liu Chaoyang, Nie Wei, Zhao Zexin, Piao Xue
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.2-2019.3 </h2>
| |
| − | <p class="para">
| |
| − | Read literature based on pathways, proteins, disease treatment, enzymes, etc., collect materials that can be
| |
| − | used to prepare the project. In this process, we discussed many directions, and there are many project
| |
| − | themes with very good ideas. However, due to the fact that the research topics are too frontier and the
| |
| − | related theoretical support is small, some topics have been abandoned.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.3-2019.5 </h2>
| |
| − | <p class="para">
| |
| − | Hold a group discussion once a week, summarize and exchange the reading literature of each team member, and
| |
| − | determine the final project research direction.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.4.23 </h2>
| |
| − | <p class="para">
| |
| − | Establish project research direction: The user provides the required products and related special
| |
| − | requirements. We design the system to find the appropriate path according to the needs.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.5.18 </h2>
| |
| − | <p class="para">
| |
| − | Participated in the igem meet-up of Nanjing China Pharmaceutical University in Jiangsu. In this meet-up, we
| |
| − | exchanged ideas with teams from all over the country to learn from each other. In this process, we will
| |
| − | learn from each other and gradually optimize our projects.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.6.6 </h2>
| |
| − | <p class="para">
| |
| − | Communicate with Jinweizhi Enterprise in Suzhou, Zhejiang Province, and introduce our project to the
| |
| − | company. The relevant responsible person will answer the questions raised by us from the practical
| |
| − | application point of view and optimize our project from the perspective of the company. We have learned a
| |
| − | lot from this.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.7-2019.8 </h2>
| |
| − | <p class="para">
| |
| − | Preparing for a visa to the United States
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.8.19-2019.8.23 </h2>
| |
| − | <p class="para">
| |
| − | Go to Shenzhen to participate in ccic
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.3.8</h2>
| |
| − | <p class="para">
| |
| − | Prepare to sign up for igem and registration fee<br />
| |
| − | Literature reading report:<br />
| |
| − |
| |
| − | Shi Huili: Organizing all cellular pathways<br />
| |
| − |
| |
| − | Xu Bo: Correspond to the original and the protein: the user enters a protein, finds a similar
| |
| − | sequence in the database, and finds the corresponding component, which can express the component
| |
| − | of the protein; <br />
| |
| − |
| |
| − | the user inputs many originals, predicts the structure of the protein; optimizes the
| |
| − | component, searches
| |
| − | Features.Problem: The protein structure is complex and the reverse process is not easy.<br />
| |
| − |
| |
| − | Xing Feiyang: Simulating the interaction between cells<br />
| |
| − | Find cell pathways linked to disease<br />
| |
| − |
| |
| − | Liu Chaoyang: Procedure for promoter prediction: Given a gene and an upstream
| |
| − | fragment, predict the position
| |
| − | and sequence of the promoter.<br />
| |
| − |
| |
| − | Problem: Only the database about the promoter, there is no database on the
| |
| − | strength of the promoter, the
| |
| − | previous idea may not be feasible.<br />
| |
| − |
| |
| − | Xu Shudi: Screen the strain according to the case characteristics of the
| |
| − | tumor or cancer.<br />
| |
| − |
| |
| − | Nie Yao: Check out the previous year's software project and learn
| |
| − | from it.<br />
| |
| − | Mention machine learning<br />
| |
| − | Continue to add new plugins in the follow-up, standardize
| |
| − | experimental reports<br />
| |
| − | Not only for computers, but also for VR, mobile phones
| |
| − | and other platforms.<br />
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.3.15</h2>
| |
| − | <p class="para">
| |
| − | Zhao Zexin: Regarding the award evaluation, you should fill in the safety form, the evaluation criteria of
| |
| − | each award, the precautions about the competition, and the application for other awards.<br />
| |
| − |
| |
| − | Xu Bo: About protein:<br />
| |
| − | First, the composite protein: on the basis of the original, machine learning<br />
| |
| − | Second, on protein prediction<br />
| |
| − | Third, from protein to original design<br />
| |
| − | Fourth, linked to alpha-ant<br />
| |
| − | Fifth, template-based model construction<br />
| |
| − |
| |
| − | Shi Huili: Interaction of cell transduction pathways<br />
| |
| − | Signaling channel mapping software that adds the ability to simulate
| |
| − | experiments<br />
| |
| − | Prediction of target genes (enrichment analysis) is conducive to the
| |
| − | location of gene knockout<br />
| |
| − |
| |
| − | Liu Zhaoyang: The method of bacterial treatment:<br />
| |
| − | 1 anchor the antigen to enhance the original immunity of the
| |
| − | cell<br />
| |
| − | 2 using bacteria as a carrier to carry drugs<br />
| |
| − | Database of cancer cell surface antigens Antigen<br />
| |
| − |
| |
| − | Xu Shudi: Bacterial therapy, based on the modular
| |
| − | design of the symbiotic bacteria in the human body.
| |
| − | Reduce
| |
| − | error rate.<br />
| |
| − |
| |
| − | Summary: The literature currently being read is
| |
| − | too proactive, and it is difficult to do it. You
| |
| − | need to
| |
| − | refer to the previous software project to
| |
| − | re-determine the direction.<br />
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.3.22</h2>
| |
| − | <p class="para">
| |
| − | Xu Bo: Screening of synthetic pathways<br />
| |
| − | Screening optimal pathways<br />
| |
| − |
| |
| − | Xing Feiyang: Discussion on the Ways of Channel Classification<br />
| |
| − | Nie Yao: In terms of channel scoring, there is less paper published, and it is necessary to
| |
| − | refer to other fields of expertise.<br />
| |
| − | Xu Shudi: The role of protein complexes in disease, building a protein network<br />
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.3.29</h2>
| |
| − | <p class="para">
| |
| − | Zhao Zexin: Protein and disease related databases and their functions<br />
| |
| − | Shi Huili: Protein structure prediction, based on neural network, has a high prediction accuracy.<br />
| |
| − | Xu Shudi: Protein hotspot prediction, the standard for unifying the advantages and disadvantages of
| |
| − | hotspot prediction methods.<br />
| |
| − | Xing Feiyang: The algorithm idea of the last igem project, the speed can be improved, and the
| |
| − | calculation can be optimized.<br />
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.4.19</h2>
| |
| − | <p class="para">
| |
| − | Zhao Zexin: According to the strain selection sequence or feasible<br />
| |
| − | Liu Chaoyang: text update, keyword summary comprehensive consideration, drawing according to the weight
| |
| − | of words.<br />
| |
| − | Problem: Large data volumes will report errors, and unwanted prepositions will be listed in
| |
| − | higher-weight words because of the number of occurrences.<br />
| |
| − | Piao Xue: It is recommended to separate the front and rear ends to determine the function
| |
| − | points. <br />
| |
| − | About the opening of the server<br />
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.5.5</h2>
| |
| − | <p class="para">
| |
| − | (The project research direction has been established: The user provides the required products and related
| |
| − | special requirements, and the system we designed finds the right path according to the needs.)<br />
| |
| − | Start preparing for a visa<br />
| |
| − | Database on enzymes: Problem: There is a case where there is a reaction with multiple Km, and a
| |
| − | standard Km
| |
| − | cannot be determined. Lack of universal promoter information<br />
| |
| − | New message: 1% of the quality of the heterologous protein per stem cell, the relative growth
| |
| − | rate is
| |
| − | reduced by 3%<br />
| |
| − | Current thinking: Because of the diversity of enzymes required for a reaction, all the
| |
| − | enzymes needed to
| |
| − | synthesize a single pathway for a plasmid provide a template for designing these enzymes.
| |
| − | <br />
| |
| − | Question: How do I connect a template for each enzyme?<br />
| |
| − | Solution: Need to further improve the nature of the enzyme<br />
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.5.10</h2>
| |
| − | <p class="para">
| |
| − | Design team logo<br />
| |
| − | Requirements: Reflect the characteristics of the team, with a distinct team characteristics.<br />
| |
| − | Rearrange project ideas<br />
| |
| − | The result: from the user's point of view, we think about the use process of the project, the
| |
| − | functions that
| |
| − | we want to achieve and how the functions are closely and smoothly connected. The most important
| |
| − | thing is how
| |
| − | to embody the new design concept of modular design. It brings a simpler and more comfortable
| |
| − | experience to
| |
| − | the user and truly brings convenience to the majority of experimenters.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.5.24</h2>
| |
| − | <p class="para">
| |
| − | Discuss our software project name<br />
| |
| − | About visas: try to sign in advance<br />
| |
| − | Planning for summer arrangements: Each member is assigned a job.<br />
| |
| − | About the project:<br />
| |
| − | Km value has lower concentration requirements<br />
| |
| − | Question: <br />
| |
| − | 1. Does the position of the enzyme (distribution in the cell) affect the design of
| |
| − | the pathway?<br />
| |
| − | 2. The process of achieving the entire pathway may have the effect of toxic
| |
| − | intermediates<br />
| |
| − | Solution:<br />
| |
| − | 1 Pick out the steps that produce toxic intermediates and perform in
| |
| − | vitro experiments<br />
| |
| − | 2 First pick a path that is not toxic, only suggest feasible, and do
| |
| − | not propose how to avoid toxicity (need further discussion)<br />
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.5.26</h2>
| |
| − | <p class="para">
| |
| − | Determine the project name: pathlab
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.8.14</h2>
| |
| − | <p class="para">
| |
| − | Education section: The first post "Programmer iGEMer is online~" is issued on the Tongji iGEM public number,
| |
| − | which introduces the main content of our project pathlab and the problems we want to solve.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.8.18</h2>
| |
| − | <p class="para">
| |
| − | All members arrived in Shenzhen
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.8.19</h2>
| |
| − | <p class="para">
| |
| − | Registration of ccic (Conference of China iGEMer Community) at Shenzhen China Academy of Science and
| |
| − | Technology<br />
| |
| − | Fly yourself on the signature board<br />
| |
| − | Introduction to Ccic: ccic is the abbreviation of Conference of China iGEMer Community. It is generally
| |
| − | organized by the school or unit of iGEM team in China, providing a platform for communication and learning
| |
| − | for all iGEMers in China. During the conference, you can not only hear the presentation of each
| |
| − | participating team, but also invite professors who have made achievements in various fields to bring
| |
| − | lectures and answer questions. This year, the ccic held at the China Science and Technology Advanced
| |
| − | Research Institute in Shenzhen is already the sixth. This year, the CCiC conference featured the theme of
| |
| − | “Synbiopunk”. 70 teams from more than 60 colleges and universities across the country presented their
| |
| − | respective entries. They use a multi-disciplinary cross-integration background to combine information
| |
| − | technology and biotechnology, use standard biological modules to construct genetic loops, and establish
| |
| − | effective mathematical models to achieve prediction, manipulation, and measurement of sophisticated complex
| |
| − | artificial biological systems.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">8.20</h2>
| |
| − | <p class="para">
| |
| − | Morning :ccic conference opening ceremony
| |
| − | Afternoon: communicate with other teams
| |
| − | RESULTS: With the initial intention of collaboration with China Agricultural University, we can find the
| |
| − | pathway for the synthesis of astaxanthin in China Agricultural University in the pathlab system. In
| |
| − | comparison, our pathway shows an intermediate product that confirms each other. Effectiveness.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">8.21 </h2>
| |
| − | <p class="para">
| |
| − | AM: Professor Lei Ruipeng from the Center for Bioethics Research, Huazhong University of Science and
| |
| − | Technology
| |
| − | Our team is presenting <br />
| |
| − | afternoon: communicate with other participating teams<br />
| |
| − |
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">8.22 </h2>
| |
| − | <p class="para">
| |
| − | Morning Presentation at China Agricultural University<br />
| |
| − | Night night tour of the window of the world<br />
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">8.23</h2>
| |
| − | <p class="para">
| |
| − | Participation in the closing ceremony of the ccic conference<br />
| |
| − | During the meeting, we gained a lot and found some problems in the project: Since the subject of our project
| |
| − | users is a large number of experimenters, we need to strengthen practice in human practice, reflecting the
| |
| − | operability and convenience of the project. At present, we have reached preliminary cooperation intention
| |
| − | with China Agricultural University. At the same time, the project has been optimized on the algorithm, and
| |
| − | further verification is needed in the accuracy of the algorithm. The user's interactive page design needs to
| |
| − | be improved, and the experimenter needs to be more friendly.<br />
| |
| − | New idea: The user can insert a message into the tag to provide a user preference function, that is,
| |
| − | according to the tag of the message, when the message is recommended.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.8.29</h2>
| |
| − | <p class="para">
| |
| − | Education section: The second post “6th ccic in ShenZhen” was released in the public number tongji iGEM,
| |
| − | which mainly introduces the main activities of the team participating in ccic in Shenzhen and the gains of
| |
| − | the participants.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.8.31</h2>
| |
| − | <p class="para">
| |
| − | Regarding the accuracy verification of the ccic algorithm, we have written a relevant program to verify
| |
| − | this.Results: After verification by the program, it can be determined that more than 95% of the data has a
| |
| − | certain degree of optimization compared with the previous algorithm.Sort out the problems with the current
| |
| − | project and the parts that are ready to start:<br />
| |
| − | 1. The user interface needs to be optimized, and the user interaction needs to be more friendly.<br />
| |
| − | 2. Start designing the web page<br />
| |
| − | 3. Preparation of tickets for going abroad and materials for going abroad for group trials
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.9.5</h2>
| |
| − | <p class="para">
| |
| − | Discuss with the project leader teacher Fei Jian on the current progress of the project.<br />
| |
| − | Result: In the channel design part, users can be provided with various choices. For example, the user can
| |
| − | input a substance, and the user can carefully select and perform several steps of reaction. According to the
| |
| − | user's choice, the result will display the product desired by the user.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.9.6 </h2>
| |
| − | <p class="para">
| |
| − | Education section: The third article, "Efficient Path Finder - Alpha ant", was released in the public number
| |
| − | Tongji iGEM. It mainly introduces the background of the project's predecessor, Alpha ant, the main
| |
| − | algorithm, scoring standards, etc. Better understand our projects.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.9.7</h2>
| |
| − | <p class="para">
| |
| − | Prepare the application for the iGEM community, which is mainly to train a group of students who are
| |
| − | interested in the iGEM competition. From the freshman year, they will understand the competition and conduct
| |
| − | the topic selection work.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.9.10</h2>
| |
| − | <p class="para">
| |
| − | Received a collaboration invitation from Washington iGEM, mainly about the translation and recording of
| |
| − | audio books.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.9.19</h2>
| |
| − | <p class="para">
| |
| − | Confirmation of collaboration with the University of Electronic Science and TechnologyContent: Use data from
| |
| − | the University of Electronic Science and Technology and test it on our software.
| |
| − | </p>
| |
| − |
| |
| − | <h2 class="title2">2019.9.1~2019.9.29</h2>
| |
| − | <p class="para">
| |
| − | The design of the webpage part mainly includes the search part, the code design of the result part, and the
| |
| − | design and adjustment of the visualization.
| |
| − | </p>
| |
| − |
| |
| − | </section>
| |
| − |
| |
| − | -->
| |
| − | </div>
| |
| − |
| |
| − | <script src="https://2019.igem.org/Template:Tongji_Software/js/jquery_210_min_js?action=raw&ctype=text/javascript"></script>
| |
| − | <script src="https://2019.igem.org/Template:Tongji_Software/js/ProjectMain_js?action=raw&ctype=text/javascript"></script>
| |
| − | <!-- Resource jQuery -->
| |
| − | </div>
| |
| − |
| |
| | </body> | | </body> |
| − |
| |
| | </html> | | </html> |
