Template:Http://2014.igem.org/Team:Colombia
From 2014.igem.org
(Difference between revisions)
(89 intermediate revisions not shown) | |||
Line 18: | Line 18: | ||
--> | --> | ||
- | <!--So there are | + | <!--So there are four main parts to this code: |
The CAROUSEL, shamelessly taken from | The CAROUSEL, shamelessly taken from | ||
http://getbootstrap.com/examples/carousel/ | http://getbootstrap.com/examples/carousel/ | ||
Line 52: | Line 52: | ||
So there. | So there. | ||
+ | Some TEXT BUTTONS made by Taylor Palmer, available at | ||
+ | http://codepen.io/tpalmer75/pen/iImsJ/ | ||
+ | Again, not CC-BY-3.0, so | ||
+ | " | ||
+ | Copyright (c) 2014 by Taylor Palmer (http://codepen.io/tpalmer75/pen/iImsJ) | ||
+ | |||
+ | Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: | ||
+ | |||
+ | The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. | ||
+ | " | ||
+ | |||
Everything else we made ourselves and is available under CC-BY-3.0 and all that jazz. | Everything else we made ourselves and is available under CC-BY-3.0 and all that jazz. | ||
--> | --> | ||
Line 74: | Line 85: | ||
$(document).ready(function () { | $(document).ready(function () { | ||
$('.carousel').carousel() | $('.carousel').carousel() | ||
- | interval: | + | interval: 100 |
}); | }); | ||
Line 104: | Line 115: | ||
#top-section { | #top-section { | ||
height: 0px; | height: 0px; | ||
- | border-top: 0 | + | border-top: 0; |
border-left: none; | border-left: none; | ||
border-right: none; | border-right: none; | ||
Line 854: | Line 865: | ||
ul.menuBuild ul.submenu li.last{ | ul.menuBuild ul.submenu li.last{ | ||
- | -webkit-transform:rotate( | + | -webkit-transform:rotate(3deg); /* webkit browsers */ |
- | -moz-transform:rotate( | + | -moz-transform:rotate(3deg); /* firefox */ |
- | -o-transform:rotate( | + | -o-transform:rotate(3deg); /* opera */ |
- | -ms-transform: rotate( | + | -ms-transform: rotate(3deg); /* for IE9 and future versions */ |
- | transform: rotate( | + | transform: rotate(3deg); /* For older broswers */ |
- | margin-left:- | + | margin-left:-6px; |
opacity: 0.70; | opacity: 0.70; | ||
} | } | ||
Line 963: | Line 974: | ||
ul.menuBuild li#menu1 > ul{ | ul.menuBuild li#menu1 > ul{ | ||
- | margin-top:- | + | margin-top:-75px; |
left:0px; | left:0px; | ||
} | } | ||
Line 988: | Line 999: | ||
ul.menuBuild li#menu4 > ul{ | ul.menuBuild li#menu4 > ul{ | ||
- | -webkit-transform:rotate( | + | -webkit-transform:rotate(-10deg); /* webkit */ |
- | -moz-transform:rotate( | + | -moz-transform:rotate(-10deg); /* firefox */ |
- | -o-transform:rotate( | + | -o-transform:rotate(-10deg); /* opera */ |
- | -ms-transform: rotate( | + | -ms-transform: rotate(-10deg); /* ie9 and future versions */ |
- | transform: rotate( | + | transform: rotate(-10deg); /* older browsers */ |
left: 0px; | left: 0px; | ||
margin-top: -40px; | margin-top: -40px; | ||
Line 1,008: | Line 1,019: | ||
ul.menuBuild li#menu6> ul{ | ul.menuBuild li#menu6> ul{ | ||
- | -webkit-transform:rotate( | + | -webkit-transform:rotate(5deg); /* webkit */ |
- | -moz-transform:rotate( | + | -moz-transform:rotate(5deg); /* firefox */ |
- | -o-transform:rotate( | + | -o-transform:rotate(5deg); /* opera */ |
- | -ms-transform: rotate( | + | -ms-transform: rotate(5deg); /* ie9 and future versions */ |
- | transform: rotate( | + | transform: rotate(5deg); /* older browsers */ |
left: 0px; | left: 0px; | ||
- | margin-top: - | + | margin-top: -85px; |
} | } | ||
Line 1,220: | Line 1,231: | ||
</style> | </style> | ||
- | |||
<!--PART III: FLIPPY BUTTONS--> | <!--PART III: FLIPPY BUTTONS--> | ||
<style> | <style> | ||
+ | |||
+ | #iGEMLink { | ||
+ | position: relative; | ||
+ | top: 50%; | ||
+ | transform: translateY(10%); | ||
+ | |||
+ | } | ||
#Buttons { | #Buttons { | ||
Line 1,369: | Line 1,386: | ||
- | <!-- Menu--> | + | <!-- Menu--> |
- | |||
- | |||
<html xmlns="http://www.w3.org/1999/xhtml"> | <html xmlns="http://www.w3.org/1999/xhtml"> | ||
<head> | <head> | ||
Line 1,401: | Line 1,416: | ||
<!--CSS--> | <!--CSS--> | ||
<style> | <style> | ||
+ | |||
.button-fill { | .button-fill { | ||
text-align: center; | text-align: center; | ||
Line 1,467: | Line 1,483: | ||
<!--JS--> | <!--JS--> | ||
- | <script | + | <script src='http://assets.codepen.io/assets/libs/fullpage/jquery-ab8e840c3dad7ccf2deadb8c40d53bdb.js'></script> |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | </script> | + | |
Line 1,493: | Line 1,503: | ||
<!-- Carousel items --> | <!-- Carousel items --> | ||
<div class="carousel-inner"> | <div class="carousel-inner"> | ||
- | <div class="active item"><a href=""><img src="https://static.igem.org/mediawiki/2014/8/8b/Colombia_Top.png" width="100%" ></a></div> | + | <div class="active item"><a href="https://igem.org"><img src="https://static.igem.org/mediawiki/2014/8/8b/Colombia_Top.png" width="100%" ></a></div> |
<div class="item"><a href=""><img src="https://static.igem.org/mediawiki/2014/c/c0/Petri.jpg" width="100%" ></a></div> | <div class="item"><a href=""><img src="https://static.igem.org/mediawiki/2014/c/c0/Petri.jpg" width="100%" ></a></div> | ||
<div class="item"><a href=""><img src="https://static.igem.org/mediawiki/2014/6/6c/ColombiaTeam_Head2.png" width="100%"></a></div> | <div class="item"><a href=""><img src="https://static.igem.org/mediawiki/2014/6/6c/ColombiaTeam_Head2.png" width="100%"></a></div> | ||
Line 1,530: | Line 1,540: | ||
<li class="third"><a href="https://2014.igem.org/Team:Colombia/Parameters">Parameters</a></li> | <li class="third"><a href="https://2014.igem.org/Team:Colombia/Parameters">Parameters</a></li> | ||
<li class="fourth"><a href="https://2014.igem.org/Team:Colombia/Scripting">Scripting</a></li> | <li class="fourth"><a href="https://2014.igem.org/Team:Colombia/Scripting">Scripting</a></li> | ||
+ | <li class="last"><a href="https://2014.igem.org/Team:Colombia/DoItYourself">DO IT YOURSELF</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li id="menu2"><a href="https://2014.igem.org/Team:Colombia/ | + | <li id="menu2"><a href="https://2014.igem.org/Team:Colombia/Project">Project</a> |
</li> | </li> | ||
Line 1,545: | Line 1,556: | ||
<ul class="submenu sub4"> | <ul class="submenu sub4"> | ||
- | <li class="first"><a href="https://2014.igem.org/Team:Colombia/Notebook"></a> | + | <li class="first"><a href="https://2014.igem.org/Team:Colombia/Notebook">Notebook</a></li> |
- | <li class="second"><a href="https://2014.igem.org/Team:Colombia/ | + | <li class="second"><a href="https://2014.igem.org/Team:Colombia/Interlab">Interlab</a></li> |
- | <li class="third"><a href="https://2014.igem.org/Team:Colombia/Safety">Safety</a></li> | + | <li class="third"><a href="https://2014.igem.org/Team:Colombia/Protocols">Protocols</a></li> |
+ | <li class="fourth"><a href="https://2014.igem.org/Team:Colombia/Safety">Safety</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
- | <li id="menu5"><a href="https://2014.igem.org/Team:Colombia/Team">Team</a | + | <li id="menu5"><a href="https://2014.igem.org/Team:Colombia/Team">Team</a> |
<ul class="submenu sub5"> | <ul class="submenu sub5"> | ||
- | <li class="first"><a href="https://2014.igem.org/Team:Colombia/Attributions"></a> | + | <li class="first"><a href="https://2014.igem.org/Team:Colombia/Attributions">Attributions</a></li> |
<li class="second"><a href="https://2014.igem.org/Team:Colombia/Members">Members</a></li> | <li class="second"><a href="https://2014.igem.org/Team:Colombia/Members">Members</a></li> | ||
- | <li class= | + | <li class=third"><a href="https://igem.org/Team.cgi?id=1455">Official site</a></li> |
- | + | ||
</ul> | </ul> | ||
Line 1,565: | Line 1,576: | ||
</li> | </li> | ||
- | <li id="menu6"><a href="https://2014.igem.org/Team:Colombia/ | + | <li id="menu6"><a href="https://2014.igem.org/Team:Colombia/HP">Human Practices</a> |
+ | |||
+ | <ul class="submenu sub5"> | ||
+ | |||
+ | <li class="first"><a href="https://2014.igem.org/Team:Colombia/LowBudgetLab">Low Budget iGEM</a></li> | ||
+ | <li class="second"><a href="https://2014.igem.org/Team:Colombia/InterviewsColiGEM">Interviews</a></li> | ||
+ | <li class="third"><a href="https://2014.igem.org/Team:Colombia/WAIEEI">Industry & Ethics</a></li> | ||
+ | <li class="fourth"><a href="https://2014.igem.org/Team:Colombia/Outreach">Outreach</a></li> | ||
+ | <li class="last"><a href="https://2014.igem.org/Team:Colombia/Patent">Patents</a></li> | ||
+ | </ul> | ||
+ | |||
+ | |||
+ | |||
</li> | </li> | ||
Line 1,604: | Line 1,627: | ||
<li><a href="https://2014.igem.org/Team:Colombia" title="Home"><span class="icon-home"></span></a> <b>Home</b></li> | <li><a href="https://2014.igem.org/Team:Colombia" title="Home"><span class="icon-home"></span></a> <b>Home</b></li> | ||
- | <li><a href=" | + | <li><a href="https://2014.igem.org/Main_Page" ><img id="iGEMLink" src="https://static.igem.org/mediawiki/2014/thumb/b/b1/Iitdpage_IGEM_official_logo.png/200px-Iitdpage_IGEM_official_logo.png" width="50px" link ></img></a> <b>iGEM</b></li> |
<li><a href="http://www.facebook.com/colombia.igem"><span class="icon-facebook"></span></a> <b>Facebook</b></li> | <li><a href="http://www.facebook.com/colombia.igem"><span class="icon-facebook"></span></a> <b>Facebook</b></li> | ||
<li><a href="http://twitter.com/Colombia_igem1"><span class="icon-twitter"></span></a> <b>Twitter</b></li> | <li><a href="http://twitter.com/Colombia_igem1"><span class="icon-twitter"></span></a> <b>Twitter</b></li> |
Latest revision as of 23:03, 17 October 2014