Skip to content

Add individual drink colours, shorten descriptions, add On Tap branding #7

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
jackpwebb-coder merged 1 commit into from
Feb 18, 2026
+35 −36
Merged

Add individual drink colours, shorten descriptions, add On Tap branding #7

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
71 changes: 35 additions & 36 deletions menu.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -103,7 +103,6 @@
.beer-name {
font-size: 13px;
font-weight: 700;
color: #c0392b;
}

.beer-abv {
Expand Down Expand Up @@ -144,7 +143,7 @@

<div class="header">
<h1>The Port Taproom</h1>
<div class="subtitle">Craft Beer &middot; Cider &middot; Seltzer</div>
<div class="subtitle">On Tap</div>
</div>

<div class="pricing-bar">
Expand All @@ -160,74 +159,74 @@ <h1>The Port Taproom</h1>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Lager</span>
<span class="beer-name" style="color: #b8860b;">Lager</span>
<span class="beer-abv">4.5% ABV</span>
</div>
<div class="beer-desc">A crisp and refreshing Czech-style pale lager featuring malt flavours, floral hop notes, and a clean, dry finish.</div>
<div class="beer-desc">Czech-style pale lager with malt flavours, floral hops, and a clean, dry finish.</div>
</div>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Red Ale</span>
<span class="beer-name" style="color: #c0392b;">Red Ale</span>
<span class="beer-abv">5.5% ABV</span>
</div>
<div class="beer-desc">A rich, malt-forward red boasting caramel sweetness, balanced with a subtle hop bitterness, and a smooth finish.</div>
<div class="beer-desc">Malt-forward with caramel sweetness, subtle hop bitterness, and a smooth finish.</div>
</div>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Session IPA</span>
<span class="beer-name" style="color: #7cb342;">Session IPA</span>
<span class="beer-abv">3.5% ABV</span>
</div>
<div class="beer-desc">A sessional IPA infused with bright orange peel for a zesty citrus kick, perfect for easy-drinking refreshment.</div>
<div class="beer-desc">Bright orange peel for a zesty citrus kick, easy-drinking and refreshing.</div>
</div>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">IPA</span>
<span class="beer-name" style="color: #2e7d32;">IPA</span>
<span class="beer-abv">5.7% ABV</span>
</div>
<div class="beer-desc">A well-crafted IPA blending grapefruit, orange, and tropical fruit flavours for a refreshing and balanced drinking experience.</div>
<div class="beer-desc">Grapefruit, orange, and tropical fruit flavours with a balanced finish.</div>
</div>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Big IPA</span>
<span class="beer-name" style="color: #2874a6;">Big IPA</span>
<span class="beer-abv">6.8% ABV</span>
</div>
<div class="beer-desc">A bold West Coast IPA with citrusy aromas, balanced bitterness, and a crisp finish, crafted for hop lovers who crave robust flavours.</div>
<div class="beer-desc">Bold West Coast IPA with citrusy aromas, balanced bitterness, and a crisp finish.</div>
</div>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Double IPA</span>
<span class="beer-name" style="color: #1a5276;">Double IPA</span>
<span class="beer-abv">8.0% ABV</span>
</div>
<div class="beer-desc">A Double IPA bursting with Sultana hops bringing bold pineapple, citrus, and pine flavours. A smooth malt backbone balances the resinous bitterness for a crisp and juicy finish.</div>
<div class="beer-desc">Sultana hops with bold pineapple, citrus, and pine. Smooth malt backbone with a juicy finish.</div>
</div>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Baltic Porter</span>
<span class="beer-name" style="color: #5d3a1a;">Baltic Porter</span>
<span class="beer-abv">9.0% ABV</span>
</div>
<div class="beer-desc">A rich, full-bodied Baltic Porter with deep notes of dark chocolate, roasted coffee, and dried fruit, finishing smooth and warming.</div>
<div class="beer-desc">Dark chocolate, roasted coffee, and dried fruit. Smooth and warming.</div>
</div>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Stout</span>
<span class="beer-name" style="color: #1a1a1a;">Stout</span>
<span class="beer-abv">5.5% ABV</span>
</div>
<div class="beer-desc">A smooth stout with rich notes of dark chocolate, coffee, and caramel, finishing with a velvety texture and balanced bitterness.</div>
<div class="beer-desc">Rich dark chocolate, coffee, and caramel with a velvety texture.</div>
</div>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Lemonade Radler</span>
<span class="beer-name" style="color: #d4a017;">Lemonade Radler</span>
<span class="beer-abv">4.0% ABV</span>
</div>
<div class="beer-desc">A refreshing Lemonade Radler blending zesty citrus with a hint of sweetness. Light-bodied and effervescent, perfect for sun, sand, and all things summer.</div>
<div class="beer-desc">Zesty citrus with a hint of sweetness. Light and effervescent.</div>
</div>

</div>
Expand All @@ -240,42 +239,42 @@ <h1>The Port Taproom</h1>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Naked Apple</span>
<span class="beer-name" style="color: #4caf50;">Naked Apple</span>
<span class="beer-abv">5.3% ABV</span>
</div>
<div class="beer-desc">A classic, crisp, and refreshing medium dry cider with bright apple flavours accented by subtle citrus and pear notes.</div>
<div class="beer-desc">Crisp medium dry cider with bright apple, subtle citrus, and pear notes.</div>
</div>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Wild Blueberry</span>
<span class="beer-name" style="color: #5c3d8f;">Wild Blueberry</span>
<span class="beer-abv">5.3% ABV</span>
</div>
<div class="beer-desc">A unique medium dry cider with a wine-like character, featuring rich blueberry flavours and a hint of plum on the finish.</div>
<div class="beer-desc">Medium dry with wine-like character, rich blueberry, and a hint of plum.</div>
</div>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Perfect Pear</span>
<span class="beer-name" style="color: #8d6e2e;">Perfect Pear</span>
<span class="beer-abv">5.3% ABV</span>
</div>
<div class="beer-desc">A well-balanced medium dry cider showcasing delicate pear, apple, and citrus notes for a refreshing and versatile sip.</div>
<div class="beer-desc">Delicate pear, apple, and citrus notes. Refreshing and versatile.</div>
</div>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Juicy Peach</span>
<span class="beer-name" style="color: #e67e22;">Juicy Peach</span>
<span class="beer-abv">5.3% ABV</span>
</div>
<div class="beer-desc">A sweet, fruit-forward cider bursting with vibrant peach aroma and flavour, delivering a smooth and refreshing taste.</div>
<div class="beer-desc">Fruit-forward with vibrant peach aroma. Smooth and refreshing.</div>
</div>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Honey Crisp Apple</span>
<span class="beer-name" style="color: #c0392b;">Honey Crisp Apple</span>
<span class="beer-abv">6.0% ABV</span>
</div>
<div class="beer-desc">A medium dry cider with bold apple flavour, crisp vinous notes, and a balanced, rounded mouthfeel.</div>
<div class="beer-desc">Bold apple flavour with crisp vinous notes and a rounded mouthfeel.</div>
</div>

</div>
Expand All @@ -288,26 +287,26 @@ <h1>The Port Taproom</h1>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Blackberry</span>
<span class="beer-name" style="color: #6a1b6a;">Blackberry</span>
<span class="beer-abv">5.5% ABV</span>
</div>
<div class="beer-desc">Only 1 gram of sugar, offering bold, ripe blackberry taste with a crisp, clean profile.</div>
<div class="beer-desc">Only 1g sugar. Bold, ripe blackberry with a crisp, clean finish.</div>
</div>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Gin Fizz</span>
<span class="beer-name" style="color: #0e8c7f;">Gin Fizz</span>
<span class="beer-abv">5.5% ABV</span>
</div>
<div class="beer-desc">Only 1 gram of sugar, inspired by a classic gin fizz, providing a crisp, effervescent, and refreshing experience.</div>
<div class="beer-desc">Only 1g sugar. Classic gin fizz inspired, crisp and effervescent.</div>
</div>

<div class="beer-item">
<div class="beer-header">
<span class="beer-name">Hard Iced Tea</span>
<span class="beer-name" style="color: #b8860b;">Hard Iced Tea</span>
<span class="beer-abv">5.5% ABV</span>
</div>
<div class="beer-desc">Made with vodka and real lemon tea for a smooth, refreshing taste with a clean finish.</div>
<div class="beer-desc">Made with vodka and real lemon tea. Smooth and refreshing.</div>
</div>

</div>
Expand Down