Create an app to create expressions with a form

_config.yml

@@ -15,7 +15,7 @@ markdown: kramdown
 theme: minima
 
 include:
-  - expressions
+#  - expressions
   - _pages
 
 exclude:
@@ -44,10 +44,10 @@ plugins:
 last-modified-at:
   date-format: '%d-%b-%y'
 
-collections:
- expressions:
-  output: true
-  permalink: /:path/
+#collections:
+# expressions:
+#  output: true
+#  permalink: /:path/
 
 pagination:
  enabled: true

_includes/footer.html

@@ -19,6 +19,9 @@ <h2 class="footer-heading">{{ site.title | escape }}</h2>
           <li><a class="u-email" href="mailto:{{ site.email }}">{{ site.email }}</a></li>
           {%- endif -%}
         </ul>
+        <ul>
+          <li><a href="/new_expression">New expression</a></li>
+        </ul>
         <ul>
           <li><a href="/press">Press</a></li>
         </ul>

_pages/new_expression.md

@@ -0,0 +1,23 @@
+---
+layout: post
+title: "New Expression"
+date: 2021-05-29
+author: "Bruno P. Kinoshita"
+permalink: "/new_expression"
+nosocial: true
+scripts:
+  - assets/js/vue.min.js
+  - assets/js/new_expression_app.js
+---
+
+<p>Use the form below to create a new expression. You can then paste the YAML generated into a
+<a href="https://github.com/tupilabs/speaklikeabrazilian.com/issues">GitHub issue</a>
+or <a href="https://github.com/tupilabs/speaklikeabrazilian.com/compare">pull request</a>.
+Once your issue is closed, or your pull request merged, your expression should appear in a few minutes.</p>
+
+{% raw %}
+<div id="app">
+
+  {{ message }}
+</div>
+{% endraw %}

assets/js/new_expression_app.js

@@ -0,0 +1,6 @@
+new Vue({
+  el: '#app',
+  data: {
+    message: 'Hello Vue!'
+  }
+})