Difference between revisions of "Team:Nagahama"

Line 2: Line 2:
 
<head>
 
<head>
 
<meta charset="UTF-8" />
 
<meta charset="UTF-8" />
−
<title>Team:iGEM nagahama/Wiki Design - 2016.igem.org</title>
+
<title>Team:Nagahama/Wiki Design - 2016.igem.org</title>
 
<meta name="generator" content="MediaWiki 1.24.1" />
 
<meta name="generator" content="MediaWiki 1.24.1" />
 
<link rel="shortcut icon" href="/favicon.ico" />
 
<link rel="shortcut icon" href="/favicon.ico" />
−
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2015.igem.org (en)" />
+
<link rel="search" type="application/opensearchdescription+xml" href="/wiki/opensearch_desc.php" title="2016.igem.org (en)" />
−
<link rel="EditURI" type="application/rsd+xml" href="https://2015.igem.org/wiki/api.php?action=rsd" />
+
<link rel="EditURI" type="application/rsd+xml" href="https://2016.igem.org/wiki/api.php?action=rsd" />
−
<link rel="alternate" hreflang="x-default" href="/Team:iGEM nagahama/Wiki_Design" />
+
<link rel="alternate" hreflang="x-default" href="/Team:Nagahama/Wiki_Design" />
 
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 
<link rel="copyright" href="http://creativecommons.org/licenses/by/3.0/" />
 
<link rel="alternate" type="application/atom+xml" title="2016.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
 
<link rel="alternate" type="application/atom+xml" title="2016.igem.org Atom feed" href="/wiki/index.php?title=Special:RecentChanges&amp;feed=atom" />
−
<link rel="stylesheet" href="http://20156.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.in6terface%7Cmediawiki.ui.button%7C6skins.igem.styles&a6mp;only=styles&amp;skin=igem&amp;*" />
+
<link rel="stylesheet" href="https://2016.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;modules=mediawiki.legacy.commonPrint%2Cshared%7Cmediawiki.skinning.content.externallinks%7Cmediawiki.skinning.in6terface%7Cmediawiki.ui.button%7C6skins.igem.styles&a6mp;only=styles&amp;skin=igem&amp;*" />
 
