corner_cafe / index.html
2000pd3rvr
Corner cafe v1.17: cycle the full hero set on every device.
02ea58b
Raw
History Blame Contribute Delete
48.1 kB
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<meta id="meta-theme-color" name="theme-color" content="#070707">
<!-- Media via HF dataset PIANDT/sushi_atelier_artifacts (legacy folder name; cafe photography). -->
<link rel="icon" type="image/svg+xml" href="logo-c.svg?v=1.17">
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png?v=1.17">
<script>
(function () {
try {
var k = "corner-cafe-theme";
var t = localStorage.getItem(k);
var th = t === "light" ? "light" : "dark";
document.documentElement.setAttribute("data-theme", th);
var meta = document.getElementById("meta-theme-color");
if (meta) meta.setAttribute("content", th === "light" ? "#f6f3ee" : "#070707");
} catch (e) {
document.documentElement.setAttribute("data-theme", "dark");
}
})();
</script>
<title>Corner cafe | Scottish Breakfast, Lunch &amp; Tea · Eskdail Court, Dalkeith</title>
<meta name="description" content="Scottish and British cafe fare at 9 Eskdail Court, Dalkeith: full breakfast, hearty lunch, afternoon tea. Haggis, Cullen skink, pies, scones and proper tea.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://images.pexels.com" crossorigin>
<link rel="dns-prefetch" href="https://huggingface.co">
<link rel="stylesheet" href="styles.css?v=1.17">
<!-- Fonts load without blocking first paint; system stack renders immediately. -->
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Great+Vibes&family=Manrope:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&display=swap"
media="print"
onload="this.media='all';this.onload=null">
<noscript>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Great+Vibes&family=Manrope:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500&display=swap">
</noscript>
</head>
<body>
<header class="site-header">
<div class="container nav-wrap">
<a class="brand" href="#home" aria-label="The Corner Cafe home">
<span class="brand-wordmark" aria-hidden="true">The Corner Cafe</span>
<span class="brand-sr-only">The Corner Cafe</span>
</a>
<nav class="nav nav-desktop" aria-label="Primary">
<a href="#about">About</a>
<a href="#spotlight">Spotlight</a>
<a href="#menu">Menu</a>
<a href="#hours">Contact</a>
<span class="open-now-chip is-closed" data-open-now>Closed</span>
</nav>
<div class="nav-actions">
<span class="wip-banner" role="status">Site In Progress</span>
<button type="button" class="theme-toggle" data-theme-toggle aria-label="Switch to light theme" title="Theme">
<svg class="theme-icon theme-icon-sun" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<circle cx="12" cy="12" r="4"/>
<path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"/>
</svg>
<svg class="theme-icon theme-icon-moon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z"/>
</svg>
</button>
<button type="button" class="nav-toggle" data-nav-toggle aria-expanded="false" aria-controls="nav-mobile" aria-label="Open menu"></button>
</div>
</div>
<nav id="nav-mobile" class="nav-mobile container" data-nav-panel aria-label="Mobile primary">
<a href="#about">About</a>
<a href="#spotlight">Spotlight</a>
<a href="#menu">Menu</a>
<a href="#hours">Contact</a>
<span class="open-now-chip is-closed" data-open-now>Closed</span>
<a href="#menu">See the menu</a>
</nav>
</header>
<main id="home">
<section class="hero">
<!--
Full hero set (7 clips in the HF hero folder). Ordered lightest-first so the opening
frame is ~112KB. Only the active clip has a real src; script.js attaches the rest
one ahead, and advances through every clip (no per-video HTML loop).
-->
<div class="hero-media" data-hero-slideshow aria-hidden="true">
<video class="hero-slide is-active" autoplay muted playsinline preload="metadata" data-hero-video>
<source src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/videos/hero/pexels-video-4109542.mp4" type="video/mp4">
</video>
<video class="hero-slide" muted playsinline preload="none" data-hero-video
data-src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/videos/hero/pexels-video-34556295.mp4"></video>
<video class="hero-slide" muted playsinline preload="none" data-hero-video
data-src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/videos/hero/pexels-video-6529453.mp4"></video>
<video class="hero-slide" muted playsinline preload="none" data-hero-video
data-src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/videos/hero/pexels-video-8523306.mp4"></video>
<video class="hero-slide" muted playsinline preload="none" data-hero-video
data-src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/videos/hero/pexels-video-35510475.mp4"></video>
<video class="hero-slide" muted playsinline preload="none" data-hero-video
data-src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/videos/hero/pexels-video-37784347.mp4"></video>
<video class="hero-slide" muted playsinline preload="none" data-hero-video
data-src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/videos/hero/pexels-video-8964522.mp4"></video>
</div>
<div class="hero-overlay"></div>
<div class="container hero-content">
<img
class="hero-logo"
src="logo-c.svg?v=1.17"
alt="Corner cafe"
width="256"
height="256"
fetchpriority="high"
decoding="async">
<div class="hero-actions">
<a class="btn" href="#hours">Find us</a>
<a class="btn btn-outline" href="#menu">View menu</a>
<a class="btn btn-outline" href="#hours">Enquire</a>
</div>
</div>
</section>
<section class="section hotel-intro">
<div class="container hotel-intro__content">
<h2 class="hotel-intro__title">A neighbourhood cafe that feels like home.</h2>
<p class="hotel-intro__lead">
Corner cafe serves Scottish and British classics from morning porridge to afternoon tea—haggis rolls,
Cullen skink, steak &amp; ale pie, warm scones and a proper brew. The counter faces the room so you can
watch plates leave the kitchen, with soft seats for linger-over lunches and tea for two.
</p>
<details class="hotel-intro__details">
<summary>See more</summary>
<p>
You’ll find us at 9 Eskdail Court in Dalkeith, Midlothian—steps from the High Street. Walk-ins are welcome;
mornings fill quickly for the full Scottish, and tea service is popular from midday onwards.
</p>
</details>
</div>
</section>
<section id="about" class="section">
<div class="container section-stack">
<figure class="about-visual about-visual--section">
<div class="glide glide--ltr glide--slider glide--swipeable" data-about-glide tabindex="0" aria-label="About gallery slider">
<div class="glide__track" data-glide-el="track">
<!--
Slides sit in one wide row, so the browser's own lazy-loading treats them all
as near-viewport and fetched every photo up front. Only the first three carry
a src; script.js attaches the rest as they come round.
-->
<ul class="glide__slides">
<li class="glide__slide"><img src="https://images.pexels.com/photos/31450806/pexels-photo-31450806.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 31450806" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img src="https://images.pexels.com/photos/29338219/pexels-photo-29338219.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 29338219" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img src="https://images.pexels.com/photos/5836427/pexels-photo-5836427.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 5836427" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/60564/pexels-photo-60564.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 60564" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/7491941/pexels-photo-7491941.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 7491941" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/18354023/pexels-photo-18354023.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 18354023" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/139746/pexels-photo-139746.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 139746" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/11161469/pexels-photo-11161469.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 11161469" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/5589035/pexels-photo-5589035.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 5589035" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/18416961/pexels-photo-18416961.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 18416961" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/5639413/pexels-photo-5639413.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 5639413" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/18580150/pexels-photo-18580150.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 18580150" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/5836444/pexels-photo-5836444.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 5836444" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/29189659/pexels-photo-29189659.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 29189659" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/12548553/pexels-photo-12548553.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 12548553" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/17628584/pexels-photo-17628584.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 17628584" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/3026810/pexels-photo-3026810.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 3026810" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/38431295/pexels-photo-38431295.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 38431295" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/5638547/pexels-photo-5638547.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 5638547" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/12916029/pexels-photo-12916029.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 12916029" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/1707920/pexels-photo-1707920.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 1707920" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/6763217/pexels-photo-6763217.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 6763217" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/4869287/pexels-photo-4869287.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 4869287" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/13838605/pexels-photo-13838605.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 13838605" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/37029786/pexels-photo-37029786.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 37029786" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/34802738/pexels-photo-34802738.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 34802738" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/29614926/pexels-photo-29614926.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 29614926" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/30346820/pexels-photo-30346820.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 30346820" width="1920" height="1280" loading="lazy" decoding="async"></li>
<li class="glide__slide"><img data-src="https://images.pexels.com/photos/6463663/pexels-photo-6463663.jpeg?auto=compress&cs=tinysrgb&w=800" alt="Cafe food photo from Pexels, image 6463663" width="1920" height="1280" loading="lazy" decoding="async"></li>
</ul>
</div>
</div>
</figure>
<div class="about-highlights">
<h3 class="about-highlights__title">Highlights</h3>
<ul class="about-highlights__list">
<li>Full Scottish breakfast with haggis and Stornoway black pudding</li>
<li>Hearty lunch: Cullen skink, pies, mash and fish &amp; chips</li>
<li>Afternoon tea with warm scones, jam and clotted cream</li>
<li>Scottish teas, filter coffee, soft drinks and a wee dram</li>
</ul>
</div>
</div>
</section>
<section id="spotlight" class="section section-alt">
<div class="container section-stack">
<div
class="spotlight-carousel gallery-spotlight__shell"
data-spotlight-carousel
role="region"
aria-roledescription="carousel"
aria-label="Featured cafe photography slideshow"
>
<div class="gallery-spotlight__stage">
<div class="gallery-spotlight__track" tabindex="0" data-spotlight-viewport role="list">
<figure class="gallery-spotlight__slide is-active" role="listitem" data-spotlight-slide>
<video muted playsinline loop preload="metadata" aria-label="Spotlight video 3680687"
data-src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/spotlight/videos/3680687.mp4"></video>
<figcaption class="gallery-spotlight__caption"></figcaption>
</figure>
<figure class="gallery-spotlight__slide" role="listitem" data-spotlight-slide>
<video muted playsinline loop preload="none" aria-label="Spotlight video 7143980"
data-src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/spotlight/videos/7143980.mp4"></video>
<figcaption class="gallery-spotlight__caption"></figcaption>
</figure>
<figure class="gallery-spotlight__slide" role="listitem" data-spotlight-slide>
<video muted playsinline loop preload="none" aria-label="Spotlight video 6288304"
data-src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/spotlight/videos/6288304.mp4"></video>
<figcaption class="gallery-spotlight__caption"></figcaption>
</figure>
<figure class="gallery-spotlight__slide" role="listitem" data-spotlight-slide>
<video muted playsinline loop preload="none" aria-label="Spotlight video 4519062"
data-src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/spotlight/videos/4519062.mp4"></video>
<figcaption class="gallery-spotlight__caption"></figcaption>
</figure>
<figure class="gallery-spotlight__slide" role="listitem" data-spotlight-slide>
<video muted playsinline loop preload="none" aria-label="Spotlight video 26593715"
data-src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/spotlight/videos/26593715.mp4"></video>
<figcaption class="gallery-spotlight__caption"></figcaption>
</figure>
<figure class="gallery-spotlight__slide" role="listitem" data-spotlight-slide>
<video muted playsinline loop preload="none" aria-label="Spotlight video 7015435"
data-src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/spotlight/videos/7015435.mp4"></video>
<figcaption class="gallery-spotlight__caption"></figcaption>
</figure>
<figure class="gallery-spotlight__slide" role="listitem" data-spotlight-slide>
<video muted playsinline loop preload="none" aria-label="Spotlight video 12769418"
data-src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/spotlight/videos/12769418.mp4"></video>
<figcaption class="gallery-spotlight__caption"></figcaption>
</figure>
<figure class="gallery-spotlight__slide" role="listitem" data-spotlight-slide>
<video muted playsinline loop preload="none" aria-label="Spotlight video 7236865"
data-src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/spotlight/videos/7236865.mp4"></video>
<figcaption class="gallery-spotlight__caption"></figcaption>
</figure>
<figure class="gallery-spotlight__slide" role="listitem" data-spotlight-slide>
<video muted playsinline loop preload="none" aria-label="Spotlight video 10010861"
data-src="https://huggingface.co/datasets/PIANDT/sushi_atelier_artifacts/resolve/main/spotlight/videos/10010861.mp4"></video>
<figcaption class="gallery-spotlight__caption"></figcaption>
</figure>
</div>
<button
type="button"
class="gallery-spotlight__arrow gallery-spotlight__arrow--prev"
data-spotlight-prev
aria-label="Previous slide"
>
<span class="gallery-spotlight__arrow-icon" aria-hidden="true">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14 6l-6 6 6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<button
type="button"
class="gallery-spotlight__arrow gallery-spotlight__arrow--next"
data-spotlight-next
aria-label="Next slide"
>
<span class="gallery-spotlight__arrow-icon" aria-hidden="true">
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10 6l6 6-6 6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
</div>
<div id="menu" class="tabs spotlight-menu-tabs" data-tabs>
<div class="tab-list" role="tablist">
<button type="button" class="tab-btn is-active" data-tab="breakfast" role="tab" aria-selected="true">Breakfast</button>
<button type="button" class="tab-btn" data-tab="lunch" role="tab" aria-selected="false">Lunch</button>
<button type="button" class="tab-btn" data-tab="tea" role="tab" aria-selected="false">Tea</button>
</div>
<div class="tab-panel" data-panel="breakfast" role="tabpanel">
<div class="menu-columns">
<section class="menu-col" aria-label="Morning classics">
<h3 class="menu-heading">Morning classics</h3>
<ul class="menu-list">
<li><span class="dish">Organic porridge <em>cream or oat milk · banana &amp; honey or berries</em></span><span class="amt">£6.50</span></li>
<li><span class="dish">Buttery &amp; jam <em>Aberdeen rowie, unsalted butter</em></span><span class="amt">£3.80</span></li>
<li><span class="dish">Bacon or Lorne sausage roll <em>on a soft morning roll</em></span><span class="amt">£4.50</span></li>
<li><span class="dish">Haggis morning roll <em>brown sauce or ketchup</em></span><span class="amt">£4.80</span></li>
</ul>
<h3 class="menu-heading">Eggs</h3>
<ul class="menu-list">
<li><span class="dish">Eggs on toast <em>fried, scrambled or poached</em></span><span class="amt">£7</span></li>
<li><span class="dish">Eggs Benedict <em>ham, hollandaise, sourdough</em></span><span class="amt">£12</span></li>
<li><span class="dish">Eggs Florentine <em>spinach, hollandaise</em></span><span class="amt">£11.50</span></li>
<li><span class="dish">Smoked salmon &amp; scrambled eggs</span><span class="amt">£13.50</span></li>
</ul>
</section>
<section class="menu-col" aria-label="Full plates">
<h3 class="menu-heading">Full plates</h3>
<ul class="menu-list">
<li><span class="dish">Full Scottish <em>haggis, black pudding, bacon, sausage, egg, tomato, mushroom, toast</em></span><span class="amt">£14.50</span></li>
<li><span class="dish">Vegetarian Scottish <em>veggie haggis, potato scone, egg, tomato, mushroom, beans, toast</em></span><span class="amt">£13.50</span></li>
<li><span class="dish">Wee Scottish <em>half portion of the full</em></span><span class="amt">£10.50</span></li>
<li><span class="dish">Potato scone stack <em>fried egg &amp; crispy bacon</em></span><span class="amt">£9.50</span></li>
</ul>
<h3 class="menu-heading">Something sweet</h3>
<ul class="menu-list">
<li><span class="dish">French toast <em>berry compote &amp; crème fraîche</em></span><span class="amt">£9</span></li>
<li><span class="dish">Pancakes <em>maple syrup or local honey</em></span><span class="amt">£8.50</span></li>
<li><span class="dish">Fruit scone to start <em>butter &amp; jam</em></span><span class="amt">£3.50</span></li>
</ul>
</section>
<section class="menu-col" aria-label="Breakfast sides">
<h3 class="menu-heading">Sides</h3>
<ul class="menu-list">
<li><span class="dish">Extra egg / potato scone / toast</span><span class="amt">£1.80</span></li>
<li><span class="dish">Stornoway black pudding / haggis</span><span class="amt">£2.50</span></li>
<li><span class="dish">Smoked bacon / Lorne sausage</span><span class="amt">£2.80</span></li>
<li><span class="dish">Grilled tomato &amp; mushrooms</span><span class="amt">£2.20</span></li>
</ul>
<p class="menu-note">Breakfast served until 11:30. Add a pot of Scottish breakfast tea or filter coffee from £2.80.</p>
</section>
</div>
</div>
<div class="tab-panel" data-panel="lunch" role="tabpanel" hidden>
<div class="menu-columns">
<section class="menu-col" aria-label="Starters and soup">
<h3 class="menu-heading">Starters &amp; soup</h3>
<ul class="menu-list">
<li><span class="dish">Cullen skink <em>smoked haddock, potato, leek, cream · soda bread</em></span><span class="amt">£9.50</span></li>
<li><span class="dish">Scotch broth <em>lamb, barley, root veg · buttered bread</em></span><span class="amt">£5.80</span></li>
<li><span class="dish">Soup of the day <em>with buttered bread</em></span><span class="amt">£5.50</span></li>
<li><span class="dish">Scotch egg <em>brown sauce</em></span><span class="amt">£6.50</span></li>
<li><span class="dish">Haggis bonbons <em>whisky cream</em></span><span class="amt">£7.50</span></li>
</ul>
<h3 class="menu-heading">Sandwiches &amp; rolls</h3>
<ul class="menu-list">
<li><span class="dish">Hot filled roll <em>bacon, Lorne, or haggis</em></span><span class="amt">£5.50</span></li>
<li><span class="dish">Coronation chicken sandwich</span><span class="amt">£8</span></li>
<li><span class="dish">Mature cheddar &amp; chutney</span><span class="amt">£7</span></li>
<li><span class="dish">Smoked salmon &amp; crowdie</span><span class="amt">£9</span></li>
</ul>
</section>
<section class="menu-col" aria-label="Mains">
<h3 class="menu-heading">Mains</h3>
<ul class="menu-list">
<li><span class="dish">Haggis, neeps &amp; tatties <em>whisky cream sauce</em></span><span class="amt">£13.50</span></li>
<li><span class="dish">Mince &amp; tatties <em>seasonal greens</em></span><span class="amt">£12</span></li>
<li><span class="dish">Steak &amp; ale pie <em>mash or chips, seasonal greens</em></span><span class="amt">£14.50</span></li>
<li><span class="dish">Forfar bridie <em>with mash or chips</em></span><span class="amt">£11.50</span></li>
<li><span class="dish">Fish &amp; chips <em>mushy peas, tartare</em></span><span class="amt">£15</span></li>
<li><span class="dish">Macaroni cheese <em>Mull cheddar crumb</em></span><span class="amt">£11.50</span></li>
<li><span class="dish">Sausage &amp; mash <em>onion gravy</em></span><span class="amt">£12.50</span></li>
<li><span class="dish">Ploughman’s board <em>cheddar, pickle, apple, bread</em></span><span class="amt">£12</span></li>
</ul>
</section>
<section class="menu-col" aria-label="Lunch puddings">
<h3 class="menu-heading">Puddings</h3>
<ul class="menu-list">
<li><span class="dish">Sticky toffee pudding <em>vanilla ice cream</em></span><span class="amt">£6.50</span></li>
<li><span class="dish">Cranachan <em>raspberries, oats, whisky cream</em></span><span class="amt">£6.80</span></li>
<li><span class="dish">Clootie dumpling <em>custard</em></span><span class="amt">£6.50</span></li>
<li><span class="dish">Warm fruit scone <em>jam &amp; clotted cream</em></span><span class="amt">£4.50</span></li>
</ul>
<p class="menu-note">Lunch from midday. Pair with a Scottish ale, soft drink, or pot of tea.</p>
</section>
</div>
</div>
<div class="tab-panel" data-panel="tea" role="tabpanel" hidden>
<div class="menu-columns">
<section class="menu-col" aria-label="Afternoon tea">
<h3 class="menu-heading">Afternoon tea</h3>
<ul class="menu-list">
<li><span class="dish">Classic afternoon tea <em>finger sandwiches, warm scone, petit fours · tea</em></span><span class="amt">£22</span></li>
<li><span class="dish">Vegetarian afternoon tea</span><span class="amt">£22</span></li>
<li><span class="dish">Cream tea <em>two scones, jam, clotted cream · pot of tea</em></span><span class="amt">£9.50</span></li>
<li><span class="dish">Cheese scone cream tea <em>crowdie &amp; chutney</em></span><span class="amt">£9.50</span></li>
</ul>
<h3 class="menu-heading">Bakes</h3>
<ul class="menu-list">
<li><span class="dish">Fruit or plain scone</span><span class="amt">£3.20</span></li>
<li><span class="dish">Traybake of the day</span><span class="amt">£3.50</span></li>
<li><span class="dish">Shortbread (3)</span><span class="amt">£3</span></li>
</ul>
</section>
<section class="menu-col" aria-label="Hot drinks">
<h3 class="menu-heading">Tea &amp; coffee</h3>
<ul class="menu-list">
<li><span class="dish">Scottish breakfast / Earl Grey / peppermint</span><span class="amt">from £2.80</span></li>
<li><span class="dish">Pot of tea for two</span><span class="amt">£4.80</span></li>
<li><span class="dish">Filter coffee / Americano</span><span class="amt">from £2.80</span></li>
<li><span class="dish">Cappuccino / latte / flat white</span><span class="amt">from £3.40</span></li>
<li><span class="dish">Hot chocolate</span><span class="amt">£3.60</span></li>
</ul>
</section>
<section class="menu-col" aria-label="Cold drinks and a dram">
<h3 class="menu-heading">Cold &amp; a dram</h3>
<ul class="menu-list">
<li><span class="dish">Fresh orange / apple juice</span><span class="amt">£3</span></li>
<li><span class="dish">Irn-Bru / soft drinks</span><span class="amt">from £2.50</span></li>
<li><span class="dish">Scottish craft ale / lager</span><span class="amt">from £4.80</span></li>
<li><span class="dish">House red / white by glass</span><span class="amt">from £5.50</span></li>
<li><span class="dish">Whisky 25ml <em>ask for today’s dram</em></span><span class="amt">from £4.50</span></li>
</ul>
</section>
</div>
</div>
</div>
<p class="menu-legal-notes" role="note">
<strong>Allergens:</strong> dishes may contain or come into contact with the 14 major UK allergens—please tell us before ordering.
<span class="menu-legal-notes__sep" aria-hidden="true">·</span>
<strong>Prices:</strong> menu prices include VAT where applicable.
</p>
</div>
</section>
<section class="section menu-intro">
<div class="container menu-intro__content">
<h2 class="menu-intro__title">Scottish plates, British comfort</h2>
<p class="menu-intro__lead">
Drawn from Edinburgh’s British and Scottish cafe tables—farmhouse breakfasts, fish &amp; chips, soup and
bridies, bothy-style whisky notes, and afternoon cream tea with warm scones. We keep it seasonal, local where
we can, and generous: breakfast through lunch into tea, every day we’re open.
</p>
<details class="menu-intro__details">
<summary>See more</summary>
<p>
The cafe counter anchors the room so you can watch the kitchen turn out rolls, soups and trays of scones.
Settle in for a quiet tea, a working lunch, or a catch-up over cranachan—walk-ins welcome at 9 Eskdail Court.
</p>
</details>
</div>
</section>
<section id="hours" class="section section-dark booking-hours">
<div class="container booking-hours__layout">
<article class="booking-hours__col booking-hours__hours" aria-label="Hours">
<p class="eyebrow">Hours</p>
<table class="hours-table hours-table--full">
<tbody>
<tr><td>Monday–Sunday</td><td>9:00–17:00</td></tr>
</tbody>
</table>
<p class="map-note">
<strong>9 Eskdail Court</strong>, Dalkeith, Midlothian. A short stroll from Dalkeith High Street.
</p>
<p class="address-block">9 Eskdail Court, Dalkeith EH22</p>
<p class="hours-delivery-note">Delivery via <em>Just Eat</em> — coming soon.</p>
<p class="hours-service-note">
<strong>Pickup</strong> at the counter · <strong>Delivery</strong> when Just Eat launches.
Online order cut-off <strong>30 minutes before close</strong> (16:30).
</p>
</article>
<article id="booking" class="booking-hours__col booking-hours__booking" aria-label="Booking">
<div class="booking-contact-wrap">
<div class="map-with-note">
<div class="map-embed" aria-label="Map showing Corner cafe location">
<iframe
title="Corner cafe on Google Maps"
src="https://www.google.com/maps?q=9+Eskdail+Court+Dalkeith&output=embed"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
allowfullscreen>
</iframe>
</div>
<p class="map-nearby-note">Just next to Lothians Veterans Centre and the Dalkeith Pharmacy</p>
</div>
<div class="contact-actions">
<p class="contact-social contact-social--vertical" aria-label="Contact links">
<a href="tel:+441315639459" aria-label="Call Corner cafe at +44 131 563 9459">
<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6 19.8 19.8 0 0 1-3.1-8.6A2 2 0 0 1 4 2h3a2 2 0 0 1 2 1.7c.1.9.3 1.7.6 2.5a2 2 0 0 1-.4 2.1L8 9.9a16 16 0 0 0 6.1 6.1l1.6-1.2a2 2 0 0 1 2.1-.4c.8.3 1.6.5 2.5.6A2 2 0 0 1 22 16.9z"/>
</svg>
</a>
<a href="#hours" aria-label="Find Corner cafe">
<svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<rect x="2" y="2" width="20" height="20" rx="5" ry="5"/>
<path d="M16 11.37a4 4 0 1 1-2.37-3.24 4 4 0 0 1 2.37 3.24z"/>
<line x1="17.5" y1="6.5" x2="17.5" y2="6.5"/>
</svg>
</a>
</p>
<button type="button" class="btn contact-us-btn" data-contact-open>Contact us</button>
</div>
</div>
</article>
<p class="booking-hours__quote" aria-live="polite">
<span class="booking-hours__quote-text" data-hours-quote>
“A cracking wee cafe—proper Scottish breakfast and tea that tastes like home.”
</span>
</p>
</div>
</section>
<!--
Policies / Legal & operations is withheld from the published site while the wording is in
draft. To restore: delete the hidden attribute below and re-add the nav, footer and
"Full policies" links that pointed at #policies.
-->
<section id="policies" class="section policies-section" aria-labelledby="policies-title" hidden>
<div class="container policies-wrap">
<p class="eyebrow">Legal &amp; operations</p>
<h2 id="policies-title" class="policies-title">Policies</h2>
<p class="policies-lead">
Draft notices for UK café operations and a future online order flow. Marked
<em>Draft for review</em> until you accept the wording (solicitor / accountant check recommended).
</p>
<div class="policies-list">
<details class="policy-card" id="policies-ops" open>
<summary>1. Legal &amp; operations <span class="policy-draft-tag">Draft for review</span></summary>
<div class="policy-body">
<p>
The Corner Cafe trades from <strong>9 Eskdail Court, Dalkeith, Midlothian</strong>.
These website notices describe how we handle allergens, pricing, privacy, fulfilment,
refunds, and (when enabled) online payments. They do not replace food-hygiene, employment,
or trading-standards obligations, and are not legal advice.
</p>
<p>
Contact: pd3rvr@icloud.com
· <a href="tel:+441315639459">+44 131 563 9459</a>.
</p>
</div>
</details>
<details class="policy-card" id="policies-allergens">
<summary>2. Allergens <span class="policy-draft-tag">Draft for review</span></summary>
<div class="policy-body">
<p>
Our kitchen handles the 14 major allergens recognised in the UK (including cereals containing
gluten, crustaceans, eggs, fish, peanuts, soybeans, milk, nuts, celery, mustard, sesame,
sulphites, lupin and molluscs). Cross-contact may occur.
</p>
<p>
Please tell a member of staff about allergies or intolerances <strong>before you order</strong>.
Written allergen information is available on request. Online ordering (when live) will ask you
to confirm allergen notes before payment.
</p>
</div>
</details>
<details class="policy-card" id="policies-vat">
<summary>3. Prices &amp; VAT <span class="policy-draft-tag">Draft for review</span></summary>
<div class="policy-body">
<p>
Prices on this menu are in pounds sterling (£) and <strong>include VAT where VAT applies</strong>
to the item or service. If our VAT registration status or rates change, we will update displayed
prices. Tips and discretionary service charges (if any) will be shown separately at checkout.
</p>
</div>
</details>
<details class="policy-card" id="policies-privacy">
<summary>4. Privacy (name, phone, email) <span class="policy-draft-tag">Draft for review</span></summary>
<div class="policy-body">
<p>
If you enquire or place an order, we may process your <strong>name, phone number and email</strong>
to confirm the order, arrange pickup/delivery, send status updates, and respond to messages.
We keep this information only as long as needed for the order and any legal record-keeping,
then delete or anonymise it.
</p>
<p>
We do not sell your details. Payment providers (when used) process payment data under their own
notices. To access, correct or delete your data, email
pd3rvr@icloud.com.
You may also complain to the ICO if you believe your data rights have been breached.
</p>
</div>
</details>
<details class="policy-card" id="policies-fulfilment">
<summary>5–6. Pickup, delivery &amp; cut-off times <span class="policy-draft-tag">Draft for review</span></summary>
<div class="policy-body">
<p><strong>Pickup:</strong> collect in café at 9 Eskdail Court during opening hours (Mon–Sun 9:00–17:00).</p>
<p>
<strong>Delivery:</strong> not available from this website yet. Delivery is planned via
<em>Just Eat</em> (“coming soon”). Platform terms will apply for those orders.
</p>
<p>
<strong>Cut-off (draft for online ordering):</strong> last online order for same-day pickup
<strong>30 minutes before close</strong> (16:30). Breakfast items may stop earlier when sold out
or after the breakfast service window (currently until 11:30). We may refuse or retime orders
when the kitchen is at capacity.
</p>
</div>
</details>
<details class="policy-card" id="policies-refunds">
<summary>7. Refunds &amp; failed transfers <span class="policy-draft-tag">Draft for review</span></summary>
<div class="policy-body">
<p>
<strong>Bank transfer / pay-by-bank (when offered):</strong> each order will show a unique payment
reference. Please pay the exact amount with that reference. Orders stay
<em>awaiting payment</em> until funds clear. If you pay the wrong amount or omit the reference,
email us with proof of payment so we can match it—this can delay preparation.
</p>
<p>
<strong>Failed or duplicate transfers:</strong> contact us promptly. Confirmed duplicates or clear
failures will be refunded to the originating account once verified (timing depends on your bank).
Perishable food already prepared to your instruction after payment confirmation is generally
non-refundable, except where required by law or where we cancel.
</p>
</div>
</details>
<details class="policy-card" id="policies-sca">
<summary>8. Strong Customer Authentication / PSD2 <span class="policy-draft-tag">Draft for review</span></summary>
<div class="policy-body">
<p>
Card or open-banking checkout is <strong>not live on this site yet</strong>. When we enable a
regulated payment provider, that provider will handle Strong Customer Authentication (SCA) and
PSD2 obligations (for example bank login, one-time passcode, or app approval).
</p>
<p>
We will not store full card numbers on café systems. Chargebacks, authentication failures and
settlement follow the provider’s terms, which we will link here before go-live.
</p>
</div>
</details>
</div>
<p class="policies-accept-note">
Status: <strong>drafts published for your review</strong>. Reply or edit copy to accept; until then treat
as provisional website wording only.
</p>
</div>
</section>
</main>
<div
class="contact-modal"
id="contact"
data-contact-modal
hidden
inert
role="dialog"
aria-modal="true"
aria-labelledby="contact-modal-title"
>
<button type="button" class="contact-modal__backdrop" data-contact-close aria-label="Close contact form"></button>
<div class="contact-modal__panel">
<div class="contact-modal__head">
<h2 id="contact-modal-title" class="contact-modal__title">Send a message</h2>
<button type="button" class="contact-modal__x" data-contact-close aria-label="Close">&times;</button>
</div>
<form class="contact-form" data-contact-form novalidate>
<label class="contact-form__hp" aria-hidden="true">
Website
<input type="text" name="website" tabindex="-1" autocomplete="off">
</label>
<label class="contact-form__field">
<span>Your email</span>
<input type="email" name="email" required autocomplete="email" maxlength="254" placeholder="you@example.com">
</label>
<label class="contact-form__field">
<span>Subject</span>
<input type="text" name="subject" required maxlength="200" placeholder="Booking, allergen question…">
</label>
<label class="contact-form__field">
<span>Message</span>
<textarea name="message" required maxlength="5000" rows="4" placeholder="How can we help?"></textarea>
</label>
<p class="contact-form__status" data-contact-status role="status" aria-live="polite"></p>
<div class="contact-form__actions">
<button type="button" class="btn btn-outline" data-contact-close>Cancel</button>
<button type="submit" class="btn" data-contact-submit>Send</button>
</div>
</form>
</div>
</div>
<footer class="site-footer">
<div class="container footer-wrap">
<div>
<p class="footer-copy">&copy; <span id="year"></span> The Corner Cafe</p>
</div>
</div>
</footer>
<script src="script.js?v=1.17" defer></script>
</body>
</html>