Team:ArtCenter MDP

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 3: Line 3:
<html>
<html>
 +
<!DOCTYPE html>
 +
<html lang="en" id="{block:IndexPage}index{/block:IndexPage}{block:PermalinkPage}permalink{/block:PermalinkPage}" class="no-js {block:ifNotInfiniteScroll}no-{/block:ifNotInfiniteScroll}infscr {block:ifNotEnableAnimations}no-{/block:ifNotEnableAnimations}animations transitions {block:ifNotFadeInPosts}no-{/block:ifNotFadeInPosts}fadein {block:ifNotLoadPostsIndividually}no-{/block:ifNotLoadPostsIndividually}loadsolo not-mobile {block:ifTransparentPostBackground}transbg{/block:ifTransparentPostBackground} {block:ifBorderAroundIndexPosts}border-post{/block:ifBorderAroundIndexPosts} {block:ifBorderAroundPermalinkContent}border-content{/block:ifBorderAroundPermalinkContent} {block:ifBorderAroundPermalinkMeta}border-meta{/block:ifBorderAroundPermalinkMeta} {block:ifPhotosStretchToFillWidth}photostretch{/block:ifPhotosStretchToFillWidth} {block:ifPhotosClickThroughToPermalink}photoclickthrough{/block:ifPhotosClickThroughToPermalink} {block:ifNotShowLikeAndReblogButtons}no-{/block:ifNotShowLikeAndReblogButtons}likereblog">
 +
  <!--
 +
    Tessellate theme version 3.0 // balloonies.tumblr.com
 +
    Install // www.tumblr.com/theme/30524
 +
  -->
 +
  <head>
 +
    <meta charset="utf-8">
 +
    <title>{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary}</title>
 +
    {block:Description}<meta name="description" content="{MetaDescription}">{/block:Description}
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
<!--main content -->
+
    <meta name="color:Border" content="#f1f1f1">
-
<table width="70%" align="center">
+
    <meta name="color:Link" content="#708090">
 +
    <meta name="color:Meta background" content="#ffffff">
 +
    <meta name="color:Meta font" content="#708090">
 +
    <meta name="color:No album art background" content="#eeeeee">
 +
    <meta name="color:Page background" content="#ffffff">
 +
    <meta name="color:Page font" content="#999999">
 +
    <meta name="color:Post background" content="#ffffff">
 +
    <meta name="color:Title" content="#708090">
 +
    <meta name="font:Page" content="'courier new', monospace">
 +
    <meta name="font:Title" content="'courier new', monospace">
-
<!--welcome box -->
+
    <meta name="image:Background" content="">
-
<tr>
+
    <meta name="image:Header" content="">
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:ArtCenter_MDP&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
    <meta name="if:Avatar as header" content="0">
-
<!-- end welcome box -->
+
    <meta name="if:Border around index posts" content="1">
-
<tr>  
+
    <meta name="if:Border around permalink content" content="0">
 +
    <meta name="if:Border around permalink meta" content="0">
 +
    <meta name="if:Center header image" content="0">
 +
    <meta name="if:Center header text" content="0">
 +
    <meta name="if:Contextual time on index page" content="0">
 +
    <meta name="if:Enable animations" content="1">
 +
    <meta name="if:Enable default photoset lightbox" content="1">
 +
    <meta name="if:Enable permalink pagination" content="0">
 +
    <meta name="if:European time format" content="0">
 +
    <meta name="if:Fade in posts" content="1">
 +
    <meta name="if:Fixed background image" content="0">
 +
    <meta name="if:Infinite Scroll" content="0">
 +
    <meta name="if:Larger 7th photo" content="0">
 +
    <meta name="if:Larger 14th photo" content="0">
 +
    <meta name="if:Larger videos" content="1">
 +
    <meta name="if:Load posts individually" content="0">
 +
    <meta name="if:Photos click through to permalink" content="0">
 +
    <meta name="if:Photos stretch to fill width" content="0">
 +
    <meta name="if:Short date on index page" content="0">
 +
    <meta name="if:Short Spotify player on index page" content="1">
 +
    <meta name="if:Show archive link" content="1">
 +
    <meta name="if:Show captions on index page" content="0">
 +
    <meta name="if:Show date on index page" content="0">
 +
    <meta name="if:Show description over links" content="0">
 +
    <meta name="if:Show description under links" content="0">
 +
    <meta name="if:Show header slashes" content="1">
 +
    <meta name="if:Show like and reblog buttons" content="0">
 +
    <meta name="if:Show notes on permalink page" content="1">
 +
    <meta name="if:Show RSS" content="0">
 +
    <meta name="if:Show search bar" content="1">
 +
    <meta name="if:Show title above links" content="0">
 +
    <meta name="if:Stretched background image" content="0">
 +
    <meta name="if:Transparent post background" content="0">
 +
    <meta name="if:Use white like and reblog buttons" content="0">
 +
    <meta name="if:Use black like and reblog buttons" content="0">
 +
    <meta name="if:Wait for photoset images" content="0">
 +
    <meta name="if:White up arrow" content="0">
