User:Freeagents-agentslibres/sandbox
<head>
<meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no"> <title>TBS Experimental Gov</title> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> <link rel="stylesheet" href="styles_v2.css"> <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/masonry/4.2.0/masonry.pkgd.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.isotope/3.0.4/isotope.pkgd.js"></script>
</head>
<body>
<section class="super-body">
<nav class="navbar navbar-inverse navbar-fixed-top">
</nav>
<section class="index">
<img src="http://www.gcpedia.gc.ca/gcwiki/images/3/31/Tbs-gcexp-filter.svg"> Select a Filter:
<a href="http://www.gcpedia.gc.ca/wiki/Experimentation_Update_log" class="grid-item grid-item--width2 tools tile-1"> <img src="http://www.gcpedia.gc.ca/gcwiki/images/f/f8/Tbs-gcexp-examples.svg">
Experimentation update log (follow our latest work)
</a> <a href="http://www.gcpedia.gc.ca/wiki/Experimentation_Guidance_and_Tools_Research_methods" class="grid-item grid-item--height2 guidance tile-2"> <img src="http://www.gcpedia.gc.ca/gcwiki/images/2/29/Tbs-gcexp-research-methods.svg">
Research Methods
</a> <a href="http://www.gcpedia.gc.ca/wiki/Experimentation_Guidance_and_Tools_FAQs" class="grid-item guidance tile-3"> <img src="http://www.gcpedia.gc.ca/gcwiki/images/e/e5/Tbs-gcexp-faq.svg">
FAQ
</a> <a href="http://www.gcpedia.gc.ca/wiki/Experimentation_Guidance_and_Tools_Case_studies" class="grid-item resources tile-4"> <img src="http://www.gcpedia.gc.ca/gcwiki/images/e/e4/Tbs-gcexp-practitioner-fingerprint.svg">
Departmental overviews & case studies (new!)
</a> <a href="http://www.gcpedia.gc.ca/wiki/Experimentation_Guidance_and_Tools_Understanding_experimental_government" class="grid-item guidance tile-5"> <img src="http://www.gcpedia.gc.ca/gcwiki/images/f/fa/Tbs-gcexp-experimental-government.svg">
Understanding Experimental Government
</a> <a href="http://www.gcpedia.gc.ca/wiki/Experimentation_Connect_Events_and_Activities" class="grid-item events tile-6"> <img src="http://www.gcpedia.gc.ca/gcwiki/images/5/5a/Tbs-gcexp-event.svg">
Events, activities, & partnership opportunities
</a> <a href="http://www.gcpedia.gc.ca/wiki/Experimentation_Experimentation_Works_Cohort1" class="grid-item tools tools tile-7"> <img src="http://www.gcpedia.gc.ca/gcwiki/images/a/a2/240px-Beaker.svg-iloveimg-resized.png">
Experimentation Works initiative (new!)
</a> <a href="http://www.gcpedia.gc.ca/wiki/Experimentation_Community_ADM_Committee" class="grid-item resources tile-8"> <img src="http://www.gcpedia.gc.ca/gcwiki/images/6/69/Tbs-gcexp-adm-committee.svg">
ADM committee
</a> <a href="http://www.gcpedia.gc.ca/wiki/Experimentation_Why_experiment_December_2016_Directive" class="grid-item grid-item--width3 guidance tile-8"> <img src="http://www.gcpedia.gc.ca/gcwiki/images/0/0d/Tbs-gcexp-directive.svg">
Experimentation Directive
</a> <a href="http://www.gcpedia.gc.ca/wiki/Experimentation_Guidance_and_Tools_Further_reading" class="grid-item grid-item--height2 guidance tile-10"> <img src="http://www.gcpedia.gc.ca/gcwiki/images/e/e0/Tbs-gcexp-further-reading.svg">
Further reading
</a> <a href="http://www.gcpedia.gc.ca/wiki/Experimentation_Why_experiment_March_2017_Generic_Terms_and_Conditions" class="grid-item grid-item--width3 guidance tile-9"> <img src="http://www.gcpedia.gc.ca/gcwiki/images/7/78/Tbs-gcexp-transfers.svg">
Generic Ts and Cs
</a>
</section>
<script> $(document).ready(function() { // init Isotope var $grid = $('.grid'); $grid.isotope({ // options itemSelector: '.grid-item' }); // filter items on button click $('.filter-button-group').on('click', 'button', function() { var filterValue = $(this).attr('data-filter'); $grid.isotope({ filter: filterValue }); });
$('.grid').masonry({ // options... // set itemSelector so .grid-sizer is not used in layout itemSelector: '.grid-item', // use element for option columnWidth: '.grid-sizer', percentPosition: true }); });
</script>
</body>