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

Line 1: Line 1:
−
{{Tongji_Software}}
+
{{Tongji_Software/css/MenuStyle_css}}
−
<html>
+
<html lang="en" class="no-js">
  
 +
<head>
 +
    <meta charset="UTF-8">
 +
    <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>
 +
    <title>PROJECT</title>
 +
    <style>
 +
        *::-webkit-scrollbar {
 +
            display: none;
 +
        }
 +
       
 +
        html,
 +
        body,
 +
        div,
 +
        span,
 +
        applet,
 +
        object,
 +
        iframe,
 +
        h1,
 +
        h2,
 +
        h3,
 +
        h4,
 +
        h5,
 +
        h6,
 +
        p,
 +
        blockquote,
 +
        pre,
 +
        a,
 +
        abbr,
 +
        acronym,
 +
        address,
 +
        big,
 +
        cite,
 +
        code,
 +
        del,
 +
        dfn,
 +
        em,
 +
        img,
 +
        ins,
 +
        kbd,
 +
        q,
 +
        s,
 +
        samp,
 +
        small,
 +
        strike,
 +
        strong,
 +
        sub,
 +
        sup,
 +
        tt,
 +
        var,
 +
        b,
 +
        u,
 +
        i,
 +
        center,
 +
        dl,
 +
        dt,
 +
        dd,
 +
        ol,
 +
        ul,
 +
        li,
 +
        fieldset,
 +
        form,
 +
        label,
 +
        legend,
 +
        table,
 +
        caption,
 +
        tbody,
 +
        tfoot,
 +
        thead,
 +
        tr,
 +
        th,
 +
        td,
 +
        article,
 +
        aside,
 +
        canvas,
 +
        details,
 +
        embed,
 +
        figure,
 +
        figcaption,
 +
        footer,
 +
        header,
 +
        hgroup,
 +
        menu,
 +
        nav,
 +
        output,
 +
        ruby,
 +
        section,
 +
        summary,
 +
        time,
 +
        mark,
 +
        audio,
 +
        video {
 +
            margin: 0;
 +
            padding: 0;
 +
            border: 0;
 +
            font-size: 100%;
 +
            /*font: inherit;*/
 +
            vertical-align: baseline;
 +
        }
 +
        /* HTML5 display-role reset for older browsers */
 +
       
 +
        article,
 +
        aside,
 +
        details,
 +
        figcaption,
 +
        figure,
 +
        footer,
 +
        header,
 +
        hgroup,
 +
        menu,
 +
        nav,
 +
        section,
 +
        main {
 +
            display: block;
 +
        }
 +
       
 +
        body {
 +
            line-height: 1;
 +
            width: 100vw;
 +
        }
 +
       
 +
        ol,
 +
        ul {
 +
            list-style: none;
 +
        }
 +
       
 +
        blockquote,
 +
        q {
 +
            quotes: none;
 +
        }
 +
       
 +
        blockquote:before,
 +
        blockquote:after,
 +
        q:before,
 +
        q:after {
 +
            content: '';
 +
            content: none;
 +
        }
 +
       
 +
        table {
 +
            border-collapse: collapse;
 +
            border-spacing: 0;
 +
        }
 +
        /* --------------------------------
  
 +
Primary style
  
−
<div class="clear"></div>
 
  
 +
-------------------------------- */
 +
       
 +
        html * {
 +
            -webkit-font-smoothing: antialiased;
 +
            -moz-osx-font-smoothing: grayscale;
 +
        }
 +
       
 +
        *,
 +
        *:after,
 +
        *:before {
 +
            -webkit-box-sizing: border-box;
 +
            -moz-box-sizing: border-box;
 +
            box-sizing: border-box;
 +
        }
 +
       
 +
        body {
 +
            font-size: 100%;
 +
            font-family: Ubuntu, sans-serif;
 +
            /*color: #3e3947;*/
 +
            color: white;
 +
            background-color: white;
 +
        }
 +
       
 +
        body,
 +
        html {
 +
            height: 100%;
 +
        }
 +
       
 +
        a {
 +
            color: #3e3947;
 +
            text-decoration: none;
 +
        }
 +
       
 +
        img {
 +
            max-width: 100%;
 +
        }
 +
        /* --------------------------------
  
 +
Modules - reusable parts of our design
  
 +
-------------------------------- */
 +
       
 +
        .cd-img-replace {
 +
            /* replace text with a background-image */
 +
            display: inline-block;
 +
            overflow: hidden;
 +
            text-indent: 100%;
 +
            white-space: nowrap;
 +
        }
 +
        /* --------------------------------
  
 +
Main components
  
 +
-------------------------------- */
 +
        /*
 +
1em -> 16px -> 1.1vw
 +
1px -> 0.06875vw
 +
950px -> 65.5vw --- width of SectionContianer
 +
*/
 +
        /*整体的section*/
 +
       
 +
        #SectionContainer .cd-section {
 +
            min-height: 100vh;
 +
            position: relative;
 +
            padding: 21vh 15vw 15vh 10vw;
 +
            /*21vh 22em 2em 10vw*/
 +
            text-align: justify;
 +
        }
 +
       
 +
        #SectionContainer .cd-section:nth-of-type(odd) {
 +
            background-color: #3e3947;
 +
        }
 +
       
 +
        #SectionContainer .cd-section:nth-of-type(odd) p {
 +
            color: white;
 +
        }
 +
       
 +
        #SectionContainer .cd-section:nth-of-type(even) {
 +
            background-color: #745360;
 +
        }
 +
       
 +
        #SectionContainer .cd-section:nth-of-type(even) p {
 +
            color: white;
 +
        }
 +
        /*每个推送的标题*/
 +
       
 +
        #SectionContainer .cd-section p.PushTitle {
 +
            position: relative;
 +
            color: white;
 +
            padding-top: 3.5em;
 +
            padding-bottom: 1em;
 +
            font-size: 1.5vw;
 +
            /*22px*/
 +
        }
 +
       
 +
        #SectionContainer .cd-section p {
 +
            position: relative;
 +
        }
 +
        /*加大的首字母*/
 +
       
 +
        #SectionContainer .cd-section b {
 +
            position: relative;
 +
            font-weight: 500;
 +
            font-size: 1.4em;
 +
            overflow: unset;
 +
        }
 +
        /*总标题*/
 +
       
 +
        #SectionContainer .cd-section #medalMainTitle {
 +
            color: white;
 +
            font-weight: bold;
 +
            font-size: 3.5vw;
 +
            /*50px*/
 +
            position: relative;
 +
            bottom: auto;
 +
            padding-bottom: 1.2em;
 +
            overflow: unset;
 +
        }
 +
        /*三个部分的大标题*/
 +
       
 +
        #SectionContainer .cd-section h1.medalSubTitle:not(#medalSubTitle1) {
 +
            color: white;
 +
            font-weight: 500;
 +
            font-size: 2.1vw;
 +
            /*31px*/
 +
            position: relative;
 +
            bottom: auto;
 +
            padding-bottom: 1.2em;
 +
            overflow: unset;
 +
        }
 +
       
 +
        #SectionContainer .cd-section h1#medalSubTitle1 {
 +
            color: white;
 +
            font-weight: 500;
 +
            font-size: 2.1vw;
 +
            /*31px*/
 +
            position: relative;
 +
            bottom: auto;
 +
            padding-bottom: 0.5em;
 +
            /*padding-top: 2em;*/
 +
        }
 +
       
 +
        #medalText {
 +
            margin-left: 2vw;
 +
            line-height: 3vh;
 +
            font-size: 1.2vw
 +
        }
 +
       
 +
        #SectionContainer .cd-section p {
 +
            line-height: 1.6;
 +
        }
 +
       
 +
        #SectionContainer .cd-section img.PushImage {
 +
            display: block;
 +
            margin: 0 auto;
 +
            padding-bottom: 10px;
 +
            padding-top: 10px;
 +
        }
 +
       
 +
        #SectionContainer .cd-section #ImageTable {
 +
            margin: 0 auto;
 +
            padding-top: 20px;
 +
        }
 +
       
 +
        #SectionContainer .cd-section #PushTableImage1 {
 +
            padding-right: 1.5vw;
 +
            /*15px*/
 +
        }
 +
       
 +
        #SectionContainer .cd-section #PushImage4 {
 +
            position: relative;
 +
            float: right;
 +
            margin: auto;
 +
            padding-left: 20px;
 +
            padding-right: 10px;
 +
        }
 +
       
 +
        #SectionContainer .cd-section #Suggestions {
 +
            padding-left: 3em;
 +
        }
 +
       
 +
        #SectionContainer .cd-section #CharmingHeader {
 +
            padding-left: 1.5em;
 +
        }
 +
       
 +
        #SectionContainer .cd-section #genewiz {
 +
            float: right;
 +
            padding-left: 20px;
 +
            /*20px*/
 +
            padding-right: 10px;
 +
            width: 33vw;
 +
            /*height: 31.35vw;*/
 +
            top: 5em;
 +
        }
 +
        /*/*/
 +
       
 +
        @media only screen and (min-width: 768px) {
 +
            /*.cd-section h1 {
 +
    font-size: 30px;
 +
    font-size: 1.875rem;
 +
  }*/
 +
            /*p的字体设置*/
 +
            #SectionContainer .cd-section p {
 +
                /*font-size: 1px;*/
 +
                font-size: 1.1vw;
 +
                /*1em*/
 +
                color: white;
 +
                /*line-height: 2;*/
 +
            }
 +
        }
 +
        /* No Touch devices */
 +
       
 +
        .cd-nav-trigger {
 +
            display: none;
 +
        }
 +
       
 +
        .no-touch #cd-vertical-nav {
 +
            position: fixed;
 +
            right: 40px;
 +
            top: 25%;
 +
            bottom: auto;
 +
            -webkit-transform: translateY(-50%);
 +
            -moz-transform: translateY(-50%);
 +
            -ms-transform: translateY(-50%);
 +
            -o-transform: translateY(-50%);
 +
            transform: translateY(-50%);
 +
            z-index: 1;
 +
        }
 +
       
 +
        .no-touch #cd-vertical-nav li {
 +
            text-align: right;
 +
        }
 +
       
 +
        .no-touch #cd-vertical-nav a {
 +
            display: inline-block;
 +
            /* prevent weird movements on hover when you use a CSS3 transformation - webkit browsers */
 +
            -webkit-backface-visibility: hidden;
 +
            backface-visibility: hidden;
 +
        }
 +
       
 +
        .no-touch #cd-vertical-nav a:after {
 +
            content: "";
 +
            display: table;
 +
            clear: both;
 +
        }
 +
       
 +
        .no-touch #cd-vertical-nav a span {
 +
            float: right;
 +
            display: inline-block;
 +
            -webkit-transform: scale(0.6);
 +
            -moz-transform: scale(0.6);
 +
            -ms-transform: scale(0.6);
 +
            -o-transform: scale(0.6);
 +
            transform: scale(0.6);
 +
        }
 +
       
 +
        .no-touch #cd-vertical-nav a.is-selected span {
 +
            -webkit-transform: scale(1);
 +
            -moz-transform: scale(1);
 +
            -ms-transform: scale(1);
 +
            -o-transform: scale(1);
 +
            transform: scale(1);
 +
        }
 +
       
 +
        .no-touch #cd-vertical-nav a:hover span {
 +
            -webkit-transform: scale(1);
 +
            -moz-transform: scale(1);
 +
            -ms-transform: scale(1);
 +
            -o-transform: scale(1);
 +
            transform: scale(1);
 +
        }
 +
        /*.no-touch #cd-vertical-nav a:hover .cd-label {*/
 +
        /*  opacity: 1;*/
 +
        /*}*/
 +
       
 +
        .no-touch #cd-vertical-nav a.is-selected .cd-label {
 +
            opacity: 1;
 +
        }
 +
       
 +
        .no-touch #cd-vertical-nav a.is-selected .cd-dot {
 +
            /*点到达时的颜色*/
 +
            background-color: white;
 +
        }
 +
       
 +
        .no-touch #cd-vertical-nav .cd-dot {
 +
            position: relative;
 +
            /* we set a top value in order to align the dot with the label. If you change label's font, you may need to change this top value*/
 +
            top: 0.9vw;
 +
            /*13px*/
 +
            height: 12px;
 +
            width: 12px;
 +
            border-radius: 50%;
 +
            /*点未到达时的颜色*/
 +
            background-color: dodgerblue;
 +
            -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
 +
            -moz-transition: -moz-transform 0.2s, background-color 0.5s;
 +
            transition: transform 0.2s, background-color 0.5s;
 +
            -webkit-transform-origin: 50% 50%;
 +
            -moz-transform-origin: 50% 50%;
 +
            -ms-transform-origin: 50% 50%;
 +
            -o-transform-origin: 50% 50%;
 +
            transform-origin: 50% 50%;
 +
        }
 +
       
 +
        .no-touch #cd-vertical-nav .cd-label {
 +
            position: relative;
 +
            margin-right: 0.6vw;
 +
            /*10px*/
 +
            padding: .2em .5em;
 +
            /*padding: 0;*/
 +
            color: white;
 +
            font-size: 2.3vw;
 +
            /*34px*/
 +
            /*font-size: 0.875rem;*/
 +
            -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
 +
            -moz-transition: -moz-transform 0.2s, opacity 0.2s;
 +
            transition: transform 0.2s, opacity 0.2s;
 +
            /*文字未hover时的透明度*/
 +
            opacity: 0.5;
 +
            -webkit-transform-origin: 100% 50%;
 +
            -moz-transform-origin: 100% 50%;
 +
            -ms-transform-origin: 100% 50%;
 +
            -o-transform-origin: 100% 50%;
 +
            transform-origin: 100% 50%;
 +
        }
 +
        /* Touch devices */
 +
       
 +
        .touch .cd-nav-trigger {
 +
            display: block;
 +
            z-index: 2;
 +
            position: fixed;
 +
            bottom: 30px;
 +
            right: 5%;
 +
            height: 44px;
 +
            width: 44px;
 +
            border-radius: 0.25em;
 +
            background: rgba(255, 255, 255, 0.9);
 +
        }
 +
       
 +
        .touch .cd-nav-trigger span {
 +
            position: absolute;
 +
            height: 4px;
 +
            width: 4px;
 +
            background-color: #3e3947;
 +
            border-radius: 50%;
 +
            left: 50%;
 +
            top: 50%;
 +
            bottom: auto;
 +
            right: auto;
 +
            -webkit-transform: translateX(-50%) translateY(-50%);
 +
            -moz-transform: translateX(-50%) translateY(-50%);
 +
            -ms-transform: translateX(-50%) translateY(-50%);
 +
            -o-transform: translateX(-50%) translateY(-50%);
 +
            transform: translateX(-50%) translateY(-50%);
 +
        }
 +
       
 +
        .touch .cd-nav-trigger span::before,
 +
        .touch .cd-nav-trigger span::after {
 +
            content: '';
 +
            height: 100%;
 +
            width: 100%;
 +
            position: absolute;
 +
            left: 0;
 +
            background-color: inherit;
 +
            border-radius: inherit;
 +
        }
 +
       
 +
        .touch .cd-nav-trigger span::before {
 +
            top: -9px;
 +
        }
 +
       
 +
        .touch .cd-nav-trigger span::after {
 +
            bottom: -9px;
 +
        }
 +
       
 +
        .touch #cd-vertical-nav {
 +
            position: fixed;
 +
            z-index: 1;
 +
            right: 5%;
 +
            bottom: 30px;
 +
            width: 90%;
 +
            max-width: 400px;
 +
            max-height: 90%;
 +
            overflow-y: scroll;
 +
            -webkit-overflow-scrolling: touch;
 +
            -webkit-transform-origin: right bottom;
 +
            -moz-transform-origin: right bottom;
 +
            -ms-transform-origin: right bottom;
 +
            -o-transform-origin: right bottom;
 +
            transform-origin: right bottom;
 +
            -webkit-transform: scale(0);
 +
            -moz-transform: scale(0);
 +
            -ms-transform: scale(0);
 +
            -o-transform: scale(0);
 +
            transform: scale(0);
 +
            -webkit-transition-property: -webkit-transform;
 +
            -moz-transition-property: -moz-transform;
 +
            transition-property: transform;
 +
            -webkit-transition-duration: 0.2s;
 +
            -moz-transition-duration: 0.2s;
 +
            transition-duration: 0.2s;
 +
            border-radius: 0.25em;
 +
            background-color: rgba(255, 255, 255, 0.9);
 +
        }
 +
       
 +
        .touch #cd-vertical-nav a {
 +
            display: block;
 +
            padding: 1em;
 +
            border-bottom: 1px solid rgba(62, 57, 71, 0.1);
 +
        }
 +
       
 +
        .touch #cd-vertical-nav a span:first-child {
 +
            display: none;
 +
        }
 +
       
 +
        .touch #cd-vertical-nav a.is-selected span:last-child {
 +
            color: #d88683;
 +
        }
 +
       
 +
        .touch #cd-vertical-nav.open {
 +
            -webkit-transform: scale(1);
 +
            -moz-transform: scale(1);
 +
            -ms-transform: scale(1);
 +
            -o-transform: scale(1);
 +
            transform: scale(1);
 +
        }
 +
       
 +
        .touch #cd-vertical-nav.open+.cd-nav-trigger {
 +
            background-color: transparent;
 +
        }
 +
       
 +
        .touch #cd-vertical-nav.open+.cd-nav-trigger span {
 +
            background-color: rgba(62, 57, 71, 0);
 +
        }
 +
       
 +
        .touch #cd-vertical-nav.open+.cd-nav-trigger span::before,
 +
        .touch #cd-vertical-nav.open+.cd-nav-trigger span::after {
 +
            background-color: #3e3947;
 +
            height: 3px;
 +
            width: 20px;
 +
            border-radius: 0;
 +
            left: -8px;
 +
        }
 +
       
 +
        .touch #cd-vertical-nav.open+.cd-nav-trigger span::before {
 +
            -webkit-transform: rotate(45deg);
 +
            -moz-transform: rotate(45deg);
 +
            -ms-transform: rotate(45deg);
 +
            -o-transform: rotate(45deg);
 +
            transform: rotate(45deg);
 +
            top: 1px;
 +
        }
 +
       
 +
        .touch #cd-vertical-nav.open+.cd-nav-trigger span::after {
 +
            -webkit-transform: rotate(135deg);
 +
            -moz-transform: rotate(135deg);
 +
            -ms-transform: rotate(135deg);
 +
            -o-transform: rotate(135deg);
 +
            transform: rotate(135deg);
 +
            bottom: 0;
 +
        }
 +
       
 +
        .touch #cd-vertical-nav li:last-child a {
 +
            border-bottom: none;
 +
        }
 +
       
 +
        @media only screen and (min-width: 768px) {
 +
            .touch .cd-nav-trigger,
 +
            .touch #cd-vertical-nav {
 +
                bottom: 40px;
 +
            }
 +
        }
 +
       
 +
        table {
 +
            /*border-collapse: collapse;*/
 +
            border-spacing: 0;
 +
            font-family: Arial, Helvetica, sans-serif;
 +
            font-size: 14px;
 +
            color: white;
 +
        }
 +
        /* .custom_tb tr:hover {
 +
            background-color: #fbf8e9;
 +
            transition: all 0.1s ease-in-out;
 +
        } */
 +
       
 +
        .custom_tb th,
 +
        .custom_tb td {
 +
            border-left: 1px solid #ccc;
 +
            border-top: 1px solid #ccc;
 +
            padding: 10px;
 +
            /* padding: 0; */
 +
            text-align: left;
 +
        }
 +
       
 +
        .custom_tb th {
 +
            /* 首行颜色 */
 +
            background-color: teal;
 +
            border-top: none;
 +
        }
 +
       
 +
        .custom_tb td:first-child,
 +
        .custom_tb th:first-child {
 +
            border-left: none;
 +
            background-color: lightslategray;
 +
        }
 +
       
 +
        .custom_tb th:first-child {
 +
            border-radius: 6px 0 0 0;
 +
            background-color: teal;
 +
        }
 +
       
 +
        .custom_tb th:last-child {
 +
            border-radius: 0 6px 0 0;
 +
        }
 +
       
 +
        .custom_tb tr:last-child td:first-child {
 +
            border-radius: 0 0 0 6px;
 +
        }
 +
       
 +
        .custom_tb tr:last-child td:last-child {
 +
            border-radius: 0 0 6px 0;
 +
        }
 +
       
 +
        .custom_tb {
 +
            width: 70vw;
 +
            /* margin: 10px auto; */
 +
            border: 1px solid #ccc;
 +
            border-radius: 6px;
 +
            box-shadow: 0 1px 1px #ccc;
 +
        }
 +
    </style>
  