-
<!--navigation menu -->
+
    <meta name="text:Google Analytics ID" content="">
-
<td align="center" colspan="3">
+
    <meta name="text:Title link alt" content="">
-
<table  width="100%">
+
    <link rel="shortcut icon" href="{Favicon}">
-
<tr heigth="15px"></tr>
+
    <link rel="alternate" type="application/rss+xml" href="{RSS}">
-
<tr heigth="75px">  
+
    <link rel="stylesheet" href="http://static.tumblr.com/eatauj5/BUNmoo9ju/normalize.min.css">
 +
    <link rel="stylesheet" href="http://static.tumblr.com/eatauj5/n1rn6ofz6/tessellate.3.0.rc1.min.css">
 +
    <style type="text/css">
 +
      body, #search input {
 +
        font-family: {font:Page};
 +
      }
 +
      body {
 +
        background-color: {color:Page background};
 +
        {block:ifBackgroundImage}background-image: url('{image:Background}');{/block:ifBackgroundImage}
 +
        {block:ifNotStretchedBackgroundImage}{block:ifFixedBackgroundImage}
 +
        background-attachment: fixed;
 +
        {/block:ifFixedBackgroundImage}{/block:ifNotStretchedBackgroundImage}
 +
        {block:ifStretchedBackgroundImage}
 +
        background-attachment: fixed;
 +
        background-size: 100% 100%;
 +
        {/block:ifStretchedBackgroundImage}
 +
        color: {color:Page font};
 +
      }
 +
      a {
 +
        color: {color:Link};
 +
      }
 +
      blockquote, #header, #search input, .main-content, .meta, #footer {
 +
        border-color: {color:Border} !important;
 +
      }
 +
      .title {
 +
        color: {color:Title};
 +
        font-family: {font:Title};
 +
      }
 +
      .album-art, .audio-meta li {
 +
        background-color: {color:No album art background};
 +
      }
 +
      #index .main-content, #permalink .post {
 +
        background-color: {block:ifTransparentPostBackground}transparent{/block:ifTransparentPostBackground}{block:ifNotTransparentPostBackground}{color:Post background}{/block:ifNotTransparentPostBackground};
 +
      }
 +
      #index .meta-content .permalink, .photoset-caption {
 +
        color: {color:Meta font};
 +
      }
 +
      #index .meta, .photoset-caption-wrapper {
 +
        background-color: {color:Meta background};
 +
      }
 +
      #toTop {
 +
        {block:ifWhiteUpArrow}background-image: url('http://static.tumblr.com/eatauj5/bFhll9tq4/arrow-up-white.png');{/block:ifWhiteUpArrow}
 +
        {block:ifNotWhiteUpArrow}background-image: url('http://static.tumblr.com/eatauj5/Wupll45l8/arrow-up.png');{/block:ifNotWhiteUpArrow}
 +
      }
 +
      {CustomCSS}
 +
    </style>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
    <script src="http://static.tumblr.com/eatauj5/Ij0mo9krp/jquery-1.10.1.min.js"></script>
