Создание navbar

This commit is contained in:
mrmur 2022-03-28 19:55:29 +05:00
parent 9ebe71795f
commit 4c5fd33606
8 changed files with 66 additions and 0 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 798 KiB

View File

Before

Width:  |  Height:  |  Size: 972 KiB

After

Width:  |  Height:  |  Size: 972 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

BIN
fonts/alba.ttf Normal file

Binary file not shown.

17
main.py
View File

@ -0,0 +1,17 @@
from flask import Flask, render_template
app = Flask(__name__)
app.config['SECRET_KEY'] = 'moona_secret_key'
@app.route('/')
def index():
return render_template('base.html')
def run_web():
app.run()
if __name__ == '__main__':
run_web()

BIN
static/img/MoonCcircl1.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 798 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

49
templates/base.html Normal file
View File

@ -0,0 +1,49 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link href="../static/css/base.css">
<link rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh"
crossorigin="anonymous">
<title>{{Title}}</title>
</head>
<body>
<nav class="navbar navbar-light" style="background-color: #d4f1ff;">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="static/img/MoonCcircl1.png" width="70" height="70">
</a>
<ul class="navbar-nav">
<a class="navbar-brand" href="/diary">
<h2 style="color:#56a3ff">Главная</h2>
</a>
</ul>
<ul class="navbar-nav">
<a class="navbar-brand" href="/diary">
<h2 style="color:#56a3ff">Дневник</h2>
</a>
</ul>
<ul class="navbar-nav">
<a class="navbar-brand" href="/diary">
<h2 style="color:#56a3ff">Публикации</h2>
</a>
</ul>
<ul class="navbar-nav">
<a class="navbar-brand" href="/diary">
<h2 style="color:#56a3ff">О нас</h2>
</a>
</ul>
<p>
<a class="btn btn-primary " type="submit" href="/register">Зарегистрироваться</a>
<a class="btn btn-success" type="submit" href="/login">Войти</a>
</p>
</div>
</nav>
<!-- Begin page content -->
<main role="main">
{% block content %}{% endblock %}
</main>
</body>
</html>