−
<div class="column full_size">
+
</head>
−
<h1>Attributions</h1>
+
−
<p>This page is your opportunity to explain what parts of your project you did and what was done by technicians, advisers, etc. This requirement is not about literature references - these can and should be displayed throughout your wiki.
+
−
</p>
+
  
−
<h3> Bronze Medal Criterion #3</h3>
+
<body>
−
<p> All of the work done in your project must be attributed correctly on this page. You must clearly state the work that was done by the students on your team and note any work that was done by people outside of your team, including the host labs, advisors, instructors, and individuals not on the team roster.
+
    <div style="position:absolute; margin:0vh 0vw 0vh -10px; width:100vw; color:white" id="section">
−
<br><br>
+
        <nav id="cd-vertical-nav" style="padding-top: 0vh">
−
Please see the <a href="https://2019.igem.org/Judging/Medals">Medals requirements page</a> for more details.</p>
+
            <ul>
−
</div>
+
                <li>
 +
                    <a href="#section1" data-number="1">
 +
                        <span class="cd-dot"></span>
 +
                        <span class="cd-label">Team members</span>
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a href="#section2" data-number="2">
 +
                        <span class="cd-dot"></span>
 +
                        <span class="cd-label">Attributions</span>
 +
                    </a>
 +
                </li>
 +
            </ul>
 +
        </nav>
 +
        <a class="cd-nav-trigger cd-img-replace">Open navigation<span></span></a>
  
 +
        <div id="SectionContainer">
 +
            <section id="section1" class="cd-section">
 +
                <h1 id="medalMainTitle"><b style="font-size:1.2em; font-weight: bold;">M</b>DEAL</h1>
 +
                <img src="https://static.igem.org/mediawiki/2019/e/e1/T--Tongji_Software--picture-logo2.png" style="width:100vw"></img>
  
