Difference between revisions of "Team:Imperial College"

Line 11: Line 11:
 
display: none;
 
display: none;
 
}
 
}
 +
 +
 +
 +
 +
<!-- LANDING PAGE STYLE SHEET BECAUSE WE DON'T KNOW WHAT WE'RE DOING -->
 +
 +
/*!
 +
* Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 +
* Code licensed under the Apache License v2.0.
 +
* For details, see http://www.apache.org/licenses/LICENSE-2.0.
 +
*/
 +
 +
body,
 +
html {
 +
    width: 100%;
 +
    height: 100%;
 +
}
 +
 +
body,
 +
h1,
 +
h2,
 +
h3,
 +
h4,
 +
h5,
 +
h6 {
 +
    font-family: "Lato","Helvetica Neue",Helvetica,Arial,sans-serif;
 +
    font-weight: 700;
 +
}
 +
 +
.topnav {
 +
    font-size: 14px;
 +
}
 +
 +
.lead {
 +
    font-size: 18px;
 +
    font-weight: 400;
 +
}
 +
 +
.intro-header {
 +
    padding-top: 50px; /* If you're making other pages, make sure there is 50px of padding to make sure the navbar doesn't overlap content! */
 +
    padding-bottom: 50px;
 +
    text-align: center;
 +
    color: #f8f8f8;
 +
    background: url(../img/cell.jpg) no-repeat center center;
 +
    background-size: cover;
 +
}
 +
 +
.intro-message {
 +
    position: relative;
 +
    padding-top: 20%;
 +
    padding-bottom: 20%;
 +
}
 +
 +
.intro-message > h1 {
 +
    margin: 0;
 +
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
 +
    font-size: 5em;
 +
}
 +
 +
.intro-divider {
 +
    width: 400px;
 +
    border-top: 1px solid #f8f8f8;
 +
    border-bottom: 1px solid rgba(0,0,0,0.2);
 +
}
 +
 +
.intro-message > h3 {
 +
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
 +
}
 +
 +
@media(max-width:767px) {
 +
    .intro-message {
 +
        padding-bottom: 15%;
 +
    }
 +
 +
    .intro-message > h1 {
 +
        font-size: 3em;
 +
    }
 +
 +
    ul.intro-social-buttons > li {
 +
        display: block;
 +
        margin-bottom: 20px;
 +
        padding: 0;
 +
    }
 +
 +
    ul.intro-social-buttons > li:last-child {
 +
        margin-bottom: 0;
 +
    }
 +
 +
    .intro-divider {
 +
        width: 100%;
 +
    }
 +
}
 +
 +
.network-name {
 +
    text-transform: uppercase;
 +
    font-size: 14px;
 +
    font-weight: 400;
 +
    letter-spacing: 2px;
 +
}
 +
 +
.content-section-a {
 +
    padding: 50px 0;
 +
    background-color: #f8f8f8;
 +
}
 +
 +
.content-section-b {
 +
    padding: 50px 0;
 +
    border-top: 1px solid #e7e7e7;
 +
    border-bottom: 1px solid #e7e7e7;
 +
}
 +
 +
.section-heading {
 +
    margin-bottom: 30px;
 +
}
 +
 +
.section-heading-spacer {
 +
    float: left;
 +
    width: 200px;
 +
    border-top: 3px solid #e7e7e7;
 +
}
 +
 +
.banner {
 +
    padding: 100px 0;
 +
    color: #f8f8f8;
 +
    background: url(../img/cell.jpg) no-repeat center center;
 +
    background-size: cover;
 +
}
 +
 +
.banner h2 {
 +
    margin: 0;
 +
    text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
 +
    font-size: 3em;
 +
}
 +
 +
.banner ul {
 +
    margin-bottom: 0;
 +
}
 +
 +
.banner-social-buttons {
 +
    float: right;
 +
    margin-top: 0;
 +
}
 +
 +
@media(max-width:1199px) {
 +
    ul.banner-social-buttons {
 +
        float: left;
 +
        margin-top: 15px;
 +
    }
 +
}
 +
 +
@media(max-width:767px) {
 +
    .banner h2 {
 +
        margin: 0;
 +
        text-shadow: 2px 2px 3px rgba(0,0,0,0.6);
 +
        font-size: 3em;
 +
    }
 +
 +
    ul.banner-social-buttons > li {
 +
        display: block;
 +
        margin-bottom: 20px;
 +
        padding: 0;
 +
    }
 +
 +
    ul.banner-social-buttons > li:last-child {
 +
        margin-bottom: 0;
 +
    }
 +
}
 +
 +
footer {
 +
    padding: 50px 0;
 +
    background-color: #f8f8f8;
 +
}
 +
 +
p.copyright {
 +
    margin: 15px 0 0;
 +
}
 +
 
</style>
 
</style>
  
Line 55: Line 232:
 
                 <a class="navbar-brand topnav" href="#">iGEM 2016</a>
 
                 <a class="navbar-brand topnav" href="#">iGEM 2016</a>
 
             </div>
 
             </div>
 +
 
             <!-- Collect the nav links, forms, and other content for toggling -->
 
             <!-- Collect the nav links, forms, and other content for toggling -->
 
             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="border-top:10px solid #000;">
 
             <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1" style="border-top:10px solid #000;">

Revision as of 12:55, 22 July 2016

Landing Page - Start Bootstrap Theme

Imperial iGEM 2016

Co-Culture

Brainstorming Process

We began our brainstorming process in late June by identifying key challenges facing the world today, such as climate change and antimicrobial resistance. We then came up with interesting aspects of biology and thought about how they might be used to solve these challenges. In order develop these ideas further, we formed smaller sub-groups tasked with researching them in more detail, before pitching them to PhDs, post-docs, and PIs from Centre for Synthetic Biology at Imperial College. We also collaborated with students from the Royal College of Art, who challenged us to be more speculative in our brainstorming and consider the real-world implications of our ideas.

The feedback we received during these sessions was very useful in refining our ideas. This generally involved deconstructing ideas into their basic components; identifying those that interested us the most, and eliminating the rest. Ideas we presented during this time included: bacterial associative learning, biosilica production, cell-free antimicrobial peptide production, genetic Turing machines, and sonogenetics. We found that some of the ideas we were most interested in relied on complex genetic circuits that would be impractical to construct in a single chassis.

3D Device Mockups
by PSDCovers

Turn your 2D designs into high quality, 3D product shots in seconds using free Photoshop actions by PSDCovers! Visit their website to download some of their awesome, free photoshop actions!

Google Web Fonts and
Font Awesome Icons

This template features the 'Lato' font, part of the Google Web Font library, as well as icons from Font Awesome.