diff --git a/templates/index.html.tera b/templates/index.html.tera index dc8012a..644771c 100644 --- a/templates/index.html.tera +++ b/templates/index.html.tera @@ -1,9 +1,83 @@ {% extends "base" %} +{% block styles %} + + html, body { margin: 0; } + + body { + height: 100vh; + /* padding: 2rem; */ + line-height: 1.1; + font-family: monospace; + + display: flex; + } + + form { flex: 1; } + + textarea { + height: 100%; + width: 100%; + + background: none; + border: none; + + resize: none; + overflow: auto; + + color: inherit; + font-family: inherit; + font-size: 1rem; + line-height: inherit; + } + + button[type="submit"] { + position: absolute; + bottom: 1rem; + right: 1rem; + + height: 4rem; + width: 4rem; + border: none; + border-radius: 50%; + background: #F29718; + + font-size: 0rem; + + cursor: pointer; + } + + textarea:focus, input:focus{ + outline: none; + } + + *:focus { + outline: none; + } + + + button[type="submit"].hidden { display: none; } +{% endblock styles %} + {% block body %} -
 
-USAGE
------
+    
+ + + +
+ + {% endblock body %}