Difference between revisions of "Team:TU Delft/Collaborations"

(Prototype team page)
 
Line 1: Line 1:
−
{{TU_Delft}}
+
{{:Team:TU_Delft/Header_Test}}
 
<html>
 
<html>
 +
  <!-- Page Title -->
  
−
<h2> Collaborations</h2>
+
  <div class="bgcollaborations"></div>
 +
  <div class="jumbotron" id="cover">
 +
    <h1>Collaborations Title</h1>
 +
    <p class="lead">Subtitle</p>
 +
  </div>
  
−
<p>
+
<span class="anchor" id="overview"></span>
−
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.
+
  <div id="white">
−
</p>
+
    <div class="jumbotron">
 +
      <div class="container">
 +
        <h1>Overview</h1>
 +
        <p class="lead text-muted"> Subtitle or summary goes here. Should be short - two or three sentences.</p>
 +
      </div>
 +
    </div>
 +
    <div class="container">
 +
      <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac
 +
        tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit
 +
        amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus
 +
        nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.
 +
      </p>
 +
    </div>
 +
  </div>
  
−
<div class="highlightBox">
+
<span class="anchor" id="regulations"></span>
 +
  <div id="grey">
 +
    <div class="jumbotron">
 +
      <div class="container">
 +
        <h1>Title</h1>
 +
        <p class="lead text-muted">Subtitle or summary goes here. Should be short - two or three sentences.</p>
 +
      </div>
 +
    </div>
 +
    <div class="container">
 +
      <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac
 +
        tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit
 +
        amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus
 +
        nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.
 +
      </p>
 +
    </div>
 +
  </div>
  
−
<h4> Which other teams can we work with? </h4>
+
<span class="anchor" id="ethics"></span>
−
<p>  
+
  <div id="white">
−
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>.
+
    <div class="jumbotron">
−
</p>
+
      <div class="container">
 +
        <h1>Title</h1>
 +
        <p class="lead text-muted"> Subtitle or summary goes here. Should be short - two or three sentences.</p>
 +
      </div>
 +
    </div>
 +
    <div class="container">
 +
      <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac
 +
        tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit
 +
        amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus
 +
        nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.
 +
      </p>
 +
    </div>
 +
  </div>
  
−
<p>
+
<span class="anchor" id="social"></span>
−
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.
+
  <div id="grey">
−
</p>
+
    <div class="jumbotron">
−
</div>
+
      <div class="container">
 +
        <h1>Title</h1>
 +
        <p class="lead text-muted"> Subtitle or summary goes here. Should be short - two or three sentences.</p>
 +
      </div>
 +
    </div>
 +
    <div class="container">
 +
      <p class="lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac
 +
        tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit
 +
        amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus
 +
        nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.
 +
      </p>
 +
    </div>
 +
  </div>
 +
<script>
 +
  initiateNavigation("collaborations");
  
−
<p>
+
$('#accordion2').on('shown.bs.collapse', function (e) {
−
Here are some suggestions for projects you could work on with other teams:
+
−
</p>
+
  
−
<ul>
+
  // Validate this panel belongs to this accordian, and not an embedded one
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
  var actualAccordianId = $('a[href="#' + $(e.target).attr('id') + '"').data('parent');
−
<li> Characterize another team's part </li>
+
  var targetAccordianId = '#' + $(this).attr('id');
−
<li> Debug a construct </li>
+
  if (actualAccordianId !== targetAccordianId) return;
−
<li> Model or simulating another team's system </li>
+
−
<li> Test another team's software</li>
+
−
<li> Help build and test another team's hardware project</li>
+
−
<li> Mentor a high-school team</li>
+
−
</ul>
+
  
−
 
+
  var clickedHeader = $(this).find('.panel > .collapse.in').closest('.panel').find('.panel-heading');
−
 
+
  var offset = clickedHeader.offset();
−
</div>
+
  var top = $(window).scrollTop();
 +
  if(offset) {
 +
    var topOfHeader = offset.top;
 +
    if(topOfHeader < top) {
 +
      $('html,body').animate({ scrollTop: topOfHeader}, 700, 'swing');
 +
    }
 +
  }
 +
});
 +
</script>
 
</html>
 
</html>
 +
{{:Team:TU_Delft/Footer}}

Revision as of 12:03, 3 August 2015

Collaborations Title

Subtitle

Overview

Subtitle or summary goes here. Should be short - two or three sentences.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.

Title

Subtitle or summary goes here. Should be short - two or three sentences.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.

Title

Subtitle or summary goes here. Should be short - two or three sentences.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.

Title

Subtitle or summary goes here. Should be short - two or three sentences.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ultrices tincidunt ipsum, vitae tempor nibh porta ac. Fusce consectetur neque et dolor vestibulum iaculis. Nunc pretium turpis at arcu tempus vehicula. Nam nec accumsan metus, ac tempus tortor. Aenean euismod elit vitae ex ultrices pulvinar. Etiam rhoncus non urna vel volutpat. Donec ut erat ornare, faucibus quam a, posuere urna. Phasellus at nisl sed erat ultricies commodo vel ut mauris. Morbi ac mauris dui. Cras sit amet ornare nisl. Suspendisse lectus mi, ullamcorper et dolor a, vulputate condimentum velit. Morbi dolor eros, cursus euismod magna sit amet, tempus volutpat quam. Morbi at est sed erat efficitur lobortis nec non elit. Integer urna nisi, dapibus nec magna non, pharetra sodales felis. Fusce dignissim elit sit amet purus aliquet, quis luctus tortor commodo. Donec viverra enim vel ultrices iaculis.

Contact Details

Address:

Faculty of Applied Sciences

Room F109

TU Delft

Lorentzweg 1

2628 CJ Delft

The Netherlands

Phone:

+31 15 278 18 62

Email:

tudelft.igem@gmail.com