Difference between revisions of "Team:William and Mary/Notebook"

(Prototype team page)
 
Line 1: Line 1:
−
{{William_and_Mary}}
 
−
<html>
 
  
−
<h2>Notebook</h2>
+
<html lang="en">
 +
<cfheader name="X-XSS-Protection" value="1">
 +
    <head>
 +
        <meta charset="utf-8" />
 +
<link rel="icon" type="image/png" href="https://static.igem.org/mediawiki/2015/e/ea/WMFavicon.png">
  
−
<p> Document the dates you worked on your project.</p>
+
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 +
        <title>NOISE - W&M iGEM</title>
 +
        <meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
 +
        <link href="https://2015.igem.org/Team:William_and_Mary/bootstrap?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 +
        <link href="https://2015.igem.org/Team:William_and_Mary/rubick?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 +
        <link href="https://2015.igem.org/Team:William_and_Mary/demo?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 +
        <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:William_and_Mary/jquerybxsliderCSS?action=raw&ctype=text/css" />
  
−
<h5>What should this page have?</h5>
+
        <!--    Fonts and icons    -->
−
<ul>
+
        <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
−
<li>Chronological notes of what your team is doing.</li>
+
        <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700' rel='stylesheet' type='text/css'>
−
<li> Brief descriptions of daily important events.</li>
+
        <link href="https://2015.igem.org/Team:William_and_Mary/pe-icon-7-stroke?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
−
<li>Pictures of your progress. </li>
+
        <link href="https://2015.igem.org/Team:William_and_Mary/Rubik-Fonts?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
−
<li>Mention who participated in what task.</li>
+
       
−
</ul>
+
<!-- the wiki settings in the section immediately below are from UC San Diego 2015 -->
 +
        <style type="text/css">
 +
/* WIKI SETTINGS*/
 +
 +
/* Hide first heading */
 +
.firstHeading {
 +
display: none;
 +
}
 +
 +
/*-- Remove borders, float content left and remove padding/margin */
 +
#globalWrapper, #content{
 +
background-color: transparent;
 +
border: none;
 +
float: center;
 +
                                width: 101%;
 +
margin-left: -3px;
 +
margin-top: -8px;
 +
padding: auto;
 +
}
  
 +
/*left align Black Menu Bar */
 +
#top_menu_inside {
 +
margin-left: 0px;
 +
}
 +
</style>
  
−
<h4>Inspiration</h4>
+
    </head>
−
<p>You can see what others teams have done to organize their notes:</p>
+
    <body class="landing-page">
 +
        <nav class="navbar navbar-default navbar-transparent navbar-fixed-top navbar-burger" role="navigation">
 +
            <!-- if you want to keep the navbar hidden you can add this class to the navbar "navbar-burger"-->
 +
            <div class="container">
 +
                <div class="navbar-header">
 +
                    <button id="menu-toggle" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#example">
 +
                    <span class="sr-only">Toggle navigation</span>
 +
                    <span class="icon-bar bar1"></span>
 +
                    <span class="icon-bar bar2"></span>
 +
                    <span class="icon-bar bar3"></span>
 +
                    </button>
 +
<a href="https://2015.igem.org/Team:William_and_Mary" class="navbar-brand">W&M iGEM 2015</a>
 +
                </div>
 +
                <div class="collapse navbar-collapse">
 +
                    <ul class="nav navbar-nav navbar-right navbar-uppercase">
 +
<p>    </p>
 +
                        <li>
 +
                            <a href="https://2015.igem.org/Team:William_and_Mary/Description">
 +
                            Project Description
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2015.igem.org/Team:William_and_Mary/Parts">
 +
                            Parts
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2015.igem.org/Team:William_and_Mary/Basic_Part">
 +
                            Basic Part
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2015.igem.org/Team:William_and_Mary/Composite_Part">
 +
                            Basic Part
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2015.igem.org/Team:William_and_Mary/Part_Collection">
 +
                            Part Collections
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2015.igem.org/Team:William_and_Mary/Measurement">
 +
                            Measurement
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2015.igem.org/Team:William_and_Mary/Interlab_Study">
 +
                            Interlab Study
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2015.igem.org/Team:William_and_Mary/Collaborations">
 +
                            Collaboration
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2015.igem.org/Team:William_and_Mary/Software">
 +
                          Software
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2015.igem.org/Team:William_and_Mary/Practices">
 +
                            Human Practices
 +
                            </a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="" data-scroll="true" data-id="#ref">
 +
                            Notebook, Safety, & Attributions
 +
                            </a>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
        </nav>
 +
       
 +
       
 +
       
 +
       
 +
       
 +
       
 +
        <div class="wrapper">
 +
       
 +
       
 +
       
 +
            <!--************************    replace this line with the code generated with the rubik-builder.html              *******************************-->
  
