New learning page

Author: José Valim

_includes/important-links.html

@@ -4,21 +4,16 @@ <h3 class="widget-title">Join the Community</h3>
     <li><a class="spec" href="irc://irc.freenode.net/elixir-lang">#elixir-lang on freenode IRC</a></li>
     <li><a class="spec" href="http://groups.google.com/group/elixir-lang-talk">elixir-talk mailing list (questions)</a></li>
     <li><a class="spec" href="http://groups.google.com/group/elixir-lang-core">elixir-core mailing list (development)</a></li>
-    <li><a class="spec" href="https://github.com/elixir-lang/elixir/issues">Issues tracker</a></li>
+    <li><a class="spec" href="https://github.com/elixir-lang/elixir/issues">Issue tracker</a></li>
     <li><a class="spec" href="http://twitter.com/elixirlang">@elixirlang on Twitter</a></li>
   </ul>
 </div>
 
 <div class="widget">
   <h3 class="widget-title">Important links</h3>
   <ul>
+    <li><a class="spec" href="https://github.com/elixir-lang/elixir">Source Code</a></li>
     <li><a class="spec" href="https://github.com/elixir-lang/elixir/wiki">Wiki with events, resources and talks organized by the community</a></li>
     <li><a class="spec" href="/crash-course.html">Crash course for Erlang developers</a></li>
   </ul>
 </div>
-
-{% include learning-resources.html %}
-
-{% include code-editor-support.html %}
-
-{% include sponsors.html %}

_includes/index-redirect.html

@@ -1,4 +1,4 @@
-{% comment%}
+{% comment %}
   Description:
     This include file redirects you from the folder/ to folder/first_page_in_your_series.html
 

_includes/learning-resources.html

@@ -33,11 +33,10 @@ <h1 id="site-title">
             <li class="menu-item home"><a class="spec" href="/">Home</a></li>
             <li class="menu-item install"><a class="spec" href="/install.html">Install</a></li>
             <li class="menu-item getting-started"><a class="spec" href="/getting-started/introduction.html">Getting Started</a></li>
+            <li class="menu-item learning"><a class="spec" href="/learning.html">Learning</a></li>
             <li class="menu-item docs"><a class="spec" href="/docs.html">Docs</a></li>
             <li class="menu-item blog"><a class="spec" href="/blog/">Blog</a></li>
-            <li class="menu-item source"><a class="spec" href="https://github.com/elixir-lang/elixir">Source</a></li>
             <li class="menu-item packages"><a class="spec" href="http://hex.pm/">Packages</a></li>
-
           </ul>
         </div>
       </div>

_includes/top.html

@@ -11,6 +11,8 @@
   </div>
   {% include categories-list.html %}
   {% include important-links.html %}
+  {% include code-editor-support.html %}
+  {% include sponsors.html %}
 </div>
 
 {% include bottom.html %}

_layouts/blog.html

@@ -7,6 +7,8 @@
 <div id="sidebar-primary" class="sidebar">
   {% include search.html %}
   {% include important-links.html %}
+  {% include code-editor-support.html %}
+  {% include sponsors.html %}
 </div>
 
 {% include bottom.html %}

_layouts/default.html

@@ -19,8 +19,6 @@ <h3 class="widget-title">{{guide.title}}</h3>
     </div>
   {% endfor %}
 
-  {% include learning-resources.html %}
-  {% include code-editor-support.html %}
   {% include sponsors.html %}
 </div>
 

_layouts/getting-started.html

@@ -176,7 +176,10 @@ h1, h2, h3, h4, h5, h6 {
   line-height: 1.3em;
 }
 h1 { font-size: 2.769230769230769em; }    /* 36 / 13 = 2.769230769230769 */
