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

(Prototype team page)
 
Line 1: Line 1:
−
{{William_and_Mary}}
 
−
<html>
 
  
−
<h2> Collaborations</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>
+
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
        <title>NOISE - W&M iGEM</title>
−
</p>
+
        <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" />
  
−
<div class="highlightBox">
+
        <!--    Fonts and icons    -->
 +
        <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
 +
        <link href='http://fonts.googleapis.com/css?family=Droid+Serif:400,700' rel='stylesheet' type='text/css'>
 +
        <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"/>
 +
        <link href="https://2015.igem.org/Team:William_and_Mary/Rubik-Fonts?action=raw&amp;ctype=text/css" rel="stylesheet" type="text/css"/>
 +
       
 +
<!-- 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;
 +
}
  
−
<h4> Which other teams can we work with? </h4>
+
/*left align Black Menu Bar */
−
<p>
+
#top_menu_inside {
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the <a hreef="https://2015.igem.org/Judging/Awards#Medals">iGEM team collaboration gold medal criterion</a>.
+
margin-left: 0px;
−
</p>
+
}
 +
</style>
  
−
<p>
+
    </head>
−
In order to meet the gold medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
    <body class="landing-page">
−
</p>
+
        <nav class="navbar navbar-default navbar-transparent navbar-fixed-top navbar-burger" role="navigation">
