User:Freeagents-agentslibres/sandbox
Revision as of 12:44, 19 March 2018 by Freeagents-agentslibres (talk | contribs) (Created page with "<html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, use...")
<html>
<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>
</html>
