Merge github.com:red/web-red

Author: gltewalt

content/en/contact/_index.md

@@ -0,0 +1,18 @@
+---
+title: Contact Us
+subtitle: Don't let the story end.
+---
+
+Join the Red Language community on [Gitter](https://gitter.im/red/red/welcome).
+\
+\
+The [Red Home](https://gitter.im/red/home) page lists all the rooms related
+to Red. Once you introduce yourself we can help you find rooms for topics
+you're interested in, and show you how deep the rabbit hole goes.
+\
+\
+You can also watch our [progress page](https://progress.red-lang.org/)
+to see what's work is being done on a regular basis.
+\
+\
+Welcome, and Happy Reducing!

i18n/en.yaml

@@ -2,8 +2,19 @@ about:
   other: About Red
 download:
   other: Download Red
+contact:
+  other: Join Us
+contact_heading:
+  other: Stay in Wonderland
+cta_heading: 
+  other: "Don't just wait for new blog entries; join us on Gitter"
+cta_desc: 
+  other: "Chat with the team, keep up with the latest design issues, and be part of a great community"
 cta_narrow_heading: 
   other: Download the Latest Stable Version of Red
+  other: "We're on a Mission to Fight Software Complexity"
+cta_narrow_text: 
+  other: "Join us!"
 latest_blog:
   other: Latest Blog Post
 read_more:

layouts/section/contact.html

@@ -0,0 +1,22 @@
+{{ define "main" }}
+
+<div>
+    {{ partial "page-title" (dict "title" .Title "subtitle" .Params.subtitle "page" .Params)}}
+
+    <div class="container mx-auto mt-12 px-2 md:px-8">
+        <div class="grid grid-columns-1 md:grid-columns-2">
+
+            <div class="px-2 md:px-8 py-4 text-rl-gray">
+                <h3 class="font-semibold text-2xl text-rl-gray rl-l-title-underline">{{ i18n "contact_heading" }}</h3>
+
+                <div class="text-grey-darker">
+                    {{ .Content }}
+                </div>
+            </div>
+
+        </div>
+    </div>
+
+</div>
+
+{{ end }}