tweak homepage

This commit is contained in:
Leo Horie 2014-05-27 15:42:00 -04:00
parent 0550079bfc
commit 2e6a69af2b
3 changed files with 70 additions and 36 deletions

View file

@ -197,40 +197,57 @@ m.module(document.getElementById("example"), app);
<section class="more">
<div class="container row">
<div class="col(6,6,12)">
<h2>Guide</h2>
<p>Build a simple app, learn the ropes</p>
<p><a href="getting-started.html">Read Guide</a></p>
<div class="col(3,6,12)">
<div style="padding:0 2em 0 0;">
<h2>Guide</h2>
<p>Build a simple application. Learn the ropes</p>
<p><a href="getting-started.html">Read Guide</a></p>
</div>
</div>
<div class="col(6,6,12)">
<h2>API</h2>
<p>Docs and code samples for your reference</p>
<p><a href="mithril.html">Read Docs</a></p>
<div class="col(3,6,12)">
<div style="padding:0 2em 0 0;">
<h2>API</h2>
<p>Docs and code samples for your reference</p>
<p><a href="mithril.html">Read Docs</a></p>
</div>
</div>
<div class="col(3,6,12)">
<div style="padding:0 2em 0 0;">
<h2>Blog</h2>
<p>Weekly articles on how to use Mithril to its full potential.</p>
<p><a href="http://lhorie.github.io/mithril-blog">Read blog</a></p>
</div>
</div>
<div class="col(3,6,12)">
<div style="padding:0 2em 0 0;">
<h2>Mailing List</h2>
<p>Post questions and discuss Mithril related topics.</p>
<p><a href="https://groups.google.com/forum/#!forum/mithriljs">Go to mailing list</a></p>
</div>
</div>
</div>
</section>
<section class="socialmedia">
<div class="container row">
<div class="col(8,12,12)">
<h2>Social Media</h2>
<h2>Social Media</h2>
<div class="col(6,12,12)">
<div style="padding:0 1em 0 0;">
<blockquote class="twitter-tweet" lang="en"><p>Just converted the MELPA site from Angular to <a href="https://twitter.com/LeoHorie">@LeoHorie</a>&#39;s tiny mithril.js: very pleasant. <a href="http://t.co/R7JKfo9vJ1">http://t.co/R7JKfo9vJ1</a> <a href="https://t.co/7IrR3L84OY">https://t.co/7IrR3L84OY</a></p>&mdash; Steve Purcell (@sanityinc) <a href="https://twitter.com/sanityinc/statuses/471358494101504000">May 27, 2014</a></blockquote>
<blockquote class="twitter-tweet" lang="en"><p><a href="https://twitter.com/marijnjh">@marijnjh</a> Mithril is well worth checking out: <a href="http://t.co/RT61djMFxD">http://t.co/RT61djMFxD</a> Functional style, elegant design and powerful and only 3kb gzipped.</p>&mdash; Tom Atkins (@knitatoms) <a href="https://twitter.com/knitatoms/statuses/467061326859476992">May 15, 2014</a></blockquote>
</div>
</div>
<div class="col(6,12,12)">
<blockquote class="twitter-tweet" lang="en"><p>Mithril.js m.prop feature is plain brilliant. I spent years yearning for an approach that lightweight <a href="http://t.co/KgzOxoa2WR">http://t.co/KgzOxoa2WR</a></p>&mdash; Xavier Via (@xaviervia) <a href="https://twitter.com/xaviervia/statuses/454635992360554497">April 11, 2014</a></blockquote>
<blockquote class="twitter-tweet" lang="en"><p>Mithril: The newest JavaScript MVC library 3Kb. <a href="http://twitter.com/LeoHorie">@LeoHorie</a> got it right: It's all about good guides/docs: <a href="http://lhorie.github.io/mithril/comparison.html">lhorie.github.io/mithril/comparison.html</a></p> &mdash; David Corbacho (@dcorbacho) <a href="https://twitter.com/dcorbacho/status/446926407843991552">March 21, 2014</a></blockquote>
<script async src="http://platform.twitter.com/widgets.js"></script>
</div>
<div class="col(4,12,12)">
<div class="callout">
<h3>Want to hear more?</h3>
<p>Subscribe to the <a href="http://lhorie.github.io/mithril-blog">Mithril blog</a>. It's updated weekly with articles about how to use Mithril (and Javascript in general) to their full potential.</p>
<p>There's also a <a href="https://groups.google.com/forum/#!forum/mithriljs">mailing list</a>, where you can post questions and discuss Mithril related topics.</p>
</div>
</div>
</div>
</section>
</main>

