Skip to content

Commit

Permalink
release 0.1.2
Browse files Browse the repository at this point in the history
All known bugs are fixed. It's time to start using the issue tracker.
  • Loading branch information
atmin committed Oct 9, 2013
2 parents 21d3ab9 1f10ab8 commit 37e775d
Show file tree
Hide file tree
Showing 15 changed files with 1,766 additions and 1,536 deletions.
420 changes: 219 additions & 201 deletions README.html

Large diffs are not rendered by default.

558 changes: 287 additions & 271 deletions README.md

Large diffs are not rendered by default.

3 changes: 1 addition & 2 deletions bower.json
Original file line number Diff line number Diff line change
@@ -1,10 1,9 @@
{
"name": "jtmpl",
"version": "0.1.1",
"version": "0.1.2",
"main": "[\"js/jtmpl.min.js\", \"js/jtmpl.js\"]",
"dependencies": {},
"devDependencies": {
"baseline": "0.6.2",
"highlightjs": "7.3.0",
"qunit": "1.12.0"
},
Expand Down
73 changes: 50 additions & 23 deletions css/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -20,16 20,26 @@ footer {
margin: 64px 0 10px;
}
.wrapper {
width: 70%;
min-width: 600px;
max-width: 1200px;
margin: 0 auto;
padding: 2%;
margin: 1em auto;
padding: 0 4%;
}
.text-center {
text-align: center;
}
.btn,
.btn:visited {
padding: 8px 16px;
padding: 16px 24px;
color: #fff;
margin: 1em 1em 0 0;
width: 100%;
display: inline-block;
border: 1px solid #DDD;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.btn i {
margin-right: 8px;
}
.btn-readme {
background-color: #dc322f;
Expand All @@ -49,6 59,14 @@ footer {
.btn-min {
background-color: #268bd2;
}
/* apply a natural box layout model to all elements */
*,
*:before,
*:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/*
* Gridless version 2.0
Expand Down Expand Up @@ -103,7 121,8 @@ video {
* To add a background to the WRAPPER, set it in the 'body' element
*/
html {
height: 100%;
/*height: 100%;*/

font-size: 100%;
overflow-y: scroll;
/* Force a scrollbar in non-IE */
Expand All @@ -123,7 142,7 @@ button,
input,
select,
textarea {
font-family: sans;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
color: #586e75;
}
/* Add and/or remove tags as your baseline grid needs */
Expand Down Expand Up @@ -157,35 176,36 @@ hr {
/*
* Font sizes are based on the golden ratio of 16
* See this for the modular scale: ow.ly/5jGl6
* Line-heights and margins are adjusted to keep a 26px (1.625em) vertical rhythm across elements
* Line-heights and margins are adjusted to keep a 26px (1.625em) vertical rhfont-family: "Lucida Console", "Lucida Sans Typewriter", Monaco, "Bitstream Vera Sans Mono", monospace;ythm across elements
*/
h1,
h2,
h3,
h4,
h5 {
font-family: monospace;
font-family: Monaco, Consolas, "Lucida Console", monospace;
margin-top: 2em;
}
h1 {
font-size: 4.25em;
/* 68px */

line-height: 1.1471em;
margin: 0 0 0.3824em;
margin: 2em 0 0.3824em;
}
h2 {
font-size: 2.625em;
/* 42px */

line-height: 1.2381em;
margin: 0 0 0.619em;
margin: 2em 0 0.619em;
}
h3 {
font-size: 1.625em;
/* 26px */

line-height: 1em;
margin: 0 0 1em;
margin: 2em 0 1em;
}
small {
font-size: 0.625em;
Expand Down Expand Up @@ -302,15 322,16 @@ blockquote > p {
}
/* Lists
---------------------------------------- */
ul,
ol {
list-style-position: inside;
padding: 0;
/*
ul, ol {
list-style-position: inside;
padding: 0;
}
li ul,
li ol {
margin: 0 1.625em;
li ul, li ol {
margin: 0 1.625em;
}
*/
dl dd {
margin-left: 1.625em;
}
Expand Down Expand Up @@ -434,13 455,19 @@ sub {
---------------------------------------- */
/* The media queries included in here are only placeholder. Modify them as your content requires */
@media only screen and (min-width: 480px) {
/* Wide mobile (480px ) styles go here */
.wrapper {
padding: 0 8%;
}
}
@media only screen and (min-width: 768px) {
/* Tablets/netbooks (768px ) styles go here */
.btn {
width: 12em;
}
}
@media only screen and (min-width: 1024px) {
/* Desktops (1024px ) styles go here */
.wrapper {
width: 960px;
}
}
/* Print styles
---------------------------------------- */
Expand Down
Binary file added favicon.ico
Binary file not shown.
52 changes: 26 additions & 26 deletions hello.html
Original file line number Diff line number Diff line change
Expand Up @@ -2,35 2,35 @@
<!doctype html>
<html>
<head>
<script src="js/jtmpl.min.js"></script>
<script src="js/jtmpl.min.js"></script>
</head>
<body>
<!-- View -->
<script id="view" type="text/html">
Hello, {{who}}
<button onclick={{click}}>{{buttonText}}</button>
</script>
<!-- View -->
<script id="view" type="text/html">
Hello, {{who}}
<button onclick={{click}}>{{buttonText}}</button>
</script>

<!-- Model (View is controlled implicitly) -->
<script>
model = {
who: 'browser',
buttonText: 'Shout',
click: function() {
with (this) {
if (who == 'browser') {
who = 'BROWSER';
buttonText = 'Keep quiet';
}
else {
who = 'browser';
buttonText = 'Shout again';
}
}
}
}
<!-- Model (View is controlled implicitly) -->
<script>
model = {
who: 'browser',
buttonText: 'Shout',
click: function() {
with (this) {
if (who == 'browser') {
who = 'BROWSER';
buttonText = 'Keep quiet';
}
else {
who = 'browser';
buttonText = 'Shout again';
}
}
}
}

jtmpl("#view", "#view", model)
</script>
jtmpl("#view", "#view", model)
</script>
</body>
</html>
21 changes: 12 additions & 9 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -9,17 9,20 @@
<body>
<div class="wrapper">
<h1><span>{&gt;</span> <a href="/">jtmpl</a></h1>
<p>Mustache data-binding = Live templates</p>
<p>
<a class="btn btn-readme" href="README.html"><i class="icon-file-text"></i>&nbsp;&nbsp;README</a>
<a class="btn btn-kitchensink" href="kitchensink.html"><i class="icon-gears"></i>&nbsp;&nbsp;KitchenSink demo</a>
<a class="btn btn-github" href="https://github.com/atmin/jtmpl"><i class="icon-github"></i>&nbsp;&nbsp;GitHub page</a>
</p>
<p>
<a class="btn btn-coffee" href="https://github.com/atmin/jtmpl/blob/master/src/coffee/jtmpl.coffee"><i class="icon-file-text-alt"></i>&nbsp;&nbsp;jtmpl.coffee</a>
<a class="btn btn-js" href="js/jtmpl.js"><i class="icon-download-alt"></i>&nbsp;&nbsp;jtmpl.js</a>
<a class="btn btn-min" href="js/jtmpl.min.js"><i class="icon-download-alt"></i>&nbsp;&nbsp;jtmpl.min.js</a>
Mustache syntax <strong>&nbsp; &nbsp;</strong> automatic data-binding
<strong>&nbsp;=&nbsp;</strong> Live templates
</p>
<div class="group">
<a class="btn btn-readme" href="README.html"><i class="icon-file-text"></i>README</a>
<a class="btn btn-kitchensink" href="kitchensink.html"><i class="icon-gears"></i>Demo</a>
<a class="btn btn-github" href="https://github.com/atmin/jtmpl"><i class="icon-github"></i>GitHub</a>
</div>
<div class="group">
<a class="btn btn-coffee" href="https://github.com/atmin/jtmpl/blob/dev/src/coffee/jtmpl.coffee"><i class="icon-file-text-alt"></i>jtmpl.coffee</a>
<a class="btn btn-js" href="js/jtmpl.js"><i class="icon-download-alt"></i>jtmpl.js</a>
<a class="btn btn-min" href="js/jtmpl.min.js"><i class="icon-download-alt"></i>jtmpl.min.js</a>
</div>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
Expand Down
Loading

0 comments on commit 37e775d

Please sign in to comment.