Team DNAbeans: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(125 intermediate revisions by the same user not shown)
Line 1: Line 1:
<!DOCTYPE html>
<html lang="en">
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>


    <!-- Bootstrap -->
<p><title>HomePage</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
<style>
body{
    align: left;
    width: 1100px;
    height: auto;
    margin: 0 auto;
    background-color: #FFFFFF
}
    #goTopBtn {POSITION: fixed;TEXT-ALIGN: center;LINE-HEIGHT: 30px;WIDTH: 100px;BOTTOM: 35px;HEIGHT: 100px;FONT-SIZE: 12px;RIGHT: 30px;}
    #content{margin:0;padding:0;border:0px;}
      /*hidden section*/
      .firstHeading{display:none;}
      #sidebar-main{display:none;}
      #p-cactions{display:none;}
      #p-personal{display:none;} 


    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
#edutext {
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    line-height:200%;
    <!--[if lt IE 9]>
    font-family: Century Gothic, sans-serif, Impact, Charcoal;
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    font-size: 145%;
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
   
    <![endif]-->
}  
 
div  h1 {
/* GLOBAL STYLES
    font-size:200%;
-------------------------------------------------- */
    font-family: Century Gothic, sans-serif, Impact, Charcoal;
/* Padding below the footer and lighter body text */
 
body {
  padding-bottom: 40px;
  color: #5a5a5a;
}
 
 
 
/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */
 
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 20;
}
 
/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}
 
 
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
 
/* Carousel base class */
.carousel {
  height: 500px;
  margin-bottom: 60px;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  z-index: 10;
}
 
/* Declare heights because of positioning of img element */
.carousel .item {
  height: 500px;
  background-color: #777;
}
.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 500px;
}
 
 
 
/* MARKETING CONTENT
-------------------------------------------------- */
 
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
  margin-bottom: 20px;
  text-align: center;
}
.marketing h2 {
  font-weight: normal;
}
.marketing .col-lg-4 p {
  margin-right: 10px;
  margin-left: 10px;
}
 
 
/* Featurettes
------------------------- */
 
.featurette-divider {
  margin: 80px 0; /* Space out the Bootstrap <hr> more */
}
}
 
div h2 {
/* Thin out the marketing headings */
    font-size:200%;
.featurette-heading {
    font-family: Century Gothic, sans-serif, Impact, Charcoal;
  font-weight: 300;
    align:center;
  line-height: 1;
  letter-spacing: -1px;
}
}




</style>
</p>
<center>
<table  align="center" border = "0">
  <colgroup>
    <col span="2" style="background-color:#FFFFFF">
    <col style="background-color:white">
  </colgroup>
  <tbody>
  <tr>
    <th><a href="http://www.ncsu.edu"><img src = "http://www.thesciencehouse.org/k-12-students/Summer%20Camp%20Logos/ncsuwolf.jpg" width="250"></a></th>
    <th><a href="http://www.mse.ncsu.edu/"><img src = "http://www.mse.ncsu.edu/public/images/mse-logo.png" width="625"></a></th>
    <th><img src="http://i.imgur.com/wKvRevi.png?1" width="250"></th>
  </tr>
  </tbody>
</table>
<div><h1>Team DNAbeans 2014</h1></div>


/* RESPONSIVE CSS
<table border="0">
-------------------------------------------------- */
  <colgroup width="200" span="5"></colgroup>
    <tbody id="edutext" ><tr>
    <th bgcolor="#CC0000"><center><font size="+2"><a href="http://openwetware.org/wiki/Biomod/2014/DNAbeans"><span style="color:#FFFFFF">DNAbeans</span></a></font></center></th>
    <th bgcolor="#FFFFFF"><center><font size="+2"><a href="http://openwetware.org/wiki/BIOMODteam.html"><span style="color:#CC0000">Team</span></a></font></center></th>
    <th bgcolor="#FFFFFF"><center><font size="+2"><a href="http://openwetware.org/wiki/DNAbeansProject.html"><span style="color:#CC0000">Project</span></a></font></center></th>
    <th bgcolor="#FFFFFF"><center><font size="+2"><a href="http://openwetware.org/wiki/BIOMODlabwork.html"><span style="color:#CC0000">Labwork</span></a></font></center></th>   
    <th bgcolor="#FFFFFF"><center><font size="+2"><a href="http://openwetware.org/wiki/BIOMOD2013"><span style="color:#CC0000">BIOMOD2013</span></a></font></center></th>
    </tr>
