Line 29: | Line 29: | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> | ||
+ | <meta http-equiv="x-ua-compatible" content="ie=edge"> | ||
+ | <title>Material Design Bootstrap</title> | ||
+ | <!-- Font Awesome --> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
+ | <!-- Bootstrap core CSS --> | ||
+ | <link href="css/bootstrap.min.css" rel="stylesheet"> | ||
+ | <!-- Material Design Bootstrap --> | ||
+ | <link href="css/mdb.min.css" rel="stylesheet"> | ||
+ | <!-- Your custom styles (optional) --> | ||
+ | <link href="css/style.css" rel="stylesheet"> | ||
+ | </head> | ||
+ | <style> | ||
+ | /* Clear the default wiki settings */ | ||
+ | |||
+ | #home_logo, #sideMenu { display:none; } | ||
+ | #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {display:none;} | ||
+ | #sideMenu, #top_title, .patrollink {display:none;} | ||
+ | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;} | ||
+ | body {background-color:white; } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
+ | |||
+ | |||
+ | @charset "UTF-8"; | ||
+ | |||
+ | |||
+ | .footer-distributed{ | ||
+ | background-color: #122b40; | ||
+ | box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12); | ||
+ | box-sizing: border-box; | ||
+ | width: 100%; | ||
+ | text-align: left; | ||
+ | padding: 45px 50px; | ||
+ | margin-top: 80px; | ||
+ | bottom: 0px; | ||
+ | } | ||
+ | |||
+ | .footer-distributed .footer-left p{ | ||
+ | color: white; | ||
+ | font-size: 14px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | .footer-distributed .footer-right p{ | ||
+ | color: white; | ||
+ | font-size: 14px; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | /* Footer links */ | ||
+ | |||
+ | .footer-distributed p.footer-links{ | ||
+ | font-size:18px; | ||
+ | font-weight: bold; | ||
+ | color: #ffffff; | ||
+ | margin: 0 0 10px; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | .footer-distributed p.footer-links a{ | ||
+ | display:inline-block; | ||
+ | line-height: 1.8; | ||
+ | text-decoration: none; | ||
+ | color: inherit; | ||
+ | } | ||
+ | |||
+ | .footer-distributed .footer-right{ | ||
+ | float: right; | ||
+ | margin-top: 6px; | ||
+ | max-width: 400px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | .footer-distributed .footer-right a{ | ||
+ | display: inline-block; | ||
+ | width: 50px; | ||
+ | height: 35px; | ||
+ | |||
+ | border-radius: 2px; | ||
+ | |||
+ | font-size: 20px; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | line-height: 35px; | ||
+ | |||
+ | margin-left: 3px; | ||
+ | } | ||
+ | |||
+ | .sponsors { | ||
+ | margin: 2.5px; | ||
+ | width: 125px; | ||
+ | } | ||
+ | |||
+ | /* If you don't want the footer to be responsive, remove these media queries */ | ||
+ | |||
+ | @media (max-width: 600px) { | ||
+ | |||
+ | .footer-distributed .footer-left, | ||
+ | .footer-distributed .footer-right{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | .footer-distributed .footer-right{ | ||
+ | float: none; | ||
+ | margin: 0 auto 20px; | ||
+ | } | ||
+ | |||
+ | .footer-distributed .footer-left p.footer-links{ | ||
+ | line-height: 1.8; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | html, body { | ||
+ | padding: 0; | ||
+ | margin: 0; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | footer { | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #wrapper { | ||
+ | min-height: 100%; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | <div id="wrapper"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <footer class="footer-distributed"> | ||
+ | |||
+ | <div class="footer-right"> | ||
+ | <a target="_blank" href="mailto:illinoisigem@gmail.com"><i class="fa fa-envelope-o fa-2x"></i></a> | ||
+ | <a target="_blank" href="https://www.facebook.com/UIUC-IGEM-1844032205901350/"><i class="fa fa-facebook fa-2x"></i></a> | ||
+ | <a target="_blank" href="https://twitter.com/igem_uiuc?lang=en"><i class="fa fa-twitter fa-2x"></i></a> | ||
+ | |||
+ | <p> Email: illinoisigem@gmail.com</p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="footer-left"> | ||
+ | |||
+ | <p class="footer-links"> | ||
+ | <a target="_blank" href="https://www.energy.gov/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2018/3/38/T--UIUC_Illinois--footerdoe.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="https://cabbi.bio/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2018/e/e5/T--UIUC_Illinois--footercabbi.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="https://www.igb.illinois.edu/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2018/3/36/T--UIUC_Illinois--footerigb.png"> | ||
+ | </a> | ||
+ | <a target="_blank" href="https://www.idtdna.com/pages"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2018/a/a9/T--UIUC_Illinois--footeridt.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="https://www.neb.com/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2016/e/ed/T--Imperial_College--NEB.png"> | ||
+ | </a> | ||
+ | |||
+ | <a target="_blank" href="https://www.biobasic.com/"> | ||
+ | <img class="sponsors" src="https://static.igem.org/mediawiki/2018/e/ed/T--UIUC_Illinois--footerbiobasic.png"> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | </p> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </footer> | ||
</html> | </html> |
Revision as of 02:00, 18 October 2018
Safety
Safety has been our ultimate goal since we began our project. In an attempt to improve our personal protection the team was involved in multiple training seminars. We all completed University of Illinois safety training which included videos and quizzes. We also completed safety training for the Carl Woese Institute of Genomic Biology. Our lab space also had a specific lab safety presentation about their specific requirements and protocols. We learned so much from all of these training sessions which led us to have a very safe and effective work space. We also completed the iGEM safety sheets which allowed us to discussion in more detail with our mentors the safety of our specific project.