add resources

zackhall · Jan 24, 2016 · 645b026 · 645b026
1 parent faf527c
commit 645b026
Show file tree

Hide file tree

Showing 69 changed files with 1,787 additions and 449 deletions.
diff --git a/404.md b/404.md
@@ -4,5 +4,3 @@ title: 404 - Page not found
 ---
 
 Sorry, we can't find that page that you're looking for. You can try again by going [back to the homepage]({{ site.baseurl }}/).
-
-[<img src="{{ site.baseurl }}/images/404.jpg" alt="Constructocat by https://github.com/jasoncostello" style="width: 400px;"/>]({{ site.baseurl }}/)
diff --git a/CNAME b/CNAME
@@ -1 +1 @@
-www.jstips.co
+www.jstips.co
diff --git a/_config.yml b/_config.yml
@@ -14,38 +14,30 @@ avatar: https://raw.githubusercontent.com/barryclark/jekyll-now/master/images/je
 #
 # Flags below are optional
 #
-
 defaults:
   -
     scope:
-      path: "" # an empty string here means all files in the project
-      type: "posts" # previously `post` in Jekyll 2.2.
+      path: _posts/en
+      type: posts
     values:
+      layout: default
+      lang: en
+      is_post: true
+  -
+    scope:
+      path: _posts/es
+      type: posts
+    values:
+      layout: default
+      lang: es
       is_post: true
-
-# Includes an icon in the footer for each username you enter
-footer-links:
-  dribbble:
-  email:
-  facebook:
-  flickr:
-  github: barryclark/jekyll-now
-  instagram:
-  linkedin:
-  pinterest:
-  rss: # just type anything here for a working RSS icon
-  twitter: jekyllrb
-  stackoverflow: # your stackoverflow profile, e.g. "users/50476/bart-kiers"
-  youtube: # channel/<your_long_string> or user/<user-name>
-  googleplus: # anything in your profile username that comes after plus.google.com/
-
 
 # Enter your Disqus shortname (not your username) to enable commenting on posts
 # You can find your shortname on the Settings page of your Disqus account
-disqus:
+disqus: tipsjs
 
 # Enter your Google Analytics web tracking code (e.g. UA-2110908-2) to activate tracking
-google_analytics:
+google_analytics: UA-72764095-1
 
 # Your website URL (e.g. http://barryclark.github.io or http://www.barryclark.co)
 # Used for Sitemap.xml and your RSS feed
@@ -63,7 +55,7 @@ baseurl: ""
 
 markdown: redcarpet
 highlighter: pygments
-permalink: /:title/
+permalink: /:categories/:title/
 
 paginate: 10
 paginate_path: "/:num/"

diff --git a/_layouts/default.html b/_layouts/default.html
@@ -11,7 +11,46 @@
     <meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
     <meta http-equiv="pragma" content="no-cache" />
 
+    <!-- Schema.org markup for Google+ -->
+    <meta itemprop="name" content="JS Tips">
+    <meta itemprop="description" content="This is about one JS tip every day!">
+    <meta itemprop="image" content="http://www.jstips.co/images/jstips-header-blog">
+
+    <!-- Twitter Card data -->
+    <meta name="twitter:card" content="summary">
+    <meta name="twitter:site" content="http://www.jstips.co">
+    <meta name="twitter:title" content="JS Tips">
+    <meta name="twitter:description" content="This is about one JS tip every day!">
+    <meta name="twitter:creator" content="@tips_js">
+
+    <!-- Open Graph data -->
+    <meta property="og:title" content="JS Tips" />
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="http://www.jstips.co" />
+    <meta property="og:image" content="http://www.jstips.co/images/jstips-header-blog" />
+    <meta property="og:description" content="This is about one JS tip every day!" />
+    <meta property="og:site_name" content="JS Tips" />
+
+    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
+    <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
+    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
+    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+    <link rel="manifest" href="/manifest.json">
+    <meta name="msapplication-TileColor" content="#ffffff">
+    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
+    <meta name="theme-color" content="#ffffff">
+
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
+    <!-- <link href="//cdn-images.mailchimp.com/embedcode/slim-081711.css" rel="stylesheet" type="text/css"> -->
 
     <!--[if lt IE 9]>
     <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
@@ -46,15 +85,6 @@
                 <img src="{{ site.baseurl }}/images/jstips.png" alt="Js Tips">
             </a>
         </div>
-        <div class="menu">
-            <ul>
-                <li><a href="javascript:"><i class="fa fa-bars"></i></a></li>
-                <li><a href="/">Home</a></li>
-                <li><a href="/about/">About</a></li>
-                <li><a href="#">Subscribe</a></li>
-                <li><a href="https://github.com/loverajoel/jstips/blob/master/CONTRIBUTING.md">Submit your tip!</a></li>
-            </ul>
-        </div>
     </div>
     {% endif %}
     <div id="main-header" class="{% if page.is_post %}is-post{% endif %} {% if paginator.page > 1 %} not-first-page {% endif %}">
@@ -66,16 +96,14 @@
             <ul>
                 <li><a href="/">Home</a></li>
                 <li><a href="/about/">About</a></li>
-                <li><a href="#">Subscribe</a></li>
+                <li><a href="#subscribe">Subscribe</a></li>
                 <li><a href="https://github.com/loverajoel/jstips/blob/master/CONTRIBUTING.md">Submit your tip!</a></li>
             </ul>
             <hr/>
         </div>
     {% endif %}
     <div id="posts-wrapper">
-
         {{ content }}
-
         <div id="paginator-wrapper">
             <ul>
             {% for page in (1..paginator.total_pages) %}
@@ -94,19 +122,37 @@
             </ul>
         </div>
     </div>
