snick/order
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

- Implemented the dark photo-based theme.

Browse Source 
Moved all images to public/assets/images.
Added darkened photography across heroes, specials, menu cards, 
authentication, story, checkout, and footer.
Replaced placeholder branding with the supplied logo.
Preserved configurable menu item images.
Updated desktop and mobile styling for readable cream/gold text.
This commit is contained in:
Ty Clifford
2026-06-10 16:11:29 -04:00
parent 16235369cb
commit 34ca1be9b7
35 changed files with 554 additions and 134 deletions
Download Patch File Download Diff File Expand all files Collapse all files
views/store/cart.php
+5 -6
View File
@@ -11,10 +11,10 @@
<div class="empty-state">
<h2>Your order is wide open.</h2>
<p>Start with a burger, a burrito, or whatever sounds good right now.</p>
<a class="button" href="/menu">Browse the Menu</a>
<a class="button" href="<?= e(url('/menu')) ?>">Browse the Menu</a>
</div>
<?php else: ?>
<form action="/cart/update" method="post">
<form action="<?= e(url('/cart/update')) ?>" method="post">
<?= csrf_field() ?>
<div class="cart-list">
<?php foreach ($cart['items'] as $item): ?>
@@ -30,12 +30,12 @@
<input type="number" min="0" max="20" name="quantity[<?= (int) $item['id'] ?>]" value="<?= (int) $item['quantity'] ?>">
</label>
<strong class="cart-line-total"><?= money((int) $item['quantity'] * (int) $item['unit_price_cents']) ?></strong>
<button class="icon-button remove-cart-item" type="submit" formaction="/cart/remove" name="cart_item_id" value="<?= (int) $item['id'] ?>" aria-label="Remove <?= e($item['name']) ?>">&times;</button>
<button class="icon-button remove-cart-item" type="submit" formaction="<?= e(url('/cart/remove')) ?>" name="cart_item_id" value="<?= (int) $item['id'] ?>" aria-label="Remove <?= e($item['name']) ?>">&times;</button>
</article>
<?php endforeach; ?>
</div>
<div class="cart-actions">
<a class="text-link" href="/menu">Add More Items</a>
<a class="text-link" href="<?= e(url('/menu')) ?>">Add More Items</a>
<button class="button button-outline" type="submit">Update Order</button>
</div>
</form>
@@ -50,9 +50,8 @@
<div><dt>Estimated tax</dt><dd><?= money($totals['tax_cents']) ?></dd></div>
<div class="summary-total"><dt>Total</dt><dd><?= money($totals['total_cents']) ?></dd></div>
</dl>
<a class="button button-block button-large" href="/checkout">Continue to Checkout</a>
<a class="button button-block button-large" href="<?= e(url('/checkout')) ?>">Continue to Checkout</a>
<p class="summary-note">Pickup at 410 W Piedmont St, Keyser.</p>
</aside>
<?php endif; ?>
</div>
views/store/checkout.php
+1 -2
View File
@@ -8,7 +8,7 @@
<div class="container checkout-layout section">
<section class="checkout-main">
<form id="checkout-form" class="panel form-stack"
action="/checkout" method="post"
action="<?= e(url('/checkout')) ?>" method="post"
data-square-enabled="<?= $squareEnabled ? 'true' : 'false' ?>"
data-square-app-id="<?= e($squareAppId) ?>"
data-square-location-id="<?= e($squareLocationId) ?>">
@@ -95,4 +95,3 @@
<p class="summary-note">Estimated ready time: <?= (int) $config->get('ordering.pickup_eta_minutes', 25) ?> minutes.</p>
</aside>
</div>
views/store/home.php
+12 -16
View File
@@ -6,7 +6,7 @@
<h1>Big flavor.<br><em>No shortcuts.</em></h1>
<p>Stacked burgers, loaded burritos, and dinner plates that eat like Sunday supper. Order ahead and we will have it hot.</p>
<div class="hero-actions">
<a class="button button-large" href="/menu">Start Your Order</a>
<a class="button button-large" href="<?= e(url('/menu')) ?>">Start Your Order</a>
<?php if ($config->get('business.phone')): ?>
<a class="text-link" href="tel:<?= e(preg_replace('/[^0-9+]/', '', (string) $config->get('business.phone'))) ?>">
Call <?= e($config->get('business.phone')) ?>
@@ -18,19 +18,15 @@
<span><?= (bool) $config->get('ordering.accepting_orders', true) ? 'Ordering now open' : 'Ordering currently paused' ?></span>
</div>
</div>
<div class="hero-plate" aria-hidden="true">
<div class="plate-ring">
<div class="burger">
<span class="bun bun-top"></span>
<span class="lettuce"></span>
<span class="cheese"></span>
<span class="patty"></span>
<span class="onion"></span>
<span class="patty patty-two"></span>
<span class="bun bun-bottom"></span>
<div class="hero-plate">
<div class="hero-food-photo">
<img src="<?= e(asset('assets/images/chicken-sandwich-fries.jpg')) ?>" alt="Chicken sandwich and hand-cut fries from Fat Bottom Grille">
<div class="hero-photo-caption">
<span>Made in Keyser</span>
<strong>Hot. Fresh. Generous.</strong>
</div>
</div>
<div class="hero-stamp">
<div class="hero-stamp" aria-hidden="true">
<strong>410</strong>
<span>W Piedmont</span>
</div>
@@ -46,7 +42,7 @@
<span class="eyebrow">Happening now</span>
<h2>Today’s Specials</h2>
</div>
<a class="text-link" href="/menu">See the full menu</a>
<a class="text-link" href="<?= e(url('/menu')) ?>">See the full menu</a>
</div>
<div class="special-grid special-count-<?= min(count($specials), 4) ?>">
<?php foreach ($specials as $special): ?>
@@ -59,7 +55,7 @@
<strong><?= money($special['price_cents']) ?></strong>
<?php endif; ?>
<?php if ($special['menu_item_id']): ?>
<form action="/cart/add" method="post">
<form action="<?= e(url('/cart/add')) ?>" method="post">
<?= csrf_field() ?>
<input type="hidden" name="menu_item_id" value="<?= (int) $special['menu_item_id'] ?>">
<input type="hidden" name="quantity" value="1">
@@ -97,7 +93,7 @@
<span class="eyebrow">Pick your direction</span>
<div class="category-links">
<?php foreach ($categories as $category): ?>
<a href="/menu#<?= e($category['slug']) ?>">
<a href="<?= e(url('/menu')) ?>#<?= e($category['slug']) ?>">
<strong><?= e($category['name']) ?></strong>
<span><?= count($category['items']) ?> picks</span>
</a>
@@ -116,7 +112,7 @@
<span class="eyebrow">Proudly from Keyser</span>
<h2>Food that shows up hungry.</h2>
<p>Fat Bottom Grille is the kind of place where the portions are honest and nobody leaves wondering what is for dinner. Find us at 410 W Piedmont Street, right here in Keyser.</p>
<a class="button button-outline" href="/menu">Order for Pickup</a>
<a class="button button-outline" href="<?= e(url('/menu')) ?>">Order for Pickup</a>
</div>
</div>
</section>
views/store/menu.php
+2 -3
View File
@@ -5,7 +5,7 @@
<h1>Order Online</h1>
<p>Choose your favorites and we will get the kitchen moving.</p>
</div>
<form class="menu-search" action="/menu" method="get">
<form class="menu-search" action="<?= e(url('/menu')) ?>" method="get">
<label for="menu-query">Search the menu</label>
<div class="search-row">
<input id="menu-query" type="search" name="q" value="<?= e($query) ?>" placeholder="Burger, chicken, fries...">
@@ -29,7 +29,7 @@
<span class="eyebrow">No match yet</span>
<h2>We could not find “<?= e($query) ?>”</h2>
<p>Try another search or browse the full menu.</p>
<a class="button" href="/menu">Clear Search</a>
<a class="button" href="<?= e(url('/menu')) ?>">Clear Search</a>
</div>
<?php endif; ?>
<?php foreach ($categories as $category): ?>
@@ -49,4 +49,3 @@
</section>
<?php endforeach; ?>
</div>
views/store/order-complete.php
+2 -3
View File
@@ -15,9 +15,8 @@
<?php endforeach; ?>
</div>
<div class="confirmation-actions">
<a class="button" href="/menu">Order Something Else</a>
<?php if ($currentUser): ?><a class="button button-outline" href="/account">View My Orders</a><?php endif; ?>
<a class="button" href="<?= e(url('/menu')) ?>">Order Something Else</a>
<?php if ($currentUser): ?><a class="button button-outline" href="<?= e(url('/account')) ?>">View My Orders</a><?php endif; ?>
</div>
</div>
</section>