</tbody>
</table>
<body>


@media (min-width: 768px) {
<br><br>


  /* Navbar positioning foo */
<!--Welcome Page Info Below-->
  .navbar-wrapper {
<p style="line-height:200%; font-family: Century Gothic, sans-serif, Impact, Charcoal; font-size:145%"> <span style="font-family: Century Gothic, sans-serif, Impact, Charcoal; font-size:160%"> <em> Welcome </em> <br> </span>Welcome to the DNAbeans project page.  We are working to bring the properties of the nanoscale to the macroscale. On this page, below, you can find our video. Above are links to view our project, lab results, and SEM images.  Feel free to ask us any questions. Send us an email at teamdnabeans@gmail.com.
    margin-top: 20px;
</p>
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }


  /* The navbar becomes detached from the top, so we round the corners */
<div><h2>An Introductory Film About DNAbeans</h2></div>
  .navbar-wrapper .navbar {
    border-radius: 4px;
  }
 
  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 1.4;
  }
 
  .featurette-heading {
    font-size: 50px;
  }
}
 
@media (min-width: 992px) {
  .featurette-heading {
    margin-top: 120px;
  }
}


<div style="float:LEFT;margin:0 15px 5px 0;">
<iframe width="420" height="315"
src="http://www.youtube.com/v/1--yEiFO8kw">
</iframe>
        </div>
<span id="edutext">
Our project deals with the functionalization and placement of gold nanoparticles in order to take advantage of plasmonic properties.  This is achieved by using DNA self-assembly by attaching a linker strand to the gold nanoparticles and complementary strands to the DNA origami.  This process is detailed in the video. 


  </head>
</span>
  <body>
<br>
    <h1>Hello, world!</h1>
<br>
<p style="line-height:200%; font-family: Century Gothic, sans-serif, Impact, Charcoal; font-size:145%"> <span style="font-family: Century Gothic, sans-serif, Impact, Charcoal; font-size:160%"> <em> Goals, Hopes, and Aspirations </em> <br> </span>
The ultimate goal of Team DNAbeans is to develop novel macroscale arrangements of asymmetrical nanoscale particles.  We believe that this arrangement will produce novel properties that can be exploited in the realm of electronics and communication.  The close proximity of the gold nanorods and quantum dots will foster plasmonic resonance.  This macroscopic arrangement would also be a first as previous work has only focused on nanoscale ordering.  This macroscale ordering will open the doors to new processes and may yield new hardware to use in communications.  </p>
<br>
</p>
</body>


    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<center>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
</html>
</html>

Latest revision as of 20:49, 25 October 2014

<html lang="en">

<p><title>HomePage</title> <style> body{ 

    align: left;
    width: 1100px;
    height: auto;
    margin: 0 auto;
    background-color: #FFFFFF
}
    #goTopBtn {POSITION: fixed;TEXT-ALIGN: center;LINE-HEIGHT: 30px;WIDTH: 100px;BOTTOM: 35px;HEIGHT: 100px;FONT-SIZE: 12px;RIGHT: 30px;}
    #content{margin:0;padding:0;border:0px;}
      /*hidden section*/
      .firstHeading{display:none;}
      #sidebar-main{display:none;}
      #p-cactions{display:none;}
      #p-personal{display:none;}
  1. edutext {
    line-height:200%;
    font-family: Century Gothic, sans-serif, Impact, Charcoal;
    font-size: 145%;

} div h1 { 

    font-size:200%;
    font-family: Century Gothic, sans-serif, Impact, Charcoal;

} div h2 { 

    font-size:200%;
    font-family: Century Gothic, sans-serif, Impact, Charcoal;
    align:center;

}


