Now with style

This commit is contained in:
Justus Grunow 2025-01-25 22:42:22 -05:00
parent 4c312cc3f7
commit d32acfd144
6 changed files with 37 additions and 7 deletions

View File

@ -4,8 +4,10 @@
<link rel="stylesheet" href="style.css">
<title>Cocktail Menu</title>
</head>
<body>
<body class="menu">
<main>
<h1>Cocktails</h1>
<h2>Old Fashioned</h2>
@ -176,6 +178,6 @@
</main>
</body>
</html>

View File

@ -4,8 +4,10 @@
<link rel="stylesheet" href="style.css">
<title>Cocktail Menu</title>
</head>
<body>
<body class="recipes">
<main>
<h1>Cocktails</h1>
<h2>Old Fashioned</h2>
@ -224,6 +226,6 @@
</main>
</body>
</html>

22
style.css Normal file
View File

@ -0,0 +1,22 @@
body {
background-color: #faf7f7;
}
main {
max-width: 600px;
margin: 0 auto;
}
.menu main ul {
padding-left: 0;
margin-left: 0;
}
.menu main ul li {
display: inline;
list-style-type: disc;
}
.menu main ul li:before {
content: '\2022';
margin-right: 0.5em;
}

View File

@ -4,8 +4,9 @@
<link rel="stylesheet" href="style.css">
<title>{% block title %}{% endblock %}</title>
</head>
<body>
<body class="{% block bodyclass %}{% endblock %}">
<main>
{% block content %}{% endblock %}
</main>
</body>
</html>

View File

@ -1,6 +1,8 @@
{% extends "base.html" %}
{% block title %}Cocktail Menu{% endblock %}
{% block bodyclass %}menu{% endblock %}
{% block content %}
<h1>Cocktails</h1>
{% for bev in bevs %}
{% for name, details in bev.items() %}
<h2>{{ name }}</h2>

View File

@ -1,4 +1,5 @@
{% extends "menu.html" %}
{% block bodyclass %}recipes{% endblock %}
{% block amount %}{{ amount }} {% endblock %}
{% block directions %}
<h3>Directions</h3>