Team:Penn/Notebook

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html>
+
 
 +
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="generator" content="MediaWiki 1.16.0" />
 +
<link rel="alternate" type="application/x-wiki" title="Edit" href="/wiki/index.php?title=Team:Penn/Notebook2&amp;action=edit" />
 +
<link rel="edit" title="Edit" href="/wiki/index.php?title=Team:Penn/Notebook2&amp;action=edit" />
 +
<link rel="shortcut icon" href="/favicon.ico" />
 +
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2012.igem.org (en)" />
 +
<link title="Creative Commons" type="application/rdf+xml" href="/wiki/index.php?title=Team:Penn/Notebook2&amp;action=creativecommons" rel="meta" />
 +
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 +
<link rel="alternate" type="application/atom+xml" title="2012.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" /> <title>Team:Penn/Notebook2 - 2012.igem.org</title>
 +
<style type="text/css" media="screen, projection">/*<![CDATA[*/
 +
@import "/wiki/skins/common/shared.css?270";
 +
@import "/wiki/skins/igem/main.css?270";
 +
/*]]>*/</style>
 +
<link rel="stylesheet" type="text/css" media="print" href="/wiki/skins/common/commonPrint.css?270" />
 +
<!--[if lt IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE50Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 5.5000]><style type="text/css">@import "/wiki/skins/igem/IE55Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 6]><style type="text/css">@import "/wiki/skins/igem/IE60Fixes.css?270";</style><![endif]-->
 +
<!--[if IE 7]><style type="text/css">@import "/wiki/skins/igem/IE70Fixes.css?270";</style><![endif]-->
 +
<!--[if lt IE 7]><script type="text/javascript" src="/wiki/skins/common/IEFixes.js?270"></script>
 +
<meta http-equiv="imagetoolbar" content="no" /><![endif]-->
 +
 +
<script>
 +
var skin="igem",
 +
stylepath="/wiki/skins",
 +
wgUrlProtocols="http\\:\\/\\/|https\\:\\/\\/|ftp\\:\\/\\/|irc\\:\\/\\/|gopher\\:\\/\\/|telnet\\:\\/\\/|nntp\\:\\/\\/|worldwind\\:\\/\\/|mailto\\:|news\\:|svn\\:\\/\\/",
 +
wgArticlePath="/$1",
 +
wgScriptPath="/wiki",
 +
wgScriptExtension=".php",
 +
wgScript="/wiki/index.php",
 +
wgVariantArticlePath=false,
 +
wgActionPaths={},
 +
wgServer="https://2012.igem.org",
 +
wgCanonicalNamespace="",
 +
wgCanonicalSpecialPageName=false,
 +
wgNamespaceNumber=0,
 +
wgPageName="Team:Penn/Notebook2",
 +
wgTitle="Team:Penn/Notebook2",
 +
wgAction="view",
 +
wgArticleId=14631,
 +
wgIsArticle=true,
 +
wgUserName="Amurthur",
 +
wgUserGroups=["*", "user", "autoconfirmed"],
 +
wgUserLanguage="en",
 +
wgContentLanguage="en",
 +
wgBreakFrames=false,
 +
wgCurRevisionId=116662,
 +
wgVersion="1.16.0",
 +
wgEnableAPI=true,
 +
wgEnableWriteAPI=true,
 +
wgSeparatorTransformTable=["", ""],
 +
wgDigitTransformTable=["", ""],
 +
wgMainPageTitle="Main Page",
 +
wgFormattedNamespaces={"-2": "Media", "-1": "Special", "0": "", "1": "Talk", "2": "User", "3": "User talk", "4": "2012.igem.org", "5": "2012.igem.org talk", "6": "File", "7": "File talk", "8": "MediaWiki", "9": "MediaWiki talk", "10": "Template", "11": "Template talk", "12": "Help", "13": "Help talk", "14": "Category", "15": "Category talk"},
 +
