Cleaned up try post include

Author: palewire

_includes/head.html

@@ -7,7 +7,7 @@
 
     <title>{{ site.title }} {% if page.title %}| {{ page.title }}{% endif %}</title>
     <meta property="og:title" content="Project Jupyter" />
-    <meta property="og:description" content="{{ site.description }}">
+    <meta property="og:description" content="{{ site.description|strip_html }}">
     <meta property="og:url" content="https://www.jupyter.org" />
     <meta property="og:image" content="https://jupyter.org/assets/homepage.png" />
     <link rel="canonical" href="{{ page.url | prepend: site.url }}">

_layouts/try.html

@@ -1,5 +1,41 @@
 ---
-layout: try
+layout: default
 title: Try Jupyter
+description: 'You can try Jupyter out right now, without installing anything. Select an example below and you will get a temporary Jupyter server just for you, running on <a href="https://mybinder.org">mybinder.org</a>. If you like it, you can <a href="https://jupyter.org/install.html">install Jupyter</a> yourself.'
 permalink: /try
 ---
+
+<div class="post">
+  <header class="post-header header header-grey">
+    <div class="container">
+      <h2>{{ page.title }}</h2>
+      <p>
+        {{ page.description }}
+      </p>
+    </div>
+  </header>
+
+    <article class="post-content">
+      <div class="section-white top-section-border">
+        <div class="container">
+          <div class="row cardlist">
+            {%- for item in site.data.try -%}
+            <a href="{{ item['url'] }}" class="try-link">
+              <div class="col-lg-4 col-md-6 col-sm-6 cardlist-col">
+                <div class="cardlist-card try-card">
+                  <div class="card-heading">
+                    <h4>{{ item['title'] }}</h4>
+                  </div>
+                  <div class="card-body text-center">
+                    <img class="try-logo" src="{{ site.baseurl }}/assets/try/{{ item['logo'] }}"/>
+                    <p>{{ item['description'] }}</p>
+                  </div>
+                </div>
+              </div>
+            </a>
+            {%- endfor -%}
+          </div>
+        </div>
+      </div>
+    </article>
+</div>