</style> </p> <center> <table align="center" border = "0"> 

 <colgroup>
   <col span="2" style="background-color:#FFFFFF">
   <col style="background-color:white">
 </colgroup>
 <tbody>
 <tr>
   <th><a href="http://www.ncsu.edu"><img src = "http://www.thesciencehouse.org/k-12-students/Summer%20Camp%20Logos/ncsuwolf.jpg" width="250"></a></th>
   <th><a href="http://www.mse.ncsu.edu/"><img src = "http://www.mse.ncsu.edu/public/images/mse-logo.png" width="625"></a></th>
   <th><img src="http://i.imgur.com/wKvRevi.png?1" width="250"></th>
 </tr>
 </tbody>

</table> <div><h1>Team DNAbeans 2014</h1></div>

<table border="0"> 

  <colgroup width="200" span="5"></colgroup>
   <tbody id="edutext" ><tr>
    <th bgcolor="#CC0000"><center><font size="+2"><a href="http://openwetware.org/wiki/Biomod/2014/DNAbeans"><span style="color:#FFFFFF">DNAbeans</span></a></font></center></th>
    <th bgcolor="#FFFFFF"><center><font size="+2"><a href="http://openwetware.org/wiki/BIOMODteam.html"><span style="color:#CC0000">Team</span></a></font></center></th>
    <th bgcolor="#FFFFFF"><center><font size="+2"><a href="http://openwetware.org/wiki/DNAbeansProject.html"><span style="color:#CC0000">Project</span></a></font></center></th>
    <th bgcolor="#FFFFFF"><center><font size="+2"><a href="http://openwetware.org/wiki/BIOMODlabwork.html"><span style="color:#CC0000">Labwork</span></a></font></center></th>     
    <th bgcolor="#FFFFFF"><center><font size="+2"><a href="http://openwetware.org/wiki/BIOMOD2013"><span style="color:#CC0000">BIOMOD2013</span></a></font></center></th>
   </tr>

</tbody> </table> <body>

<br><br>

<!--Welcome Page Info Below--> <p style="line-height:200%; font-family: Century Gothic, sans-serif, Impact, Charcoal; font-size:145%"> <span style="font-family: Century Gothic, sans-serif, Impact, Charcoal; font-size:160%"> <em> Welcome </em> <br> </span>Welcome to the DNAbeans project page. We are working to bring the properties of the nanoscale to the macroscale. On this page, below, you can find our video. Above are links to view our project, lab results, and SEM images. Feel free to ask us any questions. Send us an email at teamdnabeans@gmail.com. </p>

<div><h2>An Introductory Film About DNAbeans</h2></div>

<div style="float:LEFT;margin:0 15px 5px 0;"> <iframe width="420" height="315" src="http://www.youtube.com/v/1--yEiFO8kw"> </iframe> 

       </div>

<span id="edutext"> Our project deals with the functionalization and placement of gold nanoparticles in order to take advantage of plasmonic properties. This is achieved by using DNA self-assembly by attaching a linker strand to the gold nanoparticles and complementary strands to the DNA origami. This process is detailed in the video.

</span> <br> <br> <p style="line-height:200%; font-family: Century Gothic, sans-serif, Impact, Charcoal; font-size:145%"> <span style="font-family: Century Gothic, sans-serif, Impact, Charcoal; font-size:160%"> <em> Goals, Hopes, and Aspirations </em> <br> </span> The ultimate goal of Team DNAbeans is to develop novel macroscale arrangements of asymmetrical nanoscale particles. We believe that this arrangement will produce novel properties that can be exploited in the realm of electronics and communication. The close proximity of the gold nanorods and quantum dots will foster plasmonic resonance. This macroscopic arrangement would also be a first as previous work has only focused on nanoscale ordering. This macroscale ordering will open the doors to new processes and may yield new hardware to use in communications. </p> <br> </p> </body>

<center> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Team_DNAbeans&oldid=837111"