wgNamespaceIds={"media": -2, "special": -1, "": 0, "talk": 1, "user": 2, "user_talk": 3, "2012.igem.org": 4, "2012.igem.org_talk": 5, "file": 6, "file_talk": 7, "mediawiki": 8, "mediawiki_talk": 9, "template": 10, "template_talk": 11, "help": 12, "help_talk": 13, "category": 14, "category_talk": 15, "image": 6, "image_talk": 7},
 +
wgSiteName="2012.igem.org",
 +
wgCategories=[],
 +
wgMWSuggestTemplate="https://2012.igem.org/wiki/api.php?action=opensearch\x26search={searchTerms}\x26namespace={namespaces}\x26suggest",
 +
wgDBname="2012_igem_org",
 +
wgSearchNamespaces=[0],
 +
wgMWSuggestMessages=["with suggestions", "no suggestions"],
 +
wgRestrictionEdit=[],
 +
wgRestrictionMove=[],
 +
wgAjaxWatch={"watchMsg": "Watch", "unwatchMsg": "Unwatch", "watchingMsg": "Watching...", "unwatchingMsg": "Unwatching...", "tooltip-ca-watchMsg": "Add this page to your watchlist", "tooltip-ca-unwatchMsg": "Remove this page from your watchlist"};
 +
</script>               
 +
<script type="text/javascript" src="/wiki/skins/common/wikibits.js?270"><!-- wikibits js --></script>
 +
<!-- Head Scripts -->
 +
<script src="/wiki/skins/common/ajax.js?270"></script>
 +
<script src="/wiki/skins/common/ajaxwatch.js?270"></script>
 +
<script src="/wiki/skins/common/mwsuggest.js?270"></script>
 +
<script type="text/javascript" src="/wiki/index.php?title=-&amp;action=raw&amp;smaxage=0&amp;gen=js&amp;useskin=igem"><!-- site js --></script>
 +
<!-- jQuery Javascript -->
 +
<script type='text/javascript'        src ='/common/jquery-latest.min.js'></script>
 +
<script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 +
        <link rel='stylesheet' type='text/css' href='/common/tablesorter/themes/groupparts/style.css' />
 +
        <link rel='stylesheet' type='text/css' href='/common/table_styles.css' />
 +
        <link rel='stylesheet' type='text/css' href='/forum/forum_styles.css' />
 +
<script type='text/javascript'        src ='/forum/forum_scripts.js'></script>
 +
</head>
 +
 
 +
<body              class="mediawiki  ltr ns-0 ns-subject page-Team_Penn_Notebook2">
 +
  <div id="globalWrapper">
 +
 
 +
    <div id="top-section">
 +
<div id="p-logo">
 +
    <a href="/Main_Page"
 +
      title="Main Page">
 +
    <img src='/wiki/skins/common/images/wiki.png'>"
 +
    </a>
 +
</div>  <!-- end p-logo -->
 +
<script type="text/javascript"> if (window.isMSIE55) fixalpha(); </script>
 +
 
 +
 
 +
 
 +
<div id="menubar" class='left-menu noprint'>
 +
  <ul>
 +
                  <li
 +
                class='selected'       ><a href="/Team:Penn/Notebook2">Page              </a></li>
 +
              <li
 +
                class='new'       ><a href="/wiki/index.php?title=Talk:Team:Penn/Notebook2&amp;action=edit&amp;redlink=1">Discussion              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Team:Penn/Notebook2&amp;action=edit">Edit              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Team:Penn/Notebook2&amp;action=history">History              </a></li>
 +
              <li
 +
                    ><a href="/Special:MovePage/Team:Penn/Notebook2">Move              </a></li>
 +
              <li
 +
                    ><a href="/wiki/index.php?title=Team:Penn/Notebook2&amp;action=watch">Watch              </a></li>
 +
              <li style='color:#808080;cursor:default'>teams</li>
 +
  </ul>
 +
</div> <!-- end menubar (left) -->
 +
 
 +
