Skip to content

Instantly share code, notes, and snippets.

@wulab
Last active August 29, 2015 14:18
Show Gist options
  • Select an option

  • Save wulab/7972a6ae728899f1749b to your computer and use it in GitHub Desktop.

Select an option

Save wulab/7972a6ae728899f1749b to your computer and use it in GitHub Desktop.
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Mithril</title>
<!-- stylesheet -->
<link href="//fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
<link href="//furtive.co/site/index.furtive.min.css" rel="stylesheet">
<style>
body { font-family: "Raleway", "Helvetica", "Arial", sans-serif }
</style>
<!-- javascript -->
<script src="//cdn.jsdelivr.net/mithril/0.1.34/mithril.min.js"></script>
<script src="//cdn.rawgit.com/insin/msx/master/dist/MSXTransformer.js"></script>
<script type="text/msx">
// namespace
var app = {};
// config
app.config = function(ctrl) {
return function(elem, isInit) {
if (!isInit) {
};
};
};
// controller
app.controller = function() {
};
// view
app.view = function(ctrl) {
return (
<div id="app">
<div class="bg--off-white py2">
<div class="measure p2" id="mithril">
<h3>Mithril</h3>
<p class="h4">A javascript framework for building brilliant applications</p>
<a href="http://lhorie.github.io/mithril/" target="_blank" class="w100--s my1 btn">Documentation</a>
</div>
</div>
<div class="measure p2" id="furtive">
<h3>Furtive</h3>
<p class="h4">A forward-thinking, CSS micro-framework</p>
<a href="http://furtive.co/" target="_blank" class="w100--s my1 btn">Documentation</a>
</div>
</div>
);
};
// initialize
document.body = document.createElement("body");
m.module(document.body, app);
</script>
</head>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment