| <!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/core@2.10.2/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> |
|
|
