|
<!DOCTYPE html> |
|
<html> |
|
<head> |
|
<title>Simplz</title> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}"> |
|
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css"> |
|
<meta name="icon" type="image/ico" href="{{ url_for('static', filename='images/favicon.ico') }}"> |
|
<script src="https://kit.fontawesome.com/c76bc25f8c.js" crossorigin="anonymous"></script> |
|
</head> |
|
<body> |
|
<div class="page"> |
|
<div class="stick"> |
|
<nav class="navbar"> |
|
<div class="navbar__container"> |
|
<a href="/" id="navbar__logo"><img class="logo" src="{{ url_for('static', filename='images/logo.png')}}" width="60">Simplz</a> |
|
<div class="navbar__toggle" id="mobile-menu"> |
|
<span class="bar"></span> |
|
<span class="bar"></span> |
|
<span class="bar"></span> |
|
</div> |
|
<ul class="navbar__menu"> |
|
<li class="navbar__item"><a class="navbar__links" href="{{ url_for('index') }}" title="Home"><i class="fa-solid fa-house"></i></a></li> |
|
{% if current_user.is_authenticated %} |
|
<li class="navbar__item"><a class="navbar__links" href="{{ url_for('account') }}" title="Account Settings"><i class="fa-solid fa-user"></i></a></li> |
|
<li class="navbar__item"><a class="navbar__links" href="{{ url_for('conversations') }}" title="Messages"><i class="fa-solid fa-envelope"></i></a></li> |
|
<li class="navbar__item"><a class="navbar__links" href="{{ url_for('logout') }}" title="Logout"><i class="fa-solid fa-right-from-bracket"></i></a></li> |
|
{% else %} |
|
<li class="navbar__item"><a class="navbar__links" href="{{ url_for('login') }}">Login</a></li> |
|
<li class="navbar__item"><a class="navbar__links" href="{{ url_for('register') }}">Register</a></li> |
|
{% endif %} |
|
</ul> |
|
</div> |
|
</nav> |
|
|
|
<header> |
|
<form action="{{ url_for('search_user') }}" method="get"> |
|
<input type="text" name="search_query" placeholder="Search for users..." value="{{ searchq }}"> |
|
<button type="submit"><i class="fa-solid fa-magnifying-glass"></i></button> |
|
</form> |
|
</header> |
|
</div> |
|
|
|
<div class="contents"> |
|
{% block content %} |
|
{% endblock %} |
|
</div> |
|
{% with messages = get_flashed_messages() %} |
|
{% if messages %} |
|
<ul class="flash-messages"> |
|
{% for message in messages %} |
|
<li class="flash-message">{{ message }}</li> |
|
{% endfor %} |
|
</ul> |
|
{% endif %} |
|
{% endwith %} |
|
<footer class="footer"> |
|
<div class="footer__container"> |
|
<div class="footer__links"> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
<div class="footer__link--wrapper"> |
|
<div class="footer__link--items"> |
|
<h2>About</h2> |
|
<a href="/">Developers</a> |
|
<a href="/">Support</a> |
|
<a href="/">How To</a> |
|
<a href="/"></a> |
|
</div> |
|
<div class="footer__link--items"> |
|
<h2>Socials</h2> |
|
<a href="/">Instagram</a> |
|
<a href="/">Facebook</a> |
|
<a href="/">Youtube</a> |
|
<a href="/">Twitter</a> |
|
</div> |
|
</div> |
|
</div> |
|
<section class="social__media"> |
|
<div class="social__media--wrap"> |
|
<div class="footer__logo"> |
|
<a href="/" id="footer__logo"><img class="logo" src="{{ url_for('static', filename='images/logo.png')}}" width="60">Simplz</a> |
|
</div> |
|
<p class="website__rights">© Simplz By Zaanind - 2024.</p> |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</div> |
|
</section> |
|
</div> |
|
</footer> |
|
</div> |
|
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script> |
|
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></script> |
|
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script> |
|
<script src="{{ url_for('static', filename='js/app.js') }}"></script> |
|
</body> |
|
</html> |
|
|
