Difference between revisions of "Team:British Columbia"

(Prototype team page)
Line 1: Line 1:
−
{{:Team:British Columbia/Template/Fixednavbar}}
+
{{British_Columbia}}
−
<html lang="en">
+
<html>
 +
<h2> Welcome to iGEM 2015! </h2>
 +
<p>Your team has been approved and you are ready to start the iGEM season! </p>
  
−
  <body>
+
<h4>Before you start: </h4>
−
 
+
<p> Please read the following pages:</p>
−
<!-- Carousel
+
<ul>
−
    ================================================== -->
+
<li>  <a href="https://2015.igem.org/Requirements">Requirements page </a> </li>
−
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel" >
+
<li> <a href="https://2015.igem.org/Wiki_How-To">Wiki Requirements page</a></li>
−
  <!-- Indicators -->
+
</ul>
−
  <ol class="carousel-indicators">
+
−
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+
−
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
−
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+
−
  </ol>
+
  
−
  <!-- Wrapper for slides -->
+
<div class="highlightBox">
−
  <div class="carousel-inner" role="listbox">
+
<h4> Styling your wiki </h4>
−
    <div class="item active">
+
<p>You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.</p>
−
      <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/c/c9/Logo.png" alt="First slide">
+
<p>While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.</p>  
−
        <div class="carousel-caption">
+
−
        ...
+
−
      </div>
+
−
    </div>
+
−
    <div class="item">
+
−
      <img src="..." alt="...">
+
−
      <div class="carousel-caption">
+
−
        ...
+
−
      </div>
+
−
    </div>
+
−
    <div class="item">
+
−
      <img src="..." alt="...">
+
−
      <div class="carousel-caption">
+
−
        ...
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
−
 
+
−
  <!-- Controls -->
+
−
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+
−
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+
−
    <span class="sr-only">Previous</span>
+
−
  </a>
+
−
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+
−
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+
−
    <span class="sr-only">Next</span>
+
−
  </a>
+
 
</div>
 
</div>
  
−
    <!-- Marketing messaging and featurettes
+
<h4> Editing your wiki </h4>
−
    ================================================== -->
+
<p>On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world! </p>  
−
    <!-- Wrap the rest of the page in another container to center all the content. -->
+
<p> <a href="https://2015.igem.org/wiki/index.php?title=Team:British_Columbia&action=edit"> Click here to edit this page! </a></p>
−
 
+
<p>See tips on how to edit your wiki on the <a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation</a> page.</p>  
−
    <div class="container marketing">
+
−
 
+
−
      <!-- Three columns of text below the carousel -->
+
−
      <div class="row">
+
−
        <div class="col-lg-4">
+
−
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
−
          <h2>Heading</h2>
+
−
          <p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Praesent commodo cursus magna.</p>
+
−
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+
−
        </div><!-- /.col-lg-4 -->
+
−
        <div class="col-lg-4">
+
−
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
−
          <h2>Heading</h2>
+
−
          <p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh.</p>
+
−
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+
−
        </div><!-- /.col-lg-4 -->
+
−
        <div class="col-lg-4">
+
−
          <img class="img-circle" src="data:image/gif;base64,R0lGODlhAQABAIAAAHd3dwAAACH5BAAAAAAALAAAAAABAAEAAAICRAEAOw==" alt="Generic placeholder image" width="140" height="140">
+
−
          <h2>Heading</h2>
+
−
          <p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.</p>
+
−
          <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
+
−
        </div><!-- /.col-lg-4 -->
+
−
      </div><!-- /.row -->
+
−
 
+
−
 
+
−
      <!-- START THE FEATURETTES -->
+
−
 
+
−
      <hr class="featurette-divider">
+
−
 
+
−
      <div class="row featurette">
+
−
        <div class="col-md-7">
+
−
          <h2 class="featurette-heading">First featurette heading. <span class="text-muted">It'll blow your mind.</span></h2>
+
−
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
−
        </div>
+
−
        <div class="col-md-5">
+
−
          <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
+
−
        </div>
+
−
      </div>
+
  
−
      <hr class="featurette-divider">
 
  
−
      <div class="row featurette">
+
<h4>Templates </h4>
−
        <div class="col-md-7 col-md-push-5">
+
<p> This year we have created templates for teams to use freely. More information on how to use and edit the templates can be found on the
−
          <h2 class="featurette-heading">Oh yeah, it's that good. <span class="text-muted">See for yourself.</span></h2>
+
<a href="https://2015.igem.org/TemplatesforTeams_Code_Documentation">Template Documentation </a> page.</p>  
−
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
−
        </div>
+
−
        <div class="col-md-5 col-md-pull-7">
+
−
          <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
+
−
        </div>
+
−
      </div>
+
  
−
      <hr class="featurette-divider">
 
  
−
      <div class="row featurette">
+
<h4>Tips</h4>
−
        <div class="col-md-7">
