Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Удаленная работа для IT-специалистов
<!DOCTYPE html> <html> <head> <title>{{title}}</title> <script src="{{ url_for('site.static', filename='jquery.js') }}"></script> <link rel="shortcut icon" href="{{ url_for('site.static', filename='favicon.ico') }}"> <link href="{{ url_for('site.static', filename='css/styles.css') }}" rel="stylesheet" type="text/css"> <link href="{{ url_for('site.static', filename='css/roboto.css') }}" rel="stylesheet"> </head> <body> <div id="root"> {% block root %} {% endblock %} </div> </body> </html>
{% extends 'index.html' %} {% block root %} <div> <div id="navigation"> </div> <div id="_1content"> <p>Hello {{token}}!</p> {% block content %} {% endblock %} <button id="submit" value="/logout">Log Out!</button> </div> <script type="text/javascript" src="{{ url_for('site.static', filename = 'a-b.js') }}"></script> </div> {% endblock %}
{% extends 'index.html' %} {% block root %} <div id="submit-container"> <div id="_1anim"> <form action="/submit" method="POST"> <input type="text" name="key"> <button id="submit" value="/">Submit</button> </form> </div> </div> <script type="text/javascript" src="{{ url_for('site.static', filename='ajax.js') }}"></script> {% endblock %}
html{ width: 100%; height: 100%; } body{ font-family: 'Roboto', sans-serif; margin: 0; padding: 0; } #submit-container{ text-align: center; margin-top: 45vh; } #_1anim{ text-align: center; position: relative; width: 80vh; background: red; } #navigation{ position: fixed; background: url('assets/background.png'); padding: 7vh; width: -webkit-fill-available; } #_1content{ } input{ padding: 3vh; border: 0px solid; transition: 0.20s; } input:hover{ border-radius: 10vh; }
<p>Hello {{token}}!</p>
margin-block-start: 1em;