Template:Http://2014.igem.org/Team:Colombia

From 2014.igem.org

(Difference between revisions)
(Added documentation. Zen of programming.)
Line 1: Line 1:
<html>
<html>
 +
<!--WELCOME, TRAVELER
 +
to our humble wiki template for this year. It's nuts. I'm genouinely
 +
sorry if you have to read through it. We just copied and pasted a
 +
bunch of scripts from around the web, and did some tweaks here and there.
 +
 +
If you plan to use any of this stuff for your own purposes, check
 +
out the attributions below.
 +
 +
For any additional information regarding the code or free cookies, email
 +
pablocarderam@gmail.com
 +
and he'll do the best he can to help you.
 +
 +
Cheers,
 +
 +
Pablo CR and the 2014 Colombia iGEM team.
 +
-->
 +
 +
<!--So there are three main sections to this code:
 +
The CAROUSEL, shamelessly taken from
 +
http://getbootstrap.com/examples/carousel/
 +
Code licensed under MIT, documentation under CC BY 3.0. Says so right here at bottom
 +
http://getbootstrap.com/
 +
 +
The Wheeltz NAVIGATION MENU, stolen at gunpoint from the great
 +
Assad Syaifullah Harahap (design) and Justin Hubbard (src code), who's webpage source code includes a beautiful easter egg and i encourage everybody to check out.
 +
http://wheeltz.blogspot.com/2011/12/wheel-sunpeach.html
 +
Mr. Assad also distributes his stuff under CC-BY-3.0
 +
http://creativecommons.org/licenses/by/3.0/
 +
Says so here at the bottom, "some rights reserved"
 +
http://assadotcom.blogspot.com/2011/01/webdesigntuts.html
 +
 +
Some FLIPPY BUTTONS
 +
Truth be told, I have no idea where my co-team members found this stuff.
 +
However, it looks a whole damn lot like the buttons here:
 +
http://www.dynamicdrive.com/style/csslibrary/item/flat_flipping_menu_buttons/
 +
These were designed by the guys at Dynamic Drive.
 +
Mind you: their stuff is NOT LICENSED under CC-BY-3.0 as far as I can tell.
 +
However, they do allow anyone to use and alter the code, as long as you
 +
attribute it to them and you don't distribute the code itself:
 +
http://www.dynamicdrive.com/notice.htm
 +
 +
They also ask to put this thing wherever we use their stuff:
 +
 +
/***********************************************
 +
* Dynamic Countdown script- © Dynamic Drive (http://www.dynamicdrive.com)
 +
* This notice MUST stay intact for legal use
 +
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
 +
***********************************************/
 +
 +
So there.
 +
 +
Everything else we made ourselves and is available under CC-BY-3.0 and all that jazz.
 +
-->
 +
 +
<!--So now without further ado,
 +
THE CODE:
 +
-->
 +
 +
<!--PART I: CAROUSEL-->
 +
 +
<!--IMPORTS CAROUSEL SCRIPTS and jQuery too-->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-dropdown.js"></script>
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-dropdown.js"></script>
Line 8: Line 69:
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js"></script>
<script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js"></script>
-
 
+
<script type="text/javascript">
-
 
+
-
 
+
-
<script type="text/javascript">
+
   
   
-
 
+
// CAROUSEL
       $(document).ready(function () {
       $(document).ready(function () {
             $('.carousel').carousel()
             $('.carousel').carousel()
Line 266: Line 324:
-
<!-- Navigation Menu -->
+
 
 +
 
 +
 
 +
<!-- PART II: NAVIGATION MENU -->
<style>
<style>
Line 662: Line 723:
   border-top: 1px solid #e5e5e5;
   border-top: 1px solid #e5e5e5;
}
}
-
 
-
 
-
 
-
 
@font-face {
@font-face {
Line 1,166: Line 1,223:
-
 
+
<!--PART III: FLIPPY BUTTONS-->
<style>
<style>
Line 1,342: Line 1,399:
-
 
+
<!--PAGE CODE starts here-->
<div id="toppicture">
<div id="toppicture">
-
<!--Carousel, work in progress-->
+
<!--CAROUSEL-->
<div id="myCarousel" class="carousel slide">
<div id="myCarousel" class="carousel slide">
   <ol class="carousel-indicators">
   <ol class="carousel-indicators">
Line 1,371: Line 1,428:
</div>
</div>
-
 
+
<!--NAVIGATION MENU-->
<div id="menu-wrap">
<div id="menu-wrap">
<div class="wrap1">
<div class="wrap1">
Line 1,465: Line 1,522:
-
 
+
<!--NAVIGATION BUTTONS-->
<div id="Buttons">
<div id="Buttons">
<ul class="flatflipbuttons">
<ul class="flatflipbuttons">

Revision as of 17:40, 28 September 2014

' Wheeltz - CSS3 Navigational Wheel Menu

  • Home
  • University
  • Facebook
  • Twitter

Retrieved from "http://2014.igem.org/Template:Http://2014.igem.org/Team:Colombia"