Team:ETH Zurich/labblog/header
From 2014.igem.org
(Difference between revisions)
(7 intermediate revisions not shown) | |||
Line 2: | Line 2: | ||
<script type="text/javascript" src="https://2014.igem.org/Team:ETH_Zurich/js/head.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2014.igem.org/Team:ETH_Zurich/js/head.js?action=raw&ctype=text/javascript"></script> | ||
<script type="text/javascript" src="https://2014.igem.org/Team:ETH_Zurich/js/slide_hidden_content.js?action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2014.igem.org/Team:ETH_Zurich/js/slide_hidden_content.js?action=raw&ctype=text/javascript"></script> | ||
- | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1. | + | <script src="http://code.jquery.com/jquery-latest.js" type="text/javascript"> |
+ | </script> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> | ||
+ | </script> | ||
+ | <script src="jquery.mixitup.min.js"> | ||
</script> | </script> | ||
<body class="left-sidebar"> | <body class="left-sidebar"> | ||
Line 15: | Line 19: | ||
</header> | </header> | ||
</div> | </div> | ||
- | + | <nav id="nav"></html>{{:Team:ETH Zurich/tpl/menu}}<html></nav> | |
- | < | + | |
- | + | ||
</div> | </div> | ||
Line 24: | Line 26: | ||
<div class="container"> | <div class="container"> | ||
<div class="row"> | <div class="row"> | ||
+ | <ul> | ||
+ | <li class="filter" data-filter="all">Show All</li> | ||
+ | <li class="filter" data-filter="category_1">Category 1</li> | ||
+ | <li class="filter" data-filter="category_2">Category 2</li> | ||
+ | <li class="filter" data-filter="category_3">Category 3</li> | ||
+ | <li class="filter" data-filter="category_3 category_1">Category 1 & 3</li> | ||
+ | </ul> | ||
+ | |||
+ | <ul id="Grid"> | ||
+ | <li class="mix category_1" data-cat="1">1</li> | ||
+ | <li class="mix category_3" data-cat="3">3</li> | ||
+ | <li class="mix category_2" data-cat="2">2</li> | ||
+ | <li class="mix category_3" data-cat="3">3</li> | ||
+ | <li class="mix category_2" data-cat="2">2</li> | ||
+ | <li class="mix category_1" data-cat="1">1</li> | ||
+ | <li class="gap"></li> | ||
+ | <!-- "gap" elements fill in the gaps in justified <a href="http://www.jqueryscript.net/tags.php?/grid/">grid</a> --> | ||
+ | </ul> | ||
<div class="4u" id="sidebar"> | <div class="4u" id="sidebar"> | ||
- | |||
<html/> | <html/> |
Latest revision as of 10:35, 7 July 2014
- Show All
- Category 1
- Category 2
- Category 3
- Category 1 & 3
- 1
- 3
- 2
- 3
- 2
- 1