<!--[if6 IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
 
<!--[if6 IE 6]><link rel="stylesheet" href="/wiki/skins/Igem/IE60Fixes.css?303" media="screen" /><![endif]-->
 
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" conte6nt="" />
 
<!--[if IE 7]><link rel="stylesheet" href="/wiki/skins/Igem/IE70Fixes.css?303" media="screen" /><![endif]--><meta name="ResourceLoaderDynamicStyles" conte6nt="" />
−
<s6tyle>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
+
<style>a:lang(ar),a:lang(kk-arab),a:lang(mzn),a:lang(ps),a:lang(ur){text-decoration:none}
−
/* cache key: 2015_igem_org:resourceloader:filter:minify-css:7:875d2068ffef0b9ce1dbab8400ce2379 */</style>
+
/* cache key: 2016_igem_org:resourceloader:filter:minify-css:7:875d2068ffef0b9ce1dbab8400ce2379 */</style>
−
<script src="http://2016.igem6.org/wiki/load.php?debug=false&amp;lang=en&amp;6modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script>
+
<script src="https://2016.igem.org/wiki/load.php?debug=false&amp;lang=en&amp;6modules=startup&amp;only=scripts&amp;skin=igem&amp;*"></script>
 
<script>if(window.mw){
 
<script>if(window.mw){
−
mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:iGEM nagahama/Wiki_Design","wgTitle":"Team:iGEM nagahama/Wiki Design","wgCurRevisionId":403872,"wgRevisionId":403872,"wgArticleId":29385,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"SOY","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":[""6,"Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:iGEM nagahama/Wiki_Design","wgUserId":6323,"wgUserEditCount":0,"wgUserRegistration":1470879031000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
+
mw.config.set({"wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Team:Nagahama/Wiki_Design","wgTitle":"Team:Nagahama/Wiki Design","wgCurRevisionId":403872,"wgRevisionId":403872,"wgArticleId":29385,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":"SOY","wgUserGroups":["*","user","autoconfirmed"],"wgCategories":[],"wgBreakFrames":false,"wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat":"dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgMonthNamesShort":[""6,"Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"wgRelevantPageName":"Team:Nagahama nagahama/Wiki_Design","wgUserId":6323,"wgUserEditCount":0,"wgUserRegistration":1470879031000,"wgUserNewMsgRevisionId":null,"wgIsProbablyEditable":false,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgWikiEditorEnabledModules":{"toolbar":false,"dialogs":false,"hidesig":true,"preview":false,"previewDialog":false,"publish":false}});
 
}</script><script>if(window.mw){
 
}</script><script>if(window.mw){
 
mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
 
mw.loader.implement("user.options",function($,jQuery){mw.user.options.set({"ccmeonemails":0,"cols":80,"date":"default","diffonly":0,"disablemail":0,"editfont":"default","editondblclick":0,"editsectiononrightclick":0,"enotifminoredits":0,"enotifrevealaddr":0,"enotifusertalkpages":1,"enotifwatchlistpages":1,"extendwatchlist":0,"fancysig":0,"forceeditsummary":0,"gender":"unknown","hideminor":0,"hidepatrolled":0,"imagesize":2,"math":1,"minordefault":0,"newpageshidepatrolled":0,"nickname":"","norollbackdiff":0,"numberheadings":0,"previewonfirst":0,"previewontop":1,"rcdays":7,"rclimit":50,"rows":25,"showhiddencats":0,"shownumberswatching":1,"showtoolbar":1,"skin":"igem","stubthreshold":0,"thumbsize":5,"underline":2,"uselivepreview":0,"usenewrc":1,"watchcreations":1,"watchdefault":1,"watchdeletion":0,"watchlistdays":3,"watchlisthideanons":0,"watchlisthidebots":0,"watchlisthideliu":0,"watchlisthideminor":0,"watchlisthideown":0,"watchlisthidepatrolled":0,"watchmoves":0,"watchrollback":0,
Line 27: Line 27:
 
}</script>
 
}</script>
 
</head>
 
</head>
−
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_iGEM nagahama_Wiki_Design skin-igem action-view">
+
<body class="mediawiki ltr sitedir-ltr ns-0 ns-subject page-Team_Nagahama_Wiki_Design skin-igem action-view">
  
 
         <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
 
         <script type='text/javascript'        src ='/common/tablesorter/jquery.tablesorter.min.js'></script>
Line 37: Line 37:
 
         <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
 
         <div id='top_menu_14' class='noprint'>Loading menubar.....</div> <!-- Will be replaced with the jQuery.load -->
 
<script>jQuery('#top_menu_14').load('https://2015.igem.org/cgi/top_menu_14/menubar_reply.cgi',
 
<script>jQuery('#top_menu_14').load('https://2015.igem.org/cgi/top_menu_14/menubar_reply.cgi',
−
    {  t:"Team%3ACambridge-JIC%2FWiki%20Design",
+
    {  t:"Team%3ANagahama%2FWiki%20Design",
−
a:"View+%2FTeam%3ACambridge-JIC%2FWiki_Design++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ACambridge-JIC%2FWiki_Design%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ACambridge-JIC%2FWiki_Design%26action%3Dhistory++Move+%2FSpecial%3AMovePage%2FTeam%3ACambridge-JIC%2FWiki_Design++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ACambridge-JIC%2FWiki_Design%26action%3Dwatch%26token%3D3857efba85824737213867d5db4e98f3%252B%255C++Page+%2FTeam%3ACambridge-JIC%2FWiki_Design++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3ACambridge-JIC%2FWiki_Design%26action%3Dedit%26redlink%3D1++" });
+
a:"View+%2FTeam%3ANagahama%2FWiki_Design++View source+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ANagahama%2FWiki_Design%26action%3Dedit++History+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ANagahama%2FWiki_Design%26action%3Dhistory++Move+%2FSpecial%3AMovePage%2FTeam%3ANagahama%2FWiki_Design++Watch+%2Fwiki%2Findex.php%3Ftitle%3DTeam%3ANagahama%2FWiki_Design%26action%3Dwatch%26token%3D3857efba85824737213867d5db4e98f3%252B%255C++Page+%2FTeam%3ANagahama%2FWiki_Desig6n++Discussion+%2Fwiki%2Findex.php%3Ftitle%3DTalk%3ATeam%3ANagahama%2F6Wiki_Design%26action%3Dedit%26redlink%3D1++" });
 
 
 
</script>
 
</script>
Line 44: Line 44:
 
    <a id="top"></a>
 
    <a id="top"></a>
 
    <h1 id="firstHeading" class="firstHeading">
 
    <h1 id="firstHeading" class="firstHeading">
−
        <span dir="auto">Team:Cambridge-JIC/Wiki Design</span>
+
        <span dir="auto">Team:Nagahama/Wiki Design</span>
 
    </h1>
 
    </h1>
 
    <div id="bodyContent">
 
    <div id="bodyContent">
Line 51: Line 51:
 
<!--<meta name="viewport" content="user-scalable=1, width=400">-->
 
<!--<meta name="viewport" content="user-scalable=1, width=400">-->
 
<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />
 
<meta name="viewport" content="initial-scale = 1.0,maximum-scale = 1.0" />
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part0_css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="//2016.igem.org/Team:Nagahama/Assets/Bootstrap_part0_css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part1_css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="//2016.igem.org/Team:Nagahama/Assets/Bootstrap_part1_css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part2_css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="//2016.igem.org/Team:Nagahama/Assets/Bootstrap_part2_css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part3_css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="//2016.igem.org/Team:Nagahama/Assets/Bootstrap_part3_css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part4_css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="//2016.igem.org/Team:Nagahama/Assets/Bootstrap_part4_css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_part5_css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="//2016.igem.org/Team:Nagahama/Assets/Bootstrap_part5_css?action=raw&amp;ctype=text/css" rel="stylesheet">
  
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Style_css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="//2015.igem.org/Team:Nagahama/Assets/Style_cssaction=raw&amp;ctype=text/css" rel="stylesheet">
 
<style>#mw-content-text > p {display:none}</style>
 
<style>#mw-content-text > p {display:none}</style>
−
<!--<script src="//2015.igem.org/Team:Cambridge-JIC/Assets/jquery?action=raw&amp;ctype=text/javascript"></script>-->
+
<!--<script src="//2015.igem.org/Team:Nagahama/Assets/jquery?action=raw&amp;ctype=text/javascript"></script>-->
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/OpenSans_css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="//2015.igem.org/Team:Nagahama/Assets/OpenSans_css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Awesome_css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="//2015.igem.org/Team:Nagahama/Assets/Awesome_css?action=raw&amp;ctype=text/css" rel="stylesheet">
−
<link href="//2015.igem.org/Team:Cambridge-JIC/Assets/Fudge_css?action=raw&amp;ctype=text/css" rel="stylesheet">
+
<link href="//2015.igem.org/Team:Nagahama/Assets/Fudge_css?action=raw&amp;ctype=text/css" rel="stylesheet">
  
−
<link href="//2015.igem.org/wiki/images/3/3a/CamJIC-Favicon.png" rel="icon">
+
<link href="//2016.igem.org/wiki/images/3/3a/CamJIC-Favicon.png" rel="icon">
−
<script src="//2015.igem.org/Team:Cambridge-JIC/Assets/Bootstrap_js?action=raw&amp;ctype=text/javascript"></script>
+
<script src="//2016.igem.org/Team:Nagahama/Assets/Bootstrap_js?action=raw&amp;ctype=text/javascript"></script>
−
<script src="//2015.igem.org/Team:Cambridge-JIC/Assets/Fudge_js?action=raw&amp;ctype=text/javascript"></script>
+
<script src="//2016.igem.org/Team:Nagahama/Assets/Fudge_js?action=raw&amp;ctype=text/javascript"></script>
−
<script src="//2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
<script src="//2016.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
  
 
<!--<nav class="col-xs-3 bs-docs-sidebar" style="float:right;">
 
<!--<nav class="col-xs-3 bs-docs-sidebar" style="float:right;">
Line 141: Line 141:
 
                     <span class="icon-bar"></span>
 
                     <span class="icon-bar"></span>
 
                 </button>
 
                 </button>
−
                 <a class="navbar-brand" href="//2015.igem.org/Team:Cambridge-JIC">CAMBRIDGE-JIC</a>
+
                 <a class="navbar-brand" href="//2016.igem.org/Team:Nagahama">CAMBRIDGE-JIC</a>
 
             </div>
 
             </div>
  
Line 147: Line 147:
 
             <div class="navbar-collapse collapse">
 
             <div class="navbar-collapse collapse">
 
                 <ul class="nav navbar-nav navbar-right">
 
                 <ul class="nav navbar-nav navbar-right">
−
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC">HOME</a></li>
+
                     <li><a href="//2016.igem.org/Team:Nagahama">HOME</a></li>
−
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/Project">PROJECT</a>
+
                     <li><a href="//2016.igem.org/Team:Nagahama/Project">PROJECT</a>
 
                         <div class="navsub">
 
                         <div class="navsub">
 
                             <ul>
 
                             <ul>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Description">DESCRIPTION</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Description">DESCRIPTION</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Design">APPLIED DESIGN</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Design">APPLIED DESIGN</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Make_Your_Own">MAKE YOUR OWN</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Make_Your_Own">MAKE YOUR OWN</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Downloads">DOWNLOADS</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Downloads">DOWNLOADS</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Gallery">GALLERY</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Gallery">GALLERY</a></li>
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
−
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/Hardware">HARDWARE</a>
+
                     <li><a href="//2016.igem.org/Team:Nagahama/Hardware">HARDWARE</a>
 
                         <div class="navsub">
 
                         <div class="navsub">
 
                             <ul>
 
                             <ul>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Tech_Specs">TECHNICAL SPECIFICATIONS</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Tech_Specs">TECHNICAL SPECIFICATIONS</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Modeling">MODELING</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Modeling">MODELING</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/3D_Printing">3D PRINTING</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/3D_Printing">3D PRINTING</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Stretch_Goals">STRETCH GOALS</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Stretch_Goals">STRETCH GOALS</a></li>
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
−
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/Software">SOFTWARE</a>
+
                     <li><a href="//2016.igem.org/Team:Nagahama/Software">SOFTWARE</a>
 
                         <div class="navsub">
 
                         <div class="navsub">
 
                             <ul>
 
                             <ul>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Webshell">WEBSHELL</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Webshell">WEBSHELL</a></li>
−
                                 <!--<li><a href="//2015.igem.org/Team:Cambridge-JIC/ScopeScratch">SCOPESCRATCH</a></li>-->
+
                                 <!--<li><a href="//2015.igem.org/Team:Nagahama/ScopeScratch">SCOPESCRATCH</a></li>-->
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/MicroMaps">MICROMAPS</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/MicroMaps">MICROMAPS</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Autofocus">AUTOFOCUS</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Autofocus">AUTOFOCUS</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/ImageJ">IMAGEJ</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/ImageJ">IMAGEJ</a></li>
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
Line 190: Line 190:
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
−
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/Lab">OUR LAB</a>
+
                     <li><a href="//2016.igem.org/Team:Nagahama/Lab">OUR LAB</a>
 
                         <div class="navsub">
 
                         <div class="navsub">
 
                             <ul>
 
                             <ul>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Notebook">NOTEBOOK</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Notebook">NOTEBOOK</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Safety">SAFETY</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Safety">SAFETY</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Achievements">ACHIEVEMENTS</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Achievements">ACHIEVEMENTS</a></li>
 
                             <2/ul>
 
                             <2/ul>
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
−
                     <li><a href="//2015.igem.org/Team:Cambridge-JIC/People">ABOUT US</a>
+
                     <li><a href="//2016.igem.org/Team:Nagahama/People">ABOUT US</a>
 
                         <div class="navsub">
 
                         <div class="navsub">
 
                             <ul>
 
                             <ul>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Team">MEET THE TEAM</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Team">MEET THE TEAM</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Attributions">ATTRIBUTION</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Attributions">ATTRIBUTION</a></li>
−
                                 <li><a href="//2015.igem.org/Team:Cambridge-JIC/Sponsors">SPONSORS</a></li>
+
                                 <li><a href="//2016.igem.org/Team:Nagahama/Sponsors">SPONSORS</a></li>
 
                             </ul>
 
                             </ul>
 
                         </div>
 
                         </div>
Line 241: Line 241:
 
         <div style="width: 100%; padding:0% 10%; margin: 30px 0px;color:#fff">
 
         <div style="width: 100%; padding:0% 10%; margin: 30px 0px;color:#fff">
 
<h3> Creating new pages </h3>
 
<h3> Creating new pages </h3>
−
<p>To create a new page, simply type in the name of the page in your address bar, e.g. https://2015.igem.org/Team:YourTeam/OurNewPage, and edit it. MediaWiki (iGEM's website engine) will automatically create the page for you</p>
+
<p>To create a new page, simply type in the name of the page in your address bar, e.g. https://2016.igem.org/Team:YourTeam/OurNewPage, and edit it. MediaWiki (iGEM's website engine) will automatically create the page for you</p>
 
<h3> Using HTML </h3>
 
<h3> Using HTML </h3>
 
<p> To use html, simply wrap everything in html tags: <code>&lt;html&gt;...&lt;/html&gt;</code>. It's useful to note that these html tags will <em>not</em> actually appear in your page source&#8212;they just tell MediaWiki to output the html within directly, without modification (almost; lone ampersands will be replaced with <code>&amp;amp;</code>, which won't be a problem unless they're in some javascript code. If this is a problem, try externalising your JS code, see below for instructions.) </p>
 
<p> To use html, simply wrap everything in html tags: <code>&lt;html&gt;...&lt;/html&gt;</code>. It's useful to note that these html tags will <em>not</em> actually appear in your page source&#8212;they just tell MediaWiki to output the html within directly, without modification (almost; lone ampersands will be replaced with <code>&amp;amp;</code>, which won't be a problem unless they're in some javascript code. If this is a problem, try externalising your JS code, see below for instructions.) </p>
Line 315: Line 315:
 
<br>
 
<br>
 
<center>
 
<center>
−
<img src="//2015.igem.org/wiki/images/e/ea/CamJIC-SiteMap.png" style="width:90%">
+
<img src="//2016.igem.org/wiki/images/e/ea/CamJIC-SiteMap.png" style="width:90%">
 
</center>
 
</center>
 
<br>
 
<br>
Line 334: Line 334:
 
                     <h4> <strong>ABOUT US</strong> </h4>
 
                     <h4> <strong>ABOUT US</strong> </h4>
 
                     <p>
 
                     <p>
−
                     We are a team of Cambridge undergraduates, competing in the Hardware track in iGEM 2015.
+
                     We are a team of Cambridge undergraduates, competing in the Hardware track in iGEM 2016.
 
                     </p>
 
                     </p>
−
                     <a href="//2015.igem.org/Team:Cambridge-JIC/Team">read more</a>
+
                     <a href="//2016.igem.org/Team:Nagahama/Team">read more</a>
 
                 </div>
 
                 </div>
 
                 <div class="col-md-3">
 
                 <div class="col-md-3">

Revision as of 13:39, 12 October 2016

Team:Nagahama/Wiki Design - 2016.igem.org

Loading menubar.....

Team:Nagahama/Wiki Design

CAMBRIDGE-JIC

Wiki Design Guide

Make your wiki more beautiful than our team.

This guide briefly dives into incorporating CSS, Java Script and JQuery into your wiki, a few graphic design tips, and ways to improve the user experience.

Creating new pages

To create a new page, simply type in the name of the page in your address bar, e.g. https://2016.igem.org/Team:YourTeam/OurNewPage, and edit it. MediaWiki (iGEM's website engine) will automatically create the page for you

Using HTML

To use html, simply wrap everything in html tags: <html>...</html>. It's useful to note that these html tags will not actually appear in your page source—they just tell MediaWiki to output the html within directly, without modification (almost; lone ampersands will be replaced with &amp;, which won't be a problem unless they're in some javascript code. If this is a problem, try externalising your JS code, see below for instructions.)

Using Templates

Using templates helps to avoid typing in the same html again and again, and also allows you to make changes in one place that apply to all your pages. We have two templates we use, Team:Cambridge/Templates/Menu and Team:Cambridge/Templates/Footer. These templates are created as normal new pages, and are then directly included in your page using MediaWiki syntax:

{{:Team:YourTeam/Templates/OurHeader}}
<html>Our page</html>
{{:Team:YourTeam/Templates/OurFooter}}

Note carefully the above notice regarding the function of the html tags - this means that your template can end without closing all its tags and it won't mess up your page! For example, you can wrap your site in a container div by opening the tag in your header template, and then closing it in your footer template.

Using CSS and JS

As iGEM teams are unable to upload and refer to CSS and Javascript files, styling your webpages takes a different method to the standard way. Instead, we have created new pages within our wiki which we then ask MediaWiki to treat as raw files when we link to them in the html of our other pages. We tend to use page names that end in _CSS and _JS.

<script src="//2015.igem.org/Team:YourTeam/file_js?action=raw&ctype=text/javascript"></script>

for javascript and:

<link href="//2015.igem.org/Team:YourTeam/file_css?action=raw&ctype=text/css" rel="stylesheet">

for css. This takes the raw code that was entered as if it was an uploaded file.

Note how we've removed the http: from the beginning of the URLs above. This allows the browser to choose http: or https: depending on how you're connecting to iGEM and improves security! We apply it to all our URLs.

JQuery

Visit JQuery's website here. JQuery is a javascript library that allows for easy implementation of various javascript functions. Our website's gallery, notebook and quizzes all use JQuery. Even our OpenScope Webshell was developed with JQuery. Try it out and save some time!

Graphic Design

Colours

Before creating too many images and colouring in your wiki, deciding on a colour scheme can ensure your wiki looks professional.

Colours in HTML are given as RGB values. These can be difficult to visualise and match. Instead pick your colours first with HSL (hue, saturation and lightness) values. As a guide, three to four different hues is easy to work with.

  • We used four different hues that were all delicate temperatures

  • Each hue was split into two or three shades, made by changing the lightness and saturation.

  • For backgrounds, avoid using highly saturated colours. None of the colours we chose were very saturated, this is to reduce the strain on viewers' eyes. This is why pastel palettes can be so visually pleasing.

  • It's useful to have both dark (around 80/255 lightness) and light (around 220/250 lightness) colours when considering text on backgrounds. High contrast is needed to easily make out the features of words. Note also that fine details in bright blue can be hard to resolve with the human eye due to the lower abundance of S-cone receptor cells in the eye.

  • Once you have picked a few colours then find their RGB values, ready to use for your website!

Fonts

Unify your fonts across your webpage. Ideally, decide on one or two serif fonts and one or two sans-serif fonts. Serifs are the ticks on text that can make it easier to read, as letters are identified more easily. Our wiki uses three fonts: Sabon - a serif font, Open Sans, and Hiragino Sans GB.

When including fonts in style tags in your wiki, assign a family of fonts using font-family: font1, font2,... where font1, font2,... is the preferential order of similar fonts to be displayed in case a certain font isn't supported by the user's browser.


Making Images with Inkscape

Almost all of our images have been made on the program Inkscape. Inkscape is a free multi platform graphic designing software which is extremely easy to pick up and make graphics with. Three of our team learned the basics over night and created all of the back-panels of this website subsequently with it.

Check out Inkscape here.

User Experience

Responsive Design

Most iGEM Wiki pages aren't made with a responsive design. This means that when viewing the pages on a phone or tablet, or by simply shrinking the browser window, the wiki loses its formatting. Our website has used various JQuery functions, CSS and Bootstrap, so that the same design will work and scale for any screen size - giving support for mobiles, tablets and desktops/laptops alike.

Navigation

Navigation is really important in an iGEM wiki. Users need to be guided through the website, with out losing the freedom to navigate quickly to any other location. Whereever you are in a team's wiki, having an impression of how much information is on the page, and on the other pages keeps the user from feeling lost.

Our approach to the navigation of our website involves two depth levels of information. The top menu bar contains the six different aspects of our project and going one by one through these allows for a brief overview of everything that we've done. Links to each of these pages are available from our home page. Each page has links to the deeper level of information, clicking on one of these from our home page gives you the details and specifics, including downloads and reports.

And the best part, at any point you can swap between the brief overviews and detailed information. Just click "learn more" for details.



By structuring the website as a 2 layer deep hierarchy, users can travel through our wiki to get an overall idea and go indepth on anything that catches their eye. Of course, they are also free to teleport to any page with the menu bar above. Finally, our downloads page contain all the possible downloads found throughout the website for ease of access.

Happy Navigating!