Difference between revisions of "Team:McMaster"

 
Line 1: Line 1:
−
{{McMaster/Header}}
 
 
{{McMaster/w3}}
 
{{McMaster/w3}}
 +
 +
<!-- Declare that you are going to use html code instead of wiki code -->
 +
<html>
 +
 +
<link href='http://fonts.googleapis.com/css?family=Century+Gothic' rel='stylesheet' type='text/css'>
 +
<!-- Start of CSS - Changing iGEM defaults here-->
 +
<style type="text/css">
 +
 +
/* WIKI SETTINGS*/
 +
                /*-- remove default heading*/
 +
#home_logo, #sideMenu { display:none; }
 +
        #sideMenu, #top_title, .patrollink  {display:none;}
 +
/* Hide first heading */
 +
.firstHeading {
 +
display: none;
 +
}
 +
 +
/*-- Remove borders, float content left and remove padding/margin */
 +
#content{
 +
background-color: transparent;
 +
//border: 3px solid red;
 +
float: left;
 +
width: 99%;
 +
margin-left: 0.5%;
 +
padding: 0px;
 +
}
 +
#globalWrapper{
 +
//border: 3px solid blue;
 +
float:left;
 +
margin-left:0%;
 +
padding: 0px;
 +
width:100%;
 +
}
 +
 +
/*left align Black Menu Bar */
 +
#top_menu_inside {
 +
margin-left: 25%;
 +
}
 +
</style>
 +
 +
 +
<!-- Start of CSS-->
 +
 +
<style type="text/css">
 +
 +
/* PAGE LAYOUT */
 +
 +
/* Change Background color*/
 +
body {
 +
background-color: white;
 +
}
 +
 +
/* Creates a container that will wrap all of the content inside your wiki pages. */
 +
#mainContainer { 
 +
                                //width: 978px;
 +
width: 100%;
 +
overflow:hidden;
 +
margin-left:0%;
 +
                                //margin-right:auto;
 +
                                margin-bottom: 0px;
 +
background-color: #fff;
 +
box-shadow: 0px 0px 50px gray;
 +
//border: 2px solid #565656;
 +
font-family: 'Century Gothic', sans-serif;
 +
font-weight:400;
 +
//font-family: 'Century Gothic', sans-serif;
 +
}
 +
 +
/* Creates the container for the menu */
 +
#menuContainer  {
 +
//float:right;
 +
                                width: 100%;
 +
                                  margin: 0 auto;
 +
                                display: inline-block;
 +
                                text-align: center;
 +
padding: 0px 230px;
 +
//note on padding order: top/bottom are 5px, left/right are 15px
 +
//border-top: 0px solid #565656;
 +
//border-bottom: 0px solid #565656;
 +
background-color: #282828;
 +
                               
 +
}
 +
 +
/* Creates the container for the content */
 +
#contentContainer {
 +
padding: 0px;
 +
                                margin: 0px;
 +
width: 100%;
 +
//width: 895px;
 +
//width: 930px;
 +
//float: left;
 +
                                display: inline-block;
 +
background-color: #30306E; /*background blue*/
 +
//border: 1px solid red;
 +
//border-top: 14px solid #565656;
 +
font-family: 'Century Gothic', sans-serif;
 +
//font-family: 'Century Gothic', sans-serif;
 +
 +
}
 +
 +
/*Set up height place holder for the banner*/
 +
#bannerContainer {
 +
//height:200px;
 +
margin:auto;
 +
text-align:center;
 +
color: #24C794;
 +
}
 +
 +
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
 +
 +
/*Change the styling of text for everything inside main container*/
 +
#mainContainer p {
 +
font-size: 16px;
 +
color: #000000;
 +
//padding:10px 0px;
 +
line-height:1.75;
 +
}
 +
 +
/*This changes the color and font family */
 +
#contentContainer h1, h2, h3, h4, h5, h6 {
 +
color: #565656;
 +
border-bottom: none;
 +
font-weight: bold;
 +
                                line-height: 150%;
 +
font-family: 'Century Gothic', sans-serif;
 +
