diff --git a/capsulflask/console.py b/capsulflask/console.py new file mode 100644 index 0000000..0b3e819 --- /dev/null +++ b/capsulflask/console.py @@ -0,0 +1,16 @@ +from flask import Blueprint +from flask import flash +from flask import current_app +from flask import g +from flask import redirect +from flask import url_for +from flask import request +from flask import session +from flask import render_template +from flask_mail import Message +from werkzeug.exceptions import abort + +from capsulflask.db import get_model + +bp = Blueprint("console", __name__, url_prefix="/console") + diff --git a/capsulflask/landing.py b/capsulflask/landing.py new file mode 100644 index 0000000..9b2c26b --- /dev/null +++ b/capsulflask/landing.py @@ -0,0 +1,16 @@ +from flask import Blueprint +from flask import flash +from flask import current_app +from flask import g +from flask import redirect +from flask import url_for +from flask import request +from flask import session +from flask import render_template +from flask_mail import Message +from werkzeug.exceptions import abort + +from capsulflask.db import get_model + +bp = Blueprint("landing", __name__, url_prefix="/") + diff --git a/capsulflask/static/style.css b/capsulflask/static/style.css index f8370fa..60ba419 100644 --- a/capsulflask/static/style.css +++ b/capsulflask/static/style.css @@ -1,12 +1,23 @@ - -body { - color: #c5c8c6; +html { + color: #bdc7b8; font: calc(0.40rem + 1vmin) monospace; - text-align: center; overflow-y: scroll; background-color: #241e1e; +} + +body { + margin-right: auto; + margin-left: auto; + min-width: 33rem; + max-width: 53rem; } +@media only screen and (max-width: 53rem) { + body { + margin: 0 2rem; + } +} + a { color:#6CF; } @@ -17,21 +28,93 @@ a:hover, a:active, a:visited { header { display: flex; -} -span.home { - align-self: flex-start; -} -span.account { - align-self: flex-start; -} - -.float-right { - display: inline-block; - float: right; + justify-content: space-between; + margin: 2rem 0; } .flash { - background: red; + color: rgb(173, 74, 8); font-weight: bold; text-align: center; + border: 1px dashed rgb(173, 74, 8); + border-radius: 2em; + margin-bottom: 2em; + padding: 1em; } + +main { + border: 1px dashed #bdc7b8; + padding: 1rem; +} + +.hero { + display: flex; + flex-direction: column; + align-items: center; +} + +.single-content { + margin: 4rem 0; +} + +form { + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-around; +} + +input, label { + margin: 0.5em; +} + +input { + background: none; + outline: 0; + padding: 0.25em 0.5em; + border-radius: 0.5em; + color: #bdc7b8; +} + +input[type=text] { + font: calc(0.40rem + 1vmin) monospace; + border: 0; + border-bottom: 2px solid #777e73; + min-width: 20em; + outline: 0; +} + +input[type=submit] { + font: calc(0.40rem + 1vmin) monospace; + cursor: pointer; + border: 1px solid #777e73; + background: #bdc7b810; + +} + +h1, h2, h3, h4, h5 { + font-size:calc(0.40rem + 1vmin); + margin: initial; + padding: initial; + text-transform: uppercase; +} + +ul li { + margin-bottom: 1em; +} + +footer, p { + text-align: left; +} + +footer { + margin: 2rem 0; +} + +.bigtext { + display: inline-block; + position: relative; + top: 0.17rem; + font-size: 1.8em; +} + diff --git a/capsulflask/templates/base.html b/capsulflask/templates/base.html index 9f152c3..e817204 100644 --- a/capsulflask/templates/base.html +++ b/capsulflask/templates/base.html @@ -1,38 +1,39 @@ - - - -{% block title %}{% endblock %}{% if self.title() %} - {% endif %}capsul💊 - - - - + + {% block title %}{% endblock %}{% if self.title() %} - {% endif %}Capsul💊 + + + +
- -
- {% if session["account"] %} - Logged in as {{ session["account"] }} - Log Out - {% else %} - Log In - {% endif %} -
-

- capsul -

- +
+ Capsul💊 +
+
+ {% if session["account"] %} + { {{ session["account"] }} Log Out } + {% else %} + Login + {% endif %} +
+{% for message in get_flashed_messages() %} +
{{ message }}
+{% endfor %}
- {% for message in get_flashed_messages() %} -
{{ message }}
- {% endfor %} {% block content %}{% endblock %}
- \ No newline at end of file + + + diff --git a/capsulflask/templates/index.html b/capsulflask/templates/index.html index 57026bf..fffdaa8 100644 --- a/capsulflask/templates/index.html +++ b/capsulflask/templates/index.html @@ -2,5 +2,35 @@ {% block content %} - Index Page! -{% endblock %} \ No newline at end of file +
+

CAPSUL

+ 
+       .-.  
+      /:::\ 
+     /::::/ 
+    / `-:/  
+   /    /   
+   \   /    
+    `"`     
+
+
+ +

+ Simple, fast, private compute by https://cyberia.club

+ + Spin up your choice of virtual machine by sending an email.

+ +

+

+{% endblock %} + +{% block pagesource %}/templates/index.html{% endblock %} diff --git a/capsulflask/templates/login-landing.html b/capsulflask/templates/login-landing.html index 8ad97a9..4e10337 100644 --- a/capsulflask/templates/login-landing.html +++ b/capsulflask/templates/login-landing.html @@ -3,5 +3,9 @@ {% block title %}check your email{% endblock %} {% block content %} - check your email. a login link has been sent to {{ email }} -{% endblock %} \ No newline at end of file +
+
check your email. a login link has been sent to {{ email }}
+
+{% endblock %} + +{% block pagesource %}/templates/login-landing.html{% endblock %} \ No newline at end of file diff --git a/capsulflask/templates/login.html b/capsulflask/templates/login.html index e8756b2..242cbee 100644 --- a/capsulflask/templates/login.html +++ b/capsulflask/templates/login.html @@ -3,9 +3,14 @@ {% block title %}login{% endblock %} {% block content %} -
+
+ - + -{% endblock %} \ No newline at end of file +
+ +{% endblock %} + +{% block pagesource %}/templates/login.html{% endblock %} \ No newline at end of file diff --git a/test b/test deleted file mode 100644 index eae63ce..0000000 --- a/test +++ /dev/null @@ -1,2 +0,0 @@ -ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIKD3XzZTbTteIgnaFY+fiiOl9EnNN+twyNchnWjCkYqv forest@tower -ssh-ed25519 AAAAC3NzaC1lZDI1NTE5AAAAIKD3XzZTbTteIgnaFY+fiiOl9EnNN+twyNchnWjCkYqv forest@tower \ No newline at end of file