Difference between revisions of "Team:Tongji Software/Attributions"

Line 11: Line 11:
 
             display: none;
 
             display: none;
 
         }
 
         }
       
+
 
 
         html,
 
         html,
 
         body,
 
         body,
Line 101: Line 101:
 
         }
 
         }
 
         /* HTML5 display-role reset for older browsers */
 
         /* HTML5 display-role reset for older browsers */
       
+
 
 
         article,
 
         article,
 
         aside,
 
         aside,
Line 116: Line 116:
 
             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 139:
 
             content: none;
 
             content: none;
 
         }
 
         }
       
+
 
         /* --------------------------------  
+
         /* --------------------------------
  
 
Primary style
 
Primary style
Line 146: Line 146:
  
 
-------------------------------- */
 
-------------------------------- */
       
+
 
 
         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 159:
 
             box-sizing: border-box;
 
             box-sizing: border-box;
 
         }
 
         }
       
+
 
 
         body {
 
         body {
 
             font-size: 100%;
 
             font-size: 100%;
Line 166: Line 166:
 
             color: white;
 
             color: white;
 
             /*background-color: white;*/
 
             /*background-color: white;*/
         
+
 
 
         }
 
         }
       
+
 
 
         body,
 
         body,
 
         html {
 
         html {
Line 177: Line 177:
 
             background: linear-gradient(90deg, var(--color-bg-3), var(--color-bg-2),var(--color-bg),var(--color-bg-2), var(--color-bg-3));
 
             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 {
+
        a:hover, a:visted {
          text-decoration: none;
+
            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 202: Line 202:
 
             white-space: nowrap;
 
             white-space: nowrap;
 
         }
 
         }
         /* --------------------------------  
+
         /* --------------------------------
  
Main components  
+
Main components
  
 
-------------------------------- */
 
-------------------------------- */
Line 213: Line 213:
 
*/
 
*/
 
         /*整体的section*/
 
         /*整体的section*/
       
+
 
 
         #SectionContainer .cd-section {
 
         #SectionContainer .cd-section {
 
             min-height: 100vh;
 
             min-height: 100vh;
Line 221: Line 221:
 
             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;
 
         }
 
         }
 
         /*每个推送的标题*/
 
         /*每个推送的标题*/
       
+
 
 
         #SectionContainer .cd-section p.PushTitle {
 
         #SectionContainer .cd-section p.PushTitle {
 
             position: relative;
 
             position: relative;
Line 247: Line 247:
 
             /*22px*/
 
             /*22px*/
 
         }
 
         }
       
+
 
 
         #SectionContainer .cd-section p {
 
         #SectionContainer .cd-section p {
 
             position: relative;
 
             position: relative;
 
         }
 
         }
 
         /*加大的首字母*/
 
         /*加大的首字母*/
       
+
 
 
         #SectionContainer .cd-section b {
 
         #SectionContainer .cd-section b {
 
             position: relative;
 
             position: relative;
Line 260: Line 260:
 
         }
 
         }
 
         /*总标题*/
 
         /*总标题*/
       
+
 
 
         #SectionContainer .cd-section #medalMainTitle {
 
         #SectionContainer .cd-section #medalMainTitle {
 
             color: white;
 
             color: white;
Line 272: Line 272:
 
         }
 
         }
 
         /*三个部分的大标题*/
 
         /*三个部分的大标题*/
       
+
 
 
         #SectionContainer .cd-section h1.medalSubTitle:not(#medalSubTitle1) {
 
         #SectionContainer .cd-section h1.medalSubTitle:not(#medalSubTitle1) {
 
             color: white;
 
             color: white;
Line 283: Line 283:
 
             overflow: unset;
 
             overflow: unset;
 
         }
 
         }
       
+
 
 
         #SectionContainer .cd-section h1#medalSubTitle1 {
 
         #SectionContainer .cd-section h1#medalSubTitle1 {
 
             color: white;
 
             color: white;
Line 294: Line 294:
 
             /*padding-top: 2em;*/
 
             /*padding-top: 2em;*/
 
         }
 
         }
       
+
 
 
         #medalText {
 
         #medalText {
 
             margin-left: 2vw;
 
             margin-left: 2vw;