−
<ul>  
+
<div class="section section-we-are-1">
−
<li><a href="https://2014.igem.org/Team:ATOMS-Turkiye/Notebook">2014 ATOMS-Turkiye</a></li>
+
    <div class="text-area">
−
<li><a href="https://2014.igem.org/Team:Tec-Monterrey/ITESM14_project.html#tab_notebook">2014 Tec Monterrey</a></li>
+
        <div class="container">
−
<li><a href="https://2014.igem.org/Team:Kyoto/Notebook/Magnetosome_Formation#title">2014 Kyoto</a></li>
+
            <div class="row">
−
<li><a href="https://2014.igem.org/Team:Cornell/notebook">2014 Cornell</a></li>
+
                <div class="title">
−
</ul>
+
                    <h5 class="text-gray"> 1 Column Text &amp; Parallax</h5>
 +
                    <h2>Our Notebook</h2>
 +
                    <p class="large">On this page you can view the work we did each month, from June through September. You can also find our protocols.</p>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="parallax full-image pattern-image">
 +
        <img alt="..." class="parallax-img" src="assets/img/builder/projects/project.jpg">
 +
    </div>
 +
</div>                   
 +
<!-- Section "What We do" example 4: Big Title & 4 columns icons -->
 +
                      <div class="section section-we-do-2" id="workflow2">
 +
                          <div class="container">
 +
                              <div class="row">
 +
                                  <div class="title animate">
 +
                                      <h2>Important Protocols</h2>
 +
                                      <div class="separator-container">
 +
                                          <div class="separator line-separator">✻</div>
 +
                                      </div>
 +
                                      <p>For those with pure food indulgence in mind, come next door and sate your desires with our ever changing internationally and seasonally inspired small plates.</p>
 +
                                  </div>
 +
                                  <div class="col-md-3">
 +
                                      <div class="card animate">
 +
                                          <div class="icon">
 +
                                              <i class="pe-7s-piggy"></i>
 +
                                          </div>
 +
                                          <h3>Marketing</h3>
 +
                                          <p>We love making the web a better place and we love good reasons for adding to it.</p>
 +
                                      </div>
 +
                                  </div>
 +
                                  <div class="col-md-3">
 +
                                      <div class="card animate">
 +
                                          <div class="icon">
 +
                                              <i class="pe-7s-headphones"></i>
 +
                                          </div>
 +
                                          <h3>Customer Support</h3>
 +
                                          <p>We're a digital agency with our roots in graphic design.</p>
 +
                                      </div>
 +
                                  </div>
 +
                                  <div class="col-md-3">
 +
                                      <div class="card animate">
 +
                                          <div class="icon">
 +
                                              <i class="pe-7s-pen"></i>
 +
                                          </div>
 +
                                          <h3>Story writing</h3>
 +
                                          <p>We love making the web a better place and we love good reasons for adding to it.</p>
 +
                                      </div>
 +
                                  </div>
 +
                                  <div class="col-md-3">
 +
                                      <div class="card animate">
 +
                                          <div class="icon">
 +
                                              <i class="pe-7s-plugin"></i>
 +
                                          </div>
 +
                                          <h3>Branding</h3>
 +
                                          <p>We love to create awesome products and we do everything to make them outstanding.</p>
 +
                                      </div>
 +
                                  </div>
 +
                              </div>
 +
                          </div>
 +
                      </div>
 +
                      <!-- End Section "What We do" example 3: Small Title & 3 columns icons -->
 +
                 
 +
                      <!-- Section "Our Projects" example 1: 2 Columns Full Width -->
 +
                      <div class="section section-we-made-1 section-with-hover" id="projects1">
 +
                          <div class="text-area">
 +
                              <div class="title">
 +
                                  <h5 class="text-gray">2 Columns Full width</h5>
 +
                                  <h2>Monthly Timeline</h2>
 +
                                  <p>You can explore what we did each month here</p>
 +
                              </div>
 +
                          </div>
 +
                          <div class="row" id="projectsLine1">
 +
                              <div class="col-md-6">
 +
                                  <div class="project">
 +
                                      <img alt="..." src="assets/img/builder/projects/project.jpg">
 +
                                      <a class="over-area color-black" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_1">
 +
                                          <div class="content">
 +
                                              <h4>Example No.1</h4>
 +
                                              <p>Click to open Rubik modal.</p>
 +
                                          </div>
 +
                                      </a>
 +
                                  </div>
 +
                              </div>
 +
                              <div class="col-md-6">
 +
                                  <div class="project">
 +
                                      <img alt="..." src="assets/img/builder/projects/project.jpg">
 +
                                      <a class="over-area color-black " href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_2">
 +
                                          <div class="content">
 +
                                              <h4>Example No.2</h4>
 +
                                              <p>Click to open Rubik modal.</p>
 +
                                          </div>
 +
                                      </a>
 +
                                  </div>
 +
                              </div>
 +
                              <div class="col-md-6">
 +
                                  <div class="project">
 +
                                      <img alt="..." src="assets/img/builder/projects/project.jpg">
 +
                                      <a class="over-area color-black " href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_3">
 +
                                          <div class="content">
 +
                                              <h4>Example No.3</h4>
 +
                                              <p>Click to open Rubik modal.</p>
 +
                                          </div>
 +
                                      </a>
 +
                                  </div>
 +
                              </div>
 +
                              <div class="col-md-6">
 +
                                  <div class="project">
 +
                                      <img alt="..." src="assets/img/builder/projects/project.jpg">
 +
                                      <a class="over-area color-black " href="#" target="_blank">
 +
                                          <div class="content">
 +
                                              <h4>Example No.4</h4>
 +
                                              <p>Click to open a new link.</p>
 +
                                          </div>
 +
                                      </a>
 +
                                  </div>
 +
                              </div>
 +
                          </div>
 +
                      </div>
 +
                      <!-- End Section "Our Projects" example 1: 2 Columns Full Width -->                 
 +
                 
 +
                 
 +
                 
 +
                 
 +
