Remove nuxt + 100 other things..

resources/templates/components/alert.html

@@ -0,0 +1,6 @@
+{% macro warning(title, warning) %}
+    <div class="bg-red-500 border border-red-400 text-red-200 px-4 py-3 mb-4 rounded relative" role="alert">
+        <strong class="font-bold">{{ title }}</strong>
+        <span class="block sm:inline">{{ warning }}</span>
+    </div>
+{% endmacro %}

resources/templates/components/forms.html

@@ -0,0 +1,27 @@
+<!-- {id, label, placeholder?, autocomplete?} -->
+{% macro input(args) %}
+    <div class="mb-4">
+        <label
+            for="{{ args.id }}"
+            class="font-bold text-grey-darker block mb-2"
+        >{{ args.label }}</label>
+        <input
+            id="{{ args.id }}"
+            name="{{ args.id }}"
+            {% if args.autocomplete %}autocomplete="{{ args.autocomplete }}"{% endif %}
+            {% if args.placeholder %}placeholder="{{ args.placeholder }}"{% endif %}
+            class="shadow focus:shadow-outline block appearance-none w-full bg-gray-700 border-gray-500 hover:border-gray-500 px-2 py-2 rounded shadow"
+        />
+    </div>
+{% endmacro %}
+
+{% macro submit(value) %}
+    <div class="flex items-center mt-6">
+        <button
+            type="submit"
+            class="w-full bg-teal-500 hover:bg-teal-400 text-white font-bold py-2 px-4 rounded"
+        >
+            {{ value }}
+        </button>
+    </div>
+{% endmacro %}

resources/templates/components/navbar.html

@@ -0,0 +1,21 @@
+<nav
+    class="nav bg-teal-700 shadow-md flex items-center justify-between px-4"
+>
+    <a href="/" class="text-2xl text-gray-800 font-bold">SimpleNotes</a>
+    <ul>
+        {% if user %}
+            <li class="inline text-gray-800 ml-2 text-md font-semibold">
+                <a href="/notes">Notes</a>
+            </li>
+            <li class="inline text-gray-800 ml-2 text-md font-semibold bg-green-500 hover:bg-green-700 rounded px-4 py-2">
+                <form class="inline" action="/logout" method="post">
+                    <button type="submit">Logout</button>
+                </form>
+            </li>
+        {% else %}
+            <li class="inline text-gray-800 pl-2 text-md font-semibold">
+                <a href="/login">Sign In</a>
+            </li>
+        {% endif %}
+    </ul>
+</nav>