68 lines
2.8 KiB
HTML
68 lines
2.8 KiB
HTML
<!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') }}">
|
|
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
|
|
<script src="https://kit.fontawesome.com/65669fdef7.js" crossorigin="anonymous"></script>
|
|
</head>
|
|
<body>
|
|
<nav>
|
|
<div class="logo-container">
|
|
<a href="{{ url_for('index') }}"><img src="{{ url_for('static', filename='images/Picture-Puzzle-logo.png') }}" alt="Picture Puzzle website logo"></a>
|
|
<div class="gif-container">
|
|
<img src="{{ url_for('static', filename='images/bird.gif') }}" class="clickable" aria-label="Copy game link" alt="Bird">
|
|
<span class="tooltiptext" id="copyNotification">Get link to game</span>
|
|
</div>
|
|
</div>
|
|
<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>
|
|
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
|
|
</body>
|
|
</html> |