<footer class="footer footer-color-black" data-color="black">
 +
                            <div class="container">
 +
                                <nav class="pull-left navbar-burger">
 +
                                    <ul>
 +
                                        <li>
 +
                                            <a href="#">
 +
                                                Home
 +
                                            </a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="#">
 +
                                                Contact
 +
                                            </a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href="#">
 +
                                              Blog
 +
                                            </a>
 +
                                        </li>
 +
                                    </ul>
 +
                                </nav>
 +
                                <div class="social-area pull-right">               
 +
                                    <a class="btn btn-social btn-facebook btn-simple">
 +
                                        <i class="fa fa-facebook-square"></i>
 +
                                    </a>
 +
                                    <a class="btn btn-social btn-twitter btn-simple">
 +
                                        <i class="fa fa-twitter"></i>
 +
                                    </a>
 +
                                </div>
 +
                                <div class="copyright">
 +
                                    © 2015 William & Mary iGEM
 +
                                </div>
 +
                            </div>
 +
                        </footer>
 +
                   
 +
        </div>
 +
       
 +
       
 +
       
 +
       
 +
       
 +
       
 +
        <!--  Here are the examples of the content for each project that is viewed inside of the page. You can create how many projects you want if you set the specific #id     
 +
        -->
 +
       
 +
        <div class="project-content" id="project_1">
 +
          <div>
 +
            <div class="project-details">
 +
              <span class="icon-close"><i class="pe-7s-close-circle"></i></span>
 +
              <div class="container">
 +
                <div class="project-title">
 +
                    <h5>Project Content<span>.</span></h5>
 +
                    <h2>Example No.1</h2>
 +
                    <div class="separator-container">
 +
                      <div class="separator line-separator">✻</div>
 +
                    </div>
 +
                </div>
 +
                <div class="row">
 +
                  <div class="col-md-4">
 +
                    <div class="project-text">
 +
                      <p><span>Detail</span>1</p>
 +
                      <p><span>Detail</span>2</p>
 +
                      <p><span>Detail</span>3</p>
 +
                      <p><span>Detail</span>4</p>
 +
                      <br>
 +
                      <p>Not him old music think his found enjoy merry. Listening acuteness dependent at or an. Apartments thoroughly unsatiable terminated sex how themselves. She are ten hours wrong walls stand early. Domestic perceive on an ladyship extended received do. Why jennings our whatever his learning gay perceive. Is against no he without subject. Bed connection unreserved preference partiality not unaffected. Years merit trees so think in hoped we as.</p>
 +
                      <p>Improved own provided blessing may peculiar domestic. Sight house has sex never. No visited raising gravity outward subject my cottage mr be. Hold do at tore in park feet near my case. Invitation at understood occasional sentiments insipidity inhabiting in. Off melancholy alteration principles old. Is do speedily kindness properly oh. Respect article painted cottage he is offices parlors. </p>
 +
                    </div>
 +
                  </div>
 +
                  <div class="col-md-8">
 +
                    <div class="row">
 +
                        <div class="col-md-6">
 +
                            <div class="project-image">
 +
                              <img alt="..." src="assets/img/rubik_background2.jpg"/>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-6">
 +
                            <div class="project-image">
 +
                              <img alt="..." src="assets/img/rubik_background2.jpg"/>
 +
                            </div>
 +
                        </div>
 +
                          <div class="col-md-6">
 +
                            <div class="project-image">
 +
                              <img alt="..." src="assets/img/rubik_background2.jpg"/>
 +
                            </div>
 +
                        </div>
 +
                        <div class="col-md-6">
 +
                            <div class="project-image">
 +
                              <img alt="..." src="assets/img/rubik_background2.jpg"/>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
  
