Team:Tec-Monterrey/Mascot

From 2010.igem.org

(Difference between revisions)
m
 
(13 intermediate revisions not shown)
Line 117: Line 117:
   
   
#f-list a {
#f-list a {
-
color: #333;
+
color: #ffffff;
font-size: 10px;
font-size: 10px;
}
}
Line 182: Line 182:
text-align: center;
text-align: center;
font-size: 10px;
font-size: 10px;
-
color: #ccc;
+
color: #ffffff;
}
}
   
   
Line 228: Line 228:
             background-color: #05182b;
             background-color: #05182b;
         }
         }
-
b{
 
-
color: #ffffff;
 
-
}
 
-
 
.heading{
.heading{
color: #000;
color: #000;
Line 250: Line 246:
position: absolute;
position: absolute;
top: 188px ;
top: 188px ;
-
font: 19px Arial;
+
font: 18px Arial;
text-align: center;
text-align: center;
           }
           }
Line 301: Line 297:
.righ .bdy {
.righ .bdy {
padding:0px 10px 0px 15px;
padding:0px 10px 0px 15px;
 +
}
 +
.righ .bgr{
 +
background-color:#05182b;
 +
height:15px;
 +
}
 +
.righ .top {
 +
padding:0px 0px 0px 0px;
}
}
.righ .hd .g,
.righ .hd .g,
Line 325: Line 328:
  background:transparent url(https://static.igem.org/mediawiki/2010/5/5f/Tr.png) no-repeat right 0px;
  background:transparent url(https://static.igem.org/mediawiki/2010/5/5f/Tr.png) no-repeat right 0px;
}
}
 +
.bbody{
.bbody{
Line 342: Line 346:
padding:0px 15px 0px 15px;
padding:0px 15px 0px 15px;
}
}
-
.texteando .bdy .imag{
+
.texteando .top {
-
float:left;
+
padding:0px 0px 0px 0px;
-
width:auto;
+
}
 +
.texteando .bgr{
 +
background-color:#05182b;
 +
height:15px;
}
}
.texteando .hd .g,
.texteando .hd .g,
Line 351: Line 358:
  height:13px;
  height:13px;
}
}
-
 
