Difference between revisions of "Team:UNC-Asheville/Description"

(Prototype team page)
 
Line 1: Line 1:
−
{{UNC-Asheville}}
+
{{:Team:UNC-Asheville/Templates/NavBar}}
 +
 
 
<html>
 
<html>
 +
<head>
 +
  <title>
 +
  iGEM UNC-Asheville Community Project Description
 +
  </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">
  
 +
 
 +
<style>
 +
.jumbotron {
 +
    background-image: url("https://static.igem.org/mediawiki/2017/1/12/UNC-Asheville-AMOSDinosaur.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 class="column full_size">
+
div.jumbotron{
−
<h1>Description</h1>
+
  padding-top:250px;
 +
}
  
−
<p>Tell us about your project, describe what moves you and why this is something important for your team.</p>
+
.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;
 +
}
  
−
<h5>What should this page contain?</h5>
+
.row h1{
−
<ul>
+
    color: black;
−
<li> A clear and concise description of your project.</li>
+
    font-size: 30px;
−
<li>A detailed explanation of why your team chose to work on this particular project.</li>
+
    font-family: 'Raleway', sans-serif;
−
<li>References and sources to document your research.</li>
+
    text-shadow: 2px 2px white;
−
<li>Use illustrations and other visual resources to explain your project.</li>
+
    letter-spacing: 4px;
−
</ul>
+
}
  
 +
.row h2{
 +
    color: black;
 +
    font-size: 25px;
 +
    font-family: 'Raleway', sans-serif;
 +
    text-shadow: 2px 2px white;
 +
    letter-spacing: 2px;
 +
}
  
−
</div>
+
.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;
  
−
<div class="column full_size" >
+
}
  
−
<h5>Advice on writing your Project Description</h5>
+
.header h1{
 +
  color: black;
 +
  font-size: 60px;
 +
  font-family: 'Raleway', sans-serif;
 +
}
  
−
<p>
+
body {
−
We encourage you to put up a lot of information and content on your wiki, but we also encourage you to include summaries as much as possible. If you think of the sections in your project description as the sections in a publication, you should try to be consist, accurate and unambiguous in your achievements.  
+
    background-color: #edece6;
−
</p>
+
}
 +
.img-fluid {
 +
  width: 100%;
 +
}
 +
img {
 +
  display: block;
 +
  max-width: 90%;
 +
  height: auto;
 +
}
  
−
<p>
 
−
Judges like to read your wiki and know exactly what you have achieved. This is how you should think about these sections; from the point of view of the judge evaluating you at the end of the year.
 
−
</p>
 
  
−
</div>
 
  
 +
</style>
 +
  
−
<div class="column half_size" >
+
</head>
−
 
+
−
<h5>References</h5>
+
−
<p>iGEM teams are encouraged to record references you use during the course of your research. They should be posted somewhere on your wiki so that judges and other visitors can see how you thought about your project and what works inspired you.</p>
+
  
 +
<body>
 +
<div class="jumbotron center">
 +
  <div class="container center">
 +
<h1>The Project</h1>
 +
  <p>Fixing Our Backyard.</p>
 +
  </div>
 
</div>
 
</div>
 +
<br>
  
 +
<br>
 +
<hr>
  
−
<div class="column half_size" >
+
<div class="container">
−
<h5>Inspiration</h5>
+
  <div class="row center header">
−
<p>See how other teams have described and presented their projects: </p>
+
      <h1 class ="title">The Museum<br><small>Asheville Museum of Science.</small></h1>
 +
  </div>
 +
</div>
  
−
<ul>
+
<div class="container-fluid">
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Description">2016 Imperial College</a></li>
+
  <div class="row">
−
<li><a href="https://2016.igem.org/Team:Wageningen_UR/Description">2016 Wageningen UR</a></li>
+
    <div class="col-sm-5 col-sm-offset-1"><img src="https://static.igem.org/mediawiki/2017/7/7f/UNC-Asheville-StrawberryMuseum.jpg" class="img-fluid well" alt="Responsive image"></div>
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Project_Overview"> 2014 UC Davis</a></li>
+
    <div class="col-sm-5">
−
<li><a href="https://2014.igem.org/Team:SYSU-Software/Overview">2014 SYSU Software</a></li>
+
      <blockquote>
−
</ul>
+
<br>
 +
<p>The Asheville Museum of Science (AMOS) is Western North Carolina’s home for experiential science learning, discovery, and exploration. AMOS strives to spark the imagination and foster lifelong curiosity.
 +
</p></blockquote>  
 +
    </div>
 +
  </div>
 
</div>
 
</div>
  
 +
<br>
 +
<hr>
  
 +
<div class="container">
 +
  <div class="row center header">
 +
      <h1 class ="title">The Community<br><small>Starting the Conversation of Synthetic Biology in Asheville,
 +
NC</small></h1>
 +
  </div>
 +
</div>
  
−
</html>
+
<div class="container-fluid">
 +
  <div class="row">
 +
    <div class="col-sm-5 col-sm-offset-1">
 +
        <blockquote>I really need to ask them at work about this. I'm sure it'll be fine but I hate asking for favors dawg. I HATE IT.
 +
<br><br>
 +
</blockquote>
 +
    </div>
 +
    <div class="col-sm-6"><img src="https://static.igem.org/mediawiki/2017/2/2e/UNC-Asheville-CollideLoremIpsum.png" class="img-fluid well" alt="Responsive image"></div>
 +
  </div>
 +
</div>

Revision as of 01:13, 28 September 2017

About Us

iGEM UNC-Asheville Community Project Description

The Project

Fixing Our Backyard.



The Museum
Asheville Museum of Science.

Responsive image

The Asheville Museum of Science (AMOS) is Western North Carolina’s home for experiential science learning, discovery, and exploration. AMOS strives to spark the imagination and foster lifelong curiosity.


The Community
Starting the Conversation of Synthetic Biology in Asheville, NC

I really need to ask them at work about this. I'm sure it'll be fine but I hate asking for favors dawg. I HATE IT.

Responsive image