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 | ||
− | |||
+ | -------------------------------- */ | ||
+ | |||
+ | 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> | ||
− | + | </head> | |
− | + | ||
− | + | ||
− | + | ||
− | < | + | <body> |
− | < | + | <div style="position:absolute; margin:0vh 0vw 0vh -10px; width:100vw; color:white" id="section"> |
− | < | + | <nav id="cd-vertical-nav" style="padding-top: 0vh"> |
− | + | <ul> | |
− | </ | + | <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> | ||
− | < | + | <!-- <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> | ||
− | < | + | </tr> |
− | < | + | <tr> |
+ | <td>Ranking Criteria</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td></td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | </tr> |
− | < | + | <tr> |
− | < | + | <td>Algorithm Implementation</td> |
− | < | + | <td></td> |
− | < | + | <td>︎</td> |
− | < | + | <td>︎</td> |
− | < | + | <td>✔︎</td> |
− | < | + | <td>︎</td> |
− | < | + | <td>︎</td> |
− | </ | + | <td>︎</td> |
− | </ | + | <td>︎</td> |
+ | <td>︎</td> | ||
+ | <td></td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Coding</td> | ||
+ | <td>✔︎</td> | ||
+ | <td></td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Modeling</td> | ||
+ | <td></td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Education</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td></td> | ||
+ | <td>︎</td> | ||
+ | <td></td> | ||
+ | <td>✔︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Written Material</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Conference Records</td> | ||
+ | <td>︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td></td> | ||
+ | <td>✔︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Design</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎✔︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Human Practices</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
+ | <td>✔︎</td> | ||
− | < | + | </tr> |
− | < | + | <tr> |
+ | <td>Finance</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td>︎</td> | ||
+ | <td></td> | ||
+ | <td>✔︎</td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <br><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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </table> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | </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
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.
#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 |