Merge pull request #21 from gltewalt/master

Initial Showcase page

config.yaml

@@ -55,13 +55,17 @@ languages:
           Identifier: "roadmap"
           URL: "/roadmap/"
         - Name: "Download"
-          Weight: 6
+          Weight: 7
           Identifier: "download"
           URL: "/download/"
         - Name: "Getting Started"
-          Weight: 7
+          Weight: 8
           Identifier: "gettingstarted"
           URL: "/getting-started/"
+        - Name: "Showcase"
+          Weight: 6
+          Identifier: "showcase"
+          URL: "/showcase/"
   fr:
     LanguageName: "Français"
     ContentDir: content/fr

content/en/blog/Editorial_-_A_Brief_Essay_on_Lexical_Ambiguity_by_G._Irwin_old.md

@@ -2,7 +2,7 @@
 date: 2019-11-20T20:01:17-05:00
 title: Editorial - A Brief Essay on Lexical Ambiguity by G. Irwin
 author: Gregg Irwin
-category: opinion
+category: Opinion
 tags:
   - lexicon
   - ambiguity

content/en/showcase/_index.md

@@ -0,0 +1,46 @@
+---
+title: Showcase
+subtitle: |
+  Examples of the breadth and depth of Red, and its wide applicability. Each application is complete, with no external dependencies.
+---
+
+{{< rawhtml >}}
+
+<div class="container flex flex-wrap mx-auto">
+    <div class="w-full p-2 rounded lg:w-1/3">
+        Diagrammar
+        <a href="https://www.redlake-tech.com/products/diagrammar-for-windows/"><img src="/images/showcase/diagrammar2.png" alt="diagrammar"></a>
+    </div>
+  <div class="w-full p-2 rounded lg:w-1/3">
+      Cave-In
+      <a href="https://github.com/planetsizecpu/Cave-In"><img class="animated-gif" src="/images/showcase/cave-in.gif" alt="cave-in"></a>
+  </div>
+  <div class="w-full p-2 rounded lg:w-1/3">
+      libRed
+      <a href="https://github.com/red/red/tree/master/tests/libRed"><img class="animated-gif" src="/images/showcase/pong.gif" alt="libRed"></a>
+  </div>
+  <div class="w-full p-2 rounded lg:w-1/3">
+      Fast Mandelbrot
+      <a href="https://github.com/red/code/blob/master/Scripts/mandelbrot-fast.red"><img class="animated-gif" src="/images/showcase/fast-mandel.gif" alt="red-codex"></a>
+  </div>
+  <div class="w-full p-2 rounded lg:w-1/3">
+      Ballots
+      <a href="https://github.com/red/code/tree/master/Showcase/ballots"><img class="animated-gif" src="/images/showcase/ballots2.gif" alt="ballots"></a>
+  </div>
+  <div class="w-full p-2 rounded lg:w-1/3">
+      TruTiles
+      <a href="https://github.com/GalenIvanov/Graphics-Red/blob/master/TruTiles.red"><img class="animated-gif" src="/images/showcase/trutiles.gif" alt="trutiles"></a>
+  </div>
+</div>
+
+{{< /rawhtml >}}
+
+## Explore more
+
+- The __red/code__ repository (demos and scripts) can be found [here](https://github.com/red/code) 
+
+- See scripts from the community [here](https://github.com/red/community).
+
+- The Red crypto wallet lives [here](https://github.com/red/wallet).
+
+- Check out these Reducers for more projects, and some great code: [Boleslav](https://gitlab.com/rebolek), [Boris](https://gitlab.com/hiiamboris), [Francois](https://github.com/ldci), [Toomas](https://github.com/toomasv/)

layouts/section/showcase.html

@@ -0,0 +1,11 @@
+{{ define "main" }}
+
+<div>
+    {{ partial "page-title" (dict "title" .Title "subtitle" .Params.subtitle)}} {{ with .Content }}
+    <section class="container mx-auto mt-12 px-2 md:px-8 pb-8 text-grey-darker content">
+        {{ . }}
+    </section>
+    {{ end }}
+</div>
+
+{{ end }}