Team:ITESM-Guadalajara/Notebook
From 2014.igem.org
(Difference between revisions)
(Prototype team page) |
|||
(10 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | {{CSS/Main}} | |
+ | <html> | ||
- | + | <head> | |
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
+ | <meta name="description" content="Team ITESM - Guadalajara Wiki for the iGEM competition of 2014"> | ||
+ | <meta name="keywords" content="iGEM, Chitosan, 2014, ITESM Guadalajara, Wiki"> | ||
+ | <meta name="author" content="Irving Fernando Alvarez Vazquez"> | ||
+ | <meta name="title" content="Team ITESM - Guadalajara Wiki"> | ||
- | < | + | <!-- External scripts --> |
+ | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' | ||
+ | rel='stylesheet' type='text/css'> | ||
+ | <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | ||
- | <!-- | + | <!-- Functionallity and behaviour JS --> |
- | < | + | <script> |
+ | $(document).ready(function(){ | ||
- | + | //Loading screen functionallity | |
- | + | $('.loading').animate( | |
- | + | {opacity:0}, | |
- | + | 500, | |
- | + | function(){ | |
- | + | $('.loading').attr("style", "display:none"); | |
- | + | } | |
- | + | ); | |
- | + | ||
- | + | ||
- | + | //Height responsiveness | |
- | + | $(window).resize(function() { | |
- | + | wheight = $(window).height(); | |
+ | $('.container').attr("style","height:"+(wheight)+"px;background-size:cover;"); | ||
+ | $('.team-member-container').attr("style","height:"+wheight/2.7+"px;"); | ||
+ | }); | ||
- | + | $(window).trigger('resize'); | |
- | + | ||
- | + | //Menu moveto container on item click functionallity | |
- | + | $('.menu-item').on('click', function(){ | |
- | + | $('.menu-item').removeClass('subselected'); | |
+ | $(this).addClass('subselected'); | ||
+ | if($(this).attr("data")=="#top"){ | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: 0 | ||
+ | }, 1000); | ||
+ | }else{ | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $($(this).attr("data")).offset().top-70 | ||
+ | }, 1000); | ||
+ | } | ||
+ | }); | ||
+ | //Hover of team members | ||
+ | $('.team-member-container').on('mouseenter', function(){ | ||
+ | $(this).children('.team-member-photo').attr("style", "background-image:url('"+$(this).attr("hover")+"');"); | ||
+ | $(this).on('mouseleave', function(){ | ||
+ | $(this).children('.team-member-photo').attr('style', "background-image:url('"+$(this).attr("data")+"');"); | ||
+ | }); | ||
+ | }); | ||
- | + | }); | |
- | + | ||
+ | </script> | ||
- | < | + | <style> |
- | + | body, | |
+ | html{ | ||
+ | margin: 0; | ||
+ | padding:0; | ||
+ | font-family: font-family: 'Yanone Kaffeesatz', sans-serif; | ||
+ | } | ||
- | + | /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */ | |
- | + | .firstHeading{ | |
+ | display:none; | ||
+ | } | ||
+ | #top-section{ | ||
+ | background:#48af5d; | ||
+ | margin-left:0 !important; | ||
+ | width:100%; | ||
+ | left:0; | ||
+ | } | ||
- | |||
- | |||
- | + | /* LOADING SCREEN */ | |
- | + | .loading{ | |
+ | position:fixed; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | top:0; | ||
+ | left:0; | ||
- | + | z-index:5; | |
- | + | ||
- | + | background-color:#555; | |
- | + | color:#fff; | |
+ | text-align: center; | ||
+ | } | ||
+ | .loading p{ | ||
+ | position: relative; | ||
+ | width:100%; | ||
+ | height:10%; | ||
+ | top:45%; | ||
+ | left:0; | ||
+ | } | ||
- | + | /* MENU STYLING */ | |
- | + | .menu{ | |
+ | position:fixed; | ||
+ | width:100%; | ||
+ | height:56px; | ||
+ | top:14px; | ||
+ | background-color: #47a3da; | ||
- | + | z-index:4; | |
- | + | ||
+ | border-collapse: collapse; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .menu tr td{ | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
- | + | font-weight: 700; | |
- | + | font-size:16px; | |
- | + | color:#fff; | |
+ | width:7%; | ||
+ | } | ||
+ | .menu tr td.menu-item:hover{ | ||
+ | background-color:#258ecd; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .subselected{ | ||
+ | background-color: #258ecd; | ||
+ | } | ||
+ | /* CONTAINERS STYLING */ | ||
+ | .container{ | ||
+ | position:relative; | ||
+ | width:100%; | ||
+ | top:50px; | ||
+ | } | ||
+ | .container .subcontainer{ | ||
+ | position:absolute; | ||
+ | width:95%; | ||
+ | height:90%; | ||
+ | top:5%; | ||
+ | left:2.5%; | ||
+ | } | ||
+ | #top{ | ||
+ | background-size: cover; | ||
+ | background-image: url("http://i1191.photobucket.com/albums/z475/alex0892/Guadalajara%20Minerva/171120111899.jpg"); | ||
+ | overflow:hidden; | ||
+ | } | ||
- | + | /* TEAM MEMBERS CARDS STYLING */ | |
+ | .team-member-container{ | ||
+ | position:relative; | ||
+ | width:14%; | ||
+ | margin-left:2.28%; | ||
+ | float:left; | ||
+ | } | ||
+ | .team-member-container:hover{ | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | .row2{ | ||
+ | top:4%; | ||
+ | } | ||
+ | .team-member-container .team-member-photo{ | ||
+ | position:relative; | ||
+ | width:100%; | ||
+ | height:85%; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | .team-member-container .team-member-footer{ | ||
+ | position:relative; | ||
+ | width:100%; | ||
+ | height:15%; | ||
+ | top:0; | ||
+ | left:0; | ||
- | + | border:none; | |
- | + | border-collapse: collapse; | |
+ | background-color: #47a3da; | ||
+ | color:#fff; | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | body { | ||
+ | padding-top: 110px; | ||
+ | } | ||
+ | .center-block { | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
- | |||
- | + | .navbar-fixed-top { | |
- | + | background: #fff; | |
- | + | filter: none !important; | |
+ | box-shadow: 0 2px 15px rgba(0,0,0,0.25); | ||
+ | -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25); | ||
+ | -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25); | ||
+ | border-bottom: 1px solid rgba(0,0,0,0.2); | ||
+ | } | ||
- | + | .faceBot{ | |
- | + | background: #202020; | |
- | + | } | |
+ | @font-face { | ||
+ | font-family: 'Open Sans', Arial;; | ||
+ | } | ||
- | < | + | body |
- | < | + | { |
- | <p> | + | font-family: 'Open Sans', Arial; |
- | </ | + | } |
+ | ul.nav a{ | ||
+ | color: gray; | ||
+ | background-color: transparent; | ||
+ | height: 100%; | ||
+ | position: relative; | ||
+ | } | ||
+ | ul.nav a:hover { | ||
+ | background-color: transparent;} | ||
+ | |||
+ | li.menu-item{ | ||
+ | background: transparent !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | h2 { | ||
+ | color:green; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .menu-item{ | ||
+ | height: 75px; | ||
+ | } | ||
+ | |||
+ | .green-effect{ | ||
+ | display: none; | ||
+ | background-color: #4AAF51; | ||
+ | opacity: 1; | ||
+ | color: #FFF; | ||
+ | transition-property: all; | ||
+ | transition-duration: 0.3s; | ||
+ | transition-timing-function: ease-out; | ||
+ | transition-delay: 0s; | ||
+ | border-color: #288D30; | ||
+ | position: absolute; | ||
+ | bottom: 0px; | ||
+ | width: 100%; | ||
+ | height: 2px; | ||
+ | right: 0px; | ||
+ | } | ||
+ | |||
+ | a:hover .green-effect{ | ||
+ | display: inherit; | ||
+ | } | ||
+ | .invertir:hover { | ||
+ | -webkit-filter: invert(100%); | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | |||
+ | <div class="navbar navbar-fixed-top" style="margin-top:10px"> | ||
+ | <nav class="navbar-inner"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-2"></div> | ||
+ | <div class="col-md-3"><a href="https://2014.igem.org/Team:ITESM-Guadalajara"><img class="inicioLogo" src="https://static.igem.org/mediawiki/2014/5/55/BioPhrameIgem_logo.png" height="100" width="auto" ></a></div> | ||
+ | <div class="col-md-1"></div> | ||
+ | |||
+ | <div class="col-md-6" > | ||
+ | <ul class="nav navbar-nav" style="margin-top:30px"> | ||
+ | <li class="menu-item"> | ||
+ | <a href="https://2014.igem.org/Team:ITESM-Guadalajara"> | ||
+ | <span>Home</span> | ||
+ | <span class="green-effect"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="menu-item"> | ||
+ | <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Company"> | ||
+ | <span>The Company</span> | ||
+ | <span class="green-effect"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="menu-item"> | ||
+ | <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Team"> | ||
+ | <span>Team</span> | ||
+ | <span class="green-effect"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="menu-item"> | ||
+ | <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Contact"> | ||
+ | <span>Contact</span> | ||
+ | <span class="green-effect"></span> | ||
+ | </a> | ||
+ | </li> | ||
+ | <li class="menu-item"> | ||
+ | <a href="https://2014.igem.org/Main_Page"> | ||
+ | <span>iGEM 2014</span> | ||
+ | <span class="green-effect"></span> | ||
+ | </a> | ||
+ | </li><li class="menu-item"> | ||
+ | <a href="https://2014.igem.org/Team:ITESM-Guadalajara/Notebook"> | ||
+ | <span>Notebook</span> | ||
+ | <span class="green-effect"></span> | ||
+ | </a> | ||
+ | </li><li> | ||
+ | <a href="http://www.facebook.com/biophrame"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/3/30/BIOPHRAMEGDLFacebookF.png" height="20" width="auto" class="invertir img-rounded"> | ||
+ | </a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
+ | </div> | ||
+ | <div class="col-md-8 col-md-offset-2"> | ||
+ | |||
+ | </br> | ||
+ | <h3>April 2014</h3> | ||
+ | <p>From April 1 to 15: <b>Team formation</b>.</br> | ||
+ | We started the formation of our multidisciplinary iGEM team to make possible our project idea of a biotechnological company “Biopharma Technologies”; however, at the beginning, we were a team of only biotechnological and biomedical engineers. | ||
+ | </p> | ||
+ | <p>From April 15 to 20: <b>Fundraise</b></br> | ||
+ | <ul><li> We started to fundraising for our Giant Jamboree trip, through snacks selling in our University and at some Congresses like the Biotechnology Engineering Congress. | ||
+ | </li><li> At the same time, all the team was working in the company vision and goals. </li></ul> | ||
+ | </p> | ||
+ | <p> | ||
+ | Date: April 23</br> | ||
+ | Event: Biotechnology Engineering Congress</br> | ||
+ | Members: Sofia Arreola, Rodolfo Valdés, Daniel Flores, Lizeth Sánchez | ||
+ | </p> | ||
+ | <p> | ||
+ | We attended this event organized by our University (ITESM) to speak with other biotechnology engineers about our project idea and to sell some snacks that would help us to fundraise our trip to Boston. | ||
+ | </p> | ||
+ | </br></br> | ||
+ | <h3>May 2014</h3> | ||
+ | <p> | ||
+ | May 14: <b>Synthetic Biology’s Seminar</b>. </br> | ||
+ | We created a Synthetic Biology's Seminary with our Technical Advisor PhD. María José Rivas to learn about the advances, techniques, definitions, and to choose and evaluate the first Biophrame Project, with which we would be participating on iGEM. | ||
+ | </p> | ||
+ | <p> | ||
+ | May 14 to May 20: <b>Project ideas</b></br> | ||
+ | Our team met to propose ideas of possible iGEM first products/projects. In this meeting we realized that we needed to search people from other disciplines, such as Finances and Administration, in order to make "Biophrame Technologies" an integrative team. | ||
+ | </p> | ||
+ | <p> | ||
+ | May 22 to May 30: <b>Growing up the team!</b></br> | ||
+ | <ul><li> We were glad to integrate Carolina Salazar, Itzel Milanés, Sergio Nuñez and Jorge Parra to Biophrame's team, our experts in Finance, Administration, Image and Marketing. | ||
+ | </li><li> With our new team members and advisors, we chose the "Non Chemical Chitosan Production Process" as the first Biopharme's product, because it was short term achievable, financially attractive, ecological, technically simple and over all socially relevant. | ||
+ | </li><li> We started the division of task in order to develop the technical and financial dimensions of the project; so, at first we had only the financial and technical division divisions. </li></ul> | ||
+ | </p></br> | ||
+ | <h3>June 2014</h3> | ||
+ | <p> | ||
+ | June 14: <b>CONACYT (Science and Technology National Council) visit</b></br> | ||
+ | We visited this governmental organization to look for financial support, but there were no open founding options applying to our project. | ||
+ | </p> | ||
+ | <p>June 14: <b>Bio Zoo pharmaceutical Visit</b></br> | ||
+ | We visit the Bio Zoo company in order to speak about our business idea and to look for the possibility to form an alliance as company-clients. In our interviews they showed a real interest in being potential clients of Biophrame | ||
+ | </p> | ||
+ | <p> | ||
+ | From June 15 to June 30: <b>Technical Strategy design</b></br> | ||
+ | <ul><li> We investigate all the technical possibilities to produce Chitosan without the use of chemical substances and using as raw material wastes generated from other industries in Mexico. | ||
+ | </li><li> We chose the best biotechnological option and we started the detailed design of the process. We could not start the experimentation process in a parallel way to our investigations and technical advances because we didn't have our iGEM kit due to customs problems.</br> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/c/cb/BIOPHRAMEGDLBioFotoIrvi1.png"></li></ul> | ||
+ | </p> | ||
+ | |||
+ | </br> | ||
+ | <h3>August 2014</h3> | ||
+ | <p>August 1: <b>BBQ organization</b></br> | ||
+ | We started the organization of our special BBQ. We organized this event in order to raise funds. | ||
+ | </p> | ||
+ | <p> | ||
+ | From August 1 to September 20: <b>Pilot plant design and business plan development</b></br> | ||
+ | <ul><li> We designed our pilot plant in two stages: 1) Experimental phase and 2) Final pilot plant. | ||
+ | </li><li> We researched the temperature, calculated the volumes needed in each bioreactor and calculated the approximate time the process will require in each phase of the process. | ||
+ | </li><li>At the same time, the financial and marketing division was developing all the relevant parts of the business plan. </li></ul> | ||
+ | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/4/43/BIOPHRAMEGDLBioFotoIrvi2.png"></br> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/8/8c/BIOPHRAMEGDLBioFotoIrvi3.png"> | ||
+ | |||
+ | |||
+ | |||
+ | <p> | ||
+ | August 14: <b>Café con ciencia (special event for biotech students at ITESM, Campus Guadalajara)</b></br> | ||
+ | Members: Sofia Arreola, Lizeth Sánchez</br> | ||
+ | We went to this special event to talk about iGEM and to invite all the biotech students to be involved in our mission: the creation of a biotech company for biotech engineers, where they can CREATE processes. | ||
+ | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/1/12/BIOPHRAMEGDLBioFotoIrvi4.png"> | ||
+ | |||
+ | <p> | ||
+ | August 14: <b>Skyping with other teams.</b></br> | ||
+ | We wanted to know other teams and their projects; so, from this date on, we skyped with the teams: “Tec Monterrey”, “Zamorano” and “BIOSINT_Mexico”. | ||
+ | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/f/f6/BIOPHRAMEGDLBioFotoIrvi5.png"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/7/78/BIOPHRAMEGDLBioFotoIrvi6.png"> | ||
+ | <p> | ||
+ | August 29: <b>BBQ time!</b></br> | ||
+ | Members: Lizeth Sánchez, Rodolfo Valdés, Sofia Arreola, Lizette Reyes and Itzel Milanés | ||
+ | Our BBQ was a total success: almost 150 people attended! | ||
+ | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/3/32/BIOPHRAMEGDLBioFotoIrvi7.png"><img src="https://static.igem.org/mediawiki/2014/2/2d/BIOPHRAMEGDLBioFotoIrvi8.png"><img src="https://static.igem.org/mediawiki/2014/2/28/BIOPHRAMEGDLBioFotoIrvi9.png"> | ||
+ | |||
+ | |||
- | < | + | <p> |
- | < | + | August 22: <b>Reto Zapopan application.</b></br> |
- | </ | + | Members: Ana Sofía Arreola</br> |
+ | We filled the format to apply Reto Zapopan 2014, which is a governmental contest created by the city council of Zapopan to finance entrepreneurship projects. | ||
+ | </p> | ||
+ | </br> | ||
+ | <h3>September 2014</h3> | ||
+ | <p>September 2: <b>iTuesday</b></br> | ||
+ | Members: Sofía Arreola, Rodolfo Valdés.</br> | ||
+ | We attended the iTuesday event at ITESM, Campus Guadalajara. The iTuesday is nonprofit event organized to promote networking. In this event, entrepreneurs gave their rocket pitches to investors and public in general. | ||
+ | </p> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/3/38/BIOPHRAMEGDLBioFotoIrvi10.png"><img src="https://static.igem.org/mediawiki/2014/4/41/BIOPHRAMEGDLBioFotoIrvi11.png"> | ||
- | </ | + | <p> |
+ | September 5: <b>Innovation Congress</b></br> | ||
+ | Members: Lizeth Sánchez, Rodolfo Valdés</br> | ||
+ | We went to the “2014 Innovation Congress” to learn about the current innovation tendencies. | ||
+ | </p> | ||
+ | <p> | ||
+ | September 10:<b> Patent process </b></br> | ||
+ | <ul><li> We had a meeting with the Director of the Innovation Center for Economic Development at the Secretary of Innovation, Science and Technology, Rodrigo Padilla, to speak about our idea and the patent process from our first Biophrame's project. | ||
+ | </li><li> Rodrigo Padilla was very interested that he introduced us to Larisa Cruz (Director of Intelectual and Industrial Property Department at theSecretary of Innovation, Science and Technology). She helped us start our patent process.</li></ul> | ||
+ | </p><img src="https://static.igem.org/mediawiki/2014/2/24/BIOPHRAMEGDLBioFotoIrvi12.png"> | ||
+ | <p> | ||
+ | September 14 to September 26:<b> Interviews with potential clients.</b></br> | ||
+ | Members: Jorge Armando Parra, Itzel Milanés.</br> | ||
+ | We interviewed some of our potential clients to get an idea about the Chitosan market in Guadalajara. As well, we presented them our business idea. Some of them signed up a future buying intention letter for our product. | ||
+ | </p> | ||
+ | <p> | ||
+ | September 17: <b>Start patent process!</b></br> | ||
+ | We went to the Mexican Institute for Intellectual Property (IMPI) to start our patent process and submit our technology research. | ||
+ | </p> | ||
+ | </br> | ||
+ | <h3>October 2014</h3> | ||
+ | <p> | ||
+ | October 2: <b>Biophrame got at the semifinals of Reto Zapopan!</b></br> | ||
+ | We were announced that Biophrame got at the semifinals at the “Reto Zapopan 2014” entrepreneurship contest. The award at this contest is around $150,000 USD. | ||
+ | </p> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2014/0/05/BIOPHRAMEGDLBioFotoIrvi13.png"></center> | ||
+ | </div> | ||
+ | <div class="col-md-12 faceBot"></br> | ||
+ | <div class="col-md-2 col-md-offset-3"><img src="https://static.igem.org/mediawiki/2014/e/ef/Biophrame_logo_footer_500x150.png" class="img-responsive"><small style="color:white">Biophrame Technologies is a biotech company and manufacturer specialized in the production of Chitosan.</small></div> | ||
+ | <div class="col-md-2"> | ||
+ | <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fbiophrame&width&height=258&colorscheme=dark&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;" allowTransparency="true"></iframe></div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 03:27, 18 October 2014