Skip to content

Instantly share code, notes, and snippets.

View vadimdemedes's full-sized avatar
🇺🇦

Vadim Demedes vadimdemedes

🇺🇦
View GitHub Profile
@vadimdemedes
vadimdemedes / gist:5313680
Last active December 15, 2015 19:49
<script src="//cdn.getchute.com/v3/chute.min.js" data-load="view"></script>
<!-- Template for a container element -->
<script class="container-template" type="application/x-template">
<div class="assets"></div>
</script>
<!-- Template for a single image -->
<script class="item-template" type="application/x-template">
<div class="asset">
<img src="{{ asset.url }}/w/200">
</div>
@vadimdemedes
vadimdemedes / gist:5228911
Created March 23, 2013 18:37
Chute.require('js/script.js', function(){
// script was loaded and executed
});
Chute.require('css/style.css', function(){
// stylesheet was loaded and styles were applied
});
Chute.requireMultiple(['js/script.js', 'css/style.css'], function(){
// requested files were loaded
@vadimdemedes
vadimdemedes / gist:5225637
Last active December 15, 2015 07:48
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Wookmark</title>
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
<!-- Include Chute.js -->
<script src="//cdn.getchute.com/v3/chute.min.js" data-load="view"></script>
<!-- Template for a container element -->
<script class="container-template" type="application/x-template">
@vadimdemedes
vadimdemedes / gist:5225605
Last active December 15, 2015 07:48
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Galleria</title>
<script src="//code.jquery.com/jquery-1.8.3.min.js"></script>
<!-- Include Chute.js -->
<script src="//cdn.getchute.com/v3/chute.min.js" data-load="view"></script>
<style> /* specifying dimensions for a gallery, required by Galleria */
div.assets {
@vadimdemedes
vadimdemedes / gist:5225587
Last active December 15, 2015 07:48
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Grid</title>
<script src="//code.jquery.com/jquery-1.9.1.min.js"></script>
<!-- include Chute.js -->
<script src="//cdn.getchute.com/v3/chute.min.js" data-load="view"></script>
<style> /* Some basic styling for a grid */
div.assets {
@vadimdemedes
vadimdemedes / gist:5221097
Created March 22, 2013 13:05
Generating social sharing links
var share = new Chute.Share({
url: 'http://my-website.com/about',
text: 'Check out my new website!'
});
var links = share.generate();
/*
links = {
twitter: 'URL',
@vadimdemedes
vadimdemedes / gist:5221027
Created March 22, 2013 12:55
var template = new Chute.View.Template({
html: '<h1><%= title %></h1>',
render: function(data, callback) {
var compiledFn = _.template(this.template);
var rendered = compiledFn(data);
callback(rendered);
}
});
template.render({ title: 'I am a LoDash template' }, function(result){
@vadimdemedes
vadimdemedes / gist:5220971
Last active December 15, 2015 07:09
Rendering templates
var template = new Chute.View.Template({
html: '<h1>{{ title }}</h1>'
});
template.render({ title: 'I am a template' }, function(result){
// result contains rendered template, HTML code
console.log(result); // <div><h1>I am a template</h1></div>
});
@vadimdemedes
vadimdemedes / gist:5220948
Created March 22, 2013 12:38
var template = new Chute.View.Template({
html: '<div><h1>I am a template</h1></div>'
});
@vadimdemedes
vadimdemedes / gist:5220940
Last active December 15, 2015 07:09
<script class="my-template" type="application/x-template">
<div>
<h1>I am a template</h1>
</div>
</script>
<script>
var template = new Chute.View.Template({
selector: 'script.my-template'
});