Difference between revisions of "Team:Tongji Software/Attributions"
| (107 intermediate revisions by 4 users not shown) | |||
| Line 6: | Line 6: | ||
<meta name="viewport" content="width=device-width, initial-scale=1"> | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
<script src="https://2019.igem.org/Template:Tongji_Software/js/ProjectModernizr_js?action=raw&ctype=text/javascript"></script> | <script src="https://2019.igem.org/Template:Tongji_Software/js/ProjectModernizr_js?action=raw&ctype=text/javascript"></script> | ||
| + | <script src="https://2019.igem.org/Template:Tongji_Software/js/jquery_210_min_js?action=raw&ctype=text/javascript"></script> | ||
| + | <script> | ||
| + | $(function(){ | ||
| + | document.getElementById("Attributions").scrollIntoView() | ||
| + | } | ||
| + | ) | ||
| + | </script> | ||
<title>PROJECT</title> | <title>PROJECT</title> | ||
<style> | <style> | ||
| Line 11: | Line 18: | ||
display: none; | display: none; | ||
} | } | ||
| − | + | ||
html, | html, | ||
body, | body, | ||
| Line 101: | Line 108: | ||
} | } | ||
/* HTML5 display-role reset for older browsers */ | /* HTML5 display-role reset for older browsers */ | ||
| − | + | ||
article, | article, | ||
aside, | aside, | ||
| Line 116: | Line 123: | ||
display: block; | display: block; | ||
} | } | ||
| − | + | ||
body { | body { | ||
line-height: 1; | line-height: 1; | ||
width: 100vw; | width: 100vw; | ||
} | } | ||
| − | + | ||
ol, | ol, | ||
ul { | ul { | ||
list-style: none; | list-style: none; | ||
} | } | ||
| − | + | ||
blockquote, | blockquote, | ||
q { | q { | ||
quotes: none; | quotes: none; | ||
} | } | ||
| − | + | ||
blockquote:before, | blockquote:before, | ||
blockquote:after, | blockquote:after, | ||
| Line 139: | Line 146: | ||
content: none; | content: none; | ||
} | } | ||
| − | + | ||
| − | /* -------------------------------- | + | /* -------------------------------- |
Primary style | Primary style | ||
| Line 146: | Line 153: | ||
-------------------------------- */ | -------------------------------- */ | ||
| − | + | ||
html * { | html * { | ||
-webkit-font-smoothing: antialiased; | -webkit-font-smoothing: antialiased; | ||
-moz-osx-font-smoothing: grayscale; | -moz-osx-font-smoothing: grayscale; | ||
} | } | ||
| − | + | ||
*, | *, | ||
*:after, | *:after, | ||
| Line 159: | Line 166: | ||
box-sizing: border-box; | box-sizing: border-box; | ||
} | } | ||
| − | + | ||
body { | body { | ||
font-size: 100%; | font-size: 100%; | ||
| Line 165: | Line 172: | ||
/*color: #3e3947;*/ | /*color: #3e3947;*/ | ||
color: white; | color: white; | ||
| − | background-color: white; | + | /*background-color: white;*/ |
| + | |||
} | } | ||
| − | + | ||
body, | body, | ||
html { | html { | ||
height: 100%; | height: 100%; | ||
| + | --color-bg: #1f174e; | ||
| + | --color-bg-2: #151436; | ||
| + | --color-bg-3: #060029; | ||
| + | background: linear-gradient(90deg, var(--color-bg-3), var(--color-bg-2),var(--color-bg),var(--color-bg-2), var(--color-bg-3)); | ||
} | } | ||
| − | + | ||
a { | a { | ||
| − | color: #3e3947; | + | /* color: #3e3947; */ |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
| − | + | a:hover, a:visted { | |
| + | text-decoration: none; | ||
| + | } | ||
| + | |||
img { | img { | ||
max-width: 100%; | max-width: 100%; | ||
} | } | ||
| − | /* -------------------------------- | + | /* -------------------------------- |
Modules - reusable parts of our design | Modules - reusable parts of our design | ||
-------------------------------- */ | -------------------------------- */ | ||
| − | + | ||
.cd-img-replace { | .cd-img-replace { | ||
/* replace text with a background-image */ | /* replace text with a background-image */ | ||
| Line 194: | Line 209: | ||
white-space: nowrap; | white-space: nowrap; | ||
} | } | ||
| − | /* -------------------------------- | + | /* -------------------------------- |
| − | Main components | + | Main components |
-------------------------------- */ | -------------------------------- */ | ||
| Line 205: | Line 220: | ||
*/ | */ | ||
/*整体的section*/ | /*整体的section*/ | ||
| − | + | ||
#SectionContainer .cd-section { | #SectionContainer .cd-section { | ||
min-height: 100vh; | min-height: 100vh; | ||
position: relative; | position: relative; | ||
| − | padding: 21vh | + | padding: 21vh 24vw 15vh 10vw; |
/*21vh 22em 2em 10vw*/ | /*21vh 22em 2em 10vw*/ | ||
text-align: justify; | text-align: justify; | ||
} | } | ||
| − | + | ||
| − | #SectionContainer .cd-section:nth-of-type(odd) { | + | /* #SectionContainer .cd-section:nth-of-type(odd) { |
background-color: #3e3947; | background-color: #3e3947; | ||
| − | } | + | } */ |
| − | + | ||
#SectionContainer .cd-section:nth-of-type(odd) p { | #SectionContainer .cd-section:nth-of-type(odd) p { | ||
color: white; | color: white; | ||
} | } | ||
| − | + | ||
| − | #SectionContainer .cd-section:nth-of-type(even) { | + | /* #SectionContainer .cd-section:nth-of-type(even) { |
background-color: #745360; | background-color: #745360; | ||
| − | } | + | } */ |
| − | + | ||
#SectionContainer .cd-section:nth-of-type(even) p { | #SectionContainer .cd-section:nth-of-type(even) p { | ||
color: white; | color: white; | ||
} | } | ||
| + | |||
| + | |||
| + | @-webkit-keyframes Glow { | ||
| + | from { | ||
| + | text-shadow: 1px 1px 10px #fff | ||
| + | } | ||
| + | to { | ||
| + | text-shadow: 1px 1px 0px #fff | ||
| + | } | ||
| + | } | ||
| + | |||
/*每个推送的标题*/ | /*每个推送的标题*/ | ||
| − | + | ||
#SectionContainer .cd-section p.PushTitle { | #SectionContainer .cd-section p.PushTitle { | ||
position: relative; | position: relative; | ||
| Line 236: | Line 262: | ||
padding-top: 3.5em; | padding-top: 3.5em; | ||
padding-bottom: 1em; | padding-bottom: 1em; | ||
| − | font-size: 1. | + | font-size: 1.7vw; |
/*22px*/ | /*22px*/ | ||
| + | text-shadow:0 0 20px #fff,1px 1px 3px #fff; | ||
| + | font-weight:bold; | ||
| + | /*animation: Glow 1.2s ease infinite alternate;*/ | ||
| + | |||
} | } | ||
| − | + | ||
#SectionContainer .cd-section p { | #SectionContainer .cd-section p { | ||
position: relative; | position: relative; | ||
} | } | ||
/*加大的首字母*/ | /*加大的首字母*/ | ||
| − | + | ||
| − | #SectionContainer .cd-section b { | + | #SectionContainer .cd-section b{ |
position: relative; | position: relative; | ||
font-weight: 500; | font-weight: 500; | ||
font-size: 1.4em; | font-size: 1.4em; | ||
overflow: unset; | overflow: unset; | ||
| + | text-shadow:0 0 20px #fff,1px 1px 1px #fff | ||
} | } | ||
| + | /* #SectionContainer .cd-section b .bigger { | ||
| + | position: relative; | ||
| + | font-weight: 500; | ||
| + | font-size: 1.4em; | ||
| + | overflow: unset; | ||
| + | } | ||
| + | */ | ||
/*总标题*/ | /*总标题*/ | ||
| − | + | ||
#SectionContainer .cd-section #medalMainTitle { | #SectionContainer .cd-section #medalMainTitle { | ||
color: white; | color: white; | ||
| Line 262: | Line 300: | ||
padding-bottom: 1.2em; | padding-bottom: 1.2em; | ||
overflow: unset; | overflow: unset; | ||
| − | + | text-shadow:0 0 20px #fff,1px 1px 3px #fff | |
| + | /*animation: Glow 1.2s ease infinite alternate;*/ | ||
| + | |||
| + | |||
| + | } | ||
/*三个部分的大标题*/ | /*三个部分的大标题*/ | ||
| − | + | ||
#SectionContainer .cd-section h1.medalSubTitle:not(#medalSubTitle1) { | #SectionContainer .cd-section h1.medalSubTitle:not(#medalSubTitle1) { | ||
color: white; | color: white; | ||
| − | font-weight: | + | font-weight: bold; |
font-size: 2.1vw; | font-size: 2.1vw; | ||
/*31px*/ | /*31px*/ | ||
| Line 274: | Line 316: | ||
padding-bottom: 1.2em; | padding-bottom: 1.2em; | ||
overflow: unset; | overflow: unset; | ||
| + | text-shadow:0 0 20px #fff,1px 1px 3px #fff | ||
| + | /* animation: Glow 1.2s ease infinite alternate;*/ | ||
| + | |||
| + | } | ||
| + | |||
| + | #SectionContainer .cd-section h1.ProSubTitle:not(#_ProSubTitle_) { | ||
| + | color: white; | ||
| + | font-weight: bold; | ||
| + | font-size: 2.1vw; | ||
| + | /*31px*/ | ||
| + | position: relative; | ||
| + | bottom: auto; | ||
| + | padding-bottom: 1.2em; | ||
| + | overflow: unset; | ||
| + | text-shadow: 0 0 20px #fff, 1px 1px 3px #fff | ||
| + | } | ||
| + | |||
| + | #SectionContainer .cd-section h2.ProSubSubTitle { | ||
| + | color: white; | ||
| + | font-weight: bold; | ||
| + | font-size: 1.5vw; | ||
| + | /*31px*/ | ||
| + | position: relative; | ||
| + | bottom: auto; | ||
| + | padding-top: 2.5em; | ||
| + | padding-bottom: 1em; | ||
| + | text-shadow: 0 0 20px #fff, 1px 1px 4px #fff | ||
} | } | ||
| − | |||
#SectionContainer .cd-section h1#medalSubTitle1 { | #SectionContainer .cd-section h1#medalSubTitle1 { | ||
color: white; | color: white; | ||
| Line 285: | Line 353: | ||
padding-bottom: 0.5em; | padding-bottom: 0.5em; | ||
/*padding-top: 2em;*/ | /*padding-top: 2em;*/ | ||
| + | text-shadow: 0 0 25px #fff; | ||
} | } | ||
| − | + | ||
#medalText { | #medalText { | ||
margin-left: 2vw; | margin-left: 2vw; | ||
| Line 292: | Line 361: | ||
font-size: 1.2vw | font-size: 1.2vw | ||
} | } | ||
| − | + | ||
#SectionContainer .cd-section p { | #SectionContainer .cd-section p { | ||
line-height: 1.6; | line-height: 1.6; | ||
} | } | ||
| − | + | ||
#SectionContainer .cd-section img.PushImage { | #SectionContainer .cd-section img.PushImage { | ||
display: block; | display: block; | ||
| Line 303: | Line 372: | ||
padding-top: 10px; | padding-top: 10px; | ||
} | } | ||
| − | + | ||
#SectionContainer .cd-section #ImageTable { | #SectionContainer .cd-section #ImageTable { | ||
margin: 0 auto; | margin: 0 auto; | ||
padding-top: 20px; | padding-top: 20px; | ||
} | } | ||
| − | + | ||
#SectionContainer .cd-section #PushTableImage1 { | #SectionContainer .cd-section #PushTableImage1 { | ||
padding-right: 1.5vw; | padding-right: 1.5vw; | ||
/*15px*/ | /*15px*/ | ||
} | } | ||
| − | + | ||
#SectionContainer .cd-section #PushImage4 { | #SectionContainer .cd-section #PushImage4 { | ||
position: relative; | position: relative; | ||
| Line 321: | Line 390: | ||
padding-right: 10px; | padding-right: 10px; | ||
} | } | ||
| − | + | ||
#SectionContainer .cd-section #Suggestions { | #SectionContainer .cd-section #Suggestions { | ||
padding-left: 3em; | padding-left: 3em; | ||
} | } | ||
| − | + | ||
#SectionContainer .cd-section #CharmingHeader { | #SectionContainer .cd-section #CharmingHeader { | ||
padding-left: 1.5em; | padding-left: 1.5em; | ||
} | } | ||
| − | + | ||
#SectionContainer .cd-section #genewiz { | #SectionContainer .cd-section #genewiz { | ||
float: right; | float: right; | ||
| Line 340: | Line 409: | ||
} | } | ||
/*/*/ | /*/*/ | ||
| − | + | ||
@media only screen and (min-width: 768px) { | @media only screen and (min-width: 768px) { | ||
| − | + | /*p的字体设置*/ | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
#SectionContainer .cd-section p { | #SectionContainer .cd-section p { | ||
/*font-size: 1px;*/ | /*font-size: 1px;*/ | ||
| − | font-size: 1. | + | font-size: 1.25vw; |
/*1em*/ | /*1em*/ | ||
color: white; | color: white; | ||
| Line 356: | Line 421: | ||
} | } | ||
/* No Touch devices */ | /* No Touch devices */ | ||
| − | + | ||
.cd-nav-trigger { | .cd-nav-trigger { | ||
display: none; | display: none; | ||
} | } | ||
| − | + | ||
.no-touch #cd-vertical-nav { | .no-touch #cd-vertical-nav { | ||
position: fixed; | position: fixed; | ||
| Line 373: | Line 438: | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
| − | + | ||
.no-touch #cd-vertical-nav li { | .no-touch #cd-vertical-nav li { | ||
text-align: right; | text-align: right; | ||
} | } | ||
| − | + | ||
.no-touch #cd-vertical-nav a { | .no-touch #cd-vertical-nav a { | ||
display: inline-block; | display: inline-block; | ||
| Line 384: | Line 449: | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
} | } | ||
| − | + | ||
.no-touch #cd-vertical-nav a:after { | .no-touch #cd-vertical-nav a:after { | ||
content: ""; | content: ""; | ||
| Line 390: | Line 455: | ||
clear: both; | clear: both; | ||
} | } | ||
| − | + | ||
.no-touch #cd-vertical-nav a span { | .no-touch #cd-vertical-nav a span { | ||
float: right; | float: right; | ||
| Line 400: | Line 465: | ||
transform: scale(0.6); | transform: scale(0.6); | ||
} | } | ||
| − | + | ||
.no-touch #cd-vertical-nav a.is-selected span { | .no-touch #cd-vertical-nav a.is-selected span { | ||
-webkit-transform: scale(1); | -webkit-transform: scale(1); | ||
| Line 408: | Line 473: | ||
transform: scale(1); | transform: scale(1); | ||
} | } | ||
| − | + | ||
.no-touch #cd-vertical-nav a:hover span { | .no-touch #cd-vertical-nav a:hover span { | ||
-webkit-transform: scale(1); | -webkit-transform: scale(1); | ||
| Line 419: | Line 484: | ||
/* opacity: 1;*/ | /* opacity: 1;*/ | ||
/*}*/ | /*}*/ | ||
| − | + | ||
.no-touch #cd-vertical-nav a.is-selected .cd-label { | .no-touch #cd-vertical-nav a.is-selected .cd-label { | ||
opacity: 1; | opacity: 1; | ||
} | } | ||
| − | + | ||
.no-touch #cd-vertical-nav a.is-selected .cd-dot { | .no-touch #cd-vertical-nav a.is-selected .cd-dot { | ||
/*点到达时的颜色*/ | /*点到达时的颜色*/ | ||
background-color: white; | background-color: white; | ||
} | } | ||
| − | + | ||
.no-touch #cd-vertical-nav .cd-dot { | .no-touch #cd-vertical-nav .cd-dot { | ||
position: relative; | position: relative; | ||
| Line 448: | Line 513: | ||
transform-origin: 50% 50%; | transform-origin: 50% 50%; | ||
} | } | ||
| − | + | ||
.no-touch #cd-vertical-nav .cd-label { | .no-touch #cd-vertical-nav .cd-label { | ||
position: relative; | position: relative; | ||
| Line 456: | Line 521: | ||
/*padding: 0;*/ | /*padding: 0;*/ | ||
color: white; | color: white; | ||
| + | text-shadow:0 0 25px #fff; | ||
font-size: 2.3vw; | font-size: 2.3vw; | ||
/*34px*/ | /*34px*/ | ||
| Line 469: | Line 535: | ||
-o-transform-origin: 100% 50%; | -o-transform-origin: 100% 50%; | ||
transform-origin: 100% 50%; | transform-origin: 100% 50%; | ||
| + | text-shadow:0 0 20px #fff,1px 1px 2px #fff; | ||
| + | |||
} | } | ||
/* Touch devices */ | /* Touch devices */ | ||
| − | + | ||
.touch .cd-nav-trigger { | .touch .cd-nav-trigger { | ||
display: block; | display: block; | ||
| Line 483: | Line 551: | ||
background: rgba(255, 255, 255, 0.9); | background: rgba(255, 255, 255, 0.9); | ||
} | } | ||
| − | + | ||
.touch .cd-nav-trigger span { | .touch .cd-nav-trigger span { | ||
position: absolute; | position: absolute; | ||
| Line 500: | Line 568: | ||
transform: translateX(-50%) translateY(-50%); | transform: translateX(-50%) translateY(-50%); | ||
} | } | ||
| − | + | ||
.touch .cd-nav-trigger span::before, | .touch .cd-nav-trigger span::before, | ||
.touch .cd-nav-trigger span::after { | .touch .cd-nav-trigger span::after { | ||
| Line 511: | Line 579: | ||
border-radius: inherit; | border-radius: inherit; | ||
} | } | ||
| − | + | ||
.touch .cd-nav-trigger span::before { | .touch .cd-nav-trigger span::before { | ||
top: -9px; | top: -9px; | ||
} | } | ||
| − | + | ||
.touch .cd-nav-trigger span::after { | .touch .cd-nav-trigger span::after { | ||
bottom: -9px; | bottom: -9px; | ||
} | } | ||
| − | + | ||
.touch #cd-vertical-nav { | .touch #cd-vertical-nav { | ||
position: fixed; | position: fixed; | ||
| Line 549: | Line 617: | ||
background-color: rgba(255, 255, 255, 0.9); | background-color: rgba(255, 255, 255, 0.9); | ||
} | } | ||
| − | + | ||
.touch #cd-vertical-nav a { | .touch #cd-vertical-nav a { | ||
display: block; | display: block; | ||
| Line 555: | Line 623: | ||
border-bottom: 1px solid rgba(62, 57, 71, 0.1); | border-bottom: 1px solid rgba(62, 57, 71, 0.1); | ||
} | } | ||
| − | + | ||
.touch #cd-vertical-nav a span:first-child { | .touch #cd-vertical-nav a span:first-child { | ||
display: none; | display: none; | ||
} | } | ||
| − | + | ||
.touch #cd-vertical-nav a.is-selected span:last-child { | .touch #cd-vertical-nav a.is-selected span:last-child { | ||
color: #d88683; | color: #d88683; | ||
} | } | ||
| − | + | ||
.touch #cd-vertical-nav.open { | .touch #cd-vertical-nav.open { | ||
-webkit-transform: scale(1); | -webkit-transform: scale(1); | ||
| Line 571: | Line 639: | ||
transform: scale(1); | transform: scale(1); | ||
} | } | ||
| − | + | ||
.touch #cd-vertical-nav.open+.cd-nav-trigger { | .touch #cd-vertical-nav.open+.cd-nav-trigger { | ||
background-color: transparent; | background-color: transparent; | ||
} | } | ||
| − | + | ||
.touch #cd-vertical-nav.open+.cd-nav-trigger span { | .touch #cd-vertical-nav.open+.cd-nav-trigger span { | ||
background-color: rgba(62, 57, 71, 0); | 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::before, | ||
.touch #cd-vertical-nav.open+.cd-nav-trigger span::after { | .touch #cd-vertical-nav.open+.cd-nav-trigger span::after { | ||
| Line 588: | Line 656: | ||
left: -8px; | left: -8px; | ||
} | } | ||
| − | + | ||
.touch #cd-vertical-nav.open+.cd-nav-trigger span::before { | .touch #cd-vertical-nav.open+.cd-nav-trigger span::before { | ||
-webkit-transform: rotate(45deg); | -webkit-transform: rotate(45deg); | ||
| Line 597: | Line 665: | ||
top: 1px; | top: 1px; | ||
} | } | ||
| − | + | ||
.touch #cd-vertical-nav.open+.cd-nav-trigger span::after { | .touch #cd-vertical-nav.open+.cd-nav-trigger span::after { | ||
-webkit-transform: rotate(135deg); | -webkit-transform: rotate(135deg); | ||
| Line 606: | Line 674: | ||
bottom: 0; | bottom: 0; | ||
} | } | ||
| − | + | ||
.touch #cd-vertical-nav li:last-child a { | .touch #cd-vertical-nav li:last-child a { | ||
border-bottom: none; | border-bottom: none; | ||
} | } | ||
| − | + | ||
@media only screen and (min-width: 768px) { | @media only screen and (min-width: 768px) { | ||
.touch .cd-nav-trigger, | .touch .cd-nav-trigger, | ||
| Line 617: | Line 685: | ||
} | } | ||
} | } | ||
| − | + | ||
table { | table { | ||
/*border-collapse: collapse;*/ | /*border-collapse: collapse;*/ | ||
border-spacing: 0; | border-spacing: 0; | ||
font-family: Arial, Helvetica, sans-serif; | font-family: Arial, Helvetica, sans-serif; | ||
| − | font-size: | + | font-size: 15px; |
color: white; | color: white; | ||
background-color:none; | background-color:none; | ||
| Line 630: | Line 698: | ||
transition: all 0.1s ease-in-out; | transition: all 0.1s ease-in-out; | ||
} */ | } */ | ||
| − | + | ||
.custom_tb th, | .custom_tb th, | ||
.custom_tb td { | .custom_tb td { | ||
| Line 639: | Line 707: | ||
text-align: left; | text-align: left; | ||
} | } | ||
| − | + | ||
.custom_tb th { | .custom_tb th { | ||
/* 首行颜色 */ | /* 首行颜色 */ | ||
| Line 645: | Line 713: | ||
border-top: none; | border-top: none; | ||
} | } | ||
| − | + | ||
.custom_tb td:first-child, | .custom_tb td:first-child, | ||
.custom_tb th:first-child { | .custom_tb th:first-child { | ||
| Line 651: | Line 719: | ||
background-color: lightslategray; | background-color: lightslategray; | ||
} | } | ||
| − | + | ||
.custom_tb th:first-child { | .custom_tb th:first-child { | ||
border-radius: 6px 0 0 0; | border-radius: 6px 0 0 0; | ||
background-color: teal; | background-color: teal; | ||
} | } | ||
| − | + | ||
.custom_tb th:last-child { | .custom_tb th:last-child { | ||
border-radius: 0 6px 0 0; | border-radius: 0 6px 0 0; | ||
} | } | ||
| − | + | ||
.custom_tb tr:last-child td:first-child { | .custom_tb tr:last-child td:first-child { | ||
border-radius: 0 0 0 6px; | border-radius: 0 0 0 6px; | ||
} | } | ||
| − | + | ||
.custom_tb tr:last-child td:last-child { | .custom_tb tr:last-child td:last-child { | ||
border-radius: 0 0 6px 0; | border-radius: 0 0 6px 0; | ||
} | } | ||
| − | + | ||
.custom_tb { | .custom_tb { | ||
| − | width: | + | width: 65vw; |
/* margin: 10px auto; */ | /* margin: 10px auto; */ | ||
border: 1px solid #ccc; | border: 1px solid #ccc; | ||
| Line 677: | Line 745: | ||
} | } | ||
table{ | table{ | ||
| − | background-color: rgba(0,0,0,0); | + | background-color: rgba(0,0,0,0); |
| + | } | ||
| + | .Member{ | ||
| + | width: 65.5vw; | ||
| + | } | ||
| + | .TextContainerR p{ | ||
| + | width: 52vw; | ||
| + | margin-left: 1.5vw; | ||
| + | float: right; | ||
| + | |||
| + | } | ||
| + | .TextContainerL p{ | ||
| + | width: 52vw; | ||
| + | margin-right: 1.5vw; | ||
| + | float: left; | ||
| + | } | ||
| + | .MemberPicture{ | ||
| + | width: 12vw; | ||
| + | padding-top: 0.8vw; | ||
| + | |||
| + | } | ||
| + | .gap{ | ||
| + | width: 65.5vw; | ||
| + | height: 10vh; | ||
| + | clear: both; | ||
| + | } | ||
| + | /* ----------------------------- footer style --------------------------- */ | ||
| + | #FOOTER p{ | ||
| + | font-size:13px; | ||
| + | } | ||
| + | .footer-distributed { | ||
| + | margin-bottom: 0; | ||
| + | position: relative; | ||
| + | width: 100vw; | ||
| + | height: auto; | ||
| + | background-color: rgba(0, 0, 0, 0.4); | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | color: white; | ||
| + | /* box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4); */ | ||
| + | box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.1) | ||
| + | } | ||
| + | |||
| + | .footer-left { | ||
| + | position: absolute; | ||
| + | left: 2vw; | ||
| + | top: 0; | ||
| + | width: 60%; | ||
| + | text-align: left; | ||
| + | padding-right: 0%; | ||
| + | padding-left: 8%; | ||
| + | } | ||
| + | |||
| + | .footer-right { | ||
| + | position: absolute; | ||
| + | right: 0; | ||
| + | top: 0; | ||
| + | width: 40%; | ||
| + | text-align: left; | ||
| + | padding-left: 5%; | ||
| + | padding-top: 5%; | ||
| + | } | ||
| + | |||
| + | #footer-info { | ||
| + | width: 100%; | ||
| + | text-align: center; | ||
| + | height: 2em; | ||
| + | } | ||
| + | |||
| + | .footer-all { | ||
| + | height: 20em; | ||
| + | width: 100%; | ||
| + | } | ||
| + | |||
| + | .footer-links { | ||
| + | padding-top: 5em; | ||
| + | } | ||
| + | |||
| + | .sponsors { | ||
| + | height: 5vh; | ||
| + | margin-right: 1em; | ||
| + | margin-bottom: 0.6em; | ||
| + | } | ||
| + | |||
| + | .my-content-p3 { | ||
| + | font-family: "arial", sans-serif; | ||
| + | font-size: 1em; | ||
| + | line-height: 2em; | ||
| + | color: white; | ||
| + | } | ||
| + | |||
| + | @media only screen and (max-width:600px) { | ||
| + | .sponsors { | ||
| + | width: 2.5em; | ||
| + | margin-right: 0.5em; | ||
| + | margin-bottom: 0.3em; | ||
| + | } | ||
| + | .my-content-p3 { | ||
| + | font-family: "arial", sans-serif; | ||
| + | font-size: 1 em; | ||
| + | line-height: 1em; | ||
| + | color: white; | ||
| + | } | ||
| + | .footer-distributed { | ||
| + | margin-top: 0%; | ||
| + | position: relative; | ||
| + | width: 90%; | ||
| + | height: auto; | ||
| + | background-color: #D1D1D2; | ||
| + | margin-left: auto; | ||
| + | margin-right: auto; | ||
| + | } | ||
} | } | ||
</style> | </style> | ||
| Line 684: | Line 863: | ||
<body> | <body> | ||
| − | + | <div style="position:absolute; margin:0vh 0vw 0vh -10px; width:100vw; color:white" id="section"> | |
| − | + | <div style="width:78vw; --color-bg: #1f174e; --color-bg-2: #151436;--color-bg-3: #060029;background: linear-gradient(90deg, var(--color-bg-2),var(--color-bg),var(--color-bg-2), var(--color-bg-3));position:absolute; height:100%;box-shadow:10px 0px 15px rgba(0,0,0,0.5) "></div> | |
| − | + | <nav id="cd-vertical-nav" style="padding-top: 0vh"> | |
| − | + | <ul> | |
| − | + | <li> | |
| − | + | <a href="#Team_members" data-number="1"> | |
| − | + | <span class="cd-dot"></span> | |
| − | + | <span class="cd-label">Team members</span> | |
| − | + | </a> | |
| − | + | </li> | |
| − | + | <li> | |
| − | + | <a href="#Attributions" data-number="2"> | |
| − | + | <span class="cd-dot"></span> | |
| − | + | <span class="cd-label">Attributions</span> | |
| − | + | </a> | |
| − | </ | + | </li> |
| − | </nav> | + | <li> |
| − | + | <a href="#NoteBook" data-number="3"> | |
| + | <span class="cd-dot"></span> | ||
| + | <span class="cd-label">Note Book</span> | ||
| + | </a> | ||
| + | </li> | ||
| + | </ul> | ||
| + | </nav> | ||
| + | <a class="cd-nav-trigger cd-img-replace">Open navigation<span></span></a> | ||
| − | + | <div id="SectionContainer"> | |
| − | + | <section class="cd-section"> | |
| − | + | <h1 id="medalMainTitle"><b style="font-size:1.2em; font-weight: bold;text-shadow:0 0 20px #fff,1px 1px 3px #fff">T</b>EAM</h1> | |
| − | + | <!--<div class="gap"></div>--> | |
| + | <!--<p style="text-align: center;margin-top: 2vh;"><b style="font-size: 4vw">Here we are!</b></p>--> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/d/d6/T--Tongji_Software--picture-group_photo.png" style="width:100vw" alt="Group Photo"> | ||
| + | <p style="text-align: center;margin-top: 2vh;">Here we are! Group photo of Tongji_Software!</p> | ||
| + | </section> | ||
| + | <section id="Team_members" class="cd-section"> | ||
| − | + | <!-- <div id="Team_members_jump" style="height:9em;"></div> --> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <h1 class="medalSubTitle"><b style="position: relative; font-weight: 500; font-size: 1.4em; overflow: unset; text-shadow:0 0 20px #fff,1px 1px 3px #fff">T</b>EAM <b style="position: relative; font-weight: 500; font-size: 1.4em; overflow: unset; text-shadow:0 0 20px #fff,1px 1px 3px #fff">M</b>EMBERS</h1> | |
| − | + | <br><br> | |
| − | + | <p class="PushTitle"><b style=" text-shadow:0 0 20px #fff,1px 1px 3px #fff">S</b>TUDENT</p> | |
| − | + | <br><br> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | < | + | |
| − | + | ||
| − | <section id=" | + | <div class="Member"> |
| − | + | <img src="https://static.igem.org/mediawiki/2019/0/0d/T--Tongji_Software--picture-BoXu.png" class="MemberPicture" alt="Bo Xu" style="float:left;"> | |
| + | <div class="TextContainerR"> | ||
| + | <p><b>Bo Xu</b></p> | ||
| + | <p>I am leader of Tongji_Software. My responsibility is to control the time line of project, organize each part together to complete our project. And I also be responsible for web front end work. For me, it’s a challenge to lead a team to attend iGEM, because this is the first time that attend competition. So, I tried my best to complete every part all the time. I’m glad to join in Tongji_Software, to prepare for iGEM. What’s more, I hope that each team member can get what they want here. Thanks for all of them, there will be gains when you pay.</p><br><br> | ||
| + | </div> | ||
| + | <div class="gap"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="Member"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/0/0d/T--Tongji_Software--picture-HuiliShi.png" class="MemberPicture" alt="Huili Shi" style="float:right;"> | ||
| + | <div class="TextContainerL"> | ||
| + | <p style="text-align: right"><b>Huili Shi</b></p> | ||
| + | <p>I’m the team leader of Tongji_Software, Shi Huili. My main duty is the writing part and presentation, which means I should have a clear mind about the whole project frame. And as a team leader, I keep in pace of how every part is going on in order to make every part to meet the original expectations and know problems timely to adjust our plan. Taking part in iGEM is an opportunity to challenge myself, not only from the technical point of view, in this competition, I leant how to cooperate with my team members, how to collaborate with other teams, and how to get suggestions from professors and companies. It's the promotion of comprehensive quality, and I'm so proud to become one of the iGEMers.</p><br><br> | ||
| + | </div> | ||
| + | <div class="gap"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="Member"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/6/62/T--Tongji_Software--picture-FeiyangXing.png" class="MemberPicture" alt="Feiyang Xing" style="float:left;"> | ||
| + | <div class="TextContainerR"> | ||
| + | <p><b>Feiyang Xing</b></p><br> | ||
| + | <p>I am responsible for modeling and algorithm implementation and Optimization in the project. In order to improve my code ability, I joined the team and met professional and creative teammates. The speed of our software operation increased gradually, meanwhile my algorithm and data analysis capabilities have also made considerable progress. I wish that our project will be gradually enriched in the future and will help the development of synthetic biology.</p><br><br> | ||
| + | </div> | ||
| + | <div class="gap"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="Member"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/6/6b/T--Tongji_Software--picture-ZhaoyangLiu.png" class="MemberPicture" alt="Zhaoyang Liu" style="float:right;"> | ||
| + | <div class="TextContainerL"> | ||
| + | <p style="text-align: right"><b>Zhaoyang Liu</b></p><br> | ||
| + | <p>I am Zhaoyang liu from Tongji University, as a member of Tongji_Software my main job is coding and data collecting. I have done the part of data crawling, codon optimization, literature analysis, word cloud visualization, parts browser and some other things. Maybe I do not play an important role in this iGEM competition I am still a part of the team, not only for me but for all of us, we are all indispensable parts of our team. The feeling of behaving like a team is the most interesting and valuable experience that I have got from this iGEM journey. That is an amazing thing that a group of strangers at first can finally work on one project and even become friends.</p><br><br> | ||
| + | </div> | ||
| + | <div class="gap"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="Member"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/8/8d/T--Tongji_Software--picture-XuePiao.png" class="MemberPicture" alt="Xue Piao" style="float:left;"> | ||
| + | <div class="TextContainerR"> | ||
| + | <p><b>Xue Piao</b></p><br> | ||
| + | <p>I 'm Piao Xue, a member of Tongji software team, from Tongji university, China, majoring in software engineering. In our project, Pathlab, my contribution is to participate in the completion of the html pages and the interaction with the backstage of the software platform. As a student whose major is software engineering, honored to obtain the chance of participating in iGEM is definitely a precious experience to learn about new knowledge in a different field for me. It is amazing to imagine the exhibition composing of different disciplines. And I really expect this jamboree concerned about synthesis biology in late October this year.</p><br><br> | ||
| + | </div> | ||
| + | <div class="gap"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="Member"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/b/b4/T--Tongji_Software--picture-YaoNie.png" class="MemberPicture" alt="Yao Nie" style="float:right;"> | ||
| + | <div class="TextContainerL"> | ||
| + | <p style="text-align: right"><b>Yao Nie</b></p><br> | ||
| + | <p>I'm Nie Yao, mainly involved in model building and wiki making. | ||
| + | I am very grateful to iGEM for providing me with a platform for engaging in synthetic biology. | ||
| + | In the process, I was able to understand how my profession, such as programming, data structure and algorithm design, works in other areas. | ||
| + | Also, this experience improves my abilities about data-dealing and team-working, and meet many like-minded people.</p><br><br> | ||
| + | </div> | ||
| + | <div class="gap"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="Member"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/8/88/T--Tongji_Software--picture-ZexinZhao.png" class="MemberPicture" alt="Zexin Zhao" style="float:left;"> | ||
| + | <div class="TextContainerR"> | ||
| + | <p><b>Zexin Zhao</b></p><br> | ||
| + | <p>Here is Zexin Zhao, a senior student of Tongji University in China, who are interested in synthetic biology. In the team Tongji_Software, I am mainly responsible for theme discussion and writing. In the process of participating in the iGEM project,pathlab, I have experienced efficient group cooperation, made good friends, broadened my horizon and gained a lot.</p><br><br> | ||
| + | </div> | ||
| + | <div class="gap"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="Member"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/c/c9/T--Tongji_Software--picture-ShudiXu.png" class="MemberPicture" alt="Shudi Xu" style="float:right;"> | ||
| + | <div class="TextContainerL"> | ||
| + | <p style="text-align: right"><b>Shudi Xu</b></p><br> | ||
| + | <p>I am responsible for the meeting records and finishing work of the whole project from the establishment, participate in human practice, responsible for external collaboration, writing and layout of the education part, and filling and supplementing the wiki page. I am very fortunate to witness our project – pathlab being built step by step from the very beginning. Our team is more like a small company, each of whom has its own role, but at the same time everyone is paying close attention to the work of other members. We all hope to achieve a good result, but the most important thing is to let me know the true meaning of cooperation, and everyone should do their best in the position they are best at.</p><br><br> | ||
| + | </div> | ||
| + | <div class="gap"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="Member"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/2/23/T--Tongji_Software--picture-YuqiaoZheng.png" class="MemberPicture" alt="Yuqiao Zheng" style="float:left;"> | ||
| + | <div class="TextContainerR"> | ||
| + | <p><b>Yuqiao Zheng</b></p><br> | ||
| + | <p>From the Environment Design of D&I, Tongji university. I had received professional training of art, prefer science, do not adhere to the development of a single discipline. It is committed to the combination of science and art, in the constant search for the balance between technology and fine arts, the interdisciplinary practice of exploration. Our team is very creative and its members are very responsible. Fortunately, Tongji Software cooperated with me to build a WIKI, design the main vision and framework, and take charge of the main visual production and typesetting of poster.</p><br><br> | ||
| + | </div> | ||
| + | <div class="gap"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="Member"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/0/0b/T--Tongji_Software--picture-ChenyanLiu.png" class="MemberPicture" alt="Chenyan Liu" style="float:right;"> | ||
| + | <div class="TextContainerL"> | ||
| + | <p style="text-align: right"><b>Chenyan Liu</b></p><br> | ||
| + | <p>My main job in the team is visual and communication design. I am responsible for the production of our group logos, cultural shirts and final presentation slides, posters. In this process, I deeply felt the cooperation between students with different major backgrounds. We also inevitably encounter problems such as unsatisfactory communication, but we all try our best to constantly understand each other and finally complete the work of each of us. Everyone uses their own expertise for the same goal.</p><br><br> | ||
| + | </div> | ||
| + | <div class="gap"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="Member"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/7/7f/T--Tongji_Software--picture-XiaotongHou.png" class="MemberPicture" alt="Xiaotong Hou" style="float:left;"> | ||
| + | <div class="TextContainerR"> | ||
| + | <p><b>Xiaotong Hou</b></p><br> | ||
| + | <p>I major in biotechnology, so it's really a big challenge for me to join in the software track. I'm mainly responsible for financial management, human practice and public relationship in our team. It's a fabulous experience for me to participate in iGEM, where I can make new friends and broaden my horizon.</p><br><br> | ||
| + | </div> | ||
| + | <div class="gap"></div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <p class="PushTitle"><b style=" text-shadow:0 0 20px #fff,1px 1px 3px #fff">A</b>DVISOR</p> | ||
| + | <br><br> | ||
| + | |||
| + | <div class="Member"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/7/78/T--Tongji_Software--picture-WeiCao.png" class="MemberPicture" alt="Wei Cao" style="float:left;"> | ||
| + | <div class="TextContainerR"> | ||
| + | <p><b>Wei Cao</b></p><br> | ||
| + | <p>Team members of Tongji-Software are of great enthusiasm and talents in computer engineering and biology. It’s exciting for me to give suggestions and see how the program improved so well.</p><br><br> | ||
| + | </div> | ||
| + | <div class="gap"></div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | <p class="PushTitle"><b style=" text-shadow:0 0 20px #fff,1px 1px 3px #fff">I</b>NSTRUCTOR</p> | ||
| + | <br><br> | ||
| + | |||
| + | <div class="Member"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/d/d5/T--Tongji_Software--picture-JianFei.png" class="MemberPicture" alt="Jian Fei" style="float:left;"> | ||
| + | <div class="TextContainerR"> | ||
| + | <p><b>Professor Jian Fei | Primary PI</b></p><br> | ||
| + | <p>IGEM is a great project. Its participants are a group of young people with little experience, so they dare to try difficult goals and are imaginative. This is its most attractive place, and you will always be surprised by their creativity.</p><br><br> | ||
| + | </div> | ||
| + | <div class="gap"></div> | ||
| + | </div> | ||
| + | |||
| + | <div class="Member"> | ||
| + | <img src="https://static.igem.org/mediawiki/2019/3/32/T--Tongji_Software--picture-JiayuChen.png" class="MemberPicture" alt="Jiayu Chen" style="float:left;"> | ||
| + | <div class="TextContainerR"> | ||
| + | <p><b>Professor Jiayu Chen | Secondary PI</b></p><br> | ||
| + | <p>Enjoy life, enjoy science, enjoy IGEM</p><br><br> | ||
| + | </div> | ||
| + | <div class="gap"></div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | </section> | ||
| + | <!-- cd-section --> | ||
| + | |||
| + | <section id="Attributions" class="cd-section"> | ||
| + | <h1 class="medalSubTitle"><b style=" text-shadow:0 0 20px #fff,1px 1px 3px #fff">A</b>TTRIBUTIONS</h1> | ||
| + | <br><br><br><br><br><br><br> | ||
| + | <p>Our software is divided into three functions: path search, enzyme selection, and parts browser. For the function of pathway search, we inherite the idea and infrastructure of last year's project, improve the algorithm, build a new model and expand the database. For the other two functions, enzyme selection and parts browser, these are the new sections added to our team this year. The function of the enzyme selection is completely completed by our team, as well as the parts browser uses UESTC_Software's database in the form of collaboration.</p><br><br><br> | ||
| + | <p><b style="font-weight:bold;text-shadow:0 0 20px #fff,1px 1px 3px #fff">Team Member Attributions</b></p><br><br><br> | ||
| + | <p>Our team members have different professional backgrounds, so we have a reasonable division of labor and cooperation throughout the project to ensure that each member can play their own strengths and build an excellent software.</p><br> | ||
| + | <table class="custom_tb" id="team_tb"> | ||
| + | <thead> | ||
| + | <tr> | ||
| + | <th> </th> | ||
| + | <th>Bo Xu</th> | ||
| + | <th>Huili Shi</th> | ||
| + | <th>Xue Piao</th> | ||
| + | <th>Feiyang Xing</th> | ||
| + | <th>Zhaoyang Liu</th> | ||
| + | <th>Yao Nie</th> | ||
| + | <th>Zexin Zhao</th> | ||
| + | <th>Shudi Xu</th> | ||
| + | <th>Yuqiao Zheng</th> | ||
| + | <th>Chenyan Liu</th> | ||
| + | <th>Xiaotong Hou</th> | ||
| + | </tr> | ||
| + | </thead> | ||
| + | <tr> | ||
| + | <td>Literature Research</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>︎</td> | ||
| + | <td></td> | ||
| + | <td>✔︎</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Thematic Discussion</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>︎</td> | ||
| + | <td></td> | ||
| + | <td></td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Data Acquisition</td> | ||
| + | <td>✔︎</td> | ||
| + | <td></td> | ||
| + | <td>︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td></td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | |||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Ranking Criteria</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td></td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | |||
| + | |||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Algorithm Implementation</td> | ||
| + | <td></td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td></td> | ||
| + | <td></td> | ||
| + | |||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Coding</td> | ||
| + | <td>✔︎</td> | ||
| + | <td></td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Modeling</td> | ||
| + | <td></td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Education</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td></td> | ||
| + | <td>︎</td> | ||
| + | <td></td> | ||
| + | <td>✔︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Written Material</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Conference Records</td> | ||
| + | <td>︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td></td> | ||
| + | <td>✔︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Design</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎✔︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td></td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Human Practices</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | <td>✔︎</td> | ||
| + | |||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Finance</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td>︎</td> | ||
| + | <td></td> | ||
| + | <td>✔︎</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | <br> | ||
| + | <p style="text-align: center;font-size: 1.1vw">Table1. Team member attributions</p> | ||
| + | <br><br> | ||
| + | <br><br> | ||
| + | <table class="custom_tb"> | ||
| + | <tr> | ||
| + | <td>Literature Research</td> | ||
| + | <td>By searching and reading literatures, provide scientific basis for the realization of software functions.</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Thematic Discussion</td> | ||
| + | <td>Determine the direction of the project, that is, the functions that software can achieve.</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Data Acquisition</td> | ||
| + | <td>Collect data from different databases and organize them into the required format.</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Ranking Criteria</td> | ||
| + | <td>Set criteria for scoring and ranking the results (pathways and enzymes) of preliminary search in order to present the best results in the end.</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Algorithm Implementation</td> | ||
| + | <td>Improve former algorithm.</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Coding</td> | ||
| + | <td>Code all codes for the software.</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Modeling</td> | ||
| + | <td>When setting the ranking criteria and analyzing the results of the questionnaire, build and use a model.</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Education</td> | ||
| + | <td>Make small games to illustrate the process of building pathways step by step. Introduce iGEM to high school students</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Written Material</td> | ||
| + | <td>Prepare Wiki pages and contents for poster, contribute to presentations for communication, and organize the harvest of human practices</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Conference Records</td> | ||
| + | <td>Record the contents of each meeting.</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Design</td> | ||
| + | <td>Design Wiki pages, poster and software interface.</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Human Practices</td> | ||
| + | <td>Communicate with commercial companies and other school laboratories and provide continuous feedback</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>Finance</td> | ||
| + | <td>Financial management</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | <br> | ||
| + | <p style="text-align: center;font-size: 1.1vw">Table2. Attributions in detail</p> | ||
| + | <br><br><br><br><br><br><br> | ||
| + | <p><b style="font-weight:bold;text-shadow:0 0 10px #fff,1px 1px 2px #fff">Professor Attributions</b></p><br><br><br> | ||
| + | <p><b>Professor Fei Jian, Tongji University</b></p> | ||
| + | <p>He gave us suggestions from the perspective of the use of scientific research, for example, the users can input one substance, and the user can see that what kind of products they can get through limited steps. This will be more illuminating in the early days of the project.</p><br> | ||
| + | <p><b>Professor Leng Ye, Tongji University</b></p> | ||
| + | <p>She let professors from the school of biology and science listen to the introduction of our project and gave us suggestions from the perspective of the use of scientific research. And she helped us to contact high schools in order that we can make presentations to high school students.</p><br> | ||
| + | <p><b>Professor Zhang Xu, ECUST</b></p> | ||
| + | <p>He gave us suggestions from the perspective of the organisms, the considered aspects of enzymes and the use of scientific research. For example, compared with making all enzymes into one single bacterium, making the flora seems to be more practical and feasible, meanwhile, we should take the influence of the external environment and cofactors into consideration.</p> | ||
| + | <br><br><br><br><br><br><br> | ||
| + | <p><b style="font-weight:bold;text-shadow:0 0 10px #fff,1px 1px 2px #fff">Jérémie Boulay Attribution</b></p><br><br><br> | ||
| + | <p>Open souce in github to support the use of Animated-mesh-lines </p> | ||
| + | <br><br><br><br><br><br><br> | ||
| + | <p><b style="font-weight:bold;text-shadow:0 0 10px #fff,1px 1px 2px #fff">Company Attributions</b></p><br><br><br> | ||
| + | <p><b>Genewiz</b></p> | ||
| + | <p>They gave us suggestions from the perspective of practical production. They pointed out the limitation of our reaction database and told us there might be some sequences can’t be synthesized easily in production.</p><br> | ||
| + | <p><b>GenScript</b></p> | ||
| + | <p>We consulted them about whether there were any trials can verify what we were doing or whether customers do have the requirement of the arrangement sequence of enzymes. And we found that the combination sequence of enzymes can influence the efficiency of production and it’s really necessary to find an arrangement of enzymes which performs the most efficiently.</p> | ||
| + | |||
| + | <br><br><br><br><br><br><br> | ||
| + | <p><b style="font-weight:bold;text-shadow:0 0 10px #fff,1px 1px 2px #fff">Other Team Attributions</b></p><br><br><br> | ||
| + | <p><b>Tongji_China</b></p> | ||
| + | <p>They gave us suggestions like cutting off useless results. And they give us many ideas of software visualization.</p><br> | ||
| + | <p><b>SJTU_Software</b></p> | ||
| + | <p>They told us that we have some disadvantages of login function.</p> <br> | ||
| + | <p><b>UESTC_Software</b></p> | ||
| + | <p>They shared with us with the data they have collated of parts from the iGEM parts database and help us to test the website of our software.</p> <br> | ||
| + | <p><b>USTC_Software</b></p> | ||
| + | <p>They helped us to find bugs in our codes.</p> <br> | ||
| + | <p><b>CAU_China</b></p> | ||
| + | <p>They shared their pathway information with us, thus enabling us to verify our software.</p> <br> | ||
| + | </section> | ||
| + | |||
| + | <section id="NoteBook" class="cd-section"> | ||
| + | <h1 class="medalSubTitle"><b style="position: relative; font-weight: 500; font-size: 1.4em; overflow: unset; text-shadow:0 0 20px #fff,1px 1px 3px #fff">N</b>OTE <b style="position: relative; font-weight: 500; font-size: 1.4em; overflow: unset; text-shadow:0 0 20px #fff,1px 1px 3px #fff">B</b>OOK</h1> | ||
| + | <br><br><br><br><br><br><br> | ||
| + | <p><b style="font-weight:bold;text-shadow:0 0 10px #fff,1px 1px 2px #fff">2018.12</b></p><br><br> | ||
| + | <p>Construct 2019 Tongji_Software</p> | ||
| + | <p>Team leader: Xu bo, Shi Huili</p> | ||
| + | <p>Team member: Xing Feiyang, Zhao Zexin, Liu Zhaoyang, Xu Shudi, Piao Xue, Nie Yao, Zheng Yuqiao, Liu Chengyan</p> | ||
| + | <br><br><br><br><br><br><br><br><br><br> | ||
| + | |||
| + | |||
| + | <p><b style="font-weight:bold;text-shadow:0 0 10px #fff,1px 1px 2px #fff">2019.02-2019.03</b></p><br><br> | ||
| + | <p>Software track confirm</p> | ||
| + | <p>Group members get to know basic knowledge of synthesis biology</p> | ||
| + | <p>Read literature based on pathways, proteins, disease treatment, enzymes, etc., collect materials that can be used to prepare the project.</p> | ||
<br><br> | <br><br> | ||
| − | <p><b> | + | |
| − | < | + | <p><b>2019.03.30</b></p> |
| − | + | <p>Confirm the main body pathway design of our project, and the pathway search part we decided to optimize last years project.</p> | |
| + | <br><br><br><br><br><br><br><br><br><br> | ||
| + | |||
| + | |||
| + | <p><b style="font-weight:bold;text-shadow:0 0 10px #fff,1px 1px 2px #fff">2019.04</b></p><br><br> | ||
| + | <p>Brain storm for detailed functions and see whether we can solve it through literature</p> | ||
| + | <br><br> | ||
| + | |||
| + | <p><b>2019.04.13</b></p> | ||
| + | <br><br> | ||
| + | <p><b style="color:coral">HP:NYUSH</b></p> | ||
| + | <p>Have a brief idea of what other team do and share our primary idea</p> | ||
| + | <br> | ||
| + | <p><b>Improvement:</b></p> | ||
| + | <table class="custom_tb"> | ||
<tr> | <tr> | ||
| − | < | + | <td>1</td> |
| − | < | + | <td>point out where do we get the scoring matrix</td> |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</tr> | </tr> | ||
| − | + | </table> | |
| − | + | <br><br><br><br><br><br><br><br><br><br> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | <p><b style="font-weight:bold;text-shadow:0 0 10px #fff,1px 1px 2px #fff">2019.05</b></p><br><br> | ||
| + | <p>The algorithm of pathway search part has been optimized, meanwhile we were doing some data clear job</p> | ||
| + | <p>Confirm that we have four function, and they are pathway search, enzyme selection, parts design and information share</p> | ||
| + | <br><br> | ||
| − | + | <p><b style="color:cyan">Collaboration: Tongji_China</b></p> | |
| − | + | <p>They tried to improve the synthesis of indigo, so they used our software to search the pathway, although we didn’t get a suitable pathway, we found that we should avoid some useless results</p> | |
| − | + | <br><br> | |
| − | + | ||
| − | + | <p><b>2019.05.10</b></p> | |
| − | + | <p>Design team logo</p> | |
| − | + | <p>the new design concept of modular design</p> | |
| − | + | <br><br> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <p><b>2019.05.18</b></p> | |
| − | + | <br><br> | |
| − | + | <p><b style="color:coral">HP:CPU</b></p> | |
| − | + | <p>We show the whole project design to judges and other team members, and we get feedback that the platform we want to build is too big, which means we can’t make every part perfect in such a short time by ourselves, so we can use existed tools in our software.</p> | |
| − | + | <br> | |
| − | + | <p><b>2019.05.26</b></p> | |
| − | + | <p>Determine our software’s name: Pathlab</p> | |
| − | + | <br><br> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | <p><b style="color:coral">HP: ECUST</b></p> | |
| − | + | <p><b>suggestions:</b></p> | |
| − | + | <table class="custom_tb"> | |
| − | + | <tr> | |
| − | + | <td>1</td> | |
| − | + | <td>compared with making all enzymes into one single bacterium, making the flora seems to be more practical and feasible</td> | |
| − | + | </tr> | |
| − | + | <tr> | |
| − | + | <td>2</td> | |
| − | <td> | + | <td>consider the influence of the external environment</td> |
| − | + | </tr> | |
| − | + | <tr> | |
| − | <td></td> | + | <td>3</td> |
| − | + | <td>cofactors of reactions or enzymes</td> | |
| − | + | </tr> | |
</table> | </table> | ||
| − | + | <br> | |
| − | <p><b> | + | <p><b>Improvement:</b></p> |
<table class="custom_tb"> | <table class="custom_tb"> | ||
| − | + | <tr> | |
| − | + | <td>1</td> | |
| − | + | <td>put each step of the reaction of a pathway into a single engineering bacteria to form a flora</td> | |
| − | + | </tr> | |
| − | + | <tr> | |
| − | + | <td>2</td> | |
| − | + | <td>take temperature and pH into consideration to give a score for each enzyme</td> | |
| − | + | </tr> | |
| − | + | </table> | |
| − | + | <br><br><br><br><br><br><br><br><br><br> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | < | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| + | <p><b style="font-weight:bold;text-shadow:0 0 10px #fff,1px 1px 2px #fff">2019.06</b></p><br><br> | ||
| + | <p><b>2019.06.04</b></p> | ||
| + | <br><br> | ||
| + | <p><b style="color:coral">HP: GeneWiz Company</b></p> | ||
| + | <p>Get some ideas about the scoring, and in the enzyme selection part, we are suggested that the selected enzyme’s physical and chemical character must be very stable, and we should take the whole process and the final result into consideration. In pathway part, we get suggestions that reactions in databases are limited, and it will be useful if our software can simulate some new reactions.</p> | ||
| + | <br> | ||
| + | <p><b>Improvement:</b></p> | ||
| + | <table class="custom_tb"> | ||
| + | <tr> | ||
| + | <td>1</td> | ||
| + | <td>novel reaction; scoring enzymes based on physical and chemical character between the enzyme and the engineering bacteria</td> | ||
| + | </tr> | ||
</table> | </table> | ||
| + | <br><br><br><br><br><br><br><br><br><br> | ||
| + | |||
| + | <p><b style="font-weight:bold;text-shadow:0 0 10px #fff,1px 1px 2px #fff">2019.07</b></p><br><br> | ||
| + | <p>Finish the primary version of our software</p> | ||
| + | <p>A game for students to have a basic idea of synthesis pathway</p> | ||
| + | <br><br><br><br><br><br><br><br><br><br> | ||
| + | |||
| + | |||
| + | <p><b style="font-weight:bold;text-shadow:0 0 10px #fff,1px 1px 2px #fff">2019.08</b></p><br><br> | ||
| + | <p><b style="color:chartreuse">Education Section: the First Poster</b></p> | ||
| + | <p>The first post "Programmer iGEMer is online~" is issued on the Tongji iGEM wechat public platform, which introduces the main content of our project Pathlab and the problems we want to solve.</p> | ||
| + | <br><br> | ||
| + | |||
| + | <p><b style="color:chartreuse">Education Section: Presentation in Tongji University</b></p> | ||
| + | <p>Introduced the status of bioinformatics in life science, the functions of bioinformatics in iGEM and how to use the knowledge of bioinformatics to construct a software about synthetic biology in iGEM. This presentation made us have a new understanding of bioinformatics, and understand the application of bioinformatics in synthetic biology.</p> | ||
| + | <br><br> | ||
| + | |||
| + | <p><b>2019.08.19-2019.08.23</b></p> | ||
| + | <br><br> | ||
| + | <p><b style="color:coral">HP: CCIC</b></p> | ||
| + | <p><b>In the Pathway Part:</b></p> | ||
| + | <table class="custom_tb"> | ||
| + | <tr> | ||
| + | <td>1</td> | ||
| + | <td>do more work about validation, which means to prove the results we gave are believable</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | <br> | ||
| + | <p><b>In the overall design:</b></p> | ||
| + | <table class="custom_tb"> | ||
| + | <tr> | ||
| + | <td>1</td> | ||
| + | <td>know more about what users want so that we can design corresponding functions</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>2</td> | ||
| + | <td>the design on the web page should be more user-friendly, which means we should point out that what steps should users do.</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | <br> | ||
| + | <p><b>Improvement:</b></p> | ||
| + | <table class="custom_tb"> | ||
| + | <tr> | ||
| + | <td>1</td> | ||
| + | <td>Build a model to choose more efficient algorithm</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>2</td> | ||
| + | <td>Do a comparison of accuracy and run time between DFS algorithm and Greedy algorithm and we draw a conclusion that in limited reactions, Greedy algorithm performs as accurate as DFS algorithm does, but the running time Greedy algorithm used is much less than DFS algorithm</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>3</td> | ||
| + | <td>pay a visit to companies or institutions about manufacturing engineering</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>4</td> | ||
| + | <td>set a questionnaire to confirm the design of our software web page about which kind of web page do users want</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | <br> | ||
| + | |||
| + | <p><b>2019.08.29</b></p> | ||
| + | <br><br> | ||
| + | <p><b style="color:chartreuse">Education Section: the Second Poster</b></p> | ||
| + | <p>The second post “6th CCiC in ShenZhen” was released in the wechat public platform Tongji iGEM, which mainly introduces the main activities of the team participating in CCiC in Shenzhen and the gains of the participants.</p> | ||
| + | <br><br><br><br><br><br><br><br><br><br> | ||
| + | |||
| + | |||
| + | <p><b style="font-weight:bold;text-shadow:0 0 10px #fff,1px 1px 2px #fff">2019.09</b></p><br><br> | ||
| + | <p>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> | ||
| + | <br><br> | ||
| + | |||
| + | <p><b style="color:coral">HP: ECUST</b></p> | ||
| + | <table class="custom_tb"> | ||
| + | <tr> | ||
| + | <td>1</td> | ||
| + | <td>select a pathway and enzyme with special background which is used generally to show the whole workflow</td> | ||
| + | </tr> | ||
| + | <tr> | ||
| + | <td>2</td> | ||
| + | <td>beautify our software</td> | ||
| + | </tr> | ||
| + | </table> | ||
| + | <br><br> | ||
| + | |||
| + | <p><b style="color:cyan">Collaboration: SASTRA iGEM</b></p> | ||
| + | <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> | ||
| + | <br><br> | ||
| + | |||
| + | <p><b style="color:cyan">Collaboration：UCD iGEM</b></p> | ||
| + | <p>We participated in UCD’s research about the use of mammals in this iGEM competition.</p> | ||
| + | <br><br> | ||
| + | |||
| + | <p><b>2019.09.05</b></p> | ||
| + | <p>Discuss with the project leader teacher Fei Jian on the current progress of the project.</p> | ||
| + | <p>Result: In the channel design part, users can be provided with various choices. For example, the user can input one substance, and the user can see that what kind of products they can get through limited steps. This will be more illuminating in the early days of the project.</p> | ||
| + | <br><br> | ||
| + | |||
| + | <p><b>2019.09.06</b></p> | ||
| + | <br><br> | ||
| + | <p><b style="color:chartreuse">Education Section: the Article Released on the Wechat Public Platform</b></p> | ||
| + | <p>The third article, "Efficient Path Finder - Alpha ant", was released in the wechat public platform 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> | ||
| + | <br><br> | ||
| + | |||
| + | <p><b>2019.09.10</b></p> | ||
| + | <p>Received a collaboration invitation from Washington iGEM, mainly about the translation and recording of audio books.</p> | ||
| + | <br><br> | ||
| + | |||
| + | <p><b>2019.09.19</b></p> | ||
| + | <br><br> | ||
| + | <p><b style="color:cyan">Collaboration: UESTC_Software</b></p> | ||
| + | <p>Use their data about parts from iGEM, and we test software with each other</p> | ||
| + | <br><br><br><br><br><br><br><br><br><br> | ||
| + | |||
| + | |||
| + | <p><b style="font-weight:bold;text-shadow:0 0 10px #fff,1px 1px 2px #fff">2019.10</b></p><br><br> | ||
| + | <p><b>2019.10.13</b></p> | ||
| + | <br><br> | ||
| + | |||
| + | <p><b style="color:cyan">Collaboration: SJTU_Software and UESTC_Software</b></p> | ||
| + | <p><b>for SJTU_Software</b></p> | ||
| + | <p>we gave them some technical instructs, because we have used the same frame to build our software, so we show our source data, and explain it to them</p> | ||
| + | <br> | ||
| + | <p><b>for UESTC_Software</b></p> | ||
| + | <p>their software is complete and user-friendly, but there are some problems about the present of result</p> | ||
| + | <br> | ||
| + | <p><b>for Tongji_Software</b></p> | ||
| + | <p>we realized the disadvantages of login function from their advice which we based on to add the comment to each result of user get.</p> | ||
| + | <br><br> | ||
| + | |||
| + | <p><b style="color:cyan">Collaboration：CAU iGEM</b></p> | ||
| + | <p>search their pathway in our software successfully</p> | ||
| + | </section> | ||
| + | |||
| + | <!-- cd-section --> | ||
| + | <footer class="footer-distributed"> | ||
| + | <div class="footer-all"> | ||
| + | <div class="footer-right"> | ||
| + | <h3 style="font-size: 1.5vw;color:white"><b>Contact</b></h3> | ||
| + | <p class="my-content-p3">College of Life Science and Technology</p> | ||
| + | <p class="my-content-p3">Tongji university </p> | ||
| + | <p class="my-content-p3">No.1239, Yangpu District, Shanghai, China</p> | ||
| + | <p class="my-content-p3" style="word-wrap:break-word;">Email: tongji_software19@126.com</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="footer-left"> | ||
| + | |||
| + | <div class="footer-links"> | ||
| + | <img class="sponsors" src="https://static.igem.org/mediawiki/2019/d/dd/T--Tongji_Software--picture-footer-TJ.png" alt="Tongji University"> | ||
| + | <img class="sponsors" src="https://static.igem.org/mediawiki/2019/6/65/T--Tongji_Software--picture-footer-TJLF.png" alt="Tongji University"> | ||
| + | <img class="sponsors" src="https://static.igem.org/mediawiki/2019/0/09/T--Tongji_Software--picture-footer-GENEWIZI.PNG" alt="Tongji University"> | ||
| + | <img class="sponsors" src="https://static.igem.org/mediawiki/2019/d/d3/T--Tongji_Software--picture-footer-kegg.png" alt="Tongji University"> | ||
| + | <br><br><br> | ||
| + | <img class="sponsors" src="https://static.igem.org/mediawiki/2019/5/52/T--Tongji_Software--picture-footer-BRENDA.png" alt="Tongji University"> | ||
| + | <img class="sponsors" src="https://static.igem.org/mediawiki/2019/c/c4/T--Tongji_Software--picture-atlas_database.png" alt="Tongji University"> | ||
| + | <img class="sponsors" src="https://static.igem.org/mediawiki/2019/f/fa/T--Tongji_Software--picture-footer-alpha_ant.png" alt="Tongji University"> | ||
| + | <img class="sponsors" src="https://static.igem.org/mediawiki/2019/6/68/T--Tongji_Software--picture-footer-Pathlab-white.png" alt="Tongji University"> | ||
| + | <img class="sponsors" src="https://static.igem.org/mediawiki/2019/e/e1/T--Tongji_Software--picture-logo2.png" alt="Tongji University"> | ||
| + | <img class="sponsors" src="https://static.igem.org/mediawiki/2019/4/46/T--Tongji_Software--picture-footer-EUCST.png" alt="Tongji University"> | ||
| + | </div> | ||
| + | </div> | ||
| − | + | <div id="footer-info" class="inner"> | |
| − | + | <p class="my-content-p3" style="color: #777; text-align: center !important;">Copyright © 2019 Tongji_Software</p> | |
| − | + | </div> | |
| − | + | </footer> | |
| − | + | ||
| − | + | ||
</div> | </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> | ||
Latest revision as of 03:56, 22 October 2019
Open navigation
TEAM
Here we are! Group photo of Tongji_Software!
TEAM MEMBERS
STUDENT
Bo Xu
I am leader of Tongji_Software. My responsibility is to control the time line of project, organize each part together to complete our project. And I also be responsible for web front end work. For me, it’s a challenge to lead a team to attend iGEM, because this is the first time that attend competition. So, I tried my best to complete every part all the time. I’m glad to join in Tongji_Software, to prepare for iGEM. What’s more, I hope that each team member can get what they want here. Thanks for all of them, there will be gains when you pay.
Huili Shi
I’m the team leader of Tongji_Software, Shi Huili. My main duty is the writing part and presentation, which means I should have a clear mind about the whole project frame. And as a team leader, I keep in pace of how every part is going on in order to make every part to meet the original expectations and know problems timely to adjust our plan. Taking part in iGEM is an opportunity to challenge myself, not only from the technical point of view, in this competition, I leant how to cooperate with my team members, how to collaborate with other teams, and how to get suggestions from professors and companies. It's the promotion of comprehensive quality, and I'm so proud to become one of the iGEMers.
Feiyang Xing
I am responsible for modeling and algorithm implementation and Optimization in the project. In order to improve my code ability, I joined the team and met professional and creative teammates. The speed of our software operation increased gradually, meanwhile my algorithm and data analysis capabilities have also made considerable progress. I wish that our project will be gradually enriched in the future and will help the development of synthetic biology.
Zhaoyang Liu
I am Zhaoyang liu from Tongji University, as a member of Tongji_Software my main job is coding and data collecting. I have done the part of data crawling, codon optimization, literature analysis, word cloud visualization, parts browser and some other things. Maybe I do not play an important role in this iGEM competition I am still a part of the team, not only for me but for all of us, we are all indispensable parts of our team. The feeling of behaving like a team is the most interesting and valuable experience that I have got from this iGEM journey. That is an amazing thing that a group of strangers at first can finally work on one project and even become friends.
Xue Piao
I 'm Piao Xue, a member of Tongji software team, from Tongji university, China, majoring in software engineering. In our project, Pathlab, my contribution is to participate in the completion of the html pages and the interaction with the backstage of the software platform. As a student whose major is software engineering, honored to obtain the chance of participating in iGEM is definitely a precious experience to learn about new knowledge in a different field for me. It is amazing to imagine the exhibition composing of different disciplines. And I really expect this jamboree concerned about synthesis biology in late October this year.
Yao Nie
I'm Nie Yao, mainly involved in model building and wiki making. I am very grateful to iGEM for providing me with a platform for engaging in synthetic biology. In the process, I was able to understand how my profession, such as programming, data structure and algorithm design, works in other areas. Also, this experience improves my abilities about data-dealing and team-working, and meet many like-minded people.
Zexin Zhao
Here is Zexin Zhao, a senior student of Tongji University in China, who are interested in synthetic biology. In the team Tongji_Software, I am mainly responsible for theme discussion and writing. In the process of participating in the iGEM project,pathlab, I have experienced efficient group cooperation, made good friends, broadened my horizon and gained a lot.
Shudi Xu
I am responsible for the meeting records and finishing work of the whole project from the establishment, participate in human practice, responsible for external collaboration, writing and layout of the education part, and filling and supplementing the wiki page. I am very fortunate to witness our project – pathlab being built step by step from the very beginning. Our team is more like a small company, each of whom has its own role, but at the same time everyone is paying close attention to the work of other members. We all hope to achieve a good result, but the most important thing is to let me know the true meaning of cooperation, and everyone should do their best in the position they are best at.
Yuqiao Zheng
From the Environment Design of D&I, Tongji university. I had received professional training of art, prefer science, do not adhere to the development of a single discipline. It is committed to the combination of science and art, in the constant search for the balance between technology and fine arts, the interdisciplinary practice of exploration. Our team is very creative and its members are very responsible. Fortunately, Tongji Software cooperated with me to build a WIKI, design the main vision and framework, and take charge of the main visual production and typesetting of poster.
Chenyan Liu
My main job in the team is visual and communication design. I am responsible for the production of our group logos, cultural shirts and final presentation slides, posters. In this process, I deeply felt the cooperation between students with different major backgrounds. We also inevitably encounter problems such as unsatisfactory communication, but we all try our best to constantly understand each other and finally complete the work of each of us. Everyone uses their own expertise for the same goal.
Xiaotong Hou
I major in biotechnology, so it's really a big challenge for me to join in the software track. I'm mainly responsible for financial management, human practice and public relationship in our team. It's a fabulous experience for me to participate in iGEM, where I can make new friends and broaden my horizon.
ADVISOR
Wei Cao
Team members of Tongji-Software are of great enthusiasm and talents in computer engineering and biology. It’s exciting for me to give suggestions and see how the program improved so well.
INSTRUCTOR
Professor Jian Fei | Primary PI
IGEM is a great project. Its participants are a group of young people with little experience, so they dare to try difficult goals and are imaginative. This is its most attractive place, and you will always be surprised by their creativity.
Professor Jiayu Chen | Secondary PI
Enjoy life, enjoy science, enjoy IGEM
ATTRIBUTIONS
Our software is divided into three functions: path search, enzyme selection, and parts browser. For the function of pathway search, we inherite the idea and infrastructure of last year's project, improve the algorithm, build a new model and expand the database. For the other two functions, enzyme selection and parts browser, these are the new sections added to our team this year. The function of the enzyme selection is completely completed by our team, as well as the parts browser uses UESTC_Software's database in the form of collaboration.
Team Member Attributions
Our team members have different professional backgrounds, so we have a reasonable division of labor and cooperation throughout the project to ensure that each member can play their own strengths and build an excellent software.
| Bo Xu | Huili Shi | Xue Piao | Feiyang Xing | Zhaoyang Liu | Yao Nie | Zexin Zhao | Shudi Xu | Yuqiao Zheng | Chenyan Liu | Xiaotong Hou | |
|---|---|---|---|---|---|---|---|---|---|---|---|
| Literature Research | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ︎ | ✔︎ | |
| Thematic Discussion | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ︎ | ||
| Data Acquisition | ✔︎ | ︎ | ✔︎ | ✔︎ | ︎ | ︎ | ︎ | ︎ | ︎ | ||
| Ranking Criteria | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ︎ | ︎ | ︎ | |
| Algorithm Implementation | ︎ | ︎ | ✔︎ | ︎ | ︎ | ︎ | ︎ | ︎ | |||
| Coding | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ︎ | ︎ | ︎ | ︎ | |
| Modeling | ︎ | ︎ | ✔︎ | ︎ | ︎ | ︎ | ︎ | ︎ | ︎ | ︎ | |
| Education | ✔︎ | ✔︎ | ︎ | ✔︎ | ︎ | ✔︎ | ︎ | ︎ | ︎ | ||
| Written Material | ✔︎ | ✔︎ | ︎ | ︎ | ︎ | ︎ | ✔︎ | ✔︎ | ︎ | ︎ | ︎ |
| Conference Records | ︎ | ✔︎ | ︎ | ︎ | ︎ | ︎ | ✔︎ | ︎ | ︎ | ︎ | |
| Design | ︎ | ︎ | ︎ | ︎ | ︎ | ︎✔︎ | ︎ | ︎ | ✔︎ | ✔︎ | |
| Human Practices | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ | ✔︎ |
| Finance | ︎ | ︎ | ︎ | ︎ | ︎ | ︎ | ︎ | ︎ | ︎ | ✔︎ |
Table1. Team member attributions
| Literature Research | By searching and reading literatures, provide scientific basis for the realization of software functions. |
| Thematic Discussion | Determine the direction of the project, that is, the functions that software can achieve. |
| Data Acquisition | Collect data from different databases and organize them into the required format. |
| Ranking Criteria | Set criteria for scoring and ranking the results (pathways and enzymes) of preliminary search in order to present the best results in the end. |
| Algorithm Implementation | Improve former algorithm. |
| Coding | Code all codes for the software. |
| Modeling | When setting the ranking criteria and analyzing the results of the questionnaire, build and use a model. |
| Education | Make small games to illustrate the process of building pathways step by step. Introduce iGEM to high school students |
| Written Material | Prepare Wiki pages and contents for poster, contribute to presentations for communication, and organize the harvest of human practices |
| Conference Records | Record the contents of each meeting. |
| Design | Design Wiki pages, poster and software interface. |
| Human Practices | Communicate with commercial companies and other school laboratories and provide continuous feedback |
| Finance | Financial management |
Table2. Attributions in detail
Professor Attributions
Professor Fei Jian, Tongji University
He gave us suggestions from the perspective of the use of scientific research, for example, the users can input one substance, and the user can see that what kind of products they can get through limited steps. This will be more illuminating in the early days of the project.
Professor Leng Ye, Tongji University
She let professors from the school of biology and science listen to the introduction of our project and gave us suggestions from the perspective of the use of scientific research. And she helped us to contact high schools in order that we can make presentations to high school students.
Professor Zhang Xu, ECUST
He gave us suggestions from the perspective of the organisms, the considered aspects of enzymes and the use of scientific research. For example, compared with making all enzymes into one single bacterium, making the flora seems to be more practical and feasible, meanwhile, we should take the influence of the external environment and cofactors into consideration.
Jérémie Boulay Attribution
Open souce in github to support the use of Animated-mesh-lines
Company Attributions
Genewiz
They gave us suggestions from the perspective of practical production. They pointed out the limitation of our reaction database and told us there might be some sequences can’t be synthesized easily in production.
GenScript
We consulted them about whether there were any trials can verify what we were doing or whether customers do have the requirement of the arrangement sequence of enzymes. And we found that the combination sequence of enzymes can influence the efficiency of production and it’s really necessary to find an arrangement of enzymes which performs the most efficiently.
Other Team Attributions
Tongji_China
They gave us suggestions like cutting off useless results. And they give us many ideas of software visualization.
SJTU_Software
They told us that we have some disadvantages of login function.
UESTC_Software
They shared with us with the data they have collated of parts from the iGEM parts database and help us to test the website of our software.
USTC_Software
They helped us to find bugs in our codes.
CAU_China
They shared their pathway information with us, thus enabling us to verify our software.
NOTE BOOK
2018.12
Construct 2019 Tongji_Software
Team leader: Xu bo, Shi Huili
Team member: Xing Feiyang, Zhao Zexin, Liu Zhaoyang, Xu Shudi, Piao Xue, Nie Yao, Zheng Yuqiao, Liu Chengyan
2019.02-2019.03
Software track confirm
Group members get to know basic knowledge of synthesis biology
Read literature based on pathways, proteins, disease treatment, enzymes, etc., collect materials that can be used to prepare the project.
2019.03.30
Confirm the main body pathway design of our project, and the pathway search part we decided to optimize last years project.
2019.04
Brain storm for detailed functions and see whether we can solve it through literature
2019.04.13
HP:NYUSH
Have a brief idea of what other team do and share our primary idea
Improvement:
| 1 | point out where do we get the scoring matrix |
2019.05
The algorithm of pathway search part has been optimized, meanwhile we were doing some data clear job
Confirm that we have four function, and they are pathway search, enzyme selection, parts design and information share
Collaboration: Tongji_China
They tried to improve the synthesis of indigo, so they used our software to search the pathway, although we didn’t get a suitable pathway, we found that we should avoid some useless results
2019.05.10
Design team logo
the new design concept of modular design
2019.05.18
HP:CPU
We show the whole project design to judges and other team members, and we get feedback that the platform we want to build is too big, which means we can’t make every part perfect in such a short time by ourselves, so we can use existed tools in our software.
2019.05.26
Determine our software’s name: Pathlab
HP: ECUST
suggestions:
| 1 | compared with making all enzymes into one single bacterium, making the flora seems to be more practical and feasible |
| 2 | consider the influence of the external environment |
| 3 | cofactors of reactions or enzymes |
Improvement:
| 1 | put each step of the reaction of a pathway into a single engineering bacteria to form a flora |
| 2 | take temperature and pH into consideration to give a score for each enzyme |
2019.06
2019.06.04
HP: GeneWiz Company
Get some ideas about the scoring, and in the enzyme selection part, we are suggested that the selected enzyme’s physical and chemical character must be very stable, and we should take the whole process and the final result into consideration. In pathway part, we get suggestions that reactions in databases are limited, and it will be useful if our software can simulate some new reactions.
Improvement:
| 1 | novel reaction; scoring enzymes based on physical and chemical character between the enzyme and the engineering bacteria |
2019.07
Finish the primary version of our software
A game for students to have a basic idea of synthesis pathway
2019.08
Education Section: the First Poster
The first post "Programmer iGEMer is online~" is issued on the Tongji iGEM wechat public platform, which introduces the main content of our project Pathlab and the problems we want to solve.
Education Section: Presentation in Tongji University
Introduced the status of bioinformatics in life science, the functions of bioinformatics in iGEM and how to use the knowledge of bioinformatics to construct a software about synthetic biology in iGEM. This presentation made us have a new understanding of bioinformatics, and understand the application of bioinformatics in synthetic biology.
2019.08.19-2019.08.23
HP: CCIC
In the Pathway Part:
| 1 | do more work about validation, which means to prove the results we gave are believable |
In the overall design:
| 1 | know more about what users want so that we can design corresponding functions |
| 2 | the design on the web page should be more user-friendly, which means we should point out that what steps should users do. |
Improvement:
| 1 | Build a model to choose more efficient algorithm |
| 2 | Do a comparison of accuracy and run time between DFS algorithm and Greedy algorithm and we draw a conclusion that in limited reactions, Greedy algorithm performs as accurate as DFS algorithm does, but the running time Greedy algorithm used is much less than DFS algorithm |
| 3 | pay a visit to companies or institutions about manufacturing engineering |
| 4 | set a questionnaire to confirm the design of our software web page about which kind of web page do users want |
2019.08.29
Education Section: the Second Poster
The second post “6th CCiC in ShenZhen” was released in the wechat public platform Tongji iGEM, which mainly introduces the main activities of the team participating in CCiC in Shenzhen and the gains of the participants.
2019.09
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.
HP: ECUST
| 1 | select a pathway and enzyme with special background which is used generally to show the whole workflow |
| 2 | beautify our software |
Collaboration: SASTRA iGEM
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.
Collaboration：UCD iGEM
We participated in UCD’s research about the use of mammals in this iGEM competition.
2019.09.05
Discuss with the project leader teacher Fei Jian on the current progress of the project.
Result: In the channel design part, users can be provided with various choices. For example, the user can input one substance, and the user can see that what kind of products they can get through limited steps. This will be more illuminating in the early days of the project.
2019.09.06
Education Section: the Article Released on the Wechat Public Platform
The third article, "Efficient Path Finder - Alpha ant", was released in the wechat public platform Tongji iGEM. It mainly introduces the background of the project's predecessor, Alpha ant, the main algorithm, scoring standards, etc. Better understand our projects.
2019.09.10
Received a collaboration invitation from Washington iGEM, mainly about the translation and recording of audio books.
2019.09.19
Collaboration: UESTC_Software
Use their data about parts from iGEM, and we test software with each other
2019.10
2019.10.13
Collaboration: SJTU_Software and UESTC_Software
for SJTU_Software
we gave them some technical instructs, because we have used the same frame to build our software, so we show our source data, and explain it to them
for UESTC_Software
their software is complete and user-friendly, but there are some problems about the present of result
for Tongji_Software
we realized the disadvantages of login function from their advice which we based on to add the comment to each result of user get.
Collaboration：CAU iGEM
search their pathway in our software successfully