[shortcodes/flexcolumn] Add column flex layout

Restore index file, needed for articles section.

This reverts commit 6257df1d02.

content/_index.md

@@ -12,21 +12,18 @@ tags:
   - non profit
 ---
 
-{{< flexrow style="justify-content:center;align-items:center" >}}
+{{< flexcolumn style="justify-content:center;align-items:center" >}}
 {{% div class="headline" %}}
-The DoubleFourteen Code Forge is a community to produce and promote high quality free software.
+**The DoubleFourteen Code Forge makes digital better.**
 
 {{% div style="text-align:left" %}}
-We encourage strict cooperation between research and practical coding.
-- Conscious research → pragmatic results.
-- Conscious development → code quality.
-- Synergy in both worlds.
+We believe in the synergy between conscious business, research and coding.
 {{% /div %}}
 {{% /div %}}
-{{% div style="align-self:flex-end" %}}
+{{% div style="align-self:flex-center" %}}
 <a href="doublefourteen/" class="button">See our manifesto</a>
 {{% /div %}}
-{{< /flexrow >}}
+{{< /flexcolumn >}}
 
 {{% div class="alt-background" %}}
 {{% div class="container cards-list" %}}

content/articles/_index.en.md

@@ -0,0 +1,6 @@
+---
+title: Articles
+menu_title: Articles
+mobile_menu_title: Articles
+layout: rss-list
+---

layouts/shortcodes/flexcolumn.html

@@ -0,0 +1,3 @@
+<div class="{{.Get "class"}}" style="display: flex; flex-direction: column; flex-wrap: wrap;{{.Get "style" | safeCSS }}">
+{{- .Inner -}}
+</div>

themes/doublefourteen/layouts/index.html

@@ -14,7 +14,7 @@
     <div id="banner-burnin" class="banner-burnin"></div>
     <div id="banner-textarea" class="banner-textarea">
       <div class="banner-prompt">
-        <span class="flicker" data-text="&gt;&lsqb;">&gt;&lsqb;</span><span class="glitch" data-text="C">C</span><span class="flicker" data-text="&#9211;">&#9211;</span><span class="glitch" data-text="llEct">llEct</span><span class="flicker" data-text="Iv">Iv</span><span class="glitch" data-text="E">E</span><span class="flicker" data-text="&rsqb;:">&rsqb;:</span>
+        <span class="flicker" data-text="&gt;&lsqb;">&gt;&lsqb;</span><span class="glitch" data-text="C">C</span><span class="flicker" data-text="&infin;m">&infin;m</span><span class="glitch" data-text="m">m</span><span class="flicker" data-text="u">u</span><span class="glitch" data-text="ni">ni</span><span class="flicker" data-text="ty">ty</span><span class="flicker" data-text="&rsqb;:">&rsqb;:</span>
       </div>
       <div id="banner-msg" class="banner-msg">
         <div id="banner-msg-animate" data-msg='[{"delay": 1000, "text": "Coding··· ⮠"},