<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>{% block title %}Picture Puzzle Website{% endblock %}</title> <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/main.css') }}"> <script src="https://kit.fontawesome.com/65669fdef7.js" crossorigin="anonymous"></script> </head> <body> <nav> <a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='images/Picture-Puzzle-logo.png') }}" alt="Picture Puzzle website logo"></a> <ul> <li><a class="link" href="{{ url_for('all_posts') }}">Posts</a></li> <li><a class="link" href="#">About</a></li> <li class="dropdown"> <a href="#" class="dropbtn">Docs</a> <div class="dropdown-content"> <a href="#">Documentation</a> <a href="#">API Reference</a> <a href="#">Tutorials</a> </div> </li> <li class="dropdown"> <a href="#" class="dropbtn">Community</a> <div class="dropdown-content"> <a href="#">Forums</a> <a href="#">Events</a> <a href="#">Blog</a> </div> </li> <li class="dropdown pull-left"> <a href="#" class="dropbtn">Account</a> <div class="dropdown-content"> {% if g.user %} <a href="{{ url_for('logout') }}">Log Out</a> {% else %} <a href="{{ url_for('register') }}">Register</a> <a href="{{ url_for('login') }}">Log In</a> {% endif %} </div> </li> </ul> </nav> <section class="content"> {% block content %} {% endblock %} </section> <footer> <ul> <li><a href="#">Privacy and Cookies</a></li> <li><a href="#">Terms of Use</a></li> <li><a href="#">Feedback</a></li> <li><a href="#">Known Issues</a></li> <li><a href="#">Bug Report</a></li> </ul> <p>© 2024 Picture Puzzle. All rights reserved.</p> </footer> </body> </html>