−
</div>
+
        <div class="project-content" id="project_2">
 +
          <div>
 +
            <div class="project-details">
 +
              <span class="icon-close"><i class="pe-7s-close-circle"></i></span>
 +
              <div class="container">
 +
                <div class="project-title">
 +
                  <h2>Example No.2</h2>
 +
                  <div class="separator-container">
 +
                      <div class="separator line-separator">✻</div>
 +
                    </div>
 +
                    <p>We've been working with Kingsman Studios and we are proud that they enjoy our results.</p>
 +
                </div>
 +
                <div class="row">
 +
                  <div class="col-md-10 col-md-offset-1">
 +
                    <div class="article">
 +
                      <div class="project-image">
 +
                        <img alt="..." src="assets/img/rubik_background2.jpg"/>
 +
                      </div>
 +
                      <div class="project-text">
 +
                          <h3>Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce<span>.</span></h3>
 +
                          <p>Not him old music think his found enjoy merry. Listening acuteness dependent at or an. Apartments thoroughly unsatiable terminated sex how themselves. She are ten hours wrong walls stand early. Domestic perceive on an ladyship extended received do. Why jennings our whatever his learning gay perceive. Is against no he without subject. Bed connection unreserved preference partiality not unaffected. Years merit trees so think in hoped we as.</p>
 +
                      <p>Improved own provided blessing may peculiar domestic. Sight house has sex never. No visited raising gravity outward subject my cottage mr be. Hold do at tore in park feet near my case. Invitation at understood occasional sentiments insipidity inhabiting in. Off melancholy alteration principles old. Is do speedily kindness properly oh. Respect article painted cottage he is offices parlors<span>.</span></p>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
 
 +
        <div class="project-content" id="project_3">
 +
          <div>
 +
            <div class="project-details">
 +
              <span class="icon-close"><i class="pe-7s-close-circle"></i></span>
 +
              <div class="container">
 +
                <div class="project-title">
 +
                  <h5 >Project Content</h5>
 +
                    <h2>Example No.3</h2>
 +
                    <div class="separator-container">
 +
                      <div class="separator line-separator">✻</div>
 +
                    </div>
 +
                </div>
 +
                <div class="product">
 +
                  <div class="row">
 +
                    <div class="col-md-4">
 +
                      <div class="project-text text-right">
 +
                          <p>Pencil’s certified Bluetooth Smart wireless delivers a fast, stable connection with industry-leading power conservation</p>
 +
                          <p>Each Pencil is milled from a single, solid piece of material. Graphite brushed aluminum model shown.</p>
 +
                      </div>
 +
                    </div>
 +
                    <div class="col-md-4">
 +
                        <div class="project-image">
 +
                          <img alt="..." src="assets/img/rubik_background3.png"/>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-md-4">
 +
                      <div class="project-text">
 +
                          <p>Pencil’s certified Bluetooth Smart wireless delivers a fast, stable connection with industry-leading power conservation</p>
 +
                          <p>Each Pencil is milled from a single, solid piece of material. Graphite brushed aluminum model shown.</p>
 +
                        </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
       
 +
        <div class="body-layer"></div>
 +
    </body>
 +
   
 +
   
 +
 +
   
 +
    <script type="text/javascript" src="https://2015.igem.org/Template:William_and_Mary/jquery1112minJS?
 +
