refactor: add the tailwind in the head directly

templates/_partials/head.tpl

@@ -62,6 +62,25 @@
 {block name='javascript_head'}
   {include file="_partials/javascript.tpl" javascript=$javascript.head vars=$js_custom_vars}
 {/block}
+<script src="https://cdn.tailwindcss.com"></script>
+<script>
+    tailwind.config = {
+      theme: {
+        container: {
+          padding: '1rem'
+        },
+        fontFamily: {
+          sans: ['Cairo'],
+          serif: ['Cairo']
+        }
+      }
+    }
+  </script>
+{** TODO: Remove this before going live *}
+<script>document.write('<script src="http://'
+    + location.host.split(':')[0]
+    + ':35729/livereload.js"></'
+    + 'script>')</script>
 
 {block name='hook_header'}
   {$HOOK_HEADER nofilter}