font-weight:800;
 +
//font-family: 'Century Gothic', sans-serif;
 +
margin-top:10px;
 +
padding:25px 0px;
 +
}
 +
#contentContainer h1{
 +
font-size:42px;
 +
}
 +
#contentContainer h2{
 +
font-size:36px;
 +
}
 +
#contentContainer h3{
 +
font-size:30px;
 +
}
 +
#contentContainer h4{
 +
font-size:24px;
 +
}
 +
#contentContainer h5{
 +
font-size:18px;
 +
}
 +
#contentContainer h6{
 +
font-size:16px;
 +
}
 +
#contentContainer li{
 +
font-size:16px;
 +
                                font-family: 'Century Gothic', sans-serif;
 +
}
 +
                        #contentContainer p{
 +
                                font-family: 'Century Gothic', sans-serif;
 +
}
 +
/*Style of the links - links are different inside the menu */
 +
#contentContainer a {
 +
font-weight: bold;
 +
color: #E64B3C;
 +
font-size:16px;
 +
}
 +
 +
  /* Styling links on hover- links are different inside the menu */
 +
#contentContainer a:hover {
 +
color: black;
 +
font-size:16px;
 +
text-decoration:none;
 +
}
 +
 +
/*Change the styling of tables */
 +
        #contentContainer table {
 +
    border: 1px solid #565656;
 +
    border-collapse: collapse;
 +
    width: 90%;
 +
    margin: auto;
 +
    margin-bottom: 15px;
 +
    margin-top: 15px;
 +
    margin-right: 10px;
 +
    margin-left: 10px;
 +
    }
 +
 +
/*Change the styling of table cells*/
 +
    #contentContainer  td {
 +
    padding: 10px;
 +
    border: 1px solid #565656;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    }
 +
 +
/*Change the styling of table headers */
 +
    #contentContainer th {
 +
    background-color: #E8E8E9;
 +
    padding: 10px;
 +
    border: 1px solid #565656;
 +
    border-collapse: collapse;
 +
    vertical-align: text-top;
 +
    }
 +
 +
 +
 +
/*MENU STYLING */
 +
 +
/*Styling for the links in the menu */
 +
#menuContainer a {
 +
color: #FFF;
 +
text-decoration:none;
 +
font-weight: bold;
 +
}
 +
 +
/* Sets the style for lists inside menuContainer  */
 +
#menuContainer ul {
 +
list-style: none;
 +
}
 +
 +
/*Styles the list items to become menu buttons */
 +
#menuContainer ul li {
 +
font-size:12px;
 +
color:#FFF;
 +
text-align: center;
 +
display: block;
 +
position:relative;
 +
float:left;
 +
width: 15%;
 +
padding: 0.4%;
 +
}
 +
 +
/*For the menu buttons, changes the color when hovering*/
 +
#menuContainer li:hover {
 +
color:  #FFF;
 +
background-color: #2CC94A;
 +
//box-shadow: 0px 0px 10px 1px gray;
 +
}
 +
 +
/*Submenus are not displayed as default*/
 +
#menuContainer li ul {
 +
display: none;
 +
position: absolute;
 +
opacity: 0.95;
 +
//box-shadow: 0px 0px 10px 1px gray;
 +
padding:0px 0px;
 +
margin-top: 8px;
 +
width:100%;
 +
//border:3px solid gray;
 +
margin-left: -2.9%;
 +
}
 +
 +
/*Submenus are displayed when hovering the menu button */
 +
#menuContainer li:hover ul {
 +
display: block;
 +
}
 +
 +
/*Style the submenu buttons*/
 +
#menuContainer li ul li{
 +
background-color: #282828;
 +
color: #FFF;
 +
padding:10px 0px;
 +
margin-bottom:-1px;
 +
                                margin-top: -1px;
 +
width: 100%;
 +
//border: 1px solid #ebb211;
 +
}
 +
 +
/*CLASSES */
 +
 +
/*Clear class for all the pages, adds spacing too*/
 +