.texteando .ft .c {
.texteando .ft .c {
  height:14px;
  height:14px;
Line 358: Line 364:
  background:transparent url(https://static.igem.org/mediawiki/2010/8/85/Bl.png) no-repeat 0px 0px;
  background:transparent url(https://static.igem.org/mediawiki/2010/8/85/Bl.png) no-repeat 0px 0px;
}
}
-
 
.texteando .ft .c {
.texteando .ft .c {
  background:transparent url(https://static.igem.org/mediawiki/2010/b/bf/Br.png) no-repeat right 0px;
  background:transparent url(https://static.igem.org/mediawiki/2010/b/bf/Br.png) no-repeat right 0px;
Line 365: Line 370:
  background:transparent url(https://static.igem.org/mediawiki/2010/9/9b/Tl.png) no-repeat 0px 0px;
  background:transparent url(https://static.igem.org/mediawiki/2010/9/9b/Tl.png) no-repeat 0px 0px;
}
}
-
 
.texteando .hd .g {
.texteando .hd .g {
  background:transparent url(https://static.igem.org/mediawiki/2010/5/5f/Tr.png) no-repeat right 0px;
  background:transparent url(https://static.igem.org/mediawiki/2010/5/5f/Tr.png) no-repeat right 0px;
}
}
-
 
+
.bbody2{
 +
margin-left:auto;
 +
margin-right:auto;
 +
width:715px;
 +
}
 +
.texteando .headercon
 +
{
 +
padding:0.5em;
 +
color:white;
 +
background-color:gray;
 +
clear:left;
 +
}
 +
.texteando .footercon
 +
{
 +
padding:0.5em;
 +
background-color:white;
 +
clear:left;
 +
}
 +
.texteando .leftcon
 +
{
 +
float:left;
 +
width:212px;
 +
margin:0;
 +
padding:1em;
 +
}
 +
.texteando .rightcon
 +
{
 +
float:left;
 +
width:212px;
 +
margin:0;
 +
border-left:1px solid gray;
 +
padding:1em;
 +
}
</style>
</style>
<body bgcolor="#414141">
<body bgcolor="#414141">
-
<style>
 
-
.blah a
 
-
{
 
-
color:#000000;
 
-
}
 
 +
<style>
#search-controls {
#search-controls {
display: none;
display: none;
}
}
 +
</style>
 +
 +
<style type="text/css">
 +
.blah {text-align:justify}
 +
.blahimgder {text-align:justify}
 +
.blahimgizq {text-align:justify;}
</style>
</style>
 +
 +
<style type="text/css">
 +
ul.lista {text-align:justify}
 +
ol.listad {text-align:justify}
 +
</style>
 +
 +
<style type="text/css">
 +
.blah A:link {text-decoration: none; color: #0D3C6A }
 +
.blah A:visited {text-decoration: none; color: #0D3C6A}
 +
.blah A:active {text-decoration: none;color: #0D3C6A}
 +
.blah A:hover {text-decoration: underline; color: #186FC5;}
 +
 +
.blahimgder A:link {text-decoration: none; color: #0D3C6A }
 +
.blahimgder A:visited {text-decoration: none; color: #0D3C6A}
 +
.blahimgder A:active {text-decoration: none;color: #0D3C6A}
 +
.blahimgder A:hover {text-decoration: underline; color: #186FC5;}
 +
.blahimgizq A:link {text-decoration: none; color: #0D3C6A }
 +
.blahimgizq A:visited {text-decoration: none; color: #0D3C6A}
 +
.blahimgizq A:active {text-decoration: none;color: #0D3C6A}
 +
.blahimgizq A:hover {text-decoration: underline; color: #186FC5;}
 +
 +
</style>
 +
<style type="text/css">
 +
.blahimgder img {float:right; border:1px solid #05182b; margin:0px 0px 15px 20px}
 +
.blahimgizq img {float:left; border:1px solid #05182b; margin:0px 20px 15px 0px;}
 +
 +
</style>
 +
 +
<style type="text/css">
 +
.imgcenter img {border:1px solid #05182b; margin:5px 5px 5px 5px;}
 +
</style>
 +
 +
<style type="text/css">
 +
ul.lista A:link {text-decoration: none; color: #0D3C6A }
 +
ul.lista A:visited {text-decoration: none; color: #0D3C6A}
 +
ul.lista A:active {text-decoration: none;color: #0D3C6A}
 +
ul.lista A:hover {text-decoration: underline; color: #186FC5;}
 +
</style>
 +
 +
<style type="text/css">
 +
ol.listad A:link {text-decoration: none; color: #0D3C6A }
 +
ol.listad A:visited {text-decoration: none; color: #0D3C6A}
 +
ol.listad A:active {text-decoration: none;color: #0D3C6A}
 +
ol.listad A:hover {text-decoration: underline; color: #186FC5;}
 +
</style>
 +
 +
<style type="text/css">
 +
ol.menud A:link {text-decoration: none; color: #0D3C6A }
 +
ol.menud A:visited {text-decoration: none; color: #0D3C6A}
 +
ol.menud A:active {text-decoration: none;color: #0D3C6A}
 +
ol.menud A:hover {text-decoration: underline; color: #186FC5;}
 +
ol.menud {position:relative;
 +
left:20px;;}
 +
</style>
 +
 +
<style type="text/css">
 +
h2 {font:17px arial,sans-serif; font-weight:bold; color:#0D3C6A;}
 +
h3 {font:17px arial,sans-serif; font-weight:bold; color:#0D3C6A;}
 +
h4 {font:14px arial,sans-serif; font-weight:bold; color:#0D3C6A;}
 +
</style>
 +
 +
<style type="text/css">
 +
b {color:#0D3C6A;}
 +
</style>
 +
 +
 +
<div class="bbody">
<div class="bbody">
<script type="text/javascript"><!--  
<script type="text/javascript"><!--  
Line 428: Line 533:
<div id="content0" style="display:none">
<div id="content0" style="display:none">
-
<img src="http://i138.photobucket.com/albums/q274/gnoxyz/iGEM/cbplano.png" width="966px" height="250px" border="0"></div>
+
<img src="https://static.igem.org/mediawiki/2010/4/4b/Cbplano.png" width="966px" height="250px" border="0"></div>
<div id="content1" style="display:none">
<div id="content1" style="display:none">
-
<img src="http://i138.photobucket.com/albums/q274/gnoxyz/iGEM/legosplano.png" width="966px" height="250px" border="0"></div>
+
<img src="https://static.igem.org/mediawiki/2010/b/b1/Electroplano.png" width="966px" height="250px" border="0"></div>
<div id="content2" style="display:none">
<div id="content2" style="display:none">
-
<img src="http://i138.photobucket.com/albums/q274/gnoxyz/iGEM/teamplano.png" width="966px" height="250px" border="0"></div>
+
<img src="https://static.igem.org/mediawiki/2010/e/ea/Teamplano.png" width="966px" height="250px" border="0"></div>
<div id="content3" style="display:none">
<div id="content3" style="display:none">
-
<img src="http://i138.photobucket.com/albums/q274/gnoxyz/iGEM/electroplano.png" width="966px" height="250px" border="0"></div>
+
<img src="https://static.igem.org/mediawiki/2010/c/cf/Lego_dnaplano.png" width="966px" height="250px" border="0"></div>
</div>
</div>
Line 554: Line 659:
<ul>
<ul>
<li><a href="https://2010.igem.org/Team:Tec-Monterrey/Under">Undergraduates</a></li>
<li><a href="https://2010.igem.org/Team:Tec-Monterrey/Under">Undergraduates</a></li>
-
<li><a href="https://2010.igem.org/Team:Tec-Monterrey/Instructors">Instructors</a></li>
+
<li><a href="https://2010.igem.org/Team:Tec-Monterrey/Instructors">Instructors/Advisors</a></li>
 +
<li><a href="https://2010.igem.org/Team:Tec-Monterrey/Attributions">Attributions</a></li>
<li><a href="https://2010.igem.org/Team:Tec-Monterrey/Headquarters">Headquarters</a></li>
<li><a href="https://2010.igem.org/Team:Tec-Monterrey/Headquarters">Headquarters</a></li>
</ul>
</ul>
</li>
</li>
<li>
<li>
-
<p><br />
+
<p><br/><a href="https://2010.igem.org/Team:Tec-Monterrey/Project">&nbsp;&nbsp;Project</a></p>
-
<a href="#">&nbsp;&nbsp;Project</a></p>
+
<ul>
<ul>
-
<li><a href="https://2010.igem.org/Team:Tec-Monterrey/Project">Project Overview</a></li>
+
<li><a href="https://2010.igem.org/Team:Tec-Monterrey/Introduction">Introduction</a></li>
-
                         <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Biosensor">The Biosensor</a></li>
+
                         <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Geneticframe">Genetic Frame</a></li>
-
<li><a href="https://2010.igem.org/Team:Tec-Monterrey/Biosensor">Applications</a></li>
+
<li><a href="https://2010.igem.org/Team:Tec-Monterrey/Parts">Parts</a></li>
-
<li><a href="https://2010.igem.org/Team:Tec-Monterrey/Parts">Parts</a></li>
+
<li><a href="https://2010.igem.org/Team:Tec-Monterrey/FutureResearch">Future Research</a></li>
</ul>
</ul>
</li>
</li>
<li>
<li>
-
<p><br />
+
<p><br/><a href="https://2010.igem.org/Team:Tec-Monterrey/Documentation">&nbsp;&nbsp;Documentation</a></p>
-
<a href="#">&nbsp;&nbsp;Notebook</a></p>
+
<ul>
<ul>
-
                         <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Notebook">Notebook</a></li>
+
                         <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Journal">Journal</a></li>
                         <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Protocols">Protocols</a></li>
                         <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Protocols">Protocols</a></li>
-
        <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Timeline">Timeline</a></li>
+
        <li><a href="https://2010.igem.org/Team:Tec-Monterrey/SafetyEthics">Safety & Ethics</a></li>
-
                         <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Safety">Safety</a></li>
+
                         <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Humanpractices">Human Practices</a></li>
</ul>
</ul>
</li>
</li>
<li>
<li>
-
<p><br />
+
<p><br/><a href="https://2010.igem.org/Team:Tec-Monterrey/Bonus">&nbsp;&nbsp;Bonus</a></p>
-
<a href="#">&nbsp;&nbsp;Bonus</a></p>
+
<ul>
<ul>
-
                        <li><a href="https://2010.igem.org/Team:Tec-Monterrey/News">News</a></li>
 
<li><a href="https://2010.igem.org/Team:Tec-Monterrey/Gallery">Gallery</a></li>
<li><a href="https://2010.igem.org/Team:Tec-Monterrey/Gallery">Gallery</a></li>
-
                        <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Freetime">Free Time</a></li>
 
                         <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Mascot">Wiki Wiki</a></li>
                         <li><a href="https://2010.igem.org/Team:Tec-Monterrey/Mascot">Wiki Wiki</a></li>
</ul>
</ul>
Line 604: Line 705:
</div>
</div>
-
 
-
 
-
 
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br>
<br><br><br><br>
<br><br><br><br>
 +
<div class="righ">
<div class="righ">
<div class="hd"><div class="g"></div></div>
<div class="hd"><div class="g"></div></div>
 +
<div class="top"><img src="https://static.igem.org/mediawiki/2010/7/7e/Sponsorstec.png">
 +
</div>
<div class="bdy">
<div class="bdy">
-
<h1>   Sponsors:</h1>
+
<p align="center">
-
 
+
<a href="http://www.uniparts.com.mx/" target="blank"><img src="https://static.igem.org/mediawiki/2010/d/d9/Uniparts.jpg" width="200px" height="83px" border="0" ></a>
-
 
+
<br><br><br>
-
<a href="http://www.uniparts.com.mx/"> . <img src="https://static.igem.org/mediawiki/2010/d/d9/Uniparts.jpg" width="200px" height="83px" border="0" ></a>
+
<a href="http://www.promega.com/" target="blank"><img src="https://static.igem.org/mediawiki/2010/2/20/Promega.gif" width="170px" height="110px" border="0" ></a> 
 +
<br><br><br>
 +
<a href="http://www.corning.com/" target="blank"><img src="https://static.igem.org/mediawiki/2010/3/32/Corning.jpg" width="170px" height="29px" border="0" ></a>
<br><br><br>
<br><br><br>
-
<a href="http://www.corning.com/"> . <img src="https://static.igem.org/mediawiki/2010/2/20/Promega.gif" width="200px" height="122px" border="0" ></a>
+
<a href="http://www.sartorius.com/" target="blank"><img src=" https://static.igem.org/mediawiki/2010/7/70/Sartoriussmall.jpg" border="0" ></a>
<br><br><br>
<br><br><br>
-
<a href="http://www.promega.com/"> . <img src="https://static.igem.org/mediawiki/2010/3/32/Corning.jpg" width="200px" height="29px" border="0" ></a>
+
<a href="http://www.millipore.com/" target="blank"><img src="https://static.igem.org/mediawiki/2010/6/6b/Millipore.jpg" width="170px" height="50px" border="0" ></a>
<br>
<br>
<br>
<br>
 +
</p>
</div>
</div>
<div class="ft"><div class="c"></div></div>
<div class="ft"><div class="c"></div></div>
 +
<div class="bgr"></div>
 +
<div class="hd"><div class="g"></div></div>
 +
<div class="top"><img src="https://static.igem.org/mediawiki/2010/4/4b/Followuson.png">
</div>
</div>
 +
<div class="bdy">
 +
<a href="http://tinyurl.com/2wvxmdu"><img src="https://static.igem.org/mediawiki/2010/a/a5/Twitter-ogo.png" width="175px" height="55px" border="0" ></a>
 +
</div>
 +
<div class="ft"><div class="c"></div></div>
 +
</div>
 +
<div class="texteando">
<div class="texteando">
<div class="hd"><div class="g"></div></div>
<div class="hd"><div class="g"></div></div>
 +
<div class="top">
 +
<img src="https://static.igem.org/mediawiki/igem.org/4/48/Wikiwiki.png" border="0" >
<div class="bdy">
<div class="bdy">
-
<h1>Wiki wiki</h1>
+
      <p class="blah">
-
<div class="imag">
+
</p>
-
<img src="http://i138.photobucket.com/albums/q274/gnoxyz/iGEM/wikiwiki.png" width="350" height="379">
+
<p class="blah">
-
</div>  
+
<div class="footercon">
-
Wiki Wiki is our team mascot. It is a peacock that lives happily in the school and has achieved its notoriety by squeaking loudly at preposterous times and by angrily blocking the entrance to our working place, the Biotech Center.
+
<ol class="menud">
 +
<a href="#who"><li>Who is Wiki Wiki?</a></li>
 +
<a href="#real"><li>The Real Wiki Wiki</a></li>
 +
<a href="#game"><li>The Wiki Wiki Videogame</a></li>
 +
</ol>
 +
</p>
 +
<a name="who"></a><h2>Who is Wiki Wiki?</h2>
 +
<p class="blahimgizq">
 +
<img src="https://static.igem.org/mediawiki/igem.org/2/21/Wikiwikip.png">
 +
Wiki Wiki is our team mascot. It is a peacock that lives happily in the school and has achieved its notoriety by squeaking loudly at inadequate moments and by angrily blocking the entrance to our working place, the Biotech Center.  
 +
</p>
 +
<p class="blahimgizq">
 +
He is quite a random character of the institution and has a family of equally crazy peacocks wandering around campus. Wiki Wiki loves to show off, as you can see on <a href="http://www.youtube.com/watch?v=Y3dgt-Hl_w8">this</a> amateur video of him getting on top of a wall and proving that he totally rules over the school or in <a href="http://www.youtube.com/watch?v=lZ-7mz6erMg">this</a> other video where he proves his ownership of the library as well.
 +
</p>
 +
<p class="blahimgizq">
 +
Wiki Wiki won over the other school animals (deers, squirrels, ducks, cats...) to be the official iGEM Team Mascot simply because he has way more attitude than the rest of them. While the others walk quietly around campus, being almost imperceptible and boring, Wiki Wiki opens his enormous tail of colorful plumage that intimidates every living creature that dares cross his way. And for that, we truly respect him.
 +
</p>
 +
<a name="real"></a><h2>The Real Wiki Wiki</h2>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/igem.org/8/8b/N31024065961_1295320_4552.jpg">
 +
<br><br><img src="https://static.igem.org/mediawiki/igem.org/a/a5/Wikiwikicloseup.jpg">
 +
<br><br><img src="https://static.igem.org/mediawiki/igem.org/f/fc/Wiki_wiki.jpg">
 +
</center>
 +
<br>
 +
<a name="game"></a><h2>The Wiki Wiki Videogame</h2>
 +
<p class="blah">
 +
As we waited for electrophoresis, ligations, digestions and other experiments that take quite a while and leave you with little to do, we developed the Wiki Wiki game. Actually, it is an adaptation of <b>Syobon Action</b>, the so-called “Most difficult game ever” with Wiki Wiki as the main character, accompanied with other animals that dwell in our university –squirrels, ducks and deers, mainly- that try to take away Wiki Wiki’s position as the iGEM mascot. Along the way, Wiki Wiki will find a lot of references to iGEM since the ultimate prize is to win the competition.
 +
</p>
 +
<p class="blah">
 +
We do not take credit for any of the coding of the game, we only did the character design. The official website of the original game can be visited <a href="http://www.geocities.jp/z_gundam_tanosii/home/Main.html">here</a> (Beware, it is in Japanese and we couldn’t understand a thing). We do not mean by any means to claim that the game belongs to us and if there is any need to take it down, we will, immediately.
 +
</p>
 +
<p class="blah">
 +
<b>Screenshots & Characters</b>
 +
</p>
 +
<br>
 +
<center>
 +
<img src="https://static.igem.org/mediawiki/igem.org/2/26/Videogamewiki.jpg">
 +
</center>
 +
<p class="blah">
 +
<br>
 +
<a href="http://www.mediafire.com/?eahl17t2lvhna93" target="blank"><b>Download</b></a>
 +
</p>
 +
<p class="blah">
 +
Instructions: Unrar the archive and just execute the file iGEM.exe.
 +
</p>
 +
</div>
 +
 
-
He is quite a random character of the institution and has a family of equally crazy peacocks wandering around the school. Wiki Wiki totally loves to show off as you can see on <a href="http://www.youtube.com/watch?v=Y3dgt-Hl_w8">this amateur video</a> of him getting on top of a fence to prove that he totally rules over the school or <a href="http://www.youtube.com/watch?v=lZ-7mz6erMg&feature=related">this other video</a> in which he proves that he owns the library as well.
 
-
Wiki Wiki won over the other school fauna (deers, squirrels, ducks, cats...) to be the official iGEM Team Mascot just because he has way more attitude than the rest of them and while the other walk around being almost imperceptible and boring, he goes with his big tail and plumage intimidating every living creature that dares to cross his way. And for that, we truly respect him.
 
-
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
 
</div>
</div>
<div class="ft"><div class="c"></div></div>
<div class="ft"><div class="c"></div></div>

Latest revision as of 23:57, 27 October 2010

Tec de Monterrey





























Who is Wiki Wiki?

Wiki Wiki is our team mascot. It is a peacock that lives happily in the school and has achieved its notoriety by squeaking loudly at inadequate moments and by angrily blocking the entrance to our working place, the Biotech Center.

He is quite a random character of the institution and has a family of equally crazy peacocks wandering around campus. Wiki Wiki loves to show off, as you can see on this amateur video of him getting on top of a wall and proving that he totally rules over the school or in this other video where he proves his ownership of the library as well.

Wiki Wiki won over the other school animals (deers, squirrels, ducks, cats...) to be the official iGEM Team Mascot simply because he has way more attitude than the rest of them. While the others walk quietly around campus, being almost imperceptible and boring, Wiki Wiki opens his enormous tail of colorful plumage that intimidates every living creature that dares cross his way. And for that, we truly respect him.

The Real Wiki Wiki






The Wiki Wiki Videogame

As we waited for electrophoresis, ligations, digestions and other experiments that take quite a while and leave you with little to do, we developed the Wiki Wiki game. Actually, it is an adaptation of Syobon Action, the so-called “Most difficult game ever” with Wiki Wiki as the main character, accompanied with other animals that dwell in our university –squirrels, ducks and deers, mainly- that try to take away Wiki Wiki’s position as the iGEM mascot. Along the way, Wiki Wiki will find a lot of references to iGEM since the ultimate prize is to win the competition.

We do not take credit for any of the coding of the game, we only did the character design. The official website of the original game can be visited here (Beware, it is in Japanese and we couldn’t understand a thing). We do not mean by any means to claim that the game belongs to us and if there is any need to take it down, we will, immediately.

Screenshots & Characters



Download

Instructions: Unrar the archive and just execute the file iGEM.exe.