-    <footer>
+    <footer class="{% if page.is_post %}is-post{% endif %}">
         <div class="email-suscribe">
             <div>
-                Email Suscribe
+            <!-- Begin MailChimp Signup Form -->
+            <div id="mc_embed_signup">
+                <form action="//jstips.us12.list-manage.com/subscribe/post?u=80795a6c077c65f1648c4dfe3&amp;id=1f7d557661" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
+                    <div id="mc_embed_signup_scroll">
+                        <a href="#" name="subscribe"></a>
+                        <label for="mce-EMAIL">Subscribe to more awesome daily tips!</label>
+                        <div class="email-container">
+                            <input type="email" value="" name="EMAIL" class="email" id="mce-EMAIL" placeholder="email address" required>
+                            <input type="submit" value="" name="subscribe" id="mc-embedded-subscribe" class="button">    
+                        </div>
+                        <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
+                        <div style="position: absolute; left: -5000px;" aria-hidden="true"><input type="text" name="b_80795a6c077c65f1648c4dfe3_1f7d557661" tabindex="-1" value=""></div>
+                    </div>
+                </form>
+            </div>
+            <!--End mc_embed_signup-->
             </div>
         </div>
         <ul>
-            <li><a href="#">Home</a></li>
-            <li><a href="#">About</a></li>
-            <li><a href="#">Submit your tip!</a></li>
-            <li><a href="#">Github</a></li>
-            <li><a href="#">Twitter</a></li>
-            <li><a href="#">Fork this repo</a></li>
+            <li><a href="/">Home</a></li>
+            <li><a href="/about/">About</a></li>
+            <li><a href="https://github.com/loverajoel/jstips/blob/master/CONTRIBUTING.md">Submit your tip!</a></li>
+            <li class="github"><a href="https://github.com/loverajoel/jstips"><img src="/images/github.svg"></a></li>
+            <li class="twitter">
+                <a href="https://twitter.com/tips_js" class="twitter-follow-button" data-show-count="false">Follow @tips_js</a>
+                    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
+                </a>
+            </li>
         </ul>
     </footer>
 </div>

diff --git a/_layouts/home.html b/_layouts/home.html
@@ -0,0 +1,29 @@
+---
+layout: default
+type: posts
+---
+
+<div id="posts-wrapper-home">
+    <div class="posts">
+        <!-- {% assign posts=site.categories | where:"lang", "en" %} -->
+        {% assign posts=paginator.posts | where:"lang", "es" %}
+        <!-- {{site | jsonify}} -->
+        {% for post in posts %}
+        <article class="post">
+            <h1 class="post-title">
+                <a href="{{ site.baseurl }}{{ post.url }}">
+                    <span class="tip-number">{{ post.tipNumber }}</span>
+                    {{ post.title }}
+                </a>
+            </h1>
+            <div class="meta-info">
+                <time class="date meta-item" datetime="{{ post.date }}"><i class="fa fa-calendar"></i> {{ post.date | date_to_string }}</time>
+                <div class="contributor meta-item"><i class="fa fa-user"></i><a href="{{ post.tipContributorUrl }}" target="_blank"> @{{ post.tipContributorUser }}</a></div>
+            </div>
+            <div class="entry">
+                {{ post.tipTlDt }}
+            </div>
+        </article>
+        {% endfor %}
+    </div>
+</div>
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -3,27 +3,32 @@
 ---
 
 <article class="post single">
+    <div class="header-content">
         <h1 class="post-title">
-            <span class="tip-number">{{ page.tipNumber }}</span>
-            {{ page.title }}
+            <span class="tip-number">{{ page.tip-number }}</span>
+            <span class="title">{{ page.title | markdownify}}</span>
         </h1>
 
         <div class="tldt">
-            <p>{{ page.tipTlDt }}</p>
+            <p>{{ page.tip-tldr | markdownify}}</p>
         </div>
 
         <div class="meta-info">
             <time class="date meta-item" datetime="{{ page.date }}"><i class="fa fa-calendar"></i> {{ page.date | date_to_string }}</time>
 
-            <div class="contributor meta-item"><i class="fa fa-user"></i><a href="{{ page.tipContributorUrl }}" target="_blank"> @{{ page.tipContributorUser }}</a></div>
-
-            <div class="share meta-item"><a href="javascript:"><i class="fa fa-share-alt"></i> Share tip</a></div>
+            <div class="contributor meta-item"><i class="fa fa-user"></i><a href="{{ page.tip-username-profile }}" target="_blank"> @{{ page.tip-username }}</a></div>
 
+            <div class="share meta-item">
+                <a href="http://facebook.com/sharer.php?s=100&p[url]=http://www.jstips.co{{page.url}}" target="_blank"><img src="/images/facebook.svg"></a>
+                <a href="https://twitter.com/intent/tweet?text=JS Tips - {{page.tip-number}} - {{ page.title }}&url=http://www.jstips.co{{page.url}}&hashtags=javascript"><img src="/images/twitter.svg"></a>
+                <a href="https://www.linkedin.com/shareArticle?mini=true&url=http://www.jstips.co{{page.url}}&title=JS Tips - {{page.tip-number}} - {{ page.title }}&summary={{ page.tip-tldr }}" target="_blank"><img src="/images/linkedin.svg"></a>
+            </div>
         </div>
+    </div>
 
-        <div class="entry">
-            {{ content }}
-        </div>
+    <div class="entry">
+        {{ content }}
+    </div>  
 
-        {% include disqus.html %}
+    {% include disqus.html %}
 </article>
diff --git a/_posts/2014-3-3-Hello-World.md b/_posts/2014-3-3-Hello-World.md
diff --git a/_posts/2015-01-16-tip-14.md b/_posts/2015-01-16-tip-14.md