Team:Tec-Monterrey EKAM/Human
From 2012.igem.org
(Difference between revisions)
(2 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
- | + | <head> | |
- | < | + | <meta http-equiv="content-type" content="text/html;charset=utf-8" /> |
- | < | + | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script> |
+ | <link href="http://fonts.googleapis.com/css?family=Skranji&subset=latin,latin-ext" rel="stylesheet" type="text/css"/> | ||
+ | <!--<link type="text/css" rel="stylesheet" href="../css/iGEMkill.css"/>--> | ||
+ | <style> | ||
+ | /*S-T-A-RSSS!!*/ | ||
+ | a, a:hover, a:visited, a:hover, a:active,ul,li,img,div,p,h1, h2, h3,h4,h5,h6{ | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | text-decoration:none; | ||
+ | color: #fff; | ||
+ | font-weight:normal; | ||
+ | /*list-style-type: none;*/ | ||
- | <html> | + | } |
+ | div, p{ | ||
+ | color: black; | ||
+ | font-weight:normal; | ||
+ | } | ||
+ | |||
+ | |||
+ | #top-section{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .firstHeading{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | .visualClear{ | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #catlinks{ | ||
+ | display:none | ||
+ | } | ||
+ | |||
+ | #footer-box{ | ||
+ | display: none; | ||
+ | } | ||
+ | /***BRRRRRRRRRR!**/ | ||
+ | |||
+ | |||
+ | html{ | ||
+ | height: 100%; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | body{ | ||
+ | height: 100%; | ||
+ | background-color: white; | ||
+ | } | ||
+ | |||
+ | #globalWrapper{ | ||
+ | height: 100%; | ||
+ | font-size: 100%; | ||
+ | } | ||
+ | #content{ | ||
+ | /*display:none;*/ | ||
+ | width: 100%; | ||
+ | height: 100% !important; | ||
+ | padding: 0 !important; | ||
+ | } | ||
+ | |||
+ | #bodyContent{ | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | |||
+ | </style> | ||
+ | <!--END igem KILL--> | ||
+ | <!--<link type="text/css" rel="stylesheet" href="../css/ekam_style.css"/>--> | ||
+ | <style> | ||
+ | root { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | hr { | ||
+ | border-width: 2px; | ||
+ | border-style: solid; | ||
+ | border-color: #888; | ||
+ | } | ||
+ | |||
+ | h2, h3, label, p, div { | ||
+ | font-family: 'Skranji', cursive; | ||
+ | } | ||
+ | |||
+ | textarea { | ||
+ | width: 500px; | ||
+ | height: 100px; | ||
+ | } | ||
+ | body{ | ||
+ | font-size: 12pt; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | position: relative; | ||
+ | top: -19px; | ||
+ | } | ||
+ | |||
+ | p { | ||
+ | margin: 2px 0; | ||
+ | } | ||
+ | |||
+ | #ekam-wrapper{ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | overflow: hidden; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | |||
+ | #ekam_container{ | ||
+ | width: 100%; | ||
+ | height: 90%; | ||
+ | overflow: hidden; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
+ | } | ||
+ | /****header****/ | ||
+ | #ekam_header{ | ||
+ | position: relative; | ||
+ | width: 100%; | ||
+ | background-color: #BBB; | ||
+ | height: 75px; | ||
+ | z-index: 1000; | ||
+ | } | ||
+ | |||
+ | #menu { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | z-index: 100; | ||
+ | width: 60%; | ||
+ | height: 100%; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | #menu p { | ||
+ | color: white; | ||
+ | font-family: 'Skranji', cursive; | ||
+ | font-size: 30pt; | ||
+ | text-shadow: 2px 2px 2px #313131; | ||
+ | line-height: 2em; | ||
+ | height: 2em; | ||
+ | text-align: center; | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .ekam_moduletable{ | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | .left { | ||
+ | position:absolute; | ||
+ | width:180px; | ||
+ | margin: 0; | ||
+ | z-index: 999; | ||
+ | top: 100px; | ||
+ | /* -15px & -216px */ | ||
+ | left: -216px; | ||
+ | background: url('https://static.igem.org/mediawiki/igem.org/2/27/Ekam_folder.png') no-repeat; | ||
+ | background-size:100%; | ||
+ | padding-right: 46px; | ||
+ | height: 360px; | ||
+ | } | ||
+ | div.moduletable.tab { | ||
+ | position: absolute; | ||
+ | right: 0; | ||
+ | background: transparent; | ||
+ | height: 142px; | ||
+ | width: 10%; | ||
+ | top: 10%; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .left .moduletable, .right .moduletable { | ||
+ | padding: 10px; | ||
+ | padding-left: 25px; | ||
+ | } | ||
+ | |||
+ | /********************* MENU ************************/ | ||
+ | |||
+ | div.left ul.menu, | ||
+ | div.left ul.menu ul{ | ||
+ | list-style: none; | ||
+ | } | ||
+ | |||
+ | div.left ul.menu li a { | ||
+ | display: block; | ||
+ | color: white; | ||
+ | font-family: 'Skranji', cursive; | ||
+ | font-size: 14pt; | ||
+ | text-shadow: 2px 2px 2px #313131; | ||
+ | line-height: 2em; | ||
+ | height: 2em; | ||
+ | } | ||
+ | |||
+ | div.left ul.menu li a:hover { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | div.left ul.menu li:hover { | ||
+ | background: #CCC; | ||
+ | } | ||
+ | |||
+ | div.left ul.menu ul { | ||
+ | position: absolute; | ||
+ | display: none; | ||
+ | z-index: 999; | ||
+ | left: 50%; | ||
+ | /*background: #445979;*/ | ||
+ | background: #CCC; | ||
+ | border: 1px solid #AAA; | ||
+ | } | ||
+ | |||
+ | div.left ul.menu ul li:hover{ | ||
+ | background: #888; | ||
+ | } | ||
+ | |||
+ | div.left ul.menu ul li { | ||
+ | width: 100px; | ||
+ | padding-left: 5px; | ||
+ | } | ||
+ | |||
+ | div.left ul.menu ul li a{ | ||
+ | font-size: 90%; | ||
+ | color: #222; | ||
+ | text-shadow: 1px 1px 1px #313131; | ||
+ | } | ||
+ | |||
+ | div.left ul.menu li:hover ul { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #IEroot div.left ul.menu li ul:hover { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | #IEroot div.left ul.menu li ul > li:hover { | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | /********************* MENU ************************/ | ||
+ | |||
+ | /*************************Content area***************************/ | ||
+ | #ekam_content-area { | ||
+ | position: relative; | ||
+ | clear: both; | ||
+ | padding: 0 10px 0 10px; | ||
+ | background-color: #EEE; | ||
+ | z-index: 1; | ||
+ | height: 88%; | ||
+ | overflow-y:scroll; | ||
+ | } | ||
+ | |||
+ | #ekam_main{ | ||
+ | clear: both; | ||
+ | background-color: #EEE; | ||
+ | width:90%; | ||
+ | margin: 0 auto; | ||
+ | padding: 20px; | ||
+ | padding-left: 40px; | ||
+ | } | ||
+ | |||
+ | .ekam_subMain{ | ||
+ | background: white; | ||
+ | border: 2px solid whiteSmoke; | ||
+ | padding: 20px; | ||
+ | text-align: justify; | ||
+ | } | ||
+ | |||
+ | |||
+ | /****************************Footer***********************************/ | ||
+ | #footer { | ||
+ | position: relative; | ||
+ | clear: both; | ||
+ | z-index: 2; | ||
+ | height: 10%; | ||
+ | backgroud-color: black; | ||
+ | } | ||
+ | |||
+ | #footer div{ | ||
+ | font-size: 12px; | ||
+ | font-family: 'Verdana'; | ||
+ | background-color: #000; | ||
+ | float: left; | ||
+ | width: 33.33333%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | #footer div p{ | ||
+ | text-align: center; | ||
+ | width: 100%; | ||
+ | color: #444; | ||
+ | } | ||
+ | |||
+ | /**********************Safety*******************************/ | ||
+ | .safety_question{ | ||
+ | font-weight: bold; | ||
+ | font-family: 'Skranji', cursive; | ||
+ | font-size: 1em; | ||
+ | } | ||
+ | .safety_answer{ | ||
+ | font-family: lighter; | ||
+ | font-size: .9em; | ||
+ | font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; | ||
+ | } | ||
+ | /**********************************************************/ | ||
+ | </style> | ||
+ | <!--END style--> | ||
+ | <link href="https://static.igem.org/mediawiki/2012/d/dd/Ekamicon.png" rel="shortcut icon" type="image/vnd.microsoft.icon" /> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function(){ | ||
+ | $(".left .moduletable.tab").click(function(){ | ||
+ | $(".left").animate({left:"-15px"},"slow"); | ||
+ | }); | ||
+ | $(".left").mouseleave(function(){ | ||
+ | $(".left").animate({left:"-216px"},"slow"); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | </head> | ||
+ | <body> | ||
+ | <div id="ekam-wrapper"> | ||
+ | <div id= 'ekam_container'> | ||
+ | <div id="ekam_header"> | ||
+ | <div id="logo" > | ||
+ | <div class="ekam_moduletable"> | ||
+ | <p><a href="https://2012.igem.org/Team:Tec-Monterrey_EKAM" target="_self"><img src="https://static.igem.org/mediawiki/2012/8/84/Logo_horizontal.png" border="0" alt="" style="height: 65px;" /></a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="menu"> | ||
+ | <p>Human Practices</p> | ||
+ | </div> | ||
+ | <div class="ekam_moduletable" style="float: right; margin-right: 15px;"> | ||
+ | <p><a href="https://igem.org/Main_Page" target="_self"><img src="https://static.igem.org/mediawiki/2011/2/24/Alberta-igem-logo.png" border="0" alt="" style="height: 65px;" /></a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- END OF HEADER --> | ||
+ | <!-- ===================================================== MAIN ===================================================== --> | ||
+ | <div id="ekam_content-area"> | ||
+ | <div id="ekam_main"> | ||
+ | <!---------------------> | ||
+ | |||
+ | <div class="ekam_subMain"> | ||
+ | <p class="safety_answer"> | ||
+ | <br/> | ||
+ | <span class="safety_question"></span> | ||
+ | <br/> | ||
+ | <br/> | ||
+ | |||
+ | <a href="/Team:Tec-Monterrey_EKAM/Sybre" >SyBRE</a> | ||
+ | <br/> | ||
+ | </p> | ||
+ | We decided to institutionalize the school’s participation in iGEM and further promote synthetic biology in our university through an official student group: SyBRE (Synthetic Biology Research and Engineering). | ||
+ | |||
+ | <a href="/Team:Tec-Monterrey_EKAM/iGEMJunior">iGEM Jr</a> | ||
+ | <br/> | ||
+ | We took on the task to promote the iGEM High School competition on our university’s high school campus, [https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx Preparatoria Eugenio Garza Sada]. | ||
+ | <br/> | ||
+ | <a href="/Team:Tec-Monterrey_EKAM/Detect">DETECT</a> | ||
+ | <br/> | ||
+ | |||
+ | Through SyBRE, we’ve developed a community service called DETECT (Spanish acronym for ‘Detection of Talented Students’), aimed to detect gifted children and bring them to the Biology and Chemistry areas. | ||
+ | <br/> | ||
+ | <a href="/Team:Tec-Monterrey_EKAM/BSclasses">BS classes</a> | ||
+ | <br/> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <br/> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- ================================================= END OF MAIN ================================================= --> | ||
+ | |||
+ | <!-- ******************* MENU *************************** --> | ||
+ | <div class="left" style="width:210px;"> | ||
+ | <div class="moduletable _menu" > | ||
+ | <div class="content-module"> | ||
+ | <ul class="menu"> | ||
+ | <li ><a href="/Team:Tec-Monterrey_EKAM/Team" >Team</a></li> | ||
+ | <li class="deeper parent"><a href="/Team:Tec-Monterrey_EKAM/Project" >Project</a> | ||
+ | <ul> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/Description" >Description</a></li> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/Modular">BioFactory</a></li> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/Software">Software</a></li> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/Terpenoids">Terpenoids</a></li> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/Modeling">Modeling</a></li> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/Other">Other Stuff</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li class="deeper parent"><a href="/Team:Tec-Monterrey_EKAM/Human" >Human Practices</a> | ||
+ | <ul> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/Sybre" >SyBRE</a></li> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/iGEMJunior">iGEM Jr</a></li> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/Detect">DETECT</a></li> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/BSclasses">BS classes</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/Parts" >Parts</a></li> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/Notebook" >Notebook</a></li> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/Gallery" >Gallery</a></li> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/Safety" >Safety</a></li> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/Sponsors" >Sponsors</a></li> | ||
+ | <li><a href="/Team:Tec-Monterrey_EKAM/Attributions" >Attributions</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="moduletable tab" > | ||
+ | <div class="content-module"> | ||
+ | <div id="menu_tab"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- End of MENU! --> | ||
+ | </div> | ||
+ | <div id="footer"> | ||
+ | <div> | ||
+ | <p> iGEM 2012 <strong> Team Ekam </strong> All rights reserved</p> | ||
+ | </div> | ||
+ | <div> | ||
+ | <p><a href="/ekam_sw/index.php/contacto" target="_self"><span style="font-weight:bold; color: #444;">Contact us</span></a><br />Tel: +52(81)10173973 <br />Email: <a href="mailto:itesm.ekam@gmail.com">itesm.ekam@gmail.com <a/> | ||
+ | </p> | ||
+ | </div> | ||
+ | <div> | ||
+ | <p>Follows us on:<br/> | ||
+ | <a href="https://www.facebook.com/Ekam.iGEM" target="_blank" > | ||
+ | <img style="height: 50%;" src="https://static.igem.org/mediawiki/igem.org/0/07/Facebook_logo.png" alt="facebook logo" /> | ||
+ | </a> | ||
+ | | ||
+ | <a href="https://twitter.com/Ekam_iGEM2012" target="_blank"> | ||
+ | <img style="height: 50%;" src="https://static.igem.org/mediawiki/igem.org/1/1a/Twitter_logo.png" alt="twitter logo" /> | ||
+ | </a> | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <!-- end of footer--> | ||
+ | </div> | ||
+ | </body> | ||
+ | </html> |
Latest revision as of 04:03, 27 October 2012
We decided to institutionalize the school’s participation in iGEM and further promote synthetic biology in our university through an official student group: SyBRE (Synthetic Biology Research and Engineering).
iGEM Jr
We took on the task to promote the iGEM High School competition on our university’s high school campus, [https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx Preparatoria Eugenio Garza Sada].
DETECT
Through SyBRE, we’ve developed a community service called DETECT (Spanish acronym for ‘Detection of Talented Students’), aimed to detect gifted children and bring them to the Biology and Chemistry areas.
BS classes
We took on the task to promote the iGEM High School competition on our university’s high school campus, [https://2012hs.igem.org/Team:PrepaTec_GarzaSadaMx Preparatoria Eugenio Garza Sada].
DETECT
Through SyBRE, we’ve developed a community service called DETECT (Spanish acronym for ‘Detection of Talented Students’), aimed to detect gifted children and bring them to the Biology and Chemistry areas.
BS classes