Add Samsung Bespoke Oven master guide HTML
· 5 months ago
78af3b577eaaecaae6430cdda1c2e21ea7e4f6bb
Parent:
9c92a4298
Introduces a comprehensive, interactive HTML guide for the Samsung Bespoke Wall Oven (NQ70CB700D). Includes quick start instructions, operations, rack positions, Twin Mode details, troubleshooting, and error codes, styled with Bootstrap and custom CSS.
1 file changed +501 −0
- samsung-bespoke-oven-guide.html +501 −0
Diff
--- /dev/null +++ b/samsung-bespoke-oven-guide.html @@ -0,0 +1,501 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0"> + + <!-- SEO Metadata --> + <title>Samsung Bespoke Wall Oven (NQ70CB700D) Master Guide</title> + <meta name="description" content="A visual, interactive cheat sheet for the Samsung Bespoke Microwave Combination Wall Oven. Master Air Fry, Steam Cook, Twin Mode, and troubleshooting error codes."> + <meta name="keywords" content="Samsung NQ70CB700D12AA, Bespoke Wall Oven, Microwave Combo, Air Fry Guide, Steam Cook, Error Codes, Manual"> + <link rel="canonical" href="https://cheatsheets.davidveksler.com/samsung-bespoke-oven-guide.html"> + + <!-- Open Graph --> + <meta property="og:title" content="Samsung Bespoke Wall Oven Master Guide"> + <meta property="og:description" content="Interactive visual guide for Samsung's AI-enabled Combination Wall Oven."> + <meta property="og:type" content="article"> + <meta property="og:url" content="https://cheatsheets.davidveksler.com/samsung-bespoke-oven-guide.html"> + <meta property="og:image" content="images/samsung-bespoke-oven-guide.png"> + + <!-- Twitter Card --> + <meta name="twitter:card" content="summary_large_image"> + <meta name="twitter:title" content="Samsung Bespoke Oven Guide"> + <meta name="twitter:description" content="Master your Microwave Combo Oven with this interactive quick-start guide."> + <meta name="twitter:image" content="images/samsung-bespoke-oven-guide.png"> + + <!-- Bootstrap 5.3.3 CSS --> + <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> + <!-- Bootstrap Icons --> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css"> + + <!-- JSON-LD Structured Data --> + <script type="application/ld+json"> + { + "@context": "https://schema.org", + "@type": "TechArticle", + "headline": "Samsung Bespoke NQ70CB700D Master Guide", + "description": "Comprehensive operational guide for the Samsung Bespoke Microwave Combination Wall Oven.", + "author": {"@type": "Person", "name": "David Veksler (AI Generated)"}, + "publisher": {"@type": "Organization", "name": "David Veksler Cheatsheets"}, + "datePublished": "2023-10-25", + "dateModified": "2023-10-25", + "keywords": "Samsung Oven, Microwave Combination, Air Fry, Steam Cook" + } + </script> + + <style> + :root { + --device-bg: #1a1a1a; + --ui-blue: #2d6eff; /* Samsung UI Blue */ + --ui-dark: #000000; + --ui-text: #ffffff; + --ui-grey: #495057; + --accent-steam: #0dcaf0; + --accent-heat: #fd7e14; + } + + body { + background-color: #f4f4f4; + color: #333; + font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; + } + + /* Hardware Simulation Styles */ + .lcd-display { + background-color: var(--ui-dark); + color: var(--ui-text); + border: 8px solid #2c2c2c; + border-radius: 12px; + padding: 20px; + font-family: 'Roboto', sans-serif; + box-shadow: 0 4px 15px rgba(0,0,0,0.3); + position: relative; + overflow: hidden; + } + + /* The Touch Interface Buttons */ + .touch-btn { + display: inline-flex; + align-items: center; + justify-content: center; + padding: 8px 16px; + border: 1px solid rgba(255,255,255,0.2); + border-radius: 25px; + background: rgba(255,255,255,0.05); + color: white; + font-weight: 500; + cursor: pointer; + transition: all 0.2s ease; + text-transform: uppercase; + font-size: 0.85rem; + margin: 2px; + } + + .touch-btn:hover { + background: rgba(255,255,255,0.15); + border-color: white; + } + + .touch-btn.active-mode { + background: var(--ui-blue); + border-color: var(--ui-blue); + box-shadow: 0 0 10px rgba(45, 110, 255, 0.4); + } + + .touch-btn i { + margin-right: 6px; + } + + /* Physical Rack Diagram */ + .oven-cavity { + background: #2b2b2b; + border: 4px solid #444; + border-radius: 8px; + padding: 10px; + position: relative; + height: 200px; + display: flex; + flex-direction: column; + justify-content: space-between; + } + + .rack-guide { + height: 2px; + background: #666; + width: 100%; + position: relative; + } + + .rack-guide::after { + content: attr(data-level); + position: absolute; + right: -25px; + top: -10px; + color: #333; + font-weight: bold; + font-size: 0.8rem; + } + + /* Typography & Utilities */ + h1, h2, h3 { + color: var(--device-bg); + } + + .term-tip { + border-bottom: 1px dotted var(--ui-blue); + cursor: help; + color: var(--device-bg); + font-weight: 600; + } + + .bg-device { + background-color: var(--device-bg); + color: white; + } + + .badge-upper { background-color: #6610f2; } /* Microwave/Top */ + .badge-lower { background-color: var(--accent-heat); } /* Oven/Bottom */ + + /* Print Optimization */ + @media print { + .no-print, .navbar, .accordion-button::after { display: none !important; } + body { background: white; color: black; } + .lcd-display { border: 2px solid black; color: black; background: white; } + .touch-btn { border: 1px solid black; color: black; background: white; } + .touch-btn.active-mode { background: #eee !important; border-color: black; } + .rack-guide::after { color: black; } + .card { break-inside: avoid; border: 1px solid #ccc; box-shadow: none; } + a[href]:after { content: none !important; } + } + </style> +</head> +<body> + + <!-- Navigation --> + <nav class="navbar navbar-expand-lg navbar-dark bg-dark sticky-top no-print"> + <div class="container-fluid"> + <a class="navbar-brand" href="#"><i class="bi bi-oven"></i> Samsung NQ70CB700D</a> + <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"> + <span class="navbar-toggler-icon"></span> + </button> + <div class="collapse navbar-collapse" id="navbarNav"> + <ul class="navbar-nav ms-auto"> + <li class="nav-item"><a class="nav-link" href="#quick-start">Quick Start</a></li> + <li class="nav-item"><a class="nav-link" href="#operations">Operations</a></li> + <li class="nav-item"><a class="nav-link" href="#racks">Racks & Twin Mode</a></li> + <li class="nav-item"><a class="nav-link" href="#troubleshooting">Troubleshooting</a></li> + </ul> + </div> + </div> + </nav> + + <div class="container py-4"> + + <!-- Header --> + <header class="text-center mb-5 border-bottom pb-4"> + <h1 class="display-5 fw-bold"><i class="bi bi-exclude"></i> Samsung Bespoke Combo Oven</h1> + <p class="lead text-muted">Unofficial Master Guide for Model NQ70CB700D12AA</p> + <div class="d-flex justify-content-center gap-3 no-print"> + <span class="badge bg-secondary"><i class="bi bi-wifi"></i> SmartThings</span> + <span class="badge bg-secondary"><i class="bi bi-wind"></i> Air Fry</span> + <span class="badge bg-secondary"><i class="bi bi-droplet-half"></i> Steam Cook</span> + </div> + </header> + + <!-- Quick Start / Hardware Map --> + <section id="quick-start" class="mb-5"> + <div class="row g-4"> + <div class="col-md-7"> + <div class="card shadow-sm h-100"> + <div class="card-header bg-device text-white"> + <h5 class="mb-0"><i class="bi bi-map"></i> The Interface (Touch Screen)</h5> + </div> + <div class="card-body bg-dark d-flex align-items-center justify-content-center p-4"> + <!-- Simulated Touch Screen --> + <div class="lcd-display w-100"> + <div class="d-flex justify-content-between mb-3 text-secondary text-uppercase small"> + <span><i class="bi bi-clock"></i> 4:35 PM</span> + <span><i class="bi bi-wifi"></i> Connected</span> + </div> + + <!-- Top Half: Microwave --> + <div class="border-bottom border-secondary pb-3 mb-3"> + <h6 class="text-uppercase text-muted small">Upper Oven (Microwave+)</h6> + <div class="d-flex gap-2 flex-wrap"> + <span class="touch-btn"><i class="bi bi-mic"></i> Microwave</span> + <span class="touch-btn"><i class="bi bi-lightning-charge"></i> Speed Broil</span> + <span class="touch-btn"><i class="bi bi-egg-fried"></i> Air Fry</span> + </div> + </div> + + <!-- Bottom Half: Oven --> + <div> + <h6 class="text-uppercase text-muted small">Lower Oven (Convection)</h6> + <div class="d-flex gap-2 flex-wrap"> + <span class="touch-btn active-mode"><i class="bi bi-fan"></i> Conv. Bake</span> + <span class="touch-btn"><i class="bi bi-moisture"></i> Steam Roast</span> + <span class="touch-btn"><i class="bi bi-grid-1x2"></i> Flex Duo</span> + </div> + <div class="mt-3 text-center"> + <h2 class="fw-light display-4 mb-0">325°F</h2> + <span class="text-info small">Preheating...</span> + </div> + </div> + + <!-- Side Actions --> + <div class="position-absolute top-0 end-0 p-3"> + <div class="d-grid gap-2"> + <span class="touch-btn border-0" data-bs-toggle="tooltip" title="Opens the water drawer on the top right"><i class="bi bi-droplet"></i> Reservoir</span> + <span class="touch-btn border-0" data-bs-toggle="tooltip" title="Turn on/off internal lights"><i class="bi bi-lightbulb"></i> Light</span> + <span class="touch-btn border-0" data-bs-toggle="tooltip" title="System Settings"><i class="bi bi-gear"></i></span> + </div> + </div> + </div> + </div> + </div> + </div> + + <div class="col-md-5"> + <div class="card shadow-sm h-100"> + <div class="card-header bg-warning text-dark"> + <h5 class="mb-0"><i class="bi bi-stars"></i> Golden Rules</h5> + </div> + <ul class="list-group list-group-flush"> + <li class="list-group-item d-flex align-items-start"> + <i class="bi bi-1-circle-fill text-primary me-2 mt-1"></i> + <div> + <strong>Burn-in Required:</strong> Before first use, run Lower Oven (Bake 400°F) and Upper Oven (Power Convection 400°F) for <span class="badge bg-danger">1 Hour</span> to remove factory odors. + </div> + </li> + <li class="list-group-item d-flex align-items-start"> + <i class="bi bi-2-circle-fill text-primary me-2 mt-1"></i> + <div> + <strong>Water Reservoir:</strong> Located top right. Fill with 22oz (650ml) of filtered water before any <span class="term-tip" data-bs-toggle="tooltip" title="Steam Bake, Steam Roast, Steam Cook">Steam Mode</span>. + </div> + </li> + <li class="list-group-item d-flex align-items-start"> + <i class="bi bi-3-circle-fill text-primary me-2 mt-1"></i> + <div> + <strong>Rack Discipline:</strong> + <br>Microwave mode = <span class="text-danger fw-bold">NO Metal Racks</span>. + <br>Self-Clean mode = <span class="text-danger fw-bold">Remove ALL Racks</span>. + </div> + </li> + </ul> + </div> + </div> + </div> + </section> + + <!-- Visual Operations Guide --> + <section id="operations" class="mb-5"> + <h3 class="border-bottom pb-2 mb-4">Operations Guide</h3> + + <div class="accordion" id="opsAccordion"> + + <!-- Microwave Operation --> + <div class="accordion-item"> + <h2 class="accordion-header"> + <button class="accordion-button fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseMicro"> + <i class="bi bi-microwave me-2"></i> Upper Oven: Microwave Mode + </button> + </h2> + <div id="collapseMicro" class="accordion-collapse collapse show" data-bs-parent="#opsAccordion"> + <div class="accordion-body"> + <ol class="list-group list-group-numbered list-group-flush"> + <li class="list-group-item">Place food on the ceramic turntable.</li> + <li class="list-group-item">Tap <span class="touch-btn text-dark border-secondary">Microwave</span> on the upper screen.</li> + <li class="list-group-item">Tap <span class="touch-btn text-dark border-secondary">Power</span> to adjust level (Default: 100% High).</li> + <li class="list-group-item">Tap <span class="touch-btn text-dark border-secondary">Cook Time</span> and enter duration via number pad.</li> + <li class="list-group-item">Tap <span class="touch-btn text-dark border-secondary active-mode text-white">Start</span>.</li> + </ol> + <div class="alert alert-info mt-3 small"> + <i class="bi bi-info-circle"></i> <strong>Speed Tip:</strong> Pressing <span class="touch-btn text-dark border-secondary">+30sec</span> immediately starts the microwave at 100% power. + </div> + </div> + </div> + </div> + + <!-- Air Fry Operation --> + <div class="accordion-item"> + <h2 class="accordion-header"> + <button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseAirFry"> + <i class="bi bi-wind me-2"></i> Lower Oven: Air Fry + </button> + </h2> + <div id="collapseAirFry" class="accordion-collapse collapse" data-bs-parent="#opsAccordion"> + <div class="accordion-body"> + <p>Uses high heat and convection fans to crisp food with little oil. <strong>No preheat needed.</strong></p> + <ol class="list-group list-group-numbered list-group-flush"> + <li class="list-group-item">Place <span class="term-tip" data-bs-toggle="tooltip" title="Included mesh tray accessory">Air Fry Tray</span> on <strong>Rack Position 3</strong>.</li> + <li class="list-group-item">Place a baking sheet on a lower rack to catch drippings (Crucial for smoke reduction).</li> + <li class="list-group-item">Select <span class="touch-btn text-dark border-secondary">Air Fry</span> on the lower oven menu.</li> + <li class="list-group-item">Set temperature (350°F - 500°F). Default is 425°F.</li> + <li class="list-group-item">Tap <span class="touch-btn text-dark border-secondary active-mode text-white">Start</span>.</li> + </ol> + </div> + </div> + </div> + + <!-- Steam Cook --> + <div class="accordion-item"> + <h2 class="accordion-header"> + <button class="accordion-button collapsed fw-bold" type="button" data-bs-toggle="collapse" data-bs-target="#collapseSteam"> + <i class="bi bi-moisture me-2"></i> Lower Oven: Steam Cook / Bake + </button> + </h2> + <div id="collapseSteam" class="accordion-collapse collapse" data-bs-parent="#opsAccordion"> + <div class="accordion-body"> + <div class="alert alert-warning py-2"> + <i class="bi bi-exclamation-triangle"></i> <strong>Must fill water reservoir first.</strong> Tap <span class="touch-btn text-dark border-secondary">Open/Close Reservoir</span> to eject the drawer. + </div> + <div class="row"> + <div class="col-md-6"> + <h6><i class="bi bi-cloud-fog"></i> Steam Bake (Breads/Pastry)</h6> + <p class="small text-muted">Creates fluffy centers and crispy crusts.</p> + <span class="touch-btn text-dark border-secondary">Steam Bake</span> → Set Temp → Set Steam Level (Low/Med/High). + </div> + <div class="col-md-6"> + <h6><i class="bi bi-droplet"></i> Steam Roast (Meats/Veg)</h6> + <p class="small text-muted">Keeps meats juicy while browning.</p> + <span class="touch-btn text-dark border-secondary">Steam Roast</span> → Set Temp → Set Steam Level (Med). + </div> + </div> + </div> + </div> + </div> + </div> + </section> + + <!-- Reference Tables --> + <section id="racks" class="mb-5"> + <h3 class="border-bottom pb-2 mb-4">Racks & Twin Mode</h3> + + <div class="row g-4"> + <div class="col-md-6"> + <div class="card h-100"> + <div class="card-header bg-dark text-white">Rack Positions (Lower Oven)</div> + <div class="card-body"> + <div class="d-flex align-items-center"> + <div class="oven-cavity flex-grow-1 me-3"> + <!-- Rack 6 is top, 1 is bottom --> + <div class="rack-guide" data-level="6 (Broil)"></div> + <div class="rack-guide" data-level="5 (Bake 2 Pan)"></div> + <div class="rack-guide" data-level="4 (Dehydrate)"></div> + <div class="rack-guide" data-level="3 (Air Fry)"></div> + <div class="rack-guide" data-level="2 (Roast)"></div> + <div class="rack-guide" data-level="1 (Large Turkey)"></div> + </div> + <div class="small text-muted"> + <p><strong>Pos 6:</strong> Hamburgers</p> + <p><strong>Pos 3:</strong> General Baking / Air Fry</p> + <p><strong>Pos 1:</strong> Large Roasts</p> + </div> + </div> + </div> + </div> + </div> + + <div class="col-md-6"> + <div class="card h-100"> + <div class="card-header bg-primary text-white">Twin Mode (Flex Duo)</div> + <div class="card-body"> + <p class="small">Insert the <strong class="text-primary">Divider</strong> into Rack Position 4 to split the lower oven into two zones.</p> + <table class="table table-sm table-bordered small"> + <thead class="table-light"> + <tr> + <th>Zone</th> + <th>Available Modes</th> + <th>Temp Max</th> + </tr> + </thead> + <tbody> + <tr> + <td><strong>Upper</strong></td> + <td>Broil, Convection Bake, Roast</td> + <td>480°F</td> + </tr> + <tr> + <td><strong>Lower</strong></td> + <td>Bake, Convection Bake</td> + <td>480°F</td> + </tr> + </tbody> + </table> + <p class="text-muted extra-small fst-italic">*Note: Broil is only available in the Upper zone during Twin Mode.</p> + </div> + </div> + </div> + </div> + </section> + + <!-- Troubleshooting & Error Codes --> + <section id="troubleshooting" class="mb-5"> + <h3 class="border-bottom pb-2 mb-4">Troubleshooting</h3> + + <div class="table-responsive"> + <table class="table table-striped table-hover align-middle"> + <thead class="table-dark"> + <tr> + <th width="15%">Code / Issue</th> + <th width="30%">Likely Cause</th> + <th>Solution</th> + </tr> + </thead> + <tbody> + <tr> + <td><span class="badge bg-danger font-monospace">C-d0</span></td> + <td>Control Key Stuck</td> + <td>Clean the touch panel. Dry any moisture. Power cycle the oven (flip breaker) if stuck for >1 min.</td> + </tr> + <tr> + <td><span class="badge bg-danger font-monospace">C-d1</span></td> + <td>Door Lock Fail</td> + <td>Door lock mispositioned. Turn off oven, try to open/close door firmly, restart.</td> + </tr> + <tr> + <td><span class="badge bg-danger font-monospace">C-A2</span></td> + <td>Cooling Motor</td> + <td>Cooling motor operating abnormally. Call service.</td> + </tr> + <tr> + <td><span class="badge bg-danger font-monospace">-dC-</span></td> + <td>Divider Error</td> + <td>The divider is inserted/removed while oven is running. Turn off oven, re-seat divider, restart.</td> + </tr> + <tr> + <td><strong>White Smoke</strong></td> + <td>Residue / Air Fry</td> + <td>Normal for Air Fry with high-fat foods. Ensure a drip pan is used below the Air Fry tray.</td> + </tr> + <tr> + <td><strong>Water Dripping</strong></td> + <td>Steam Mode</td> + <td>Normal during Steam Cook. Wipe dry with cloth after oven cools.</td> + </tr> + </tbody> + </table> + </div> + </section> + + <footer class="text-center text-muted py-4 border-top mt-5 no-print"> + <p class="small">Content distilled from Samsung NQ70CB700D User Manual. This is an unofficial guide.</p> + <button class="btn btn-outline-dark btn-sm" onclick="window.print()"><i class="bi bi-printer"></i> Print Emergency Card</button> + </footer> + + </div> + + <!-- Bootstrap JS --> + <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script> + + <!-- Tooltip Initialization --> + <script> + document.addEventListener('DOMContentLoaded', function () { + var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]')) + var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) { + return new bootstrap.Tooltip(tooltipTriggerEl) + }) + }); + </script> +</body> +</html> \ No newline at end of file