<div class="right-menu noprint" id="menubar">
 +
    <ul>
 +
                <li id="pt-userpage"><a href="/User:Amurthur" title="Your user page [.]" accesskey="." class="new">Amurthur</a></li>                              <li id='pt-preferences'><a href='https://igem.org/User_Information' title='My account'>My account</a></li>
 +
                          <li id="pt-logout"><a href="/wiki/index.php?title=Special:UserLogout&amp;returnto=Team:Penn/Notebook2" title="Log out">Log out</a></li>     </ul>
 +
</div><!-- end right menubar -->
 +
 
 +
<div id="search-controls" class="noprint">
 +
<form action="/Special:Search" id="searchform">
 +
<input id="searchInput" name="search" type="text" title="Search 2012.igem.org [f]" accesskey="f" value="" />
 +
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
 +
      <input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
 +
</form>
 +
</div> <!-- close search controls -->
 +
    </div> <!-- close top-section-->
 +
    <div id="content">
 +
<a name="top" id="top"></a>
 +
<h1 class="firstHeading">Team:Penn/Notebook2</h1>
 +
<div id="bodyContent">
 +
<h3 id="siteSub" class='noprint'>From 2012.igem.org</h3>
 +
<div id="contentSub"></div>
 +
<!--
 +
<div id="jump-to-nav">Jump to:                        <a href="#column-one">navigation</a>, <a href="#searchInput">search</a></div>-->
 +
<!-- start content -->
 +
<p>
<head>
<head>
<link rel="stylesheet" href='/Team:Penn/css/navigation?action=raw&amp;ctype=text/css' />
<link rel="stylesheet" href='/Team:Penn/css/navigation?action=raw&amp;ctype=text/css' />
Line 7: Line 145:
<link rel="stylesheet" href='/Team:Penn/css/igemsubcss?action=raw&amp;ctype=text/css' />
<link rel="stylesheet" href='/Team:Penn/css/igemsubcss?action=raw&amp;ctype=text/css' />
<link rel="stylesheet" href='/Team:Penn/css/accordion?action=raw&amp;ctype=text/css' />
<link rel="stylesheet" href='/Team:Penn/css/accordion?action=raw&amp;ctype=text/css' />
-
 
+
<script src='http://www.switchroyale.com/vallenato/js/jquery-1.5.min.js>action=raw&amp;ctype=text/javascript' type="text/javascript" charset="utf-8"></script>
 +
 +
<script src='http://www.switchroyale.com/vallenato/vallenato/vallenato.js?action=raw&amp;ctype=text/javascript' type="text/javascript" charset="utf-8"></script>
 +
 +
 +
<link rel="stylesheet" href='http://www.switchroyale.com/vallenato/vallenato/vallenato.css?action=raw&amp;ctype=text/css' type="text/css" media="screen" charset="utf-8">
<title>Penn 2012 iGEM Wiki</title>
<title>Penn 2012 iGEM Wiki</title>
 +
<script type="text/javascript">
 +
 +
  var _gaq = _gaq || [];
 +
  _gaq.push(['_setAccount', 'UA-5390553-2']);
 +
  _gaq.push(['_trackPageview']);
 +
 +
  (function() {
 +
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 +
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 +
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 +
  })();
 +
 +
</script>
 +
 +
</head>
</head>
<body>
<body>
 +
<div style="overflow:hidden;">
<div style="overflow:hidden;">
<div style="margin-bottom:0px; padding-bottom:0px;">
<div style="margin-bottom:0px; padding-bottom:0px;">
Line 87: Line 246:
</ul>
</ul>
-
<!----------------------------------------------------------------------------------------------------->
+
<!----------------------------------------------------------------------------->
 +
<div id="accordion-container">
 +
<h2 class="accordion-header">What is it?</h2>
 +
 +
<div class="accordion-content">
 +
<p class="first-p">Vallenato is a super simple jQuery based accordion script. There are plenty of other great accordion scripts out there to choose from, so why use Vallenato? Well, it's easy to implement, looks good, is flexible, and of course...it's free. This page is an example of Vallenato in action!</p>
 +
 +
<div id="tweet">
 +
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="switchroyale">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
 +
</div>
 +
 +
