Adjusted try and try example to new layout

OpenDreamKit · Aug 8, 2018 · e347437 · e347437
1 parent 42918f4
commit e347437
Show file tree

Hide file tree

Showing 10 changed files with 72 additions and 108 deletions.
diff --git a/_config.yml b/_config.yml
@@ -55,4 +55,4 @@ menu:
     - title: 'Blog'
       link: '/tag/blogpost'
     - title: 'Try'
-      folder: 'try'
+      slug: 'try'
diff --git a/_data/examples.yml b/_data/examples.yml
@@ -0,0 +1,19 @@
+- title: Example notebooks from OpenDreamKit
+  author: Sebastian Gutsche
+  repository: oscar-system/OSCARBinder
+  filename: Singular
+  thumbnail: singular.png
+
+- layout: tryexample
+  title: Example notebooks from OpenDreamKit
+  author: Sebastian Gutsche
+  notebook_url: https://nbviewer.jupyter.org/github/oscar-system/OSCARBinder/blob/master/Singular.ipynb
+  binderrepo_url: https://mybinder.org/v2/gh/oscar-system/OSCARBinder/master?filepath=Singular.ipynb
+  thumbnail: singular.png
+
+- layout: tryexample
+  title: Example notebooks from OpenDreamKit
+  author: Sebastian Gutsche
+  repository: oscar-system/OSCARBinder
+  filename: Singular
+  thumbnail: singular.png
diff --git a/_data/try.yml b/_data/try.yml
@@ -0,0 +1,11 @@
+- name: SageMath
+  binder_url: http://mybinder.org
+  thumbnail: /try/thumbnails/sage.png
+
+- name: SageMath
+  binder_url: http://mybinder.org
+  thumbnail: /try/thumbnails/sage.png
+
+- name: SageMath
+  binder_url: http://mybinder.org
+  thumbnail: /try/thumbnails/sage.png
diff --git a/_layouts/tryexample.html b/_layouts/tryexample.html
diff --git a/public/css/style.css b/public/css/style.css
@@ -1187,3 +1187,22 @@ table th[class*="col-"] {
         display: block;
     }
 }
+
+.static_try_block {
+    width: 30%;
+    border-radius: 15px;
+    border: 2px solid #5D7CF9;
+    float: left;
+    margin-right: 2%;
+    margin-bottom: 2%;
+    margin-top: 2%;
+    padding: 2%;
+    align-content: center;
+    text-align: center;
+}
+
+.static_try_block_image {
+    text-align: center;
+    width: 200px;
+    height: 200px;
+}
diff --git a/try/_posts/2018-06-11-Test.md b/try/_posts/2018-06-11-Test.md
diff --git a/try/_posts/2018-06-11-Test1.md b/try/_posts/2018-06-11-Test1.md
diff --git a/try/_posts/2018-06-11-Test2.md b/try/_posts/2018-06-11-Test2.md
diff --git a/try/examples.html b/try/examples.html
@@ -1,8 +1,10 @@
 ---
-layout: page
 title: Example notebooks from OpenDreamKit
-menu_title: Examples
 menu_order: 2
+layout: page
+menu: try
+menu_title: Examples
+redirect_from: "/try/examples"
 ---
 
 <span>Click on one of the examples below to open the example <a href="http://jupyter.org">Jupyter</a> notebook statically. 
@@ -12,9 +14,13 @@
 <!-- Setup a basic two-column box setting, static this time :) -->
 
 <div id="example_gallery">
-    {% for post in site.categories.try %}
+    {% for post in site.data.examples %}
     <div class="static_try_block">
-        <a href="{{ post.url }}">
+        {% if post.binderrepo_url != null %}
+            <a href="{{ post.binderrepo_url }}">
+        {% else %}
+            <a href="https://mybinder.org/v2/gh/{{ post.repository }}/master?filepath={{ post.filename }}.ipynb">
+        {% endif %}
 
         {% if post.thumbnail_url != null %}
             <img class="static_try_block_image" src="{{ post.thumbnail_url }}"/>
@@ -24,16 +30,9 @@
 
         <div>{{ post.title }}</div>
         <div>{{ post.author }}</div>
+        <img src="https://mybinder.org/badge.svg" alt="Run on Binder"/>
         </a>
-        {% if post.binderrepo_url != null %}
-            <a href="{{ post. binderrepo_url }}">
-            <img src="https://mybinder.org/badge.svg" alt="Run on Binder"/>
-            </a>
-        {% else %}
-            <a href="https://mybinder.org/v2/gh/{{ post.repository }}/master?filepath={{ post.filename }}.ipynb">
-            <img src="https://mybinder.org/badge.svg" alt="Run on Binder"/>
-            </a>
-        {% endif %}
+
     </div>
     {% endfor %}
 </div>

diff --git a/try/try.html b/try/try.html
@@ -1,8 +1,9 @@
 ---
-layout: page
 title: Try our software
-menu_title: Try
 menu_order: 1
+layout: page
+menu: try
+menu_title: Try
 redirect_from: "/try/"
 ---
 
@@ -11,22 +12,15 @@
 
 <!-- Setup a basic two-column box setting, static this time :) -->
 
-<div>
-    <div class="static_try_block">
-        <img class="static_try_block_image" src="{{ site.baseurl }}/try/thumbnails/sage.png"/>
-        <br/>
-        <span><h2><a href="http://mybinder.org">Try SageMath</a></h2></span>
-    </div>
+{% for try in site.data.try %}
 
+<div>
     <div class="static_try_block">
-        <img class="static_try_block_image" src="{{ site.baseurl }}/try/thumbnails/sage.png"/>
+        <a href="{{ try.binder_url }}">
+        <img class="static_try_block_image" src="{{ site.baseurl }}{{ try.thumbnail }}"/>
         <br/>
-        <span><h2><a href="http://mybinder.org">Try SageMath</a></h2></span>
+        <span><h2>Try {{ try.name }}</h2></span>
+        </a>
     </div>
 
-    <div class="static_try_block">
-        <img class="static_try_block_image" src="{{ site.baseurl }}/try/thumbnails/sage.png"/>
-        <br/>
-        <span><h2><a href="http://mybinder.org">Try SageMath</a></h2></span>
-    </div>
-</div>
+{% endfor %}