Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

added (most) file sizes, big-kid-shoes

  • Loading branch information...
commit c47f7222528e75954baeeb684e6c704ff478acac 1 parent 0ac15ac
@garann authored
Showing with 16 additions and 3 deletions.
  1. +12 −1 index.html
  2. +4 −2 style.css
View
13 index.html
@@ -7,7 +7,7 @@
</head>
<body>
<a href="https://github.com/garann/template-chooser" class="forkme"><img src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub" /></a>
- <h1>Amazing Magical Template-Engine-Chooser!</h1>
+ <h1>Template-Engine-Chooser!</h1>
<div class="criteria">
<fieldset class="off">
<legend>Is this for use on the client or the server?</legend>
@@ -55,10 +55,12 @@
<div class="add client-side server-side logicful speedy compile parts string format">
<h2>doT.js</h2>
<a href="http://olado.github.com/doT/">project</a>
+ <spa>(2.742k)</span>
</div>
<div class="add client-side server-side logicful compile parts string format">
<h2>EJS</h2>
<a href="http://embeddedjs.com/">project</a>
+ <spa>(9.8k)</span>
</div>
<div class="add client-side server-side logicish compile parts string format">
<h2>Handlebars.js</h2>
@@ -67,38 +69,47 @@
<div class="add client-side server-side logicish compile parts string format">
<h2>Hogan.js</h2>
<a href="http://twitter.github.com/hogan.js/">project</a>
+ <spa>(2.5k)</span>
</div>
<div class="add client-side logicish parts string format">
<h2>ICanHaz.js</h2>
<a href="http://icanhazjs.com/">project</a>
+ <spa>(5.445k)</span>
</div>
<div class="add client-side server-side logicish compile parts string not-format">
<h2>Jade templates</h2>
<a href="https://github.com/visionmedia/jade">github</a>
+ <spa>(39.687k)</span>
</div>
<div class="add client-side server-side logicish compile parts string format">
<h2>JsRender</h2>
<a href="http://borismoore.github.com/jsrender/demos/index.html">project</a>
+ <spa>(30.709k)</span>
</div>
<div class="add client-side server-side logicful speedy compile string format">
<h2>Microtemplating</h2>
<a href="http://ejohn.org/blog/javascript-micro-templating/">blog post</a>
+ <spa>(1k)</span>
</div>
<div class="add client-side server-side logicish parts string format">
<h2>Mustache.js</h2>
<a href="https://github.com/janl/mustache.js/">github</a>
+ <spa>(14.513k)</span>
</div>
<div class="add client-side server-side logicless string format">
<h2>Plates.js</h2>
<a href="https://github.com/flatiron/plates">github</a>
+ <spa>(10.811k)</span>
</div>
<div class="add client-side logicless dom format">
<h2>Transparency</h2>
<a href="http://leonidas.github.com/transparency/">project</a>
+ <spa>(5.491k)</span>
</div>
<div class="add client-side server-side logicful compile string format speedy">
<h2>Underscore templates</h2>
<a href="http://documentcloud.github.com/underscore/#template">project</a>
+ <spa>(4k)</span>
</div>
</div>
</body>
View
6 style.css
@@ -26,7 +26,7 @@ body { background-attachment: fixed;
color-stop(1, rgb(140,140,137))
);
}
-h1 { padding: 10px; text-align: center; font-size: 72px; color: rgba(255,255,255,.4); text-shadow: 1px 4px 6px #7f7f7f, 0 0 0 #000, 1px 4px 6px #7f7f7f;}
+h1 { padding: 10px; text-align: center; font-size: 72px; color: rgba(255,255,255,.6); text-shadow: 1px 4px 6px #333; }
h2 { margin: 5px 0px; text-shadow: 2px 2px 2px rgba(50,50,50,.3); }
fieldset { margin: 0px; padding: 0px; overflow: hidden; border: none; padding: 0px 10px 10px; text-shadow: 2px 2px 2px #444; }
legend { background-color: #eee; color: #666; padding: 5px; width: 100%; text-shadow: 2px 2px 2px #999; cursor: pointer; }
@@ -40,7 +40,9 @@ input { float: left; margin-top: 15px; font-size: 40px; }
.criteria { width: 450px; margin: 10px; float: left; overflow: hidden; }
.engines { padding-top: 5px; overflow: hidden; }
.engines div { background-color: #f80; padding: 10px; margin: 5px; float: left; text-align: center; }
-.engines a { font-family: helvetica, arial, sans-serif; color: #ccc; font-size: 16px; }
+.engines a,
+.engines span { font-family: helvetica, arial, sans-serif; color: #ccc; font-size: 16px; }
+.engines span { font-size: 14px; color: #666; }
.engines a:hover { color: #fff; }
.remove { -webkit-animation: laterz 1s 0s 1 forwards; -moz-animation: laterz 1s 0s 1 forwards; -o-animation: laterz 1s 0s 1 forwards; }
.add { -webkit-animation: helloz 1s 0s 1 forwards; -moz-animation: helloz 1s 0s 1 forwards; -o-animation: helloz 1s 0s 1 forwards; }

0 comments on commit c47f722

Please sign in to comment.
Something went wrong with that request. Please try again.