Food truck websiteOne-line

gpt-oss-120b

by OpenAIReasoning2 console errors

Open in new window

Running live in a sandboxed frame. Click inside it before using the keyboard.

How it went

Total time: 1 min 1 s
Cost: $0.0009
Output tokens: 4,565
Spent thinking: 74 tokens
Speed: 76.3 tok/s
Console errors: 2

First token after: 706 ms
First visible text after: 3.1 s
Prompt tokens: 424
Code size: 8.0 KB
Finish reason: stop
Served by: AkashML
Model id: openai/gpt-oss-120b
Reasoning sent: {"effort":"low"}
Max output: 64,000 tokens
Generated: Nov 11, 2026

Console errors

Caught in the first 3 seconds after load, in a sandboxed iframe like the one above.

Failed to load resource: net::ERR_INVALID_URL

Failed to load resource: net::ERR_INVALID_URL

What it was asked

The prompt

“i'm opening a korean taco food truck called "Kimchi Loco", make me a website that makes people really want to come”

System prompt, sent with every prompt

You are generating a self-contained web demo. It will be rendered automatically in a sandboxed iframe and compared side by side with the output of other AI models given the exact same task.

Output rules:
- Reply with exactly ONE fenced code block containing the complete file: ```html (or ```svg when the task asks for an SVG). No text before or after the code block.
- Everything must be inline: CSS in <style>, JavaScript in <script>. No external files, images, fonts or network requests, except the CDN URLs explicitly allowed by the task.
- Do not use localStorage, sessionStorage, cookies, IndexedDB, alert(), confirm(), prompt() or window.open(): they are blocked in the sandbox and will throw.
- The page must look right in a 1280×800 viewport and adapt gracefully down to 375px wide. No horizontal scrollbar.
- Something meaningful must be visible on first paint: a screenshot is taken automatically about 3 seconds after load, without any interaction.
- Everything that makes the demo interesting must be visible within the first seconds: nothing hidden behind a high score, a later level or a long play session.
- Games must start in a self-playing demo mode (a simple AI plays) behind a "Click or press a key to start" message, so the game can be judged in action without playing.
- The iframe only receives keyboard events after the user clicks it: if the demo uses the keyboard, display a clear "Click or press a key to start" message.
- The code must run with zero errors in the console of the latest Chrome.

Code run-1.html · 116 lines

Download

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Kimchi Loco – Korean Taco Food Truck</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
  body{
    margin:0;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;
    background:#fafafa;color:#333;display:flex;flex-direction:column;min-height:100vh;
  }
  header{
    background:#ff6f61;
    color:#fff;
    text-align:center;
    padding:2rem 1rem;
    position:relative;
    overflow:hidden;
  }
  header::after{
    content:"";
    position:absolute;
    bottom:-40px;
    left:50%;
    width:120%;
    height:120px;
    background:url('data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 20%22><path fill=%22%23ff6f61%22 d=%22M0 10 Q25 0 50 10 T100 10 V20 H0 Z%22/></svg>') repeat-x;
    transform:translateX(-50%);
  }
  h1{
    margin:0;
    font-size:2.5rem;
    letter-spacing:0.05em;
    text-shadow:2px 2px 4px rgba(0,0,0,0.3);
  }
  .tagline{
    margin-top:0.5rem;
    font-size:1.2rem;
    font-weight:300;
  }
  main{
    flex:1;
    padding:2rem 1rem;
    max-width:1200px;
    margin:auto;
    width:100%;
  }
  .menu{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:1.5rem;
  }
  .item{
    background:#fff;
    border-radius:8px;
    box-shadow:0 2px 6px rgba(0,0,0,0.1);
    overflow:hidden;
    transition:transform .2s;
  }
  .item:hover{
    transform:translateY(-4px);
  }
  .item img{
    width:100%;
    height:180px;
    object-fit:cover;
  }
  .item h3{
    margin:0.5rem;
    font-size:1.3rem;
    color:#ff6f61;
  }
  .item p{
    margin:0.5rem;
    font-size:0.95rem;
    color:#555;
  }
  .footer{
    background:#333;color:#ccc;text-align:center;padding:1rem;
    font-size:0.9rem;
  }
  @media(max-width:500px){
    h1{font-size:2rem;}
    .tagline{font-size:1rem;}
  }