-h2 { font-size: 1.846153846153846em; }    /* 24 / 13 = 1.846153846153846 */
+h2 {
+  font-size: 1.846153846153846em;    /* 24 / 13 = 1.846153846153846 */
+  margin-top: 35px;
+}
 h3 { font-size: 1.538461538461538em; }    /* 20 / 13 = 1.538461538461538 */
 h4 { font-size: 1.384615384615385em; }    /* 18 / 13 = 1.384615384615385 */
 h5 {
@@ -355,8 +358,8 @@ blockquote {
   padding: 5px 0 5px 20px;
 }
 
-blockquote pre:last-child {
-  margin-bottom: 0;
+blockquote p:last-child, blockquote pre:last-child {
+  margin-bottom: 5px;
 }
 
 /* Code
@@ -498,7 +501,7 @@ body.install          div.menu li.install         a,
 body.getting-started  div.menu li.getting-started a,
 body.blog             div.menu li.blog            a,
 body.docs             div.menu li.docs            a,
-body.source           div.menu li.source          a {
+body.learning         div.menu li.learning        a {
   color: #aaa;
 }
 
@@ -671,32 +674,6 @@ body.source           div.menu li.source          a {
   clear: left;
 }
 
-/* Page links for multi-paged posts <!--nextpage-->
--------------------------------------------------------------- */
-.page-links {
-  clear: both;
-  font-size: 0.8461538461538462em;
-  word-spacing: 2px;
-  line-height: 1em;
-  color: #222;
-}
-.entry-summary .page-links {
-  clear: none;
-  font-size: 0.8461538461538462em;
-  line-height: 1em;
-  color: #aaa;
-}
-.page-links a, .page-links a:visited {
-  display: inline-block;
-  color: #555;
-  background: #e9e9e9;
-  padding: 3px 6px;
-}
-.page-links a:hover {
-  color: #fff;
-  background: #555;
-}
-
 /* Archive/search pagination and comment pagination
 -------------------------------------------------------------- */
 .comment-navigation { margin-bottom: 1.692307em; }
@@ -737,11 +714,8 @@ li.image {
   list-style: none;
   margin-bottom: 10px;
 }
+
 .widget li.image img { border-width: 0; }
-.widget li.image img.border {
-  border-width: 1px;
-  padding: 0;
-}
 
 /* Widget titles
 -------------------------------------------------------------- */
@@ -786,19 +760,6 @@ li.image {
   text-decoration: underline;
 }
 
-#social {
-  float: right;
-  margin-top: -15px;
-}
-#social ul {
-  list-style: none;
-  margin: 0;
-}
-#social li {
-  float: right;
-  margin-left: -10px;
-}
-
 #copyright {
   text-align: center;
   font-size: 12px;
@@ -842,12 +803,17 @@ li.image {
   }
 }
 
+/* Learning */
+body.learning a.cover {
+  float: left;
+  padding: 10px 20px 10px 0px;
+}
 
-/*  Aditional 
------------------------------------------------------ */
-/* table of contents */
-/*  Jekyll Table of Contents 
------------------------------------------------------ */
+body.learning h4.resource {
+  padding-top: 13px;
+}
+
+/*  Jekyll Table of Contents */
 ol.jekyll-toc {
   margin: 0.3125em 0 0 3.125em;
 }

css/style.css

@@ -28,22 +28,18 @@ Elixir is an extensible and very customizable programming language thanks to its
 
 ## Community and other resources
 
-On the sidebar, you can find links to Elixir books and screencasts. There are plenty of Elixir resources out there, like conference talks, open source projects, and other learning material produced by the community.
+We have a [Learning](/learning.html) section that explores books, screencasts and other resources for learning Elixir and explore the ecossystem. There are also plenty of Elixir resources out there, like conference talks, open source projects, and other learning material produced by the community.
 
 Remember that in case of any difficulties, you can always visit the **#elixir-lang** channel on **irc.freenode.net** or send a message to the [mailing list](http://groups.google.com/group/elixir-lang-talk). You can be sure that there will be someone willing to help. To keep posted on the latest news and announcements, follow the [blog](/blog/) and follow the language development on the [elixir-core mailing list](http://groups.google.com/group/elixir-lang-core).
 
 Don't forget that you can also check the [source code of Elixir itself](https://github.com/elixir-lang/elixir), which is mostly written in Elixir (mainly the `lib` directory), or [explore Elixir's documentation](/docs.html).
 
 ## A byte of Erlang
 
-As the main page of this site puts it:
-
-> Elixir is a programming language built on top of the Erlang <abbr title="Virtual Machine">VM</abbr>.
-
-Sooner or later, an Elixir developer will want to interface with existing Erlang libraries. Here's a list of online resources that cover Erlang's fundamentals and its more advanced features:
+Elixir runs on the Erlang Virtual Machine and, sooner or later, an Elixir developer will want to interface with existing Erlang libraries. Here's a list of online resources that cover Erlang's fundamentals and its more advanced features:
 
 * This [Erlang Syntax: A Crash Course](/crash-course.html) provides a concise intro to Erlang's syntax. Each code snippet is accompanied by equivalent code in Elixir. This is an opportunity for you to not only get some exposure to Erlang's syntax but also review some of the things you have learned in this guide.
 
 * Erlang's official website has a short [tutorial](http://www.erlang.org/course/concurrent_programming.html) with pictures that briefly describe Erlang's primitives for concurrent programming.
 