−
</div>
+
            <!-- 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">
 +
                            Composite 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              -->
 +
                                <i class="fa fa-angle-down"></i>
 +
                            </a>
 +
                        </div>
 +
                   
 +
                        <div class="section section-we-are-2">
 +
                            <div class="text-area">
 +
                                <div class="container">
 +
                                    <div class="row">
 +
                                        <div class="col-md-4">
 +
                                            <div class="title">
 +
                                                <h5 class="text-gray">2 Columns Text</h5>
 +
                                                <h2>Interlay Measurement Study</h2>
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="col-md-7 col-md-offset-1">
 +
                                            <div class="description">
 +
                                                <p>Link to interlab page!!!!!!!! add IMP pics</p>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                            <div class="container">
 +
                                <div class="row">
 +
                                    <div class="col-md-10 col-md-offset-1">
 +
                                        <div class="row">
 +
                                            <div class="col-md-4">
 +
                                                <div class="card">
 +
                                                    <img alt="..." src="assets/img/builder/projects/project.jpg">
 +
                                                </div>
 +
                                            </div>
 +
                                            <div class="col-md-4">
 +
                                                <div class="card">
 +
                                                    <img alt="..." src="assets/img/builder/projects/project.jpg">
 +
                                                </div>
 +
                                            </div>
 +
                                            <div class="col-md-4">
 +
                                                <div class="card">
 +
                                                    <img alt="..." src="assets/img/builder/projects/project.jpg">
 +
                                                </div>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                   
 +
         
 +
                   
 +
                        <!-- Section "Our Projects" example 2: 3 Columns Full Width -->
 +
                        <div class="section section-we-made-1 section-with-hover" id="projects1">
 +
                            <div class="text-area">
 +
                                <div class="title add-animation animate">
 +
                                    <h5 class="text-gray">3 Columns Full Width &amp; Color Hover</h5>
 +
                                    <h2>Collaborating with other teams</h2>
 +
                                    <div class="separator-container">
 +
                                        <div class="separator line-separator">✻</div>
 +
                                    </div>
 +
                                    <p>brief intro?</p>
 +
                                </div>
 +
                            </div>
 +
                            <div class="row" id="projectsLine1">
 +
                                <div class="col-md-4">
 +
                                    <div class="project animation-1 add-animation animate">
 +
                                        <img alt="..." src="assets/img/builder/projects/project.jpg">
 +
                                        <a class="over-area color-green" href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_1">
 +
                                            <div class="content">
 +
                                                <h4>University of Maryland</h4>
 +
                                                <p>Click for details.</p>
 +
                                            </div>
 +
                                        </a>
 +
                                    </div>
 +
                                </div>
 +
                                <div class="col-md-4">
 +
                                    <div class="project animation-2 add-animation animate">
 +
                                        <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>University of Cambridge</h4>
 +
                                                <p>Click for details.</p>
 +
                                            </div>
 +
                                        </a>
 +
                                    </div>
 +
                                </div>
 +
                                <div class="col-md-4">
 +
                                    <div class="project animation-3 add-animation animate">
 +
                                        <img alt="..." src="assets/img/builder/projects/project.jpg">                                   
 +
                                        <a class="over-area color-blue " href="javascript:void(0)" onclick="rubik.showModal(this)" data-target="project_2">
 +
                                            <div class="content">
 +
                                                <h4>University of Georgia</h4>
 +
                                                <p>Click for details.</p>
 +
                                            </div>
 +
                                        </a>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <!-- End Section "Our Projects" example 2: 3 Columns Full Width -->
 +
                   
 +
                     
 +
                   
 +
                        <!-- Section "Team" example 3: 4 Profiles Style 1 -->
 +
                        <div class="section section-team-2" id="team2">
 +
                            <div class="container">
 +
                                <div class="text-area">
 +
                                    <div class="title animate">
 +
                                        <h5 class="text-gray">4 Profiles Style 1</h5>
 +
                                        <h2>Discussions With Scientists Outside the Field</h2>
 +
                                        <div class="separator-container">
 +
                                            <div class="separator line-separator">✻</div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                                <div class="team">
 +
                                    <div class="row">
 +
                                        <div class="col-md-3">
 +
                                            <div class="member animate">
 +
                                                <img alt="..." class="img-circle" src="assets/img/faces/face_10.jpg">
 +
                                                <div class="description">
 +
                                                    <h3 class="big-text">Michael</h3>
 +
                                                    <p class="small-text">Co-Founder</p>
 +
                                                </div>
 +
                                                <div class="social-buttons">
 +
                                                    <button href="#" class="btn btn-social btn-simple"><i class="fa fa-facebook-square"></i></button>
 +
                                                    <button href="#" class="btn btn-social btn-simple"><i class="fa fa-twitter"></i></button>
 +
                                                    <button href="#" class="btn btn-social btn-simple"><i class="fa fa-linkedin"></i></button>
 +
                                                </div>
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="col-md-3">
 +
                                            <div class="member animate">
 +
                                                <img alt="..." class="img-circle" src="assets/img/faces/face_9.jpg">
 +
                                                <div class="description">
 +
                                                    <h3 class="big-text">George</h3>
 +
                                                    <p class="small-text">Co-Founder</p>
 +
                                                </div>
 +
                                                <div class="social-buttons">
 +
                                                    <button href="#" class="btn btn-social btn-simple"><i class="fa fa-instagram"></i></button>
 +
                                                    <button href="#" class="btn btn-social btn-simple"><i class="fa fa-twitter"></i></button>
 +
                                                    <button href="#" class="btn btn-social btn-simple"><i class="fa fa-flickr"></i></button>
 +
                                                </div>
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="col-md-3">
 +
                                            <div class="member animate">
 +
                                                <img alt="..." class="img-circle" src="assets/img/faces/face_11.jpg">
 +
                                                <div class="description">
 +
                                                    <h3 class="big-text">Andrew</h3>
 +
                                                    <p class="small-text">Product Designer</p>
 +
                                                </div>
 +
                                                <div class="social-buttons">
 +
                                                    <button href="#" class="btn btn-social btn-simple"><i class="fa fa-linkedin"></i></button>
 +
                                                    <button href="#" class="btn btn-social btn-simple"><i class="fa fa-instagram"></i></button>
 +
                                                    <button href="#" class="btn btn-social btn-simple"><i class="fa fa-pinterest"></i></button>
 +
                                                </div>
 +
                                            </div>
 +
                                        </div>
 +
                                        <div class="col-md-3">
 +
                                            <div class="member animate">
 +
                                                <img alt="..." class="img-circle" src="assets/img/faces/face_12.jpg">
 +
                                                <div class="description">
 +
                                                    <h3 class="big-text">Northon</h3>
 +
                                                    <p class="small-text">Happiness Hero</p>
 +
                                                </div>
 +
                                                <div class="social-buttons">
 +
                                                    <button href="#" class="btn btn-social btn-simple"><i class="fa fa-facebook-square"></i></button>
 +
                                                    <button href="#" class="btn btn-social btn-simple"><i class="fa fa-soundcloud"></i></button>
 +
                                                    <button href="#" class="btn btn-social btn-simple"><i class="fa fa-tumblr-square"></i></button>
 +
                                                </div>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <!-- End Section "Team" example 3: 4 Profiles Style 1 -->
 +
                   
 +
                        <!-- Section "Numbers" example 3: Text & Parallax -->
 +
                        <div class="section section-numbers-2" id="numbers2">
 +
                            <div class="parallax pattern-image">
 +
                                <img alt="..." src="assets/img/rubik_background.jpg">
 +
                            </div>
 +
                            <div class="container">
 +
                                <div class="row">
 +
                                    <div class="col-md-8 col-md-offset-2 text-center">
 +
                                        <div class="description">
 +
                                            <div class="title">
 +
                                             
 +
                                                <h2>PenPal Program</h2>
 +
                                                <div class="separator-container">
 +
                                                    <div class="separator line-separator">✻</div>
 +
                                                </div>
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                                <div class="clearfix"></div>
 +
                                <div class="row">
 +
                                    <div class="col-md-4">
 +
                                        <div class="card card-plain">
 +
                                            <h3>Teams Participating:</h3>
 +
                                            <h5>Based on project and collaboration ideas.</h5>
 +
                                            <div class="number" id="customersNo">
 +
                                                12
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="col-md-4">
 +
                                        <div class="card card-plain">
 +
                                            <h3>Total Matches</h3>
 +
                                            <h5>Why have one PenPal when your project complements two or three others?</h5>
 +
                                            <div class="number" id="projectsNo">
 +
                                                9
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                    <div class="col-md-4">
 +
                                        <div class="card card-plain">
 +
                                            <h3>Successful Collaborations</h3>
 +
                                            <h5>We found teams to collaborate with ourselves</h5>
 +
                                            <div class="number" id="citiesNo">
 +
                                                3
 +
                                            </div>
 +
                                        </div>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                        <!-- End Section "Numbers" example 3: Text & Parallax -->
 +
                   
 +
                   
 +
                        <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>title</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>text</p>
 +
                      <p>text</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>
  