<div id="like">
 +
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="http://www.switchroyale.com/vallenato" layout="button_count" show_faces="false" width="450" font="verdana"></fb:like>
 +
</div>
 +
</div>
 +
 +
<h2 class="accordion-header">Download</h2>
 +
 +
<div class="accordion-content">
 +
<p class="first-p">Download the Vallenato script here:</p>
 +
 +
<p class="last-p"><a href="vallenato.zip">Vallenato</a></p>
 +
</div>
 +
 +
<h2 class="accordion-header">Installation</h2>
 +
 +
<div class="accordion-content">
 +
<p class="first-p">First, unzip the "vallenato.zip" file and place the "vallenato" folder in the same directory as the html file(s) that will be using the script. If placed in a different folder, you will need to update the paths below.</p>
 +
 +
<p>In the &lt;head&gt; section of your html you will need to link to jQuery, the Vallenato script and stylesheet. You can use the following code:</p>
 +
 +
<div class="code">
 +
<code>
 +
<p class="first-p">&lt;script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"&gt;&lt;/script&gt;</p>
-
<div style="background-color:white;display:block; margin-left: auto; margin-right: auto;">
+
<p>&lt;script src="vallenato/vallenato.js" type="text/javascript"&gt;&lt;/script&gt;</p>
 +
<p class="last-p">&lt;link rel="stylesheet" href="vallenato/vallenato.css" type="text/css" media="screen"&gt;</p>
 +
</code>
 +
</div>
 +
</div>
 +
 +
<h2 class="accordion-header">Mark Up</h2>
 +
 +
<div class="accordion-content">
 +
<p class="first-p">Mark up is simple and straight forward, just use the following code as a template:</p>
 +
 +
<div class="code">
 +
<code>
 +
<p class="first-p last-p">&lt;div id="accordion-container"&gt;
 +
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h2 class="accordion-header"&gt;Section 1&lt;/h2&gt;
-
<div id="options">
+
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div class="accordion-content"&gt;
-
<h1>Drug Delivery Notebook</h1>
+
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;Section 1 Content&lt;/p&gt;
-
<a href="javascript:parentAccordionB.pr(1)">Expand All</a> | <a href="javascript:parentAccordionB.pr(-1)">Collapse All</a>
+
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;
-
</div>
+
-
<ul class="acc" id="acc">
+
-
<li>
+
-
<h3>June 2012</h3>
+
-
<div class="acc-section">
+
-
<div class="acc-content">
+
-
<ul class="acc" id="nestedB1">
+
-
<li>
+
-
<h3>Week 1</h3>
+
-
<div class="acc-section">
+
-
<div class="acc-content">
+
-
<p><b>June 6th</b></p>
+
-
                                                <ul>
+
-
                                                  <li>Set up some lab equipment</li>
+
-
                                                  <li>Autoclaved for a while</li>
+
-
<li>Organized biobrick stuff</li>
+
-
                                                  <li>Called Vinoo about DNA planning</li>
+
-
 
+
-
                                                </ul> 
+
-
<br>
+
-
<p><b>June 7th</b></p>
+
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;h2 class="accordion-header"&gt;Section 2&lt;/h2&gt;
-
                                                <ul>
+
-
                                                  <li>Transformed Cph8, pLsr, and LuxS</li>
+
-
                                                  <li>Placed order with Vinoo</li>
+
-
<li>Developed idea using PGY/PCN system to activate a gene</li>
+
-
                                                </ul>                   
+
-
+
-
                                                  </div>
+
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;div class="accordion-content"&gt;
-
</div>
+
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;p&gt;Section 2 Content&lt;/p&gt;
-
</li>
+
<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;/div&gt;
-
<li>
+
<br>&lt;/div&gt;</p>
-
<h3>Week 2</h3>
+
</code>
-
<div class="acc-section">
+
</div>
-
<div class="acc-content">
+
</div>
-
<p><b>June 11th</b></p>
+
</div>
-
                            &nbsp;&nbsp;<p>Wet Lab</p>
+
-
                                                <ul>
+
-
                                                  <li>PCR'd mCherry from NAS157</li>
