nahakubuilder/flask_url_shortener
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Changed the styling of all the pages

Browse Source
This commit is contained in:
xemeds
2020-08-24 15:25:42 +03:00
parent e65f43e401
commit d5a591317d
10 changed files with 308 additions and 317 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tiny0/templates/index.html
+20 -25
View File
@@ -1,30 +1,25 @@
{% extends "layout.html" %}
{% block body %}
<form method="POST" action="" class="url-form">
{% if form.errors %}
<ul class="form-error-message">
{% for error in form.url.errors %}
<li>{{ error }}</li>
{% endfor %}
{% for error in form.token.errors %}
<li>{{ error }}</li>
{% endfor %}
</ul>
{% endif %}
{{ form.hidden_tag() }}
<ul class='input-list'>
<li>{{ form.url(placeholder="Enter the URL here", autofocus=true, class="url") }}</li>
<li>{{ form.token(placeholder="Enter the token (optional)", autofocus=true, class="token") }}</li>
<ul class="token-explanation">
<li>tiny0.cc/token</li>
<li>Token must be between 6 and 16 characters long</li>
<li>It can only contain letters, numbers, underscores(_) and dashes(-)</li>
</ul>
<li>{{ form.submit(class="button") }}</li>
</ul>
</form>
<div class="click-tracker">
<a href="{{ url_for('tracker') }}">Click Tracker</a>
<form method="POST" action="" class="url-form">
<h1>&#60 URL Shortener &#62</h1>
{{ form.hidden_tag() }}
{{ form.url(placeholder="Enter the URL here", autofocus=true, class="feedback-input") }}
{{ form.token(placeholder="Enter the token (optional)", autofocus=true, class="feedback-input") }}
<div class="tooltip">
What's a token?
<span class="tooltiptext"><p>tiny0.cc/token</p><p>Token must be between 6 and 16 characters long</p><p>It can only contain letters, numbers, underscores(_) and dashes(-)</p></span>
</div>
{{ form.submit(class="button") }}
{% if form.errors %}
<div class="form-errors">
{% for error in form.url.errors %}
<h4>{{ error }}</h4>
{% endfor %}
{% for error in form.token.errors %}
<h4>{{ error }}</h4>
{% endfor %}
</div>
{% endif %}
</form>
{% endblock %}