starting to build console controller and views
This commit is contained in:
@ -9,7 +9,7 @@
|
||||
</head>
|
||||
<body>
|
||||
<nav>
|
||||
<div class="nav-row">
|
||||
<div class="nav-row half-margin">
|
||||
<div>
|
||||
<a href="/"><b>Capsul</b></a>💊
|
||||
</div>
|
||||
@ -21,9 +21,15 @@
|
||||
{% endif %}
|
||||
</div>
|
||||
</div>
|
||||
<div class="nav-row">
|
||||
<div class="nav-row half-margin">
|
||||
<a href="/faq">FAQ</a>
|
||||
<a href="/changelog">Changelog</a>
|
||||
|
||||
{% if session["account"] %}
|
||||
<a href="/console/">Console</a>
|
||||
<a href="/console/billing">Billing</a>
|
||||
{% endif %}
|
||||
|
||||
<a href="/support">Support</a>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@ -3,9 +3,7 @@
|
||||
{% block title %}Changelog{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="hero">
|
||||
<div class="single-content"><h1>CHANGELOG</h1></div>
|
||||
</div>
|
||||
<div class="full-margin"><h1>CHANGELOG</h1></div>
|
||||
{% endblock %}
|
||||
{% block subcontent %}
|
||||
<p>
|
||||
|
||||
49
capsulflask/templates/console.html
Normal file
49
capsulflask/templates/console.html
Normal file
@ -0,0 +1,49 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %}Console{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="third-margin">
|
||||
<h1>CONSOLE</h1>
|
||||
</div>
|
||||
<div class="third-margin">
|
||||
<div class="nav-row">
|
||||
<a href="/console">Capsuls</a>
|
||||
<a href="/console/ssh">SSH Public Keys</a>
|
||||
<a href="/console/billing">Billing</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="third-margin">
|
||||
{% if vms[0] is defined %}
|
||||
<table>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>id</th>
|
||||
<th>size</th>
|
||||
<th>ipv4</th>
|
||||
<th>os</th>
|
||||
<th>created</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{% for vm in vms %}
|
||||
<a href="/console/{{ vm['id'] }}">
|
||||
<tr>
|
||||
<td>{{ vm["id"] }}</td>
|
||||
<td>{{ vm["size"] }}</td>
|
||||
<td>{{ vm["ipv4"] }}</td>
|
||||
<td>{{ vm["os"] }}</td>
|
||||
<td>{{ vm["created"] }}</td>
|
||||
</tr>
|
||||
</a>
|
||||
{% endfor %}
|
||||
</tbody>
|
||||
</table>
|
||||
{% else %}
|
||||
You don't have any Capsuls running. <a href="/console/create">Create one</a> today!
|
||||
{% endif %}
|
||||
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block pagesource %}/templates/console.html{% endblock %}
|
||||
68
capsulflask/templates/create.html
Normal file
68
capsulflask/templates/create.html
Normal file
@ -0,0 +1,68 @@
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %}Create{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="half-margin">
|
||||
<h1>CONSOLE - CREATE CAPSUL</h1>
|
||||
</div>
|
||||
<div class="half-margin">
|
||||
{% if ssh_public_keys[0] is defined %}
|
||||
<pre>
|
||||
CAPSUL SIZES
|
||||
============
|
||||
type monthly cpus mem ssd net*
|
||||
----- ------- ---- --- --- ---
|
||||
f1-s $5.33 1 512M 25G .5TB
|
||||
f1-m $7.16 1 1024M 25G 1TB
|
||||
f1-l $8.92 1 2048M 25G 2TB
|
||||
f1-x $16.16 2 4096M 25G 4TB
|
||||
f1-xx $29.66 4 8096M 25G 8TB
|
||||
f1-xxx $57.58 8 16G 25G 16TB
|
||||
|
||||
* net is calculated as a per-month average
|
||||
* all VMs come standard with one public IPv4 addr</pre>
|
||||
</div>
|
||||
<form method="post">
|
||||
<div class="row justify-start">
|
||||
<label class="align" for="size">Capsul Size</label>
|
||||
<select id="size" name="size">
|
||||
{% for size in vm_sizes.keys() %}<option value="{{ size }}">{{ size }}</option>{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
<div class="row justify-start">
|
||||
<label class="align" for="os">Operating System</label>
|
||||
<select id="os" name="os">
|
||||
{% for os_id, os in operating_systems.items() %}
|
||||
<option value="{{ os_id }}">{{ os.description }}</option>
|
||||
{% endfor %}
|
||||
</select>
|
||||
</div>
|
||||
<div class="row justify-end">
|
||||
<input type="submit" value="Create">
|
||||
</div>
|
||||
</form>
|
||||
{% else %}
|
||||
<p>You don't have any ssh public keys yet.</p>
|
||||
<p>You must <a href="/console/ssh/upload">upload one</a> before you can create a Capsul.</p>
|
||||
{% endif %}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block subcontent %}
|
||||
{% if ssh_public_keys[0] is defined %}
|
||||
<p>
|
||||
Using our services implies that you agree to our terms of service & privacy policy.
|
||||
</p>
|
||||
<ul>
|
||||
<li>
|
||||
<a href="https://git.cyberia.club/congress/terms-of-service/plain/README">git.cyberia.club/congress/terms-of-service</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="https://git.cyberia.club/congress/privacy-policy/plain/README">git.cyberia.club/congress/privacy-policy</a>
|
||||
</li>
|
||||
</ul>
|
||||
{% endif %}
|
||||
{% endblock %}
|
||||
|
||||
{% block pagesource %}/templates/console.html{% endblock %}
|
||||
@ -3,9 +3,7 @@
|
||||
{% block title %}FAQ{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="hero">
|
||||
<div class="single-content"><h1>Frequently Asked Questions</h1></div>
|
||||
</div>
|
||||
<div class="full-margin"><h1>Frequently Asked Questions</h1></div>
|
||||
{% endblock %}
|
||||
|
||||
{% block subcontent %}
|
||||
|
||||
@ -2,7 +2,6 @@
|
||||
|
||||
|
||||
{% block content %}
|
||||
<div class="hero">
|
||||
<h1>CAPSUL</h1>
|
||||
<pre>
|
||||
.-.
|
||||
@ -13,20 +12,19 @@
|
||||
\ /
|
||||
`"`
|
||||
</pre>
|
||||
<span>Simple, fast, private compute by <a href="https://cyberia.club">https://cyberia.club</a></span>
|
||||
</div>
|
||||
<span>Simple, fast, private compute by <a href="https://cyberia.club">cyberia.club</a></span>
|
||||
{% endblock %}
|
||||
|
||||
{% block subcontent %}
|
||||
<p>
|
||||
<ul>
|
||||
<li>Simply log in with your email address </li>
|
||||
<li>Low friction: simply log in with your email address and fund your account with Credit/Debit or Cryptocurrency</li>
|
||||
<li>All root disks are backed up at no charge</li>
|
||||
<li>All storage is fast, local, and solid-state</li>
|
||||
<li>All network connections are low latency</li>
|
||||
<li>Supported by amazing volunteers from Cyberia</li>
|
||||
<li>Upfront prices, no confusing billing</li>
|
||||
<li>A Minnesota non-profit organization that will never exploit you</li>
|
||||
<li>Operated by a Minnesota non-profit organization that will never exploit you</li>
|
||||
<li>We donate a portion of our proceeds to likeminded hacker groups around the globe</li>
|
||||
</ul>
|
||||
</p>
|
||||
|
||||
@ -3,9 +3,7 @@
|
||||
{% block title %}check your email{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="hero">
|
||||
<div class="single-content">check your email. a login link has been sent to {{ email }}</div>
|
||||
</div>
|
||||
<div class="full-margin">Check your email. A login link has been sent to {{ email }}</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block pagesource %}/templates/login-landing.html{% endblock %}
|
||||
@ -3,14 +3,16 @@
|
||||
{% block title %}login{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="hero">
|
||||
<form method="post" class="single-content">
|
||||
<label for="email">Email Address</label>
|
||||
<input type="text" name="email" id="email" required>
|
||||
<input type="submit" value="Log In">
|
||||
<div class="half-margin">
|
||||
<h1>LOGIN</h1>
|
||||
</div>
|
||||
<form method="post" class="half-margin">
|
||||
<div class="row wrap">
|
||||
<label for="email">Email Address</label>
|
||||
<input type="text" name="email" id="email" required>
|
||||
<input type="submit" value="Log In">
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block pagesource %}/templates/login.html{% endblock %}
|
||||
@ -3,15 +3,12 @@
|
||||
{% block title %}Support{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div class="hero">
|
||||
<div class="single-content">
|
||||
<div class="half-margin">
|
||||
<h1>SUPPORT</h1>
|
||||
</div>
|
||||
|
||||
<div class="single-content">
|
||||
<a href="mailto:support@cyberia.club?subject=Please%20halp!">Click Here to Email Support</a> (support@cyberia.club)
|
||||
<div class="half-margin">
|
||||
<a href="mailto:support@cyberia.club?subject=Please%20halp!">mailto:support@cyberia.club</a>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
||||
{% block subcontent %}
|
||||
|
||||
Reference in New Issue
Block a user