tweak homepage
This commit is contained in:
parent
0550079bfc
commit
2e6a69af2b
3 changed files with 70 additions and 36 deletions
|
|
@ -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>'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>— 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>— 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>— 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> — 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.
|
|
@ -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>'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>— 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>— 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>— 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> — 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>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue