justus/CMG
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Now with style

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
index.html
View File

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

6
recipes.html
View File

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

5
templates/base.html
View File

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

2
templates/menu.html
View File

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

3
templates/recipes.html
View File

@ -1,6 +1,7 @@
{% extends "menu.html" %} {% extends "menu.html" %}
{% block bodyclass %}recipes{% endblock %}
{% block amount %}{{ amount }} {% endblock %} {% block amount %}{{ amount }} {% endblock %}
{% block directions %} {% block directions %}
<h3>Directions</h3> <h3>Directions</h3>
<p>{{ details['directions_html']|safe }}</p> <p>{{ details['directions_html'] | safe }}</p>
{% endblock %} {% endblock %}