.clear{
 +
clear:both;
 +
height: 10px;
 +
}
 +
 +
 +
/* highlight box for special messages */
 +
    .highlightBox {
 +
        width:80%;
 +
        margin-left:10%;
 +
                                display:right;
 +
margin-bottom: 15px;
 +
margin-top: 15px;
 +
padding: 15px;
 +
//padding-top: 5px;
 +
font-size:16px;
 +
    }
 +
.band{ 
 +
                                /*text-align: center;*/
 +
margin:0px;
 +
padding:20px 125px;
 +
}
 +
                        .mySlides {display:none;}
 +
                        .videoWrapper {
 +
                                position: relative;
 +
                                padding-bottom: 56.25%; /* 16:9 */
 +
                                padding-top: 25px;
 +
                                height: 0;
 +
                      }
 +
                        .videoWrapper iframe {
 +
                                position: absolute;
 +
                        top: 0;
 +
                        left: 0;
 +
                                width: 100%;
 +
                                height: 100%;
 +
                      }
 +
 +
                      /* Creates circular images */
 +
                        .img-circle-left {
 +
                                border-radius: 50%;
 +
                                width: 500px;
 +
                                height:500px;
 +
                                background-size:cover;
 +
                                float:left;
 +
                                margin: 0px 30px 0px 0px;
 +
                        }
 +
 +
                        .img-circle-right {
 +
                                border-radius: 50%;
 +
                                width: 500px;
 +
                                height:500px;
 +
                                background-size:cover;
 +
                                float:right;
 +
                                margin: -10px -10px -10px 30px;
 +
                        }
 +
                      .DropDown-menu {
 +
                                width: 500px;
 +
                        }
 +
 +
                      .DropDown-menu a {
 +
                                background-color: #eee; /* Grey background color */
 +
                                color: black; /* Black text color */
 +
                                display: block; /* Make the links appear below each other */
 +
                                padding: 12px; /* Add some padding */
 +
                                text-decoration: none; /* Remove underline from links */
 +
                      }
 +
 +
                      .DropDown-menu a:hover {
 +
                                background-color: #ccc; /* Dark grey background on mouse-over  */
 +
                      }
 +
 +
                    .DropDown-menu a.active {
 +
                              background-color: #7DE655; /* Add a green color to the "active/current" link */
 +
                              color: white;
 +
                      }
 +
                        #menu { margin-top: 0px; }
 +
                        .menu-item { padding: 0 0px 0 0; }
 +
                        nav ul { list-style-type:none; }
 +
                        nav ul li { display: inline; }
 +
                        nav ul li a img { width: 50px; height: 50px; }
 +
 +
</style>
 +
<!-- End of CSS -->
 +
 +
<!-- Start of the template html elements. -->
 +
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
 +
 +
 +
 +
 +
<!-- Start of menu -->
 +
                        <div id="menuContainer">
 +
<ul>
 +
<a href="https://2018.igem.org/Team:McMaster"><li>HOME</li></a>
 +
<!--
 +
<a href="#"><li>PROJECT
 +
            <ul>
 +
<a href="https://2018.igem.org/Team:McMaster/Background"><li>Background</li></a>
 +
                                                        <a href="https://2018.igem.org/Team:McMaster/Methodologies"><li>Methodologies</li></a>
 +
                                                        <a href="https://2018.igem.org/Team:McMaster/Design"><li>Design</li></a>
 +
                                                        <a href="https://2018.igem.org/Team:McMaster/Hardware"><li>Hardware</li></a>
 +
</ul>
 +
</li></a>
 +
-->
 +
                                      <a href="#"><li>WET LAB
 +
            <ul>
 +
                                                        <a href="https://2018.igem.org/Team:McMaster/Description"><li>Project Description</li></a>
 +
                                                        <a href="https://2018.igem.org/Team:McMaster/GeneSeq"><li>Important Gene Sequences</li></a>
 +
                                                        <a href="https://2018.igem.org/Team:McMaster/GeneMap"><li>Gene Maps</li></a>
 +
                                                        <a href="https://2018.igem.org/Team:McMaster/Protocol"><li>Experiment Protocols</li></a>
 +
                                                        <a href="https://2018.igem.org/Team:McMaster/InterLab"><li>InterLab</li></a>
 +
                                                        <a href="https://2018.igem.org/Team:McMaster/Demonstrate"><li>Results</li></a>
 +
                                                       
 +