−
<div class="clear extra_space"></div>
+
                <!-- <h1 class="HpSubTitle"><b>X</b>IANG <b>M</b>ING <b>H</b>IGH <b>S</b>CHOOL</h1> -->
 +
                <h1 class="medalSubTitle"><b>B</b>RONZE</h1>
 +
                <p> <b>✔︎Register for iGEM, have a great iGEM season, and attend the Giant Jamboree.</b>
 +
                    <div style="margin-left:2vw;line-height: 3vh">
 +
                        We have successfully registered for iGEM, work hard and have fun in this iGEM season. More importantly, we plan our trip to Boston and attend the Giant Jamboree.
 +
                    </div>
 +
                </p><br>
 +
                <p><b>✔︎Completed all the following Competition Deliverables:</b>
 +
                    <div style="margin-left:2vw;line-height: 3vh">
 +
                        #1 Wiki: we made an understandable wiki with marvelous design.
 +
                        <br>#2 Poster : we made our poster and check it on the Giant Jamboree.
 +
                        <br>#3 Presentation : we are going to do presentation on the Giant Jamboree.
 +
                        <br>#4 Judging Form: here is our judging form.
 +
                    </div>
 +
                </p><br>
  
 +
                <p><b>✔︎Completed Competition Deliverable #5 Attributions from this page</b>
 +
                    <div style="margin-left:2vw;line-height: 3vh">Check it in Attributions.</div>
 +
                </p><br>
 +
                <p><b>✔︎Dompleted Competition Deliverable #8 Project Inspiration and Description. </b>
 +
                    <div style="margin-left:2vw;line-height: 3vh">Check it in Attributions.</div>
 +
                </p><br>
 +
                <p><b>✔︎Document on your team wiki at least one new substantial contribution to the iGEM community that showcases a project related to BioBricks. This contribution should be central to your project and equivalent in difficulty to making and submitting a BioBrick Part.</b>
 +
                    <div style="margin-left:2vw;line-height: 3vh">Check it in Attributions.</div>
 +
                </p>
 +
            </section>
 +
            <!-- cd-section -->
  
 +
            <section id="section2" class="cd-section">
 +
                <h1 class="medalSubTitle"><b>A</b>TTRIBUTIONS</h1>
 +
                <br><br>
 +
                <p><b>Team members Attributions</b></p>
 +
                <table class="custom_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>
  