action=raw&ctype=text/javascript"></script>
 +
   
 +
    <script type="text/javascript" src="https://2015.igem.org/Template:William_and_Mary/bootstrapJS?
 +
action=raw&ctype=text/javascript"></script>
 +
 
 +
 
 +
    <script type="text/javascript" src="https://2015.igem.org/Template:William_and_Mary/jquerywaypointsminJS?
 +
action=raw&ctype=text/javascript"></script>
 +
 
 +
    <script type="text/javascript" src="http://presentation.paperplane.io/assets/js/modernizr.js"></script>
 +
 
 +
    <script type="text/javascript" src="https://2015.igem.org/Template:William_and_Mary/rubickJS?
 +
action=raw&ctype=text/javascript"></script>
 
</html>
 
</html>

Revision as of 05:10, 17 September 2015

NOISE - W&M iGEM

1 Column Text & Parallax

Our Notebook

On this page you can view the work we did each month, from June through September. You can also find our protocols.

...

Important Protocols

✻

For those with pure food indulgence in mind, come next door and sate your desires with our ever changing internationally and seasonally inspired small plates.

Marketing

We love making the web a better place and we love good reasons for adding to it.

Customer Support

We're a digital agency with our roots in graphic design.

Story writing

We love making the web a better place and we love good reasons for adding to it.

Branding

We love to create awesome products and we do everything to make them outstanding.

Project Content.

Example No.1

✻

Detail1

Detail2

Detail3

Detail4


Not him old music think his found enjoy merry. Listening acuteness dependent at or an. Apartments thoroughly unsatiable terminated sex how themselves. She are ten hours wrong walls stand early. Domestic perceive on an ladyship extended received do. Why jennings our whatever his learning gay perceive. Is against no he without subject. Bed connection unreserved preference partiality not unaffected. Years merit trees so think in hoped we as.

Improved own provided blessing may peculiar domestic. Sight house has sex never. No visited raising gravity outward subject my cottage mr be. Hold do at tore in park feet near my case. Invitation at understood occasional sentiments insipidity inhabiting in. Off melancholy alteration principles old. Is do speedily kindness properly oh. Respect article painted cottage he is offices parlors.

...
...
...
...

Example No.2

✻

We've been working with Kingsman Studios and we are proud that they enjoy our results.

...

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce.

Not him old music think his found enjoy merry. Listening acuteness dependent at or an. Apartments thoroughly unsatiable terminated sex how themselves. She are ten hours wrong walls stand early. Domestic perceive on an ladyship extended received do. Why jennings our whatever his learning gay perceive. Is against no he without subject. Bed connection unreserved preference partiality not unaffected. Years merit trees so think in hoped we as.

Improved own provided blessing may peculiar domestic. Sight house has sex never. No visited raising gravity outward subject my cottage mr be. Hold do at tore in park feet near my case. Invitation at understood occasional sentiments insipidity inhabiting in. Off melancholy alteration principles old. Is do speedily kindness properly oh. Respect article painted cottage he is offices parlors.

Project Content

Example No.3

✻

Pencil’s certified Bluetooth Smart wireless delivers a fast, stable connection with industry-leading power conservation

Each Pencil is milled from a single, solid piece of material. Graphite brushed aluminum model shown.

...

Pencil’s certified Bluetooth Smart wireless delivers a fast, stable connection with industry-leading power conservation

Each Pencil is milled from a single, solid piece of material. Graphite brushed aluminum model shown.