Skip to content

Instantly share code, notes, and snippets.

View vadimdemedes's full-sized avatar
🇺🇦

Vadim Demedes vadimdemedes

🇺🇦
2.8k followers · 27 following
View GitHub Profile
@vadimdemedes
vadimdemedes / template.mu
Created March 22, 2013 12:35
Defining templates, URL
var template = new Chute.View.Template({
url: 'template.mu'
});
@vadimdemedes
vadimdemedes / template.mu
Created March 22, 2013 12:36
var template = new Chute.View.Template({
url: 'template.mu'
});
@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'
});
@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: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: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: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: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: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: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">