+
-
                                                  <li>Ran 1% Gel and purified product</li>
+
-
                                                </ul>
 
-
&nbsp;&nbsp;<p>Dry Lab</p>
 
-
<ul>
 
-
<li>Designed primers for LsR promoter</li>
 
-
<li>Meeting with Dr. Sarkar</li>
 
-
</ul>
 
-
<br>
 
-
<p><b>June 12th</b></p>
 
-
                            &nbsp;&nbsp;<p>Wet Lab</p>
 
-
                                                <ul>
 
-
                                                  <li>Digested mCherry PCR product with BamHI and NotI</li>
 
-
                                                  <li>Column purified mCherry and ligated into NAS152 backbone</li>
 
-
<li>Transformed NAS152-mCherry into DH5alpha</li>
 
-
<li>Poured 25 LB-Kan plates</li>
 
-
                                                </ul>
 
-
&nbsp;&nbsp;<p>Dry Lab</p>
 
-
<ul>
 
-
<li>Research more information about bacterial drug delivery system</li>
 
-
<li>More research into biofilm project</li>
 
-
</ul>
 
-
<br>
 
-
<p><b>June 14th</b></p>
 
-
&nbsp;&nbsp;<p>Wet Lab</p>
 
-
                                                <ul>
 
-
                                                  <li>Fill in later....</li>
 
-
                                               
 
-
                                                </ul>
 
-
&nbsp;&nbsp;<p>Dry Lab</p>
 
-
<ul>
 
-
<li>Met with Dr. Goulian, obtained pDawn and pDusk</li>
 
-
<li>Identified inaK as a surface display gene we can use</li>
 
-
</ul>
 
-
</div>
+
</body>
-
</div>
+
-
</li>
+
-
<li>
+
-
<h3>Week 3</h3>
+
-
<div class="acc-section">
+
-
<div class="acc-content">
+
-
<p>June 18th</p>
+
-
 
+
-
&nbsp;&nbsp;<p>Wet Lab</p>
+
-
<ul>
+
-
<li>Miniprep pDawn and pDusk</li>
+
-
<li>Test cut pDawn and pDusk with XmaI, analytical gel was correct</li>
+
-
<li>Prep cut pDawn and pDusk with BamHI and NotI, gel purified</li>
+
-
</ul>
+
-
&nbsp;&nbsp;<p>Dry Lab</p>
+
-
<ul>
+
-
<li>Ordered and picked up PCR purification kit from cell center</li>
+
-
<li>Additional orders through cell center</li>
+
-
<li>Designed primers for one of Peter's components (forgot which)</li>
+
-
</ul>
+
-
<br>
+
-
 
+
-
<p>June 20</p>
+
-
 
+
-
&nbsp;&nbsp;<p>Wet Lab</p>
+
-
<ul>
+
-
<li>Picked 2 colonies of pDawn-mCherry, innoculated in 5 mL of LB and 50 ug/mL of Kan</li>
+
-
<li>PCR purified fragments (Peter), then ran gel?</li>
+
-
</ul>
+
-
&nbsp;&nbsp;<p>Dry Lab</p>
 
-
<ul>
 
-
<li>Researched DARPin binding domains and linkers</li>
 
-
<li>Finalized some biobrick orders</li>
 
-
<li>Finalized synthesis order (minus linker)</li>
 
-
</ul>
 
 +
</p>
 +
<!--
 +
NewPP limit report
 +
Preprocessor node count: 4/1000000
 +
Post-expand include size: 0/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Expensive parser function count: 0/100
 +
-->
-
 
+
<!-- Saved in parser cache with key 2012_igem_org:pcache:idhash:14631-0!1!0!!en!2 and timestamp 20120915100004 -->
-
 
+
<div class="printfooter">
-
 
+
Retrieved from "<a href="https://2012.igem.org/Team:Penn/Notebook2">https://2012.igem.org/Team:Penn/Notebook2</a>"</div>
-
 
+
<div id="catlinks"><div id='catlinks' class='catlinks catlinks-allhidden'></div></div> <!-- end content -->
-
 
