(Prototype team page) |
|||
(28 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | {{UNC-Asheville}} | + | {{:Team:UNC-Asheville/Templates/NavBar}} |
+ | |||
<html> | <html> | ||
+ | <head> | ||
+ | <title> | ||
+ | iGEM UNC-Asheville Attributions | ||
+ | </title> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1" /> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge" /> | ||
+ | <meta charset="utf-8" /> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet"> | ||
+ | <link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet"> | ||
+ | |||
+ | <style> | ||
+ | .jumbotron { | ||
+ | background-image: url("https://static.igem.org/mediawiki/2017/1/16/UNC-Asheville-Memories.jpg"); | ||
+ | margin-bottom: 0; | ||
+ | min-height: 600px; | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: fixed; | ||
+ | -webkit-background-size: cover; | ||
+ | background-size: cover; | ||
+ | padding: 50em inherit; | ||
+ | background-color: hsla(0,0%,100%,0.50); | ||
+ | background-blend-mode: overlay; | ||
+ | background-repeat: no-repeat; | ||
+ | padding-left: 30px; | ||
+ | padding-right: 30px; | ||
+ | } | ||
+ | div.jumbotron{ | ||
+ | padding-top:250px; | ||
+ | } | ||
− | + | .jumbotron h1{ | |
− | + | color: black; | |
− | + | font-size: 80px; | |
− | + | font-family: 'Raleway', sans-serif; | |
− | + | text-shadow: 2px 2px white; | |
− | + | letter-spacing: 10px; | |
+ | } | ||
+ | .jumbotron p{ | ||
+ | color: black; | ||
+ | font-size: 30px; | ||
+ | font-family: 'Raleway', sans-serif; | ||
+ | text-shadow: 2px 2px white; | ||
+ | font-weight: Semi-Bold | ||
+ | letter-spacing: 10px; | ||
+ | } | ||
+ | .row h1{ | ||
+ | color: black; | ||
+ | font-size: 30px; | ||
+ | font-family: 'Raleway', sans-serif; | ||
+ | text-shadow: 2px 2px white; | ||
+ | letter-spacing: 4px; | ||
+ | } | ||
+ | .row h2{ | ||
+ | color: black; | ||
+ | font-size: 25px; | ||
+ | font-family: 'Raleway', sans-serif; | ||
+ | text-shadow: 2px 2px white; | ||
+ | letter-spacing: 2px; | ||
+ | } | ||
− | + | .row blockquote{ | |
− | + | color: black; | |
+ | font-size: 20px; | ||
+ | font-family: 'Raleway', sans-serif; | ||
+ | border-left: 1px solid grey; | ||
+ | border-right: 1px solid grey; | ||
+ | border-bottom: 1px solid grey; | ||
+ | border-top: 1px solid grey; | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | .header h1{ | |
+ | color: black; | ||
+ | font-size: 60px; | ||
+ | font-family: 'Raleway', sans-serif; | ||
+ | } | ||
+ | body { | ||
+ | background-color: #edece6; | ||
+ | } | ||
+ | .img-fluid { | ||
+ | width: 100%; | ||
+ | } | ||
+ | img { | ||
+ | display: block; | ||
+ | max-width: 90%; | ||
+ | height: auto; | ||
+ | } | ||
− | + | .card card-block h2{ | |
+ | font-family: 'Playfair Display', serif; | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | </style> |
− | + | ||
− | + | </head> | |
− | + | ||
− | + | ||
− | + | <body> | |
− | < | + | <div class="jumbotron center"> |
− | < | + | <div class="container center"> |
− | < | + | <h1>Attributions</h1> |
− | < | + | <p><small>Let's find out who we need to yell at.</small></p> |
− | < | + | </div> |
− | + | ||
− | + | ||
− | </ | + | |
</div> | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <hr> | ||
− | <div class=" | + | <div class="container"> |
− | + | <div class="row center header"> | |
− | <div class=" | + | <h1 class ="title">A Disclaimer<br><small>In comparison to most schools, this list will look sparse. Our team was composed of four motivated people, and was driven by and for students. While we received advice from many, |
− | + | our triumphs and failures lie squarely on our shoulders.</small></h1> | |
− | < | + | </div> |
− | < | + | |
− | + | ||
</div> | </div> | ||
+ | <br> | ||
+ | <br> | ||
+ | <div class = "container centered"> | ||
+ | <button class="btn btn-primary btn-block text-left" type="button" data-toggle="collapse" data-target="#Wetwork" aria-expanded="false" aria-controls="Wetwork"> | ||
+ | <h2><span>Wetwork</span></h2> | ||
+ | <i class="icon-ok" style="font-size:60px; vertical-align: middle;"></i> | ||
+ | </button> | ||
+ | </p> | ||
+ | <div class="collapse" id="Wetwork"> | ||
+ | <div class="card card-block"> | ||
+ | <h2>Nicholas White was responsible for overall project design and implementation. He designed the plasmids, created experiment protocols, and performed the bulk of the labwork.</h2> | ||
+ | <br> | ||
+ | <h2>Katie Brown performed wetlab protocols pertaining to bacterial cultures, restriction, ligation and experiment visualization and confirmation.</h2> | ||
+ | <br> | ||
+ | <h2>William Jackson performed tasks related to sample prep, PCR, lab management, creation and repair of lab equipment.</h2> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | <button class="btn btn-primary btn-block text-left" type="button" data-toggle="collapse" data-target="#EnSilico" aria-expanded="false" aria-controls="EnSilico"> | |
− | + | <h2>En Silico</h2> | |
− | < | + | </button> |
− | + | </p> | |
− | < | + | <div class="collapse" id="EnSilico"> |
− | < | + | <div class="card card-block"> |
− | < | + | <h2>Nicholas White was responsible for plasmid design, protocol design, and experiment implementation.</h2> |
− | < | + | <br> |
− | < | + | <h2>William Jackson was responsible for the wiki, implementation of the model and iGEM deliverables.</h2> |
− | < | + | <br> |
− | < | + | <h2>Jonathon Deutsch was responsible for mathematical representation of the model and research.</h2> |
− | </ | + | <br> |
− | + | </div> | |
</div> | </div> | ||
− | + | <button class="btn btn-primary btn-block text-left" type="button" data-toggle="collapse" data-target="#HumanPractices" aria-expanded="false" aria-controls="HumanPractices"> | |
− | < | + | <h2>Human Practices</h2> |
− | + | </button> | |
− | + | </p> | |
− | + | <div class="collapse" id="HumanPractices"> | |
− | < | + | <div class="card card-block"> |
− | < | + | <h2>Katie Brown was responsible for Human Practices Programming and Content.</h2> |
− | < | + | <br> |
− | < | + | <h2>William Jackson was responsible for arranging logistics for Human Practices .</h2> |
− | + | <br> | |
− | < | + | <br> |
− | < | + | </div> |
− | < | + | |
− | < | + | |
− | + | ||
− | < | + | |
− | + | ||
− | </div> | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− |
Latest revision as of 02:43, 1 November 2017
Attributions
Let's find out who we need to yell at.