better style

modified:   templates/base.html.j2
	modified:   templates/daily_puzzle.html.j2
This commit is contained in:
Russell Ballestrini 2024-12-27 15:00:11 -05:00
parent be46fcae0e
commit 6064a92212
2 changed files with 22 additions and 31 deletions

View file

@ -1,38 +1,29 @@
<!DOCTYPE html>
<html>
<head>
<title>{% block title %}My Puzzle Game{% endblock %}</title>
<!-- <link href="https://unpkg.com/@picocss/pico@1.*/css/pico.min.css" rel="stylesheet"> -->
<style>
/* Custom styles */
body { margin: 0; padding: 0; }
nav ul { list-style-type: none; padding: 0; display: flex; flex-wrap: wrap; }
nav ul li { margin-right: 10px; }
nav ul li a { text-decoration: none; }
@media (max-width: 600px) {
nav ul { flex-direction: column; }
nav ul li { margin-bottom: 10px; }
}
</style>
<title>{% block title %}My Puzzle Game{% endblock %}</title>
<link href="https://www.unturf.com/css/pico.classless.min.css" rel="stylesheet">
</head>
<body>
<nav>
<ul>
{% if request.user and request.user.is_admin %}
<li><a href="{{ request.route_url('admin_dashboard') }}">Admin Dashboard</a></li>
{% endif %}
<li><a href="{{ request.route_url('home') }}">Home</a></li>
<li><a href="{{ request.route_url('puzzle_menu') }}">Today's Puzzles</a></li>
<li><a href="{{ request.route_url('leaderboard_index') }}">Leaderboards</a></li>
<li><a href="{{ request.route_url('king_of_the_mountain') }}">King of the Mountain</a></li>
{% if request.user %}
<li><a href="{{ request.route_url('profile') }}">Profile</a></li>
<li><a href="{{ request.route_url('logout') }}">Logout</a></li>
{% else %}
<li><a href="{{ request.route_url('login') }}">Login</a></li>
{% endif %}
</ul>
</nav>
<main>
<nav>
<ul>
{% if request.user and request.user.is_admin %}
<li><a href="{{ request.route_url('admin_dashboard') }}">Admin Dashboard</a></li>
{% endif %}
<li><a href="{{ request.route_url('home') }}">Home</a></li>
<li><a href="{{ request.route_url('puzzle_menu') }}">Today's Puzzles</a></li>
<li><a href="{{ request.route_url('leaderboard_index') }}">Leaderboards</a></li>
<li><a href="{{ request.route_url('king_of_the_mountain') }}">King of the Mountain</a></li>
{% if request.user %}
<li><a href="{{ request.route_url('profile') }}">Profile</a></li>
<li><a href="{{ request.route_url('logout') }}">Logout</a></li>
{% else %}
<li><a href="{{ request.route_url('login') }}">Login</a></li>
{% endif %}
</ul>
</nav>
</main>
{% if request.session.peek_flash() %}
{% for message in request.session.pop_flash() %}

View file

@ -67,7 +67,7 @@
max-width: 640px;
min-width: 300px;
aspect-ratio: 1 / 1; /* Maintain square aspect ratio */
border: 1px solid #ccc;
border: 0px;
background-color: #eee;
margin: 0 auto;
}