</ul>
 +
</li></a>
 +
 +
                                      <a href="#"><li>DRY LAB
 +
            <ul>
 +
                                                        <a href="https://2018.igem.org/Team:McMaster/Model"><li>NGS Model</li></a>
 +
<a href="https://2018.igem.org/Team:McMaster/Game"><li>NGS Game — HP Collaboration</li></a>
 +
</ul>
 +
</li></a>
 +
 +
                                      <a href="#"><li>HUMAN PRACTICES
 +
            <ul>
 +
                                                        <a href="https://2018.igem.org/Team:McMaster/HP/Overview"><li>Overview</li></a>
 +
                                                        <a href="https://2018.igem.org/Team:McMaster/HP/Gold_Integrated"><li>The NGS Paper</li></a>
 +
<a href="https://2018.igem.org/Team:McMaster/HP/Silver"><li>Stakeholder Interviews</li></a>
 +
                                                       
 +
                                                        <a href="https://2018.igem.org/Team:McMaster/Engagement"><li>Community Engagement</li></a>
 +
                                                        <a href="https://2018.igem.org/Team:McMaster/Collaboration"><li>Collaboration</li></a>
 +
 +
</ul>
 +
</li></a>
 +
 +
                                        <a href="#"><li>TEAM
 +
            <ul>
 +
<a href="https://2018.igem.org/Team:McMaster/Team"><li>Members</li></a>
 +
                <a href="https://2018.igem.org/Team:McMaster/Sponsors"><li>Sponsors</li></a>
 +
                                                        <a href="https://2018.igem.org/Team:McMaster/Attributions"><li>Attributions</li></a>
 +
 +
</ul>
 +
</li></a>
 +
 +
 +
 +
</ul>
 +
</div>
 +
 +
<!-- End of menu  -->
 +
 +
                        <!-- Favicon and touch icons -->
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
 +
<script src="https://cdn.plot.ly/plotly-latest.min.js"></script>
 +
 +
<link rel="stylesheet"
 +
      href="https://2018.igem.org/Template:McMaster/highlightjs/CSS?action=raw&amp;ctype=text/css">
 +
<script src="https://2018.igem.org/Template:McMaster/highlightjs/JS?action=raw&amp;ctype=text/javascript"></script>
 +
    <script>
 +
hljs.initHighlightingOnLoad();
 +
 +
$( document ).ready( function() {
 +
  $('link[rel="shortcut icon"]').attr('href','https://static.igem.org/mediawiki/2018/7/72/T--McMaster--Brain.png');
 +
});
 +
 +
</script>
 +
                        <!-- End Favicon and touch icons -->
 +
 +
<!-- Start of content -->
 +
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
 +
 +
<div id="bannerContainer" >
 +
      <img width = "100%"; src = "https://static.igem.org/mediawiki/2018/3/39/T--McMaster--Header.png">
 +
</div>
 +
 +
</html>
  
  

Latest revision as of 21:40, 17 October 2018


Wet Lab

Our project this year was to express human amyloid beta protein variants in E. coli as a system for studying the molecular basis of aggregation. This research will contribute to our understanding of neurodegenerative diseases.


Human Practices

By interviewing physicians, educators, and community members, the Human Practices subteam was able to understand Alzheimer's disease from many different perspectives. We are showcasing what we've learned through an educational video aimed to increase public knowledge and destigmatize those living with Alzheimer's.


Dry Lab

The Dry Lab will be supporting the Wet Lab to develop an algorithm for NGS data analysis and modelling. We will also be collaborating with the Human Practices team to create a NGS video game.


The Team

From our members to our sponsors and all those have helped us along the way, nothing would have been accomplished without our team. Thank you, from the bottom of our hearts.