−
<div class="column third_size">
+
                    </tr>
−
<h3> What should this page contain?</h3>
+
                    <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>
  
−
<ul>
 
−
<li>Clearly state what the team accomplished</li>
 
−
<li>General Support</li>
 
−
<li>Project support and advice</li>
 
−
<li>Fundraising help and advice</li>
 
−
<li>Lab support</li>
 
−
<li>Difficult technique support</li>
 
−
<li>Project advisor support</li>
 
−
<li>Wiki support</li>
 
−
<li>Presentation coaching</li>
 
−
<li>Human Practices support</li>
 
−
<li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
 
−
</ul>
 
−
</div>
 
  
−
<div class="column third_size">
+
                    </tr>
−
<p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p>
+
                    <tr>
−
<ul>
+
                        <td>Algorithm Implementation</td>
−
<li>Does your institution teach an iGEM or synthetic biology course?</li>
+
                        <td></td>
−
<li>When did you start this course?</li>
+
                        <td>︎</td>
−
<li>Are the syllabus and course materials freely available online?</li>
+
                        <td>︎</td>
−
<li>When did you start your brainstorming?</li>
+
                        <td>✔︎</td>
−
<li>When did you start in the lab?</li>
+
                        <td>︎</td>
−
<li>When did you start working on  your project?</li>
+
                        <td>︎</td>