Line 300: Line 300:
 
             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 311: Line 311:
 
             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 329: Line 329:
 
             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 348: Line 348:
 
         }
 
         }
 
         /*/*/
 
         /*/*/
       
+
 
 
         @media only screen and (min-width: 768px) {
 
         @media only screen and (min-width: 768px) {
 
             /*.cd-section h1 {
 
             /*.cd-section h1 {
Line 364: Line 364:
 
         }
 
         }
 
         /* 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 381: Line 381:
 
             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 392: Line 392:
 
             backface-visibility: hidden;
 
             backface-visibility: hidden;
 
         }
 
         }
       
+
 
 
         .no-touch #cd-vertical-nav a:after {
 
         .no-touch #cd-vertical-nav a:after {
 
             content: "";
 
             content: "";
Line 398: Line 398:
 
             clear: both;
 
             clear: both;
 
         }
 
         }
       
+
 
 
         .no-touch #cd-vertical-nav a span {
 
         .no-touch #cd-vertical-nav a span {
 
             float: right;
 
             float: right;
Line 408: Line 408:
 
             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 416: Line 416:
 
             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 427: Line 427:
 
         /*  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 456: Line 456:
 
             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 464: Line 464:
 
             /*padding: 0;*/
 
             /*padding: 0;*/
 
             color: white;
 
             color: white;
          text-shadow:0 0 25px #fff;
+
            text-shadow:0 0 25px #fff;
 
             font-size: 2.3vw;
 
             font-size: 2.3vw;
 
             /*34px*/
 
             /*34px*/
Line 480: Line 480:
 
         }
 
         }
 
         /* Touch devices */
 
         /* Touch devices */
       
+
 
 
         .touch .cd-nav-trigger {
 
         .touch .cd-nav-trigger {
 
             display: block;
 
             display: block;
Line 492: Line 492:
 
             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 509: Line 509:
 
             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 520: Line 520:
 
             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 558: Line 558:
 
             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 564: Line 564:
 
             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 580: Line 580:
 
             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 597: Line 597:
 
             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 606: Line 606:
 
             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 615: Line 615:
 
             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 626: Line 626:
 
             }
 
             }
 
         }
 
         }
       
+
 
 
         table {
 
         table {
 
             /*border-collapse: collapse;*/
 
             /*border-collapse: collapse;*/
Line 639: Line 639:
 
             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 648: Line 648:
 
             text-align: left;
 
             text-align: left;
 
         }
 
         }
       
+
 
 
         .custom_tb th {
 
         .custom_tb th {
 
             /* 首行颜色 */
 
             /* 首行颜色 */
Line 654: Line 654:
 
             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 660: Line 660:
 
             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: 65vw;
 
             width: 65vw;
Line 686: Line 686:
 
         }
 
         }
 
         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.4em;
 +
 +
        }
 +
        .gap{
 +
            width: 65.5vw;
 +
            height: 10vh;
 +
            clear: both;
 +
        }
 +
 
     </style>
 
     </style>
  
Line 693: Line 718:
  
 
<body>
 
<body>
    <div style="position:absolute; margin:0vh 0vw 0vh -10px; width:100vw; color:white" id="section">
+
<div style="position:absolute; margin:0vh 0vw 0vh -10px; width:100vw; color:white" id="section">
        <nav id="cd-vertical-nav" style="padding-top: 0vh">
+
    <nav id="cd-vertical-nav" style="padding-top: 0vh">
            <ul>
+
        <ul>
                <li>
+
            <li>
                    <a href="#Team_members" data-number="1">
+
                <a href="#Team_members" data-number="1">
                        <span class="cd-dot"></span>
+
                    <span class="cd-dot"></span>
                        <span class="cd-label">Team members</span>
+
                    <span class="cd-label">Team members</span>
                    </a>
+
                </a>
                </li>
+
            </li>
                <li>
+
            <li>
                    <a href="#Attributions" data-number="2">
+
                <a href="#Attributions" data-number="2">
                        <span class="cd-dot"></span>
+
                    <span class="cd-dot"></span>
                        <span class="cd-label">Attributions</span>
+
                    <span class="cd-label">Attributions</span>
                    </a>