-
<a href="https://2014.igem.org/Team:ArtCenter_MDP"style="color:#000000">Home </a> </td>
+
    <script src="http://static.tumblr.com/eatauj5/VPOmoo6qj/tessellate.3.0.modernizr.min.js"></script>
 +
    {block:ifGoogleAnalyticsID}<script>
 +
      var _gaq = _gaq || [];
 +
      _gaq.push([ '_setAccount', '{text:Google Analytics ID}' ]);
 +
      _gaq.push([ '_trackPageview' ]);
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      (function() {
-
<a href="https://2014.igem.org/Team:ArtCenter_MDP/Team"style="color:#000000"> Team </a> </td>
+
        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>{/block:ifGoogleAnalyticsID}
 +
    <script>
 +
      var tessellate = {
 +
        analytics: {block:ifGoogleAnalyticsID}true{/block:ifGoogleAnalyticsID}{block:ifNotGoogleAnalyticsID}false{/block:ifNotGoogleAnalyticsID},
 +
        animations: {block:ifEnableAnimations}true{/block:ifEnableAnimations}{block:ifNotEnableAnimations}false{/block:ifNotEnableAnimations},
 +
        currentpage: {CurrentPage},
 +
        defaultlb: {block:ifEnableDefaultPhotosetLightbox}true{/block:ifEnableDefaultPhotosetLightbox}{block:ifNotEnableDefaultPhotosetLightbox}false{/block:ifNotEnableDefaultPhotosetLightbox},
 +
        fadein: {block:ifFadeInPosts}true{/block:ifFadeInPosts}{block:ifNotFadeInPosts}false{/block:ifNotFadeInPosts},
 +
        infscr: {block:ifInfiniteScroll}true{/block:ifInfiniteScroll}{block:ifNotInfiniteScroll}false{/block:ifNotInfiniteScroll},
 +
        likereblog: {block:ifShowLikeAndReblogButtons}true{/block:ifShowLikeAndReblogButtons}{block:ifNotShowLikeAndReblogButtons}false{/block:ifNotShowLikeAndReblogButtons},
 +
        loadsolo: {block:ifLoadPostsIndividually}true{/block:ifLoadPostsIndividually}{block:ifNotLoadPostsIndividually}false{/block:ifNotLoadPostsIndividually},
 +
        photosetwait: {block:ifWaitForPhotosetImages}true{/block:ifWaitForPhotosetImages}{block:ifNotWaitForPhotosetImages}false{/block:ifNotWaitForPhotosetImages},
 +
        photostretch: {block:ifPhotosStretchToFillWidth}true{/block:ifPhotosStretchToFillWidth}{block:ifNotPhotosStretchToFillWidth}false{/block:ifNotPhotosStretchToFillWidth}
 +
      };
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      tessellate.jq = jQuery.noConflict();
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=ArtCenter_MDP"style="color:#000000"> Official Team Profile </a></td>
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
      (function( $ ) {
-
<a href="https://2014.igem.org/Team:ArtCenter_MDP/Project"style="color:#000000"> Project</a></td>
+
        var $root = $( 'html' );
 +
        $root
 +
          .removeClass( 'no-js' )
 +
          .addClass( 'yes-js' );
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
        tessellate.mobile = /iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test( navigator.userAgent.toLowerCase() );
-
<a href="https://2014.igem.org/Team:ArtCenter_MDP/Parts"style="color:#000000"> Parts</a></td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
        if ( tessellate.mobile ) {
-
<a href="https://2014.igem.org/Team:ArtCenter_MDP/Modeling"style="color:#000000"> Modeling</a></td>
+
          $root
 +
            .addClass( 'mobile' )
 +
            .removeClass( 'not-mobile' );
 +
        }
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
        if ( ! Modernizr.csstransitions ) {
-
<a href="https://2014.igem.org/Team:ArtCenter_MDP/Notebook"style="color:#000000"> Notebook</a></td>
+
          $root
 +
            .removeClass( 'transitions' )
 +
            .addClass( 'no-transitions' );
 +
        }
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
        if ( ! $.support.opacity ) {
-
<a href="https://2014.igem.org/Team:ArtCenter_MDP/Safety"style=" color:#000000"> Safety </a></td>
+
          tessellate.animations = false;
 +
        }
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
        if ( ! tessellate.animations ) {
-
<a href="https://2014.igem.org/Team:ArtCenter_MDP/Attributions"style="color:#000000"> Attributions </a></td>
+
          $.fx.off = true;
 +
          if ( $root.hasClass( 'animations' ) ) {
 +
            $root
 +
              .removeClass( 'animations' )
 +
              .addClass( 'no-animations' );
 +
          }
 +
        }
 +
      })( jQuery );
 +
    </script>
 +
  </head>
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
  <body>
-
</tr>
+
    <div id="container">
-
</table>
+
      <div id="header" {block:ifCenterHeaderText}class="centered-text"{/block:ifCenterHeaderText}>
 +
        <div id="header-image" {block:ifCenterHeaderImage}class="centered-image"{/block:ifCenterHeaderImage}>
 +
          <a href="/">{block:ifAvatarAsHeader}<img src="{PortraitURL-128}" class="portrait" alt="{Title}">{/block:ifAvatarAsHeader}{block:ifNotAvatarAsHeader}{block:ifHeaderImage}<img src="{image:Header}" alt="{Title}">{/block:ifHeaderImage}{/block:ifNotAvatarAsHeader}</a>
 +
        </div>
-
<!--end navigation menu -->
+
        {block:ifShowTitleAboveLinks}{block:ifNotHeaderImage}{block:ifNotAvatarAsHeader}<h1 id="title"><a href="/">{block:ifTitleLinkAlt}{text:Title link alt}{/block:ifTitleLinkAlt}{block:ifNotTitleLinkAlt}{Title}{/block:ifNotTitleLinkAlt}</a></h1>{/block:ifNotAvatarAsHeader}{/block:ifNotHeaderImage}{/block:ifShowTitleAboveLinks}
-
</tr>
+
 +
        {block:ifNotShowDescriptionUnderLinks}{block:ifShowDescriptionOverLinks}{block:Description}<div id="description">{Description}</div>{/block:Description}{/block:ifShowDescriptionOverLinks}{/block:ifNotShowDescriptionUnderLinks}
-
</tr>
+
        <div id="navigation">
-
+
          {block:ifShowSearchBar}<form action="/search" method="get" name="search-form" id="search"><input type="text" name="q" placeholder="{lang:Search}"></form>{/block:ifShowSearchBar}
 +
          <ul id="links" {block:ifNotShowHeaderSlashes}class="unslashed"{/block:ifNotShowHeaderSlashes}>
 +
            {block:ifNotShowTitleAboveLinks}{block:ifNotHeaderImage}{block:ifNotAvatarAsHeader}<li id="title"><a href="/">{block:ifTitleLinkAlt}{text:Title link alt}{/block:ifTitleLinkAlt}{block:ifNotTitleLinkAlt}{Title}{/block:ifNotTitleLinkAlt}</a></li>{/block:ifNotAvatarAsHeader}{/block:ifNotHeaderImage}{/block:ifNotShowTitleAboveLinks}
 +
            {block:ifNotShowDescriptionUnderLinks}{block:ifNotShowDescriptionOverLinks}{block:Description}<li id="description">{Description}</li>{/block:Description}{/block:ifNotShowDescriptionOverLinks}{/block:ifNotShowDescriptionUnderLinks}
 +
            {block:ifShowArchiveLink}<li><a href="/archive">{lang:Archive}</a></li>{/block:ifShowArchiveLink}
 +
            {block:HasPages}{block:Pages}<li><a href="{URL}">{Label}</a></li> {/block:Pages}{/block:HasPages}
 +
            {block:AskEnabled}<li><a href="/ask">{AskLabel}</a></li>{/block:AskEnabled}
 +
            {block:SubmissionsEnabled}<li><a href="/submit">{SubmitLabel}</a></li>{/block:SubmissionsEnabled}
 +
            {block:ifShowRSS}<li><a href="{RSS}">{lang:RSS}</a></li>{/block:ifShowRSS}
 +
            <li><a href="http://www.tumblr.com/theme/30524" rel="nofollow">Theme</a></li>
 +
          </ul>
 +
        </div>
 +
        {block:ifShowDescriptionUnderLinks}{block:Description}<div id="description">{Description}</div>{/block:Description}{/block:ifShowDescriptionUnderLinks}
 +
      </div>
 +
      <div id="content">
 +
        {block:NoSearchResults}
 +
        <div id="no-results" class="post text wordy page opaque">
 +
          <div class="main-content">
 +
            <div class="the-wordy">
 +
              <h4 class="title">{lang:No posts found}</h4>
 +
              <p>{lang:Sorry no search results found}</p>
 +
            </div>
 +
          </div>
 +
        </div>
 +
        {/block:NoSearchResults}
-
</td>
+
        {block:Posts}
 +
        <div {block:Date}id="post-{PostID}"{/block:Date} class="post {block:Text}text {/block:Text}{block:Quote}quote {/block:Quote}{block:Link}link {/block:Link}{block:Chat}chat {/block:Chat}{block:Answer}answer {/block:Answer}{block:Photo}photo not-{/block:Photo}{block:Photoset}photoset not-{/block:Photoset}{block:Audio}audio {block:AudioPlayer}audio-player{/block:AudioPlayer}{block:AudioEmbed}audio-embed{/block:AudioEmbed} not-{/block:Audio}{block:Video}video not-{/block:Video}wordy {block:Date}not-{/block:Date}page {block:IndexPage}invisible {block:Photo}{block:Post7}{block:ifLarger7thPhoto}wide{/block:ifLarger7thPhoto}{/block:Post7}{block:Post14}{block:ifLarger14thPhoto}wide{/block:ifLarger14thPhoto}{/block:Post14}{/block:Photo}{block:Audio}{block:AudioEmbed}wide{/block:AudioEmbed}{/block:Audio}{block:Video}{block:ifLargerVideos}wide{/block:ifLargerVideos}{/block:Video}{/block:IndexPage}">
 +
          <div class="main-content">
 +
            {block:Text}
 +
            <div class="the-wordy">
 +
              {block:Title}<h4 class="title">{Title}</h4>{/block:Title}
 +
              {body}
 +
            </div>
 +
            {/block:Text}
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
            {block:Photo}
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
            <div class="the-photo">
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
              {block:IndexPage}{block:ifPhotosClickThroughToPermalink}<a href="{Permalink}">{/block:ifPhotosClickThroughToPermalink}{block:ifNotPhotosClickThroughToPermalink}{LinkOpenTag}{/block:ifNotPhotosClickThroughToPermalink}<img src="{block:Post1}{PhotoURL-250}{/block:Post1}{block:Post2}{PhotoURL-250}{/block:Post2}{block:Post3}{PhotoURL-250}{/block:Post3}{block:Post4}{PhotoURL-250}{/block:Post4}{block:Post5}{PhotoURL-250}{/block:Post5}{block:Post6}{PhotoURL-250}{/block:Post6}{block:Post7}{block:ifLarger7thPhoto}{PhotoURL-500}{/block:ifLarger7thPhoto}{block:ifNotLarger7thPhoto}{PhotoURL-250}{/block:ifNotLarger7thPhoto}{/block:Post7}{block:Post8}{PhotoURL-250}{/block:Post8}{block:Post9}{PhotoURL-250}{/block:Post9}{block:Post10}{PhotoURL-250}{/block:Post10}{block:Post11}{PhotoURL-250}{/block:Post11}{block:Post12}{PhotoURL-250}{/block:Post12}{block:Post13}{PhotoURL-250}{/block:Post13}{block:Post14}{block:ifLarger14thPhoto}{PhotoURL-500}{/block:ifLarger14thPhoto}{block:ifNotLarger14thPhoto}{PhotoURL-250}{/block:ifNotLarger14thPhoto}{/block:Post14}{block:Post15}{PhotoURL-250}{/block:Post15}" data-width-lq="{PhotoWidth-250}" data-height-lq="{PhotoHeight-250}" data-width-mq="{PhotoWidth-500}" data-height-mq="{PhotoHeight-500}" data-size="{block:Post7}{block:ifLarger7thPhoto}Mq{/block:ifLarger7thPhoto}{/block:Post7}{block:Post14}{block:ifLarger14thPhoto}Mq{/block:ifLarger14thPhoto}{/block:Post14}" alt="{PhotoAlt}">{block:ifPhotosClickThroughToPermalink}</a>{/block:ifPhotosClickThroughToPermalink}{block:ifNotPhotosClickThroughToPermalink}{LinkCloseTag}{/block:ifNotPhotosClickThroughToPermalink}{/block:IndexPage}
 +
              {block:PermalinkPage}{LinkOpenTag}<img src="{PhotoURL-500}" data-width-mq="{PhotoWidth-500}" data-height-mq="{PhotoHeight-500}" data-size="Mq" alt="{PhotoAlt}">{LinkCloseTag}{/block:PermalinkPage}
 +
            </div>
 +
            {/block:Photo}
 +
            {block:Photoset}
 +
            <div class="the-photoset" data-layout="{PhotosetLayout}">
 +
              {block:Photos}<span class="photoset-image">
 +
                <a href="{PhotoURL-HighRes}" class="photoset-preview"><img src="{block:IndexPage}{PhotoUrl-250}{/block:IndexPage}{block:PermalinkPage}{PhotoURL-500}{/block:PermalinkPage}" data-width-lq="{PhotoWidth-250}" data-height-lq="{PhotoHeight-250}" data-width-hq="{PhotoWidth-HighRes}" data-height-hq="{PhotoHeight-HighRes}" data-url-hq="{PhotoUrl-HighRes}" alt="{Caption}"></a>
 +
                {block:Caption}<span class="photoset-caption-wrapper"><span class="photoset-caption">{Caption}</span></span>{/block:Caption}
 +
              </span>{/block:Photos}
 +
            </div>
 +
            {/block:Photoset}
-
<!--requirements section -->
+
            {block:Quote}
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
            <div class="the-wordy">
-
<tr>
+
              <h4 class="the-quote {length}-quote">{Quote}</h4>
-
<td width="45%"  valign="top">  
+
              {block:Source}
 +
              <div class="quote-source">
 +
                <div class="emdash">&mdash;</div>
 +
                <div class="the-source">{Source}</div>
 +
              </div>
 +
              {/block:Source}
 +
            </div>
 +
            {/block:Quote}
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
            {block:Link}
 +
            <div class="the-wordy">
 +
              <h4 class="the-link title"><a href="{URL}" {Target}>{Name}</a></h4>
 +
              {block:Description}{Description}{/block:Description}
 +
            </div>
 +
            {/block:Link}
-
<!-- Links to other team pages -->
+
            {block:Chat}
-
<ul>
+
            <div class="the-wordy">
-
<li><a href="https://2014.igem.org/Team:ArtCenter_MDP">Home</a> </li>
+
              {block:Title}<h4 class="title">{Title}</h4>{/block:Title}
-
<li><a href="https://2014.igem.org/Team:ArtCenter_MDP/Team">Team</a> </li>
+
              <ul class="the-chat">
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=ArtCenter_MDP">Official Team Profile</a> </li>
+
                {block:Lines}<li class="{UserNumber} {Alt}">{block:Label}<label>{Label}</label>{/block:Label} {Line}</li>{/block:Lines}
-
<li><a href="https://2014.igem.org/Team:ArtCenter_MDP/Project">Project</a> </li>
+
              </ul>
-
<li><a href="https://2014.igem.org/Team:ArtCenter_MDP/Parts">Parts</a> </li>
+
            </div>
-
<li><a href="https://2014.igem.org/Team:ArtCenter_MDP/Modeling">Modeling</a> </li>
+
            {/block:Chat}
-
<li><a href="https://2014.igem.org/Team:ArtCenter_MDP/Notebook">Notebook</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:ArtCenter_MDP/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:ArtCenter_MDP/Attributions">Attributions</a> </li>
+
-
</ul>
+
            {block:Audio}
 +
            {block:AudioPlayer}
 +
            <div class="the-audio-player">
 +
              <div class="audio-content">
 +
                <div class="album-art">
 +
                  {block:AlbumArt}<img src="{AlbumArtURL}" class="the-album-art" alt="">{/block:AlbumArt}
 +
                </div>
 +
                <div class="the-audio-wrapper">
 +
                  <div class="the-audio">{AudioPlayerBlack}</div>
 +
                </div>
 +
              </div>
 +
              {block:PermalinkPage}
 +
              <ul class="audio-meta">
 +
                {block:TrackName}<li class="trackname">{TrackName}</li>{/block:TrackName}
 +
                {block:Artist}<li class="artist">{Artist}</li>{/block:Artist}
 +
                {block:Album}<li class="album">{Album}</li>{/block:Album}
 +
              </ul>
 +
              {/block:PermalinkPage}
 +
            </div>
 +
            {/block:AudioPlayer}
 +
            {block:AudioEmbed}
 +
            <div class="the-audio-embed {block:ifShortSpotifyPlayerOnIndexPage}short-spotify{/block:ifShortSpotifyPlayerOnIndexPage}">{block:IndexPage}{AudioEmbed-500}{/block:IndexPage}{block:PermalinkPage}{AudioEmbed-500}{/block:PermalinkPage}</div>
 +
            {/block:AudioEmbed}
 +
            {/block:Audio}
-
</td>
+
            {block:Video}
 +
            <div class="the-video hideflash">{block:IndexPage}{block:ifLargerVideos}{Video-500}{/block:ifLargerVideos}{block:ifNotLargerVideos}{Video-250}{/block:ifNotLargerVideos}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}</div>
 +
            {/block:Video}
-
<td > </td>
+
            {block:Answer}
-
<td width="45%">
+
            <div class="the-wordy">
 +
              <h4 class="question title"><span class="asker">{lang:Asker asked}</span>: <span class="the-question">{Question}</span></h4>
 +
              <div class="the-answer">{Answer}</div>
 +
            </div>
 +
            {/block:Answer}
-
<p>There are a few wiki requirements teams must follow:</p>
+
            {block:IndexPage}{block:ifShowCaptionsOnIndexPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:ifShowCaptionsOnIndexPage}{/block:IndexPage}
-
<ul>
+
            {block:PermalinkPage}{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}{/block:PermalinkPage}
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li>
+
          </div> <!-- /.main-content -->
-
<li>All pages must be created under the team’s name space.</li>
+
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
-
<li>Do not use flash in wiki code. </li>
+
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
-
</ul>
+
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
-
</td>
+
          {block:Date}
-
</tr>
+
          {block:IndexPage}
 +
          <div class="meta-content">
 +
            <div class="meta">
 +
              {block:ifShowLikeAndReblogButtons}
 +
              <div class="meta-action">
 +
                {block:ifUseBlackLikeAndReblogButtons}<div class="reblog-button-wrap">{ReblogButton color="black" size="16"}</div>{LikeButton color="black" size="16"}{/block:ifUseBlackLikeAndReblogButtons}
 +
                {block:ifNotUseBlackLikeAndReblogButtons}
 +
                {block:ifUseWhiteLikeAndReblogButtons}<div class="reblog-button-wrap">{ReblogButton color="white" size="16"}</div>{LikeButton color="white" size="16"}{/block:ifUseWhiteLikeAndReblogButtons}
 +
                {block:ifNotUseWhiteLikeAndReblogButtons}<div class="reblog-button-wrap">{ReblogButton color="grey" size="16"}</div>{LikeButton color="grey" size="16"}{/block:ifNotUseWhiteLikeAndReblogButtons}
 +
                {/block:ifNotUseBlackLikeAndReblogButtons}
 +
              </div>
 +
              {/block:ifShowLikeAndReblogButtons}
 +
              {block:ifPhotosClickThroughToPermalink}<span class="permalink"><a href="{Permalink}">{/block:ifPhotosClickThroughToPermalink}
 +
              {block:ifNotPhotosClickThroughToPermalink}<a href="{Permalink}" class="permalink">{/block:ifNotPhotosClickThroughToPermalink}
 +
              <span class="meta-notecount">{NoteCount}</span>
 +
              {block:ifShowDateOnIndexPage}
 +
              <span class="meta-date">
 +
                {block:ifContextualTimeOnIndexPage}{TimeAgo}{/block:ifContextualTimeOnIndexPage}
 +
                {block:ifNotContextualTimeOnIndexPage}
 +
                {block:ifEuropeanTimeFormat}
 +
                {block:ifShortDateOnIndexPage}{DayOfMonth} {ShortMonth}, &apos;{ShortYear}{/block:ifShortDateOnIndexPage}
 +
                {block:ifNotShortDateOnIndexPage}{DayOfMonth} {Month}, {Year}{/block:ifNotShortDateOnIndexPage}
 +
                {/block:ifEuropeanTimeFormat}
 +
                {block:ifNotEuropeanTimeFormat}{block:ifShortDateOnIndexPage}{ShortMonth} {DayOfMonth}, &apos;{ShortYear}{/block:ifShortDateOnIndexPage}
 +
                {block:ifNotShortDateOnIndexPage}{Month} {DayOfMonth}, {Year}{/block:ifNotShortDateOnIndexPage}
 +
                {/block:ifNotEuropeanTimeFormat}
 +
                {/block:ifNotContextualTimeOnIndexPage}
 +
              </span>
 +
              {/block:ifShowDateOnIndexPage}
 +
              {block:ifPhotosClickThroughToPermalink}</a></span>{/block:ifPhotosClickThroughToPermalink}
 +
              {block:ifNotPhotosClickThroughToPermalink}</a>{/block:ifNotPhotosClickThroughToPermalink}
 +
            </div>
 +
          </div>
 +
          {/block:IndexPage}
 +
          {block:PermalinkPage}
 +
          <div class="meta-content">
 +
            <div class="meta">
 +
              <a href="{Permalink}"><span class="meta-notecount">{NoteCount}</span></a>
 +
              <span class="meta-date">{block:ifEuropeanTimeFormat}{DayOfMonth} {Month}, {Year}{/block:ifEuropeanTimeFormat}{block:ifNotEuropeanTimeFormat}{Month} {DayOfMonth}, {Year}{/block:ifNotEuropeanTimeFormat}</span>
 +
              {block:ContentSource}<span class="meta-source">{lang:Source}:</span> <a href="{SourceURL}">{SourceTitle}</a>{/block:ContentSource}
 +
              {block:RebloggedFrom}<!--{lang:Reblogged from ReblogParentName}-->{/block:RebloggedFrom}
 +
              {block:HasTags}
 +
              <div id="tags">
 +
                <label id="meta-tags">{lang:Tagged}:</label>
 +
                <ul>
 +
                  {block:Tags}<li><a href="{TagURL}">{Tag}</a></li> {/block:Tags}
 +
                </ul>
 +
              </div>
 +
              {/block:HasTags}
 +
            </div>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
            {block:ifShowNotesOnPermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:ifShowNotesOnPermalinkPage}
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
          </div>
 +
          {/block:PermalinkPage}
 +
          {/block:Date}
 +
        </div> <!-- /.post -->
 +
        {/block:Posts}
 +
      </div> <!-- /#content -->
 +
      {block:Pagination}
 +
      <div id="footer">
 +
        <ul id="pagination">
 +
          {block:PreviousPage}<li id="newer"><a href="{PreviousPage}">{lang:Newer}</a></li>{/block:PreviousPage}
 +
          {block:JumpPagination length="5"}
 +
          {block:CurrentPage}<li class="current-page"><span>{PageNumber}</span></li>{/block:CurrentPage}
 +
          {block:JumpPage}<li class="jump-page"><a href="{URL}">{PageNumber}</a></li>{/block:JumpPage}
 +
          {/block:JumpPagination}
 +
          {block:NextPage}<li id="older"><a href="{NextPage}" id="next-page">{lang:Older}</a></li>{/block:NextPage}
 +
        </ul>
 +
      </div>
 +
      {/block:Pagination}
-
<!--tips  -->
+
      {block:ifEnablePermalinkPagination}{block:PermalinkPagination}
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
+
      <div id="footer">
 +
        <ul id="pagination">
 +
          {block:NextPost}<li id="newer"><a href="{NextPost}">{lang:Newer}</a></li>{/block:NextPost}
 +
          {block:PreviousPost}<li id="older"><a href="{PreviousPost}">{lang:Older}</a></li>{/block:PreviousPost}
 +
        </ul>
 +
      </div>
 +
      {/block:PermalinkPagination}{/block:ifEnablePermalinkPagination}
 +
    </div> <!-- /#container -->
-
<tr>
+
    {block:ifInfiniteScroll}{block:IndexPage}
-
<td width="45%" valign="top">  
+
    <div id="loading">
-
<p>We are currently working on providing teams with some easy to use design templates.
+
      <div id="throbber"></div>
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
+
      <div id="loading-txt">{lang:Loading}</div>
 +
    </div>
 +
    {/block:IndexPage}{/block:ifInfiniteScroll}
-
<ul>
+
    <script src="http://static.tumblr.com/eatauj5/cyYmsqnue/tessellate.3.0.rc1.plugins.js"></script>
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
    <script src="http://static.tumblr.com/eatauj5/0Qzmsqnuw/tessellate.3.0.rc1.tumblr.min.js"></script>
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
    <script src="http://static.tumblr.com/eatauj5/iGon6ofex/tessellate.3.0.rc1.min.js"></script>
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
  </body>
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
</html>
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
-
</ul>
+
-
 
+
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a>  lists. </p>
+
-
</td>
+
-
 
+
-
<td> </td>
+
-
<td width="45%">
+
-
 
+
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
-
 
+
-
<ul>
+
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
+
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
+
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

Revision as of 03:45, 11 August 2014


{Title}{block:PostSummary} - {PostSummary}{/block:PostSummary} {block:Description}{/block:Description} {block:ifGoogleAnalyticsID}{/block:ifGoogleAnalyticsID}

{block:NoSearchResults}

{lang:No posts found}

{lang:Sorry no search results found}

{/block:NoSearchResults} {block:Posts}
{block:Text}
{block:Title}

{Title}

{/block:Title} {body}
{/block:Text} {block:Photo}
{block:IndexPage}{block:ifPhotosClickThroughToPermalink}{/block:ifPhotosClickThroughToPermalink}{block:ifNotPhotosClickThroughToPermalink}{LinkOpenTag}{/block:ifNotPhotosClickThroughToPermalink}{PhotoAlt}{block:ifPhotosClickThroughToPermalink}{/block:ifPhotosClickThroughToPermalink}{block:ifNotPhotosClickThroughToPermalink}{LinkCloseTag}{/block:ifNotPhotosClickThroughToPermalink}{/block:IndexPage} {block:PermalinkPage}{LinkOpenTag}{PhotoAlt}{LinkCloseTag}{/block:PermalinkPage}
{/block:Photo} {block:Photoset}
{block:Photos} {Caption} {block:Caption}{Caption}{/block:Caption} {/block:Photos}
{/block:Photoset} {block:Quote}

{Quote}

{block:Source}
{Source}
{/block:Source}
{/block:Quote} {block:Link}
{block:Description}{Description}{/block:Description}
{/block:Link} {block:Chat}
{block:Title}

{Title}

{/block:Title}
    {block:Lines}
  • {block:Label}{/block:Label} {Line}
  • {/block:Lines}
{/block:Chat} {block:Audio} {block:AudioPlayer}
{block:AlbumArt}{/block:AlbumArt}
{AudioPlayerBlack}
{block:PermalinkPage}
    {block:TrackName}
  • {TrackName}
  • {/block:TrackName} {block:Artist}
  • {Artist}
  • {/block:Artist} {block:Album}
  • {Album}
  • {/block:Album}
{/block:PermalinkPage}
{/block:AudioPlayer} {block:AudioEmbed}
{block:IndexPage}{AudioEmbed-500}{/block:IndexPage}{block:PermalinkPage}{AudioEmbed-500}{/block:PermalinkPage}
{/block:AudioEmbed} {/block:Audio} {block:Video}
{block:IndexPage}{block:ifLargerVideos}{Video-500}{/block:ifLargerVideos}{block:ifNotLargerVideos}{Video-250}{/block:ifNotLargerVideos}{/block:IndexPage}{block:PermalinkPage}{Video-500}{/block:PermalinkPage}
{/block:Video} {block:Answer}

{lang:Asker asked}: {Question}

{Answer}
{/block:Answer} {block:IndexPage}{block:ifShowCaptionsOnIndexPage}{block:Caption}
{Caption}
{/block:Caption}{/block:ifShowCaptionsOnIndexPage}{/block:IndexPage} {block:PermalinkPage}{block:Caption}
{Caption}
{/block:Caption}{/block:PermalinkPage}
{block:Date} {block:IndexPage}
{block:ifShowLikeAndReblogButtons}
{block:ifUseBlackLikeAndReblogButtons}
{ReblogButton color="black" size="16"}
{LikeButton color="black" size="16"}{/block:ifUseBlackLikeAndReblogButtons} {block:ifNotUseBlackLikeAndReblogButtons} {block:ifUseWhiteLikeAndReblogButtons}
{ReblogButton color="white" size="16"}
{LikeButton color="white" size="16"}{/block:ifUseWhiteLikeAndReblogButtons} {block:ifNotUseWhiteLikeAndReblogButtons}
{ReblogButton color="grey" size="16"}
{LikeButton color="grey" size="16"}{/block:ifNotUseWhiteLikeAndReblogButtons} {/block:ifNotUseBlackLikeAndReblogButtons}
{/block:ifShowLikeAndReblogButtons} {block:ifPhotosClickThroughToPermalink}{/block:ifPhotosClickThroughToPermalink} {block:ifNotPhotosClickThroughToPermalink}{/block:ifPhotosClickThroughToPermalink} {block:ifNotPhotosClickThroughToPermalink}{/block:ifNotPhotosClickThroughToPermalink}
{/block:IndexPage} {block:PermalinkPage}
{NoteCount} {block:ifEuropeanTimeFormat}{DayOfMonth} {Month}, {Year}{/block:ifEuropeanTimeFormat}{block:ifNotEuropeanTimeFormat}{Month} {DayOfMonth}, {Year}{/block:ifNotEuropeanTimeFormat} {block:ContentSource}{lang:Source}: {SourceTitle}{/block:ContentSource} {block:RebloggedFrom}{/block:RebloggedFrom} {block:HasTags}
    {block:Tags}
  • {Tag}
  • {/block:Tags}
{/block:HasTags}
{block:ifShowNotesOnPermalinkPage}{block:PostNotes}{PostNotes}{/block:PostNotes}{/block:ifShowNotesOnPermalinkPage}
{/block:PermalinkPage} {/block:Date}
{/block:Posts}
{block:Pagination} {/block:Pagination} {block:ifEnablePermalinkPagination}{block:PermalinkPagination} {/block:PermalinkPagination}{/block:ifEnablePermalinkPagination}
{block:ifInfiniteScroll}{block:IndexPage}
{lang:Loading}
{/block:IndexPage}{/block:ifInfiniteScroll}