-* [Learn You Some Erlang for Great Good!](http://learnyousomeerlang.com/) is an excellent introduction to Erlang, its design principles, standard library, best practices and much more. If you are serious about Elixir, you'll want to get a solid understanding of Erlang principles. Once you have read through the crash course mentioned above, you'll be able to safely skip the first couple of chapters in the book that mostly deal with the syntax. When you reach [The Hitchhiker's Guide to Concurrency](http://learnyousomeerlang.com/the-hitchhikers-guide-to-concurrency) chapter, that's where the real fun starts.
+* [Learn You Some Erlang for Great Good!](http://learnyousomeerlang.com/) is an excellent introduction to Erlang, its design principles, standard library, best practices and much more. Once you have read through the crash course mentioned above, you'll be able to safely skip the first couple of chapters in the book that mostly deal with the syntax. When you reach [The Hitchhiker's Guide to Concurrency](http://learnyousomeerlang.com/the-hitchhikers-guide-to-concurrency) chapter, that's where the real fun starts.

getting-started/where-to-go-next.markdown

@@ -6,12 +6,12 @@ layout: default
 
 # {{ page.title }}
 
+{% include toc.html %}
+
 The quickest way to install Elixir is through a distribution or using one of the available installers. If not available, then we recommend the precompiled packages or compiling from source.
 
 Note Elixir requires Erlang 17.0 or later. Many of the instructions below will automatically install Erlang for you. In case they do not, read the "Installing Erlang" section below.
 
-{% include toc.html %}
-
 ## Distributions
 
 Choose your operating system and tool.

install.markdown

@@ -0,0 +1,55 @@
+---
+title: "Learning resources"
+section: learning
+layout: default
+---
+
+# {{ page.title }}
+
+{% include toc.html %}
+
+Our website provides a [Getting Started](/getting-started/introduction.html) guide to learn more about Elixir's foundation and explore how to build projects with [Mix and OTP](getting-started/mix-otp/introduction-to-mix.html).
+
+The Elixir Community has also produced plenty of resources to explore Elixir from different backgrounds and other perspectives. We are sure you will find a resource that follows your pace and interests.
+
+## Learn Elixir
+
+<h4 class="resource">Programming Elixir</h4>
+
+<a class="cover" href="https://pragprog.com/book/elixir/programming-elixir" title="Programming Elixir: Functional |&gt; Concurrent |&gt; Pragmatic |&gt; Fun – by Dave Thomas"><img src="http://imagery.pragprog.com/products/361/elixir_xlargecover.jpg?1368724397" alt="Programming Elixir cover" width="190" height="228" /></a>
+
+You want to explore functional programming, but are put off by the academic feel (tell me about monads just one more time). You know you need concurrent applications, but also know these are almost impossible to get right. Meet Elixir, a functional, concurrent language built on the rock-solid Erlang VM.
+
+Elixir’s pragmatic syntax and built-in support for metaprogramming will make you productive and keep you interested for the long haul. And Programming Elixir is the introduction to Elixir for experienced programmers, written by the same person that wrote the first English books on Ruby and then Rails. Starting with pattern matching, it takes you all the way through concurrency, agents, supervisors, and ends with OTP applications. Along the way, you'll learn tools, techniques, and good practices for creating tomorrow's applications.
+
+<div class="clear"></div>
+
+<h4 class="resource">Elixir in Action</h4>
+
+<a class="cover" href="http://manning.com/juric/" title="Elixir in Action – by Saša Jurić"><img src="http://manning.com/juric/juric_cover150.jpg" alt="Elixir in Action cover" width="190" height="238" /></a>
+
+Elixir in Action is a tutorial book that aims to bring developers new to Elixir and Erlang to the point where they can develop complex systems on their own. No knowledge about Elixir, Erlang, or functional programming is required, but it is assumed that a reader has a few years of production experience using mainstream OO languages, for example C#, Java, Python, or Ruby.
+
+The book starts with a basic introduction to the Elixir language and functional programming idioms. The central part of the book deals with Erlang VM and OTP, discussing topics such as concurrent programming, fault-tolerance, and distributed systems. Finally, you'll learn how to package your code into components, create a standalone deployable release, and troubleshoot the running system. The theory is demonstrated through a simplistic example that is gradually expanded throughout the book into a fully standalone releasable system.
+
+<div class="clear"></div>
+
+## Screencasts
+
+<h4 class="resource">Elixir Sips</h4>
+
+<a class="cover" href="http://elixirsips.com" title="Elixir Sips: Learn Elixir with Two Short Videos Each Week – with Josh Adams"><img src="http://elixirsips.com/images/ElixirLangAd2_190x160.png" alt="ElixirSips cover" width="190" height="160" /></a>
+
+<p>Description coming...</p>
+
+<div class="clear"></div>
+
+## In-depth Resources
+
+<h4 class="resource">Metaprogramming Elixir</h4>
+
+<a class="cover" href="https://pragprog.com/book/cmelixir/metaprogramming-elixir" title="Metaprogramming Elixir: Write Less Code, Get More Done - by Chris Mccord"><img src="https://imagery.pragprog.com/products/430/cmelixir_xlargecover.jpg?1415371472" alt="ElixirSips cover" width="190" height="228" /></a>
+
+<p>Description coming...</p>
+
+<div class="clear"></div>