+
                </a>
                </li>
+
            </li>
            </ul>
+
        </ul>
        </nav>
+
    </nav>
        <a class="cd-nav-trigger cd-img-replace">Open navigation<span></span></a>
+
    <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;">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;">Group photo of Tongji_Software!</p>
 +
        </section>
 +
        <section id="Team_members" class="cd-section">
  
        <div id="SectionContainer">
 
            <section class="cd-section">
 
                <h1 id="medalMainTitle"><b style="font-size:1.2em; font-weight: bold;">T</b>EAM</h1>
 
                <img src="https://static.igem.org/mediawiki/2019/d/d6/T--Tongji_Software--picture-group_photo.png" style="width:100vw"></img>
 
            </section>
 
            <section id="Team_members" class="cd-section">
 
               
 
 
             <!-- <div id="Team_members_jump" style="height:9em;"></div> -->
 
             <!-- <div id="Team_members_jump" style="height:9em;"></div> -->
 
                <h1 class="medalSubTitle"><b>T</b>EAM <b>M</b>EMBERS</h1>
 
<br><br>
 
<p class="PushTitle"><b>S</b>TUDENT</p>
 
<br><br>
 
  
<p><b>Bo Xu</b></p><br>
+
            <h1 class="medalSubTitle"><b>T</b>EAM <b>M</b>EMBERS</h1>
<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>
+
            <br><br>
 +
            <p class="PushTitle"><b>S</b>TUDENT</p>
 +
            <br><br>
 +
 
 +
            <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/9/94/T--Tongji_Software--picture-HuiliShi.jpg" 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/a/ab/T--Tongji_Software--picture-FeiyangXing.jpg" 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>
  
<p><b>Huili Shi</b></p><br>
+
            <div class="Member">
<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>
+
                <img src="https://static.igem.org/mediawiki/2019/5/5d/T--Tongji_Software--picture-ZhaoyangLiu.jpg" 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>
  
<p><b>Feiyang Xing</b></p><br>
+
            <div class="Member">
<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>
+
                <img src="https://static.igem.org/mediawiki/2019/e/e1/T--Tongji_Software--picture-XuePiao.jpg" 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>
  
<p><b>Zhaoyang Liu</b></p><br>
+
            <div class="Member">
<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>
+
                <img src="https://static.igem.org/mediawiki/2019/4/42/T--Tongji_Software--picture-YaoNie.jpg" class="MemberPicture" alt="Yao Nie" style="float:right;">
 +
                <div class="TextContainerL">
 +
                    <p style="text-align: right"><b>Yao Nie</b></p><br>
 +
                    <p>My name is 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>
  
<p><b>Xue Piao</b></p><br>
+
            <div class="Member">
<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>
+
                <img src="https://static.igem.org/mediawiki/2019/6/65/T--Tongji_Software--picture-ZexinZhao.jpg" 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>
  
<p><b>Yao Nie</b></p><br>
+
            <div class="Member">
<p>My name is Nie Yao, mainly involved in model building and wiki making.
+
                <img src="https://static.igem.org/mediawiki/2019/1/11/T--Tongji_Software--picture-ShudiXu.jpg" class="MemberPicture" alt="Shudi Xu" style="float:right;">
I am very grateful to iGEM for providing me with a platform for engaging in synthetic biology.
+
                <div class="TextContainerL">
In the process, I was able to understand how my profession, such as programming, data structure and algorithm design, works in other areas.
+
                    <p style="text-align: right"><b>Shudi Xu</b></p><br>
Also, this experience improves my abilities about data-dealing and team-working, and meet many like-minded people.</p><br><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>
  
<p><b>Zexin Zhao</b></p><br>
+
            <div class="Member">
<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>
+
                <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>
  
<p><b>Shudi Xu</b></p><br>
+
            <div class="Member">
<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>
+
                <img src="https://static.igem.org/mediawiki/2019/c/c8/T--Tongji_Software--picture-ChenyanLiu.jpg" 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>
  
<p><b>Yuqiao Zheng</b></p><br>
+
            <div class="Member">
<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>
+
                <img src="https://static.igem.org/mediawiki/2019/3/3c/T--Tongji_Software--picture-XiaotongHou.jpg" 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><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>
 
  
