Team:Penn/Notebook

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
 
+
<html><head>
-
<!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>
+
<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' />
<link rel="stylesheet" href='/Team:Penn/css/layerslider?action=raw&amp;ctype=text/css' />
<link rel="stylesheet" href='/Team:Penn/css/layerslider?action=raw&amp;ctype=text/css' />
Line 145: Line 6:
<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/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>
<script src='http://www.switchroyale.com/vallenato/vallenato/vallenato.js?action=raw&amp;ctype=text/javascript' type="text/javascript" charset="utf-8"></script>
Line 316: Line 177:
</body>
</body>
-
 
-
 
-
</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>
 
-
<!-- PAGE FOOTER -- ITEMS FROM COLUMN ! HAVE BEEN MOVED HERE  -- RDR  -->
 
-
<div class="visualClear"></div>
 
-
    <div id='footer-box' class='noprint'>
 
-
        <div id="footer">
 
-
              <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">
 
-
 
-
 
-
  <!-- Recentchanges is not handles well DEBUG -->
 
-
    <li id="t-recentchanges"><a href="/Special:RecentChanges"
 
-
      title='Recent changes'>Recent changes</a></li>
 
-
 
-
    <li id="t-whatlinkshere"><a href="/Special:WhatLinksHere/Team:Penn/Notebook2"
 
-
      title="List of all wiki pages that link here [j]" accesskey="j">What links here</a></li>
 
-
 
-
                        <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>
 
-
 
-
 
-
 
-
                <li id="t-upload"><a href="/Special:Upload"
 
-
                  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">
 
-
 
-
            <li id="t-print"><a href="/wiki/index.php?title=Team:Penn/Notebook2&amp;printable=yes"
 
-
              title="Printable version of this page [p]" accesskey="p">Printable version</a>
 
-
            </li>
 
-
 
-
            <li id="t-permalink"><a href="/wiki/index.php?title=Team:Penn/Notebook2&amp;oldid=116662"
 
-
              title="Permanent link to this revision of the page">Permanent link</a>
 
-
            </li>
 
-
 
-
 
-
        <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>
 
-
<!-- Served in 0.183 secs. --></body>
 
</html>
</html>

Revision as of 10:23, 15 September 2012

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 "http://2012.igem.org/Team:Penn/Notebook"