User:Macowell/podcasts redesign

From 2007.igem.org

(Difference between revisions)
m (template test)
(added tutorial podcasts with column div)
Line 75: Line 75:
<html>
<html>
-
<div class="podcast">
+
<div class="column">
 +
 
 +
<div class="podcast">
<h3><a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-iGEMExplainer01DrewEndyDefiningSyntheticBiology399.flv" onclick="window.popup_player_258600 = window.open('http://blip.tv/file/254077/?skin=popup&file_type=flv','post_258600','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;">
<h3><a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-iGEMExplainer01DrewEndyDefiningSyntheticBiology399.flv" onclick="window.popup_player_258600 = window.open('http://blip.tv/file/254077/?skin=popup&file_type=flv','post_258600','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;">
Drew Endy: Defining Synthetic Biology
Drew Endy: Defining Synthetic Biology
Line 92: Line 94:
</div>
</div>
-
</html>
+
 
-
<html>
+
<div class="podcast">
-
<div class="podcast">
+
<h3><a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-iGEMExplainer02DrewEndyBelieveInSyntheticBiology355.flv" onclick="window.popup_player_258502 = window.open('http://blip.tv/file/253979/?skin=popup&file_type=flv','post_258502','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;">
<h3><a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-iGEMExplainer02DrewEndyBelieveInSyntheticBiology355.flv" onclick="window.popup_player_258502 = window.open('http://blip.tv/file/253979/?skin=popup&file_type=flv','post_258502','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;">
Drew Endy: Believe in Synthetic Biology
Drew Endy: Believe in Synthetic Biology
Line 110: Line 111:
"Why should you consider changing how you engineer biological systems from doing ad-hoc research to something that's a more scalable engineering framework?" </div>
"Why should you consider changing how you engineer biological systems from doing ad-hoc research to something that's a more scalable engineering framework?" </div>
</div>
</div>
-
</html>
 
-
<html>
+
 
-
<div class="podcast">
+
<div class="podcast">
<h3><a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-iGEMExplainer03DrewEndyWhatIsAStandardBiologicalPart197.flv" onclick="window.popup_player_258904 = window.open('http://blip.tv/file/254379/?skin=popup&file_type=flv','post_258904','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;">
<h3><a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-iGEMExplainer03DrewEndyWhatIsAStandardBiologicalPart197.flv" onclick="window.popup_player_258904 = window.open('http://blip.tv/file/254379/?skin=popup&file_type=flv','post_258904','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;">
Drew Endy: What is a Standard Biological Part?
Drew Endy: What is a Standard Biological Part?
Line 129: Line 129:
"What does it mean to have a Standard Biological Part - for example, a BioBrick-standard biological part? Well, why would something like that be important?" </div>
"What does it mean to have a Standard Biological Part - for example, a BioBrick-standard biological part? Well, why would something like that be important?" </div>
</div>
</div>
-
</html>
+
</div>
 +
<div class="column">
 +
<div class="podcast">
 +
<h3><a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-Tutorial41AddingAndDocumentingABasicPart403.flv" onclick="window.popup_player_269439 = window.open('http://blip.tv/file/264878/?skin=popup&file_type=flv','post_269439','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;">
 +
4.1 - Adding and Documenting a Basic Part
 +
</a></h3>
 +
<div class="screenshot">
 +
<a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-Tutorial41AddingAndDocumentingABasicPart403.flv" onclick="window.popup_player_269439 = window.open('http://blip.tv/file/264878/?skin=popup&file_type=flv','post_269439','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;">
 +
<img src="https://static.igem.org/mediawiki/2007/9/95/Vodcasts_Tutorial-4-basicpart1.jpg" width="133" height="100" alt="" />
 +
</a>
 +
<span class="download">
 +
<a href="http://blip.tv/file/get/IgemLabs-Tutorial41AddingAndDocumentingABasicPart403.mov">screen</a>
 +
<a href="http://blip.tv/file/get/IgemLabs-Tutorial41AddingAndDocumentingABasicPart607.mp4">ipod</a>
 +
</span>
 +
</div>
 +
<div class="description">
 +
In this screencast Reshma Shetty adds a basic part to the registry. Follow along at <a href="http://partsregistry.org/Help:Team_experience_tutorial#Make_a_part">section 4.1 of the team experience tutorial</a>.</div>
 +
</div>
 +
 +
 +
<div class="podcast">
 +
<h3><a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-Tutorial42EnteringPartSequenceAndFeatures835.flv" onclick="window.popup_player_269484 = window.open('http://blip.tv/file/264923/?skin=popup&file_type=flv','post_269484','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;">
 +
4.2 - Entering Part Sequence and Features
 +
</a></h3>
 +
<div class="screenshot">
 +
<a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-Tutorial42EnteringPartSequenceAndFeatures835.flv" onclick="window.popup_player_269484 = window.open('http://blip.tv/file/264923/?skin=popup&file_type=flv','post_269484','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;">
 +
<img src="https://static.igem.org/mediawiki/2007/5/52/Vodcasts_Tutorial-4-basicpart2.jpg" width="133" height="100" alt="" />
 +
</a>
 +
<span class="download">
 +
<a href="http://blip.tv/file/get/IgemLabs-Tutorial42EnteringPartSequenceAndFeatures835.mov">screen</a>
 +
<a href="http://blip.tv/file/get/IgemLabs-Tutorial42EnteringPartSequenceAndFeatures343.mp4">ipod</a>
 +
</span>
 +
</div>
 +
<div class="description">
 +
In this screencast Reshma Shetty finishes adding a basic part to the registry by adding its sequence and annotating several features, including the start and stop codon and the entire cds.  Follow along at<a href="http://partsregistry.org/Help:Team_experience_tutorial#Make_a_part">section 4.2 of the team experience tutorial</a>.</div>
 +
</div>
 +
 +
 +
<div class="podcast">
 +
<h3><a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-tutorial43ReviewingYourPart564.flv" onclick="window.popup_player_269487 = window.open('http://blip.tv/file/264926/?skin=popup&file_type=flv','post_269487','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;">
 +
4.3 - Reviewing Your Part
 +
</a></h3>
 +
<div class="screenshot">
 +
<a rel="enclosure" href="http://blip.tv/file/get/IgemLabs-tutorial43ReviewingYourPart564.flv" onclick="window.popup_player_269487 = window.open('http://blip.tv/file/264926/?skin=popup&file_type=flv','post_269487','toolbar=no,scrollbars=no,directories=no,resizable=yes,width=360,height=305,top=20,left=20,location=no,menubar=no,status=yes,'); return false;">
 +
<img src="https://static.igem.org/mediawiki/2007/1/1c/Vodcasts_Tutorial-4-basicpart3.jpg" width="133" height="100" alt="" />
 +
</a>
 +
<span class="download">
 +
<a href="http://blip.tv/file/get/IgemLabs-tutorial43ReviewingYourPart564.mov">screen</a>
 +
<a href="http://blip.tv/file/get/IgemLabs-tutorial43ReviewingYourPart279.mp4">ipod</a>
 +
</span>
 +
</div>
 +
<div class="description">
 +
In this screencast Reshma Shetty demonstrates how to locate and review a part you (or any other team) has designed on the Registry.  Follow along at<a href="http://partsregistry.org/Help:Team_experience_tutorial#Make_a_part">section 4.3 of the team experience tutorial</a>.</div>
 +
</div>
 +
</div>
 +
<div style="clear:both"></div>
 +
</html>
==template test==
==template test==
[[Template:Podcast]] doesn't work :(
[[Template:Podcast]] doesn't work :(
[[Image:IGEMExplainer_EndyQA3_StandardBiologicalPart_screenshot.jpg]]
[[Image:IGEMExplainer_EndyQA3_StandardBiologicalPart_screenshot.jpg]]

Revision as of 02:30, 21 June 2007

Drew Endy: Defining Synthetic Biology

"Make it easier to build things. Define the things you are building with by using standards. Hide biological complexity with abstraction."

Drew Endy: Believe in Synthetic Biology

"Why should you consider changing how you engineer biological systems from doing ad-hoc research to something that's a more scalable engineering framework?"

Drew Endy: What is a Standard Biological Part?

"What does it mean to have a Standard Biological Part - for example, a BioBrick-standard biological part? Well, why would something like that be important?"

4.1 - Adding and Documenting a Basic Part

In this screencast Reshma Shetty adds a basic part to the registry. Follow along at section 4.1 of the team experience tutorial.

4.2 - Entering Part Sequence and Features

In this screencast Reshma Shetty finishes adding a basic part to the registry by adding its sequence and annotating several features, including the start and stop codon and the entire cds. Follow along atsection 4.2 of the team experience tutorial.

4.3 - Reviewing Your Part

In this screencast Reshma Shetty demonstrates how to locate and review a part you (or any other team) has designed on the Registry. Follow along atsection 4.3 of the team experience tutorial.

template test

Template:Podcast doesn't work :(

IGEMExplainer EndyQA3 StandardBiologicalPart screenshot.jpg