From d32acfd1442d0d7c91e8dea3fe0f33e1e623f87d Mon Sep 17 00:00:00 2001 From: Justus Grunow Date: Sat, 25 Jan 2025 22:42:22 -0500 Subject: [PATCH] Now with style --- index.html | 6 ++++-- recipes.html | 6 ++++-- style.css | 22 ++++++++++++++++++++++ templates/base.html | 5 +++-- templates/menu.html | 2 ++ templates/recipes.html | 3 ++- 6 files changed, 37 insertions(+), 7 deletions(-) create mode 100644 style.css diff --git a/index.html b/index.html index 224d605..39196bd 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,10 @@ Cocktail Menu - + +
+

Cocktails

Old Fashioned

@@ -176,6 +178,6 @@ - +
\ No newline at end of file diff --git a/recipes.html b/recipes.html index 484c400..2741fea 100644 --- a/recipes.html +++ b/recipes.html @@ -4,8 +4,10 @@ Cocktail Menu - + +
+

Cocktails

Old Fashioned

@@ -224,6 +226,6 @@ - +
\ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..c77d51f --- /dev/null +++ b/style.css @@ -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; +} diff --git a/templates/base.html b/templates/base.html index 0aae118..7cf1b5e 100644 --- a/templates/base.html +++ b/templates/base.html @@ -4,8 +4,9 @@ {% block title %}{% endblock %} - + +
{% block content %}{% endblock %} - +
diff --git a/templates/menu.html b/templates/menu.html index ab69f45..23d994e 100644 --- a/templates/menu.html +++ b/templates/menu.html @@ -1,6 +1,8 @@ {% extends "base.html" %} {% block title %}Cocktail Menu{% endblock %} +{% block bodyclass %}menu{% endblock %} {% block content %} +

Cocktails

{% for bev in bevs %} {% for name, details in bev.items() %}

{{ name }}

diff --git a/templates/recipes.html b/templates/recipes.html index 8cf6fac..63f69fa 100644 --- a/templates/recipes.html +++ b/templates/recipes.html @@ -1,6 +1,7 @@ {% extends "menu.html" %} +{% block bodyclass %}recipes{% endblock %} {% block amount %}{{ amount }} {% endblock %} {% block directions %}

Directions

-

{{ details['directions_html']|safe }}

+

{{ details['directions_html'] | safe }}

{% endblock %}