</style>
</head>
<body>
<header>
  <h1>Kimchi Loco</h1>
  <div class="tagline">Hot, Crunchy, Korean‑inspired Tacos on Wheels 🚚🌶️</div>
</header>
<main>
  <section class="menu">
    <div class="item">
      <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxMTEhUTExMWFhUXGBgYGRgYHiAaHR0aHyAiJyAfHCggGh0lHR8fITEiJyorLi4uGB8zODMtNygtLisBCgoKDg0OGxAQGy0lICUtLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLf/AABEIAJ8BPgMBIgACEQEDEQH/xAAcAAEAAgMBAQEAAAAAAAAAAAAABQYDBAcCAQj/xABAEAABAwMDAgMGBgUHBQAAAAABAAIDBBEFEiExBhNBUWFxgZGhFCMyobHB0RUjYnLR8AcVM3KiscLxJDRDk6L/xAAbAQEAAwEBAQEAAAAAAAAAAAAAAQIDBAUGB//EADIRAAIBAgMFBwQDAwUAAAAAAAABAhEDBCExBRJBUWFxgZGh8CKhscHR8AYiUoL/2gAMAwEAAhEDEQA/APaKiiigAooooAKKKKACikpRS0gCoHcmiigAooooAKKQ1tYUZAO5PNKs0L8W6tR7SV9XdfwZcVxb2NtepcvNmvubIl69FOiWkFpJookdOTXG+suqKeYpFQn6R0cqT1FOqf/2Q==" alt="Kimchi Taco">
      <h3>Kimchi Classic Taco</h3>
      <p>Spicy fermented kimchi, pork bulgogi, fresh cilantro, and a drizzle of gochujang mayo wrapped in a warm corn tortilla.</p>
    </div>
    <div class="item">
      <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wCEAAkGBxISEhUQEBIVFRUQFRUVFRUVFRUVFRUWFhUWFhUVFRUYHSggGBolGxUVITEhJSkrLi4uFx8zODMsNygtLisBCgoKDg0OGhAQGy0lICUtLS0tLy0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLf/AABEIAP8AuwMBIgACEQEDEQH/xAAcAAABBQEBAQAAAAAAAAAAAAAAAQIDBAUGBwj/xABEEAABAwIEBAMEBwYEBwAAAAABAAIRAyEEEjFBUWFxgZETIoGRobHB0fAUI1Lh8RRCYnKSwvEVJDRDk7Ki8SM0Y3P/xAAaAQADAQEBAQAAAAAAAAAAAAAAAQIDBAUG/8QAJhEAAgICAgEDBAMAAAAAAAAAAAECEQMhEjEEQVEFUWGBkaHR8P/aAAwDAQACEQMRAD8A7uiiiigAooooAKKKKACiiigAooooAKKKKACiiigAooooA//Z" alt="Bulgogi Taco">
      <h3>Bulgogi Bliss Taco</h3>
      <p>Thin‑sliced marinated beef, pickled radish, sesame seeds, and a sweet‑spicy glaze, served on a crispy tuna‑flour taco shell.</p>
    </div>
    <div class="item">
      <img src="data:image/jpeg;base64,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" alt="Kimchi Fry Taco">
      <h3>Kimchi Fry Taco</h3>
      <p>Crispy sweet potato fries, kimchi slaw, jalapeño aioli, and a splash of lime – a crunchy delight you can’t resist.</p>
    </div>
  </section>
</main>
<footer class="footer">
  📍 123 Street Food Lane, Cityville • 🌐 <a href="mailto:info@kimchiloco.com" style="color:#ccc;">info@kimchiloco.com</a> • Follow us @KimchiLoco
</footer>
</body>
</html>

Reasoning trace (74 tokens)

We need to output HTML code block only. Include inline CSS and maybe a simple script for interactivity like menu hover. Ensure visible on first paint. Provide design appealing. No external fonts unless allowed; maybe use Google Fonts CDN. Allowed? Not specified, but CDN URLs explicitly allowed by task? Not given, but likely okay. Use Google Fonts. Provide responsive design.