+
<div class="visualClear"></div>
-
 
+
-
 
+
-
 
+
-
 
+
-
</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<h3>Week 4</h3>
+
-
<div class="acc-section">
+
-
<div class="acc-content">
+
-
Morbi felis libero, porta non, sagittis ac, consectetur in, sem.
+
-
</div>
+
-
</div>
+
-
</li>
+
-
 
+
-
</ul>
+
-
This lightweight (1.2 KB) JavaScript accordion can easily be customized to integrate with any website. For more information visit <a href="http://www.leigeber.com">leigeber.com</a>.
+
-
</div>
+
</div>
</div>
-
</li><li>
+
    </div>
-
<h3>July 2012</h3>
+
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
-
<div class="acc-section">
+
<div class="visualClear"></div>
-
<div class="acc-content">
+
    <div id='footer-box' class='noprint'>
-
<ul class="acc" id="nestedB2">
+
        <div id="footer">
-
<li>
+
              <div id="f-poweredbyico"><a href="http://www.mediawiki.org/"><img src="/wiki/skins/common/images/poweredby_mediawiki_88x31.png" height="31" width="88" alt="Powered by MediaWiki" /></a></div>       <div id="f-copyrightico"><a href="http://creativecommons.org/licenses/by/3.0/"><img src="http://i.creativecommons.org/l/by/3.0/88x31.png" alt="Attribution 3.0 Unported" width="88" height="31" /></a></div>     <ul id="f-list">
-
<h3>Week 5</h3>
+
-
<div class="acc-section">
+
-
<div class="acc-content">
+
-
Donec elementum lobortis lorem. Sed aliquet lacus vitae nibh. Sed ullamcorper pharetra augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
-
</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<h3>Week 6</h3>
+
-
<div class="acc-section">
+
-
<div class="acc-content">
+
-
Vestibulum blandit mauris elementum mauris.
+
-
</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<h3>Week 7</h3>
+
-
<div class="acc-section">
+
-
<div class="acc-content">
+
-
Morbi felis libero, porta non, sagittis ac, consectetur in, sem.
+
-
</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<h3>Week 8</h3>
+
-
<div class="acc-section">
+
-
<div class="acc-content">
+
-
Morbi felis libero, porta non, sagittis ac, consectetur in, sem.
+
-
</div>
+
-
</div>
+
-
</li>
+
-
</ul>
+
  <!-- Recentchanges is not handles well DEBUG -->
-
+
    <li id="t-recentchanges"><a href="/Special:RecentChanges"
-
+
      title='Recent changes'>Recent changes</a></li>
-
</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<h3>August 2012</h3>
+
-
<div class="acc-section">
+
-
<div class="acc-content">
+
-
<ul class="acc" id="nestedB3">
+
-
<li>
+
-
<h3>Week 9</h3>
+
-
<div class="acc-section">
+
-
<div class="acc-content">
+
-
Donec elementum lobortis lorem. Sed aliquet lacus vitae nibh. Sed ullamcorper pharetra augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
-
</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<h3>Week 10</h3>
+
-
<div class="acc-section">
+
-
<div class="acc-content">
+
-
Vestibulum blandit mauris elementum mauris.
+
-
</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<h3>Week 11</h3>
+
-
<div class="acc-section">
+
-
<div class="acc-content">
+
-
Morbi felis libero, porta non, sagittis ac, consectetur in, sem.
+
-
</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<h3>Week 12</h3>
+
-
<div class="acc-section">
+
-
<div class="acc-content">
+
-
Morbi felis libero, porta non, sagittis ac, consectetur in, sem.
+
-
</div>
+
-
</div>
+
-
</li>
+
-
</ul>
+
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Team:Penn/Notebook2"
-
</div>
+
      title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
-
</div>
+
-
</li>
+
-
</ul>
+
-
<script type="text/javascript" src='/Team:Penn/js/accordion?action=raw&amp;ctype=text/javascript'></script>
+
                        <li id="t-recentchangeslinked"><a href="/Special:RecentChangesLinked/Team:Penn/Notebook2"
 +
                          title="Recent changes in pages linked from this page [k]" accesskey="k">Related changes</a></li>