<p><b>Xiaotong Hou</b></p><br>
+
            <p class="PushTitle"><b>A</b>DVISOR</p>
<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>
+
            <br><br>
  
<p class="PushTitle"><b>A</b>DVISOR</p>
+
            <div class="Member">
<br><br>
+
                <img src="https://static.igem.org/mediawiki/2019/b/b1/T--Tongji_Software--picture-WeiCao.jpg" 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><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>
 
  
<p class="PushTitle"><b>I</b>NSTRUCTOR</p>
+
            <p class="PushTitle"><b>I</b>NSTRUCTOR</p>
<br><br>
+
            <br><br>
  
<p><b>Professor Jian Fei | Primary PI</b></p><br>
+
            <div class="Member">
<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>
+
                <img src="https://static.igem.org/mediawiki/2019/3/39/T--Tongji_Software--picture-JianFei.jpg" 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>
  
<p><b>Professor Jiayu Chen | Secondary PI</b></p><br>
+
            <div class="Member">
<p>Enjoy life, enjoy science, enjoy IGEM</p><br><br>
+
                <img src="https://static.igem.org/mediawiki/2019/b/be/T--Tongji_Software--picture-JiayuChen.jpg" 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>
+
        </section>
            <!-- cd-section -->
+
        <!-- cd-section -->
  
            <section id="Attributions" class="cd-section">
+
        <section id="Attributions" class="cd-section">
                <h1 class="medalSubTitle"><b>A</b>TTRIBUTIONS</h1>
+
            <h1 class="medalSubTitle"><b>A</b>TTRIBUTIONS</h1>
                <br><br>
+
            <br><br>
                <p><b>Team members Attributions</b></p><br>
+
            <p><b>Team members Attributions</b></p><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>
+
            <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">
+
            <table class="custom_tb" id="team_tb">
                    <thead>
+
                <thead>
                        <tr>
+
                <tr>
                            <th> </th>
+
                    <th> </th>
                            <th>Bo Xu</th>
+
                    <th>Bo Xu</th>
                            <th>Huili Shi</th>
+
                    <th>Huili Shi</th>
                            <th>Xue Piao</th>
+
                    <th>Xue Piao</th>
                            <th>Feiyang Xing</th>
+
                    <th>Feiyang Xing</th>
                            <th>Zhaoyang Liu</th>
+
                    <th>Zhaoyang Liu</th>
                            <th>Yao Nie</th>
+
                    <th>Yao Nie</th>
                            <th>Zexin Zhao</th>
+
                    <th>Zexin Zhao</th>
                            <th>Shudi Xu</th>
+
                    <th>Shudi Xu</th>
                            <th>Yuqiao Zheng</th>
+
                    <th>Yuqiao Zheng</th>
                            <th>Chenyan Liu</th>
+
                    <th>Chenyan Liu</th>
                            <th>Xiaotong Hou</th>
+
                    <th>Xiaotong Hou</th>
                        </tr>
+
                </tr>
                    </thead>
+
                </thead>
                    <tr>
+
                <tr>
                        <td>Literature Research</td>
+
                    <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>
+
                    <td>✔︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td></td>
+
                    <td></td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Thematic Discussion</td>
+
                    <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>
+
                    <td>✔︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td></td>
+
                    <td></td>
                        <td></td>
+
                    <td></td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Data Acquisition</td>
+
                    <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>
+
                    <td></td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
  
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Ranking Criteria</td>
+
                    <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>
+
                    <td>✔︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
  
  
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Algorithm Implementation</td>
+
                    <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>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td></td>
+
                    <td></td>
                        <td></td>
+
                    <td></td>
  
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Coding</td>
+
                    <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>
+
                    <td>✔︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Modeling</td>
+
                    <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>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Education</td>
+
                    <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>
+
                    <td>✔︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Written Material</td>
+
                    <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>
+
                    <td>︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Conference Records</td>
+
                    <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>
+
                    <td>︎</td>
                        <td></td>
+
                    <td></td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Design</td>
+
                    <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>
+
                    <td>︎✔︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td></td>
+
                    <td></td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Human Practices</td>