+
<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>
−
          <h2 class="featurette-heading">And lastly, this one. <span class="text-muted">Checkmate.</span></h2>
+
<ul>
−
          <p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus, tellus ac cursus commodo.</p>
+
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
−
        </div>
+
<li>Be clear about what you are doing and how you plan to do this.</li>
−
        <div class="col-md-5">
+
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
−
          <img class="featurette-image img-responsive center-block" data-src="holder.js/500x500/auto" alt="Generic placeholder image">
+
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
−
        </div>
+
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
−
      </div>
+
<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="https://2015.igem.org/Calendar_of_Events">iGEM 2015 calendar</a> </li>
 +
<li>Have lots of fun! </li>
 +
</ul>  
  
−
      <hr class="featurette-divider">
 
  
−
      <!-- /END THE FEATURETTES -->
+
<h4>Inspiration</h4>
 +
<p> You can also view other team wikis for inspiration! Here are some examples:</p>
 +
<ul>
 +
<li> <a href="https://2014.igem.org/Team:SDU-Denmark/"> 2014 SDU Denmark </a> </li>
 +
<li> <a href="https://2014.igem.org/Team:Aalto-Helsinki">2014 Aalto-Helsinki</a> </li>
 +
<li> <a href="https://2014.igem.org/Team:LMU-Munich">2014 LMU-Munich</a> </li>
 +
<li> <a href="https://2014.igem.org/Team:Michigan"> 2014 Michigan</a></li>
 +
<li> <a href="https://2014.igem.org/Team:ITESM-Guadalajara">2014 ITESM-Guadalajara </a></li>
 +
<li> <a href="https://2014.igem.org/Team:SCU-China"> 2014 SCU-China </a></li>
 +
</ul>
  
 +
<h4> Uploading pictures and files </h4>
 +
<p> You can upload your pictures and files to the iGEM 2015 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name. <br />
 +
When you upload, set the "Destination Filename" to <code>Team:YourOfficialTeamName/NameOfFile.jpg</code>. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)</p>
  
−
      <!-- FOOTER -->
+
<a href="https://2015.igem.org/Special:Upload">CLICK HERE TO UPLOAD FILES</a>
−
      <footer>
+
−
        <p class="pull-right"><a href="#">Back to top</a></p>
+
−
        <p>&copy; 2014 Company, Inc. &middot; <a href="#">Privacy</a> &middot; <a href="#">Terms</a></p>
+
−
      </footer>
+
  
−
    </div><!-- /.container -->
 
  
  
−
    <!-- Bootstrap core JavaScript
+
</div></div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
−
    ================================================== -->
+
−
    <!-- Placed at the end of the document so the pages load faster -->
+
−
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
+
−
    <script src="../../dist/js/bootstrap.min.js"></script>
+
−
    <!-- Just to make our placeholder images work. Don't actually copy the next line! -->
+
−
    <script src="../../assets/js/vendor/holder.js"></script>
+
−
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
+
−
    <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>
+
−
  </body>
+
  
 
</html>
 
</html>

Revision as of 15:34, 31 March 2015



Add a banner to your wiki!

You can make the image 980px by 200px

Remember to call the file: "Team_British_Columbia_banner.jpg"

Welcome to iGEM 2015!

Your team has been approved and you are ready to start the iGEM season!

Before you start:

Please read the following pages:

Styling your wiki

You may style this page as you like or you can simply leave the style as it is. You can easily keep the styling and edit the content of these default wiki pages with your project information and completely fulfill the requirement to document your project.

While you may not win Best Wiki with this styling, your team is still eligible for all other awards. This default wiki meets the requirements, it improves navigability and ease of use for visitors, and you should not feel it is necessary to style beyond what has been provided.

Editing your wiki

On this page you can document your project, introduce your team members, document your progress and share your iGEM experience with the rest of the world!

Click here to edit this page!

See tips on how to edit your wiki on the Template Documentation page.

Templates

This year we have created templates for teams to use freely. More information on how to use and edit the templates can be found on the Template Documentation page.

Tips

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:

  • State your accomplishments! Tell people what you have achieved from the start.
  • Be clear about what you are doing and how you plan to do this.
  • You have a global audience! Consider the different backgrounds that your users come from.
  • Make sure information is easy to find; nothing should be more than 3 clicks away.
  • Avoid using very small fonts and low contrast colors; information should be easy to read.
  • 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 iGEM 2015 calendar
  • Have lots of fun!

Inspiration

You can also view other team wikis for inspiration! Here are some examples:

Uploading pictures and files

You can upload your pictures and files to the iGEM 2015 server. Remember to keep all your pictures and files within your team's namespace or at least include your team's name in the file name.
When you upload, set the "Destination Filename" to Team:YourOfficialTeamName/NameOfFile.jpg. (If you don't do this, someone else might upload a different file with the same "Destination Filename", and your file would be erased!)

CLICK HERE TO UPLOAD FILES