<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>High Protein Pancakes — Flavourish</title>
<meta name="description" content="High Protein Pancakes. Quick blender pancakes with banana, eggs, walnuts, and berries. Ready for Flavourish." />
<style>
:root{--bg:#fbfbfb;--card:#ffffff;--accent:#ff6b35;--muted:#6b7280;--max:700px}
html,body{height:100%;margin:0;font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;color:#111}
.wrap{min-height:100%;display:flex;align-items:center;justify-content:center;padding:28px;background:linear-gradient(180deg,#ffffff 0%,var(--bg) 100%)}
.card{width:100%;max-width:var(--max);background:var(--card);border-radius:14px;box-shadow:0 8px 30px rgba(16,24,40,.08);padding:22px}
h1{font-size:20px;margin:0 0 8px}
.meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.pill{font-size:12px;background:#f3f4f6;padding:6px 8px;border-radius:999px;color:var(--muted)}
.section{margin-bottom:14px}
ul{margin:8px 0 0 18px;padding:0}
li{margin:6px 0}
.instructions{background:#f9fafb;padding:12px;border-radius:8px}
.footer{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}
.btn{background:var(--accent);color:#fff;padding:10px 12px;border-radius:8px;text-decoration:none;font-weight:600}
a.source{color:var(--accent);text-decoration:none;font-size:13px}
.credits{font-size:12px;color:var(--muted)}
pre.jsonld{display:none}
@media (max-width:520px){.card{padding:16px}h1{font-size:18px}}
</style>
<script>
// copy-to-clipboard for quick integration
function copyHTML(){
const blob = new Blob([document.documentElement.outerHTML], {type: 'text/html'});
const reader = new FileReader();
reader.onload = function(){ navigator.clipboard.writeText(reader.result).then(()=>{ alert('HTML copied to clipboard. Paste into your editor or Flavourish HTML import.'); }); };
reader.readAsText(blob);
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Recipe",
"name": "High Protein Pancakes",
"author": {"@type":"Person","name":"Flavourish User"},
"description":"Quick blender pancakes made with banana, eggs, walnuts and berries.",
"recipeIngredient":["1 banana","Handful of walnuts","3 eggs","Handful of blueberries or raspberries"],
"recipeInstructions":[{"@type":"HowToStep","text":"Add all ingredients to a blender."},{"@type":"HowToStep","text":"Blend briefly until just combined. Keep it slightly chunky."},{"@type":"HowToStep","text":"Cook on a hot, lightly oiled pan like regular pancakes."},{"@type":"HowToStep","text":"Serve warm with toppings like yogurt, honey or extra berries."}],
"recipeCategory":"Breakfast",
"keywords":"high protein, blender, quick, pancakes",
"cookTime":"PT10M",
"prepTime":"PT5M",
"totalTime":"PT15M",
"recipeYield":"2-3 servings"
}
</script>
</head>
<body>
<div class="wrap">
<article class="card" role="article">
<header>
<h1>High Protein Pancakes</h1>
<div class="meta">
<div class="pill">Breakfast</div>
<div class="pill">High Protein</div>
<div class="pill">Blender</div>
<div class="pill">Quick</div>
</div>
</header>
<section class="section">
<strong>Ingredients</strong>
<ul>
<li>1 banana</li>
<li>A handful of walnuts</li>
<li>3 eggs</li>
<li>A handful of blueberries or raspberries</li>
</ul>
</section>
<section class="section">
<strong>Instructions</strong>
<div class="instructions">
<ol>
<li>Add all ingredients to a blender.</li>
<li>Blend briefly until just combined. Keep it slightly chunky.</li>
<li>Cook the mixture on a hot, lightly oiled pan like regular pancakes.</li>
<li>Serve warm with your favorite toppings such as yogurt, honey, or extra berries.</li>
</ol>
</div>
</section>
<section class="section">
<strong>Notes</strong>
<p class="credits">If you want a thinner batter, add a splash of milk or water. To make it dairy free, use water or plant milk. For extra protein, add a scoop of unflavoured protein powder.</p>
</section>
<footer class="footer">
<div>
<a class="source" href="https://www.facebook.com/reel/1334904591676627" target="_blank" rel="noopener">Source: Facebook reel</a>
</div>
<div>
<button class="btn" onclick="copyHTML()" aria-label="Copy HTML">Copy HTML</button>
</div>
</footer>
</article>
</div>
</body>
</html>