+
                    <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>
+
                    <td>✔︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
  
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Finance</td>
+
                    <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>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td>︎</td>
+
                    <td>︎</td>
                        <td></td>
+
                    <td></td>
                        <td>✔︎</td>
+
                    <td>✔︎</td>
                    </tr>
+
                </tr>
                </table>
+
            </table>
                <br><br><br>
+
            <br><br><br>
                <p><b>Material</b></p>
+
            <p><b>Material</b></p>
                <table class="custom_tb">
+
            <table class="custom_tb">
                    <tr>
+
                <tr>
                        <td>Literature Research</td>
+
                    <td>Literature Research</td>
                        <td>By searching and reading literatures, provide scientific basis for the realization of software functions.</td>
+
                    <td>By searching and reading literatures, provide scientific basis for the realization of software functions.</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Thematic Discussion</td>
+
                    <td>Thematic Discussion</td>
                        <td>Determine the direction of the project, that is, the functions that software can achieve.</td>
+
                    <td>Determine the direction of the project, that is, the functions that software can achieve.</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Data Acquisition</td>
+
                    <td>Data Acquisition</td>
                        <td>Collect data from different databases and organize them into the required format.</td>
+
                    <td>Collect data from different databases and organize them into the required format.</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Ranking Criteria</td>
+
                    <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>
+
                    <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>
                    <tr>
+
                <tr>
                        <td>Algorithm Implementation</td>
+
                    <td>Algorithm Implementation</td>
                        <td>Improve former algorithm.</td>
+
                    <td>Improve former algorithm.</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Coding</td>
+
                    <td>Coding</td>
                        <td>Code all codes for the software.</td>
+
                    <td>Code all codes for the software.</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Modeling</td>
+
                    <td>Modeling</td>
                        <td>When setting the ranking criteria and analyzing the results of the questionnaire, use and build a model.</td>
+
                    <td>When setting the ranking criteria and analyzing the results of the questionnaire, use and build a model.</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Education</td>
+
                    <td>Education</td>
                        <td>Make small games to illustrate the process of building pathways step by step. Introduce iGEM to high school students</td>
+
                    <td>Make small games to illustrate the process of building pathways step by step. Introduce iGEM to high school students</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Written Material</td>
+
                    <td>Written Material</td>
                        <td>Prepare Wiki pages and poster text content, contribute to presentations for communication, and organize the harvest of human practices</td>
+
                    <td>Prepare Wiki pages and poster text content, contribute to presentations for communication, and organize the harvest of human practices</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Conference Records</td>
+
                    <td>Conference Records</td>
                        <td>Record the content of each meeting.</td>
+
                    <td>Record the content of each meeting.</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Design</td>
+
                    <td>Design</td>
                        <td>Design Wiki pages, poster and software interface.</td>
+
                    <td>Design Wiki pages, poster and software interface.</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Human Practices</td>
+
                    <td>Human Practices</td>
                        <td>Communicate with commercial companies and other school laboratories and provide continuous feedback</td>
+
                    <td>Communicate with commercial companies and other school laboratories and provide continuous feedback</td>
                    </tr>
+
                </tr>
                    <tr>
+
                <tr>
                        <td>Finance</td>
+
                    <td>Finance</td>
                        <td>Financial management</td>
+
                    <td>Financial management</td>
                    </tr>
+
                </tr>
  
  
                </table>
+
            </table>
  
  
  
            </section>
+
        </section>
            <!-- cd-section -->
+
        <!-- cd-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>
 
     </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>

Revision as of 04:01, 20 October 2019

Tongji Software | Pathlab

PROJECT
Open navigation

TEAM

Group Photo

Group photo of Tongji_Software!

TEAM MEMBERS



STUDENT



Bo Xu

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

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

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

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

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

Yao Nie


My name is 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

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

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

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

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

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

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



Jian Fei

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.



Jiayu Chen

Professor Jiayu Chen | Secondary PI


Enjoy life, enjoy science, enjoy IGEM



ATTRIBUTIONS



Team members 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 ✔︎



Material

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, use and build 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 poster text content, contribute to presentations for communication, and organize the harvest of human practices
Conference Records Record the content 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