−
</ul>
+
                        <td>︎</td>
−
</div>
+
                        <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>
  
−
<div class="column third_size">
+
                    </tr>
−
<div class="highlight decoration_A_full">
+
                    <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><br><br>
 +
                <p><b>Material</b></p>
 +
                <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, use and build 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 poster text content, contribute to presentations for communication, and organize the harvest of human practices</td>
 +
                    </tr>
 +
                    <tr>
 +
                        <td>Conference Records</td>
 +
                        <td>Record the content 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>
  
−
<h3>Inspiration</h3>
 
−
<p>Take a look at what other teams have done:</p>
 
−
<ul>
 
−
<li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
 
−
<li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
 
−
<li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
  
 +
                </table>
  
  
−
<div class="clear extra_space"></div>
 
−
 
−
<div class="column two_thirds_size">
 
−
<h3> Why is this page needed? </h3>
 
−
<p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
 
−
<p>
 
−
For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
 
−
</div>
 
−
 
−
<div class="column third_size">
 
−
<div class="highlight decoration_B_full">
 
−
<h3> Can we base our project on a previous one? </h3>
 
−
<p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
 
−
</div>
 
−
</div>
 
  
 +
            </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>
  
 +
</body>
  
 
</html>
 
</html>

Revision as of 14:03, 14 October 2019

Tongji Software | Pathlab

PROJECT
Open navigation

MDEAL

BRONZE

✔︎Register for iGEM, have a great iGEM season, and attend the Giant Jamboree.

We have successfully registered for iGEM, work hard and have fun in this iGEM season. More importantly, we plan our trip to Boston and attend the Giant Jamboree.


✔︎Completed all the following Competition Deliverables:

#1 Wiki: we made an understandable wiki with marvelous design.
#2 Poster : we made our poster and check it on the Giant Jamboree.
#3 Presentation : we are going to do presentation on the Giant Jamboree.
#4 Judging Form: here is our judging form.


✔︎Completed Competition Deliverable #5 Attributions from this page

Check it in Attributions.


✔︎Dompleted Competition Deliverable #8 Project Inspiration and Description.

Check it in Attributions.


✔︎Document on your team wiki at least one new substantial contribution to the iGEM community that showcases a project related to BioBricks. This contribution should be central to your project and equivalent in difficulty to making and submitting a BioBrick Part.

Check it in Attributions.

ATTRIBUTIONS



Team members Attributions

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