Binary file not shown.

View file

@ -197,40 +197,57 @@ m.module(document.getElementById("example"), app);
<section class="more">
<div class="container row">
<div class="col(6,6,12)">
<h2>Guide</h2>
<p>Build a simple app, learn the ropes</p>
<p><a href="getting-started.html">Read Guide</a></p>
<div class="col(3,6,12)">
<div style="padding:0 2em 0 0;">
<h2>Guide</h2>
<p>Build a simple application. Learn the ropes</p>
<p><a href="getting-started.html">Read Guide</a></p>
</div>
</div>
<div class="col(6,6,12)">
<h2>API</h2>
<p>Docs and code samples for your reference</p>
<p><a href="mithril.html">Read Docs</a></p>
<div class="col(3,6,12)">
<div style="padding:0 2em 0 0;">
<h2>API</h2>
<p>Docs and code samples for your reference</p>
<p><a href="mithril.html">Read Docs</a></p>
</div>
</div>
<div class="col(3,6,12)">
<div style="padding:0 2em 0 0;">
<h2>Blog</h2>
<p>Weekly articles on how to use Mithril to its full potential.</p>
<p><a href="http://lhorie.github.io/mithril-blog">Read blog</a></p>
</div>
</div>
<div class="col(3,6,12)">
<div style="padding:0 2em 0 0;">
<h2>Mailing List</h2>
<p>Post questions and discuss Mithril related topics.</p>
<p><a href="https://groups.google.com/forum/#!forum/mithriljs">Go to mailing list</a></p>
</div>
</div>
</div>
</section>
<section class="socialmedia">
<div class="container row">
<div class="col(8,12,12)">
<h2>Social Media</h2>
<h2>Social Media</h2>
<div class="col(6,12,12)">
<div style="padding:0 1em 0 0;">
<blockquote class="twitter-tweet" lang="en"><p>Just converted the MELPA site from Angular to <a href="https://twitter.com/LeoHorie">@LeoHorie</a>&#39;s tiny mithril.js: very pleasant. <a href="http://t.co/R7JKfo9vJ1">http://t.co/R7JKfo9vJ1</a> <a href="https://t.co/7IrR3L84OY">https://t.co/7IrR3L84OY</a></p>&mdash; Steve Purcell (@sanityinc) <a href="https://twitter.com/sanityinc/statuses/471358494101504000">May 27, 2014</a></blockquote>
<blockquote class="twitter-tweet" lang="en"><p><a href="https://twitter.com/marijnjh">@marijnjh</a> Mithril is well worth checking out: <a href="http://t.co/RT61djMFxD">http://t.co/RT61djMFxD</a> Functional style, elegant design and powerful and only 3kb gzipped.</p>&mdash; Tom Atkins (@knitatoms) <a href="https://twitter.com/knitatoms/statuses/467061326859476992">May 15, 2014</a></blockquote>
</div>
</div>
<div class="col(6,12,12)">
<blockquote class="twitter-tweet" lang="en"><p>Mithril.js m.prop feature is plain brilliant. I spent years yearning for an approach that lightweight <a href="http://t.co/KgzOxoa2WR">http://t.co/KgzOxoa2WR</a></p>&mdash; Xavier Via (@xaviervia) <a href="https://twitter.com/xaviervia/statuses/454635992360554497">April 11, 2014</a></blockquote>
<blockquote class="twitter-tweet" lang="en"><p>Mithril: The newest JavaScript MVC library 3Kb. <a href="http://twitter.com/LeoHorie">@LeoHorie</a> got it right: It's all about good guides/docs: <a href="http://lhorie.github.io/mithril/comparison.html">lhorie.github.io/mithril/comparison.html</a></p> &mdash; David Corbacho (@dcorbacho) <a href="https://twitter.com/dcorbacho/status/446926407843991552">March 21, 2014</a></blockquote>
<script async src="http://platform.twitter.com/widgets.js"></script>
</div>
<div class="col(4,12,12)">
<div class="callout">
<h3>Want to hear more?</h3>
<p>Subscribe to the <a href="http://lhorie.github.io/mithril-blog">Mithril blog</a>. It's updated weekly with articles about how to use Mithril (and Javascript in general) to their full potential.</p>
<p>There's also a <a href="https://groups.google.com/forum/#!forum/mithriljs">mailing list</a>, where you can post questions and discuss Mithril related topics.</p>
</div>
</div>
</div>
</section>
</main>