-
<script type="text/javascript">
 
-
var parentAccordionB=new TINY.accordion.slider("parentAccordionB");
 
-
parentAccordionB.init("acc","h3",1,-1);
 
-
var nestedAccordionB1=new TINY.accordion.slider("nestedAccordionB1");
+
                <li id="t-upload"><a href="/Special:Upload"
-
nestedAccordionB1.init("nestedB1","h3",1,-1);
+
                  title="Upload files [u]" accesskey="u">Upload file</a>
 +
                </li>
 +
                <li id="t-specialpages"><a href="/Special:SpecialPages"
 +
                  title="List of all special pages [q]" accesskey="q">Special pages</a>
 +
                </li>
 +
                <li><a href='/Special:Preferences'>My preferences</a></li>
 +
            </ul>
 +
        </div> <!-- close footer -->
 +
        <div id='footer'>
 +
    <ul id="f-list">
-
var nestedAccordionB2=new TINY.accordion.slider("nestedAccordionB2");
+
            <li id="t-print"><a href="/wiki/index.php?title=Team:Penn/Notebook2&amp;printable=yes"
-
nestedAccordionB2.init("nestedB2","h3",1,-1,"acc-selected");
+
              title="Printable version of this page [p]" accesskey="p">Printable version</a>
 +
            </li>
-
var nestedAccordionB3=new TINY.accordion.slider("nestedAccordionB3");
+
            <li id="t-permalink"><a href="/wiki/index.php?title=Team:Penn/Notebook2&amp;oldid=116662"
-
nestedAccordionB3.init("nestedB3", "h3",1,-1, "acc-selected");
+
              title="Permanent link to this revision of the page">Permanent link</a>
 +
            </li>
-
</script>
+
 
 +
        <li id="privacy"><a href="/2012.igem.org:Privacy_policy" title="2012.igem.org:Privacy policy">Privacy policy</a></li>
 +
        <li id="disclaimer"><a href="/2012.igem.org:General_disclaimer" title="2012.igem.org:General disclaimer">Disclaimers</a></li>
 +
    </ul>
 +
</div> <!-- close footer -->
 +
    </div> <!-- close footer-box -->
 +
 +
<script>if (window.runOnloadHook) runOnloadHook();</script>
</div>
</div>
-
</div>
+
<!-- Served in 0.183 secs. --></body>
-
</body>
+
</html>
</html>

Revision as of 10:22, 15 September 2012

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Team:Penn/Notebook2 - 2012.igem.org

Team:Penn/Notebook2

From 2012.igem.org

Penn 2012 iGEM Wiki

What is it?

Vallenato is a super simple jQuery based accordion script. There are plenty of other great accordion scripts out there to choose from, so why use Vallenato? Well, it's easy to implement, looks good, is flexible, and of course...it's free. This page is an example of Vallenato in action!

Download

Download the Vallenato script here:

Vallenato

Installation

First, unzip the "vallenato.zip" file and place the "vallenato" folder in the same directory as the html file(s) that will be using the script. If placed in a different folder, you will need to update the paths below.

In the <head> section of your html you will need to link to jQuery, the Vallenato script and stylesheet. You can use the following code:

<script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"></script>

<script src="vallenato/vallenato.js" type="text/javascript"></script>

<link rel="stylesheet" href="vallenato/vallenato.css" type="text/css" media="screen">

Mark Up

Mark up is simple and straight forward, just use the following code as a template:

<div id="accordion-container">
     <h2 class="accordion-header">Section 1</h2>
     <div class="accordion-content">
          <p>Section 1 Content</p>
     </div>
     <h2 class="accordion-header">Section 2</h2>
     <div class="accordion-content">
          <p>Section 2 Content</p>
     </div>
</div>

Retrieved from "https://2012.igem.org/Team:Penn/Notebook2"

Retrieved from "http://2012.igem.org/Team:Penn/Notebook"