−
<p>
+
        <div class="project-content" id="project_2">
−
Here are some suggestions for projects you could work on with other teams:
+
          <div>
−
</p>
+
            <div class="project-details">
 +
              <span class="icon-close"><i class="pe-7s-close-circle"></i></span>
 +
              <div class="container">
 +
                <div class="project-title">
 +
                  <h2>title</h2>
 +
                  <div class="separator-container">
 +
                      <div class="separator line-separator">✻</div>
 +
                    </div>
 +
                    <p>text</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>text</p>
 +
                      <p>etc<span>.</span></p>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
            </div>
 +
          </div>
 +
        </div>
  
−
<ul>
+
        <div class="project-content" id="project_3">
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
          <div>
−
<li> Characterize another team's part </li>
+
            <div class="project-details">
−
<li> Debug a construct </li>
+
              <span class="icon-close"><i class="pe-7s-close-circle"></i></span>
−
<li> Model or simulating another team's system </li>
+
              <div class="container">
−
<li> Test another team's software</li>
+
                <div class="project-title">
−
<li> Help build and test another team's hardware project</li>
+
                  <h5 >Project Content</h5>
−
<li> Mentor a high-school team</li>
+
                    <h2>title here</h2>
−
</ul>
+
                    <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>text here</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>text here</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>
  
−
</div>
+
    <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 06:59, 17 September 2015

NOISE - W&M iGEM

2 Columns Text

Interlay Measurement Study

Link to interlab page!!!!!!!! add IMP pics

...
...
...
4 Profiles Style 1

Discussions With Scientists Outside the Field

✻
...

Michael

Co-Founder

...

George

Co-Founder

...

Andrew

Product Designer

...

Northon

Happiness Hero

...

PenPal Program

✻

Teams Participating:

Based on project and collaboration ideas.
12

Total Matches

Why have one PenPal when your project complements two or three others?
9

Successful Collaborations

We found teams to collaborate with ourselves
3
Project Content.

title

✻

Detail1

Detail2

Detail3

Detail4


text

text

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

title

✻

text

...

Turnip greens yarrow ricebean rutabaga endive cauliflower sea lettuce.

text

etc.

Project Content

title here

✻

text here

...

text here