Difference between revisions of "Team:Shanghaitech/ScientificInsights"

(Created page with "{{Shanghaitech/custom}} {{Shanghaitech/css}} {{Shanghaitech/js}} <html> <div id='main-content-wrapper'> <div class="column half_size" id="content-block"> <h1>Scientific Insig...")
 
Line 8: Line 8:
 
<h1>Scientific Insights</h1>
 
<h1>Scientific Insights</h1>
 
<div class="column half_size">
 
<div class="column half_size">
−
<img href="https://static.igem.org/mediawiki/2017/7/71/T--Shanghaitech--workssdcsdcsdcsdhop1.jpg"  
+
<style type="text/css">
 +
*,
 +
*:before,
 +
*:after {
 +
    box-sizing: border-box;
 +
}
 +
 
 +
h1 {
 +
    font: normal 1.8em/1.3 Capita, Georgia, serif;
 +
    margin: 0 0 1.2em;
 +
    color: #8ab300;
 +
}
 +
 
 +
.photo-stack-grid {
 +
    list-style: none;
 +
    margin: 0;
 +
    padding: 0;
 +
    text-align: center;
 +
}
 +
 
 +
.photo-stack-grid:after {
 +
    content: " ";
 +
    display: table;
 +
    clear: both;
 +
}
 +
 
 +
.photo-stack-grid li {
 +
    width: 46%;
 +
    float: left;
 +
    margin: 0 8% 2.8em 0;
 +
}
 +
 
 +
.photo-stack-grid li:nth-child(2n) {
 +
    margin-right: 0;
 +
}
 +
 
 +
 
 +
/* remember to clear first item in each row */
 +
 
 +
.photo-stack-grid li:nth-child(2n + 1) {
 +
    clear: left;
 +
}
 +
 
 +
.photo-stack-grid a {
 +
    display: block;
 +
    color: #333;
 +
    text-decoration: none;
 +
    font: 600 0.8em/1.3 "Open Sans", sans-serif;
 +
}
 +
 
 +
span {
 +
    text-overflow: ellipsis;
 +
    white-space: nowrap;
 +
    overflow: hidden;
 +
    display: block;
 +
}
 +
 
 +
.photo-stack {
 +
    position: relative;
 +
    margin: 0 4% 2em;
 +
    display: block;
 +
}
 +
 
 +
.photo-stack:before,
 +
.photo-stack:after,
 +
.photo-stack img {
 +
    display: block;
 +
    background: #ccc;
 +
    border: 5px solid #fff;
 +
    border-radius: 3px;
 +
    padding: 1px;
 +
}
 +
 
 +
.photo-stack:before,
 +
.photo-stack:after {
 +
    content: '';
 +
    position: absolute;
 +
    left: 0px;
 +
    top: 0px;
 +
    width: 100%;
 +
    height: 100%;
 +
    background: #969289;
 +
    box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.3);
 +
    transform: rotate(6deg);
 +
}
 +
 
 +
.photo-stack:after {
 +
    transform: rotate(10deg);
 +
    z-index: -1;
 +
}
 +
 
 +
.photo-stack img {
 +
    transform: rotate(0deg);
 +
    width: 100%;
 +
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2),
 +
    0 14px 18px -12px rgba(0, 0, 0, 0.9);
 +
}
 +
 
 +
.ie8 .photo-stack:before,
 +
.ie8 .photo-stack:after {
 +
    display: none;
 +
}
 +
 
 +
@media (min-width: 620px) {
 +
    body {
 +
        font-size: 120%;
 +
    }
 +
    .photo-stack-grid li {
 +
        width: 19%;
 +
    }
 +
    .photo-stack-grid li:nth-child(2n) {
 +
        margin-right: 8%;
 +
    }
 +
    .photo-stack-grid li:nth-child(2n + 1) {
 +
        clear: none;
 +
    }
 +
    .photo-stack-grid li:nth-child(4n) {
 +
        margin-right: 0;
 +
    }
 +
    .photo-stack-grid li:nth-child(4n + 1) {
 +
        clear: left;
 +
    }
 +
}
 +
</style>
 +
<h3>Click pictures to see details</h3>
 +
<br><br><br>
 +
<ul class="photo-stack-grid">
 +
    <li>
 +
        <a href="https://2017.igem.org/Team:Shanghaitech/ChenLuonan">
 +
            <figure class="photo-stack">
 +
                <!--
 +
            ***change aspect ratio of image - /200/400***
 +
        -->
 +
                <img src="https://static.igem.org/mediawiki/2017/7/71/T--Shanghaitech--workssdcsdcsdcsdhop1.jpg" alt="Chen Luonan" />
 +
            </figure>
 +
            <span>Chen Luonan</span>
 +
            <p>Computational and System Biology</p>
 +
        </a>
 +
    </li>
 +
    <li>
 +
        <a href="https://2017.igem.org/Team:Shanghaitech/WangYong">
 +
            <figure class="photo-stack">
 +
                <img src="https://static.igem.org/mediawiki/2017/5/5e/T--Shanghaitech--wasdfcsdcsdcwdorkshop1.jpg" alt="Wang Yong" />
 +
            </figure>
 +
            <span>Wang Yong, Synthetic Biology</span>
 +
        </a>
 +
    </li>
 +
    <li>
 +
        <a href="#d">
 +
            <figure class="photo-stack">
 +
                <img src="https://static.igem.org/mediawiki/2017/2/25/T--Shanghaitech--wasdfcsdcsdcwdoxcaddcrkshop1.jpg" alt="Yuan Bo" />
 +
            </figure>
 +
            <span>Yuan Bo, Electronic Engineering</span>
 +
        </a>
 +
    </li>
 +
 +
</ul>
  
  

Revision as of 04:57, 1 November 2017

Scientific Insights

Click pictures to see details




In addition to the public and community’s feedback, we also obtained professional insights and suggestion to improve our project. We visited and interviewed scholars from different backgrounds including computational biology, synthetic biology, and electronic engineering. Interchanging of thoughts between our team and those experts inspired and encouraged us to further perfecting our project’s design and practicing. These insights provide guidelines for our follow-up works including human practice, hardware and software design, and modeling.