<!DOCTYPE html>
<html lang="en">
   <head>
      <!-- Google tag (gtag.js) -->
      <script async src="https://www.googletagmanager.com/gtag/js?id=G-4VMM1BXTC0"></script>
      <script>
         window.dataLayer = window.dataLayer || [];
         function gtag(){dataLayer.push(arguments);}
         gtag('js', new Date());
         
         gtag('config', 'G-4VMM1BXTC0');
      </script>
      <meta charset="UTF-8" />
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      <!-- TÍTULO DE LA PÁGINA (SEO) -->
      <title>MoreCoffeePlease — Keep Your Computer Awake</title>
      <!-- META DESCRIPTION (SEO) -->
      <meta name="description" content="Prevent your computer from sleeping with MoreCoffeePlease — a free, privacy-friendly tool that keeps your screen awake. No installation, no tracking. Just click Start.">
      <!-- META KEYWORDS (opcional pero cada vez menos relevante) -->
      <meta name="keywords" content="stay awake, keep screen on, wake lock, prevent sleep, computer awake, browser tool, no sleep, insomnia, screen lock, downloads, MoreCoffeePlease">
      <!-- AUTHOR (recomendado) -->
      <meta name="author" content="MoreCoffeePlease">
      <!-- CANONICAL (importante para evitar contenido duplicado) -->
      <link rel="canonical" href="https://www.morecoffeeplease.com/" />
      <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap" rel="stylesheet" />
      <link rel="stylesheet" href="css/style.css">
      <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />
      <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
      <link rel="shortcut icon" href="/favicon.ico" />
      <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
      <meta name="apple-mobile-web-app-title" content="MoreCoffeePlease.com" />
      <link rel="manifest" href="/site.webmanifest" />
      <!-- Primary Meta Tags -->
      <title>MoreCoffeePlease — Keep Your Computer Awake</title>
      <meta name="title" content="MoreCoffeePlease — Keep Your Computer Awake">
      <meta name="description" content="A free browser-based tool to prevent your computer from sleeping. Works on any modern device. No installation. Just click Start.">
      <!-- Open Graph / Facebook -->
      <meta property="og:type" content="website">
      <meta property="og:url" content="https://www.morecoffeeplease.com/">
      <meta property="og:title" content="MoreCoffeePlease — Keep Your Computer Awake">
      <meta property="og:description" content="A free browser-based tool to prevent your computer from sleeping. Works on any modern device. No installation. Just click Start.">
      <meta property="og:image" content="https://www.morecoffeeplease.com/assets/og-image.png">
      <!-- Twitter -->
      <meta property="twitter:card" content="summary_large_image">
      <meta property="twitter:url" content="https://www.morecoffeeplease.com/">
      <meta property="twitter:title" content="MoreCoffeePlease — Keep Your Computer Awake">
      <meta property="twitter:description" content="A free browser-based tool to prevent your computer from sleeping. Works on any modern device. No installation. Just click Start.">
      <meta property="twitter:image" content="https://www.morecoffeeplease.com/assets/og-image.png">
      <script data-name="BMC-Widget" data-cfasync="false" src="https://cdnjs.buymeacoffee.com/1.0.0/widget.prod.min.js" data-id="morecoffeeplease" data-description="Support me on Buy me a coffee!" data-message="Enjoying the site? A coffee helps me keep building." data-color="#ccc" data-position="Right" data-x_margin="18" data-y_margin="18"></script>
   </head>
   <body>
      <div id="blend-wrapper">
         <header>
            <a href="https://www.morecoffeeplease.com" class="logo-title" style="text-decoration: none; color: inherit;">
               <img id="logo" src="assets/logo-mcp-white.svg" alt="MoreCoffeePlease logo" />
               <h1>MoreCoffeePlease</h1>
            </a>
            <div class="menu-toggle" aria-label="Toggle menu">
               <span class="icon icon-menu">☰</span>
               <span class="icon icon-close">✕</span>
            </div>
            <nav class="fullscreen-menu">
               <ul>
                  <li><a href="#app">Awake</a></li>
                  <li><a href="#info-section">Info</a></li>
                  <li><a href="https://buymeacoffee.com/morecoffeeplease" target="_blank">Donate</a></li>
               </ul>
            </nav>
         </header>
         <div id="app">
            <div class="timer" id="countdown">--:--</div>
            <div class="description">
               Keep your computer awake during downloads, presentations, or long tasks — with a single click.
            </div>
            <div>
               <select id="duration">
                  <option value="0">∞ Keep awake</option>
                  <option value="1">1 minute</option>
                  <option value="15">15 minutes</option>
                  <option value="30">30 minutes</option>
                  <option value="60">1 hour</option>
                  <option value="custom">Custom</option>
               </select>
               <input type="number" id="custom-time-input" min="1" max="1440" placeholder="Minutes" />
            </div>
            <div>
               <button id="toggle">Start</button>
            </div>
            <div class="status" id="status">Inactive</div>
            <video id="fallback-video" autoplay muted loop playsinline>
               <source src="assets/video-loop.webm" type="video/webm" />
            </video>
         </div>
         <section id="info-section">
            <h2>A free online tool to prevent your computer from sleeping →</h2>
            <h3>How to Keep Your Computer Awake</h3>
            <p>Most modern operating systems put your device to sleep automatically to save energy. While useful in general, this can interrupt downloads, video playback, presentations, or remote work. To prevent your computer from going into sleep mode, you can use browser-based tools like MoreCoffeePlease — a simple web app that keeps your screen active without installing anything.</p>
            <hr class="linea">
            <h3>What is the Wake Lock API and Why Do I Need It?</h3>
            <p>The Wake Lock API is a modern browser feature that allows websites to request the screen to stay on. This is essential when you're doing tasks that require your device to remain awake. Whether you're watching a livestream, monitoring code execution, or just reading, Wake Lock ensures your device doesn't go to sleep unexpectedly.</p>
            <hr class="linea">
            <h3>When is Wake Lock Useful?</h3>
            <ul>
               <li>Downloading large files that take time</li>
               <li>Running presentations or webinars</li>
               <li>Reading long articles or documentation</li>
               <li>Keeping dashboards or data visualizations visible</li>
               <li>Watching videos or livestreams without interruptions</li>
            </ul>
            <hr class="linea">
            <h3>What Makes MoreCoffeePlease Different?</h3>
            <p>MoreCoffeePlease is a lightweight, privacy-friendly tool that runs entirely in your browser. We use the Wake Lock API when supported, and fall back to a silent background video when it's not — ensuring compatibility across all modern devices and browsers. We don’t collect data, use cookies, or require installation. Just open the site, click start, and stay focused.</p>
            <p>Designed for developers, students, creators, and anyone who needs uninterrupted time at their computer — MoreCoffeePlease helps you take control of your screen time, effortlessly.</p>
            <hr class="linea">
            <h3>Manual Options to Prevent Sleep on PC and Mac</h3>
            <p>While MoreCoffeePlease keeps your screen awake automatically, you might want to explore additional manual settings to prevent your computer from sleeping — especially if you’re using strict power-saving configurations or running long tasks.</p>
            <h4>For Windows 10 and 11</h4>
            <ul>
               <li><strong>Adjust sleep settings:</strong> Go to <em>Settings</em> → <em>System</em> → <em>Power & sleep</em>, and set "Sleep" to <em>Never</em> for both battery and plugged-in modes.</li>
               <li><strong>Use high performance mode:</strong> In <em>Control Panel</em> → <em>Power Options</em>, choose or create a plan that keeps your PC active longer.</li>
            </ul>
            <h4>For macOS (MacBook and iMac)</h4>
            <ul>
               <li><strong>Change energy settings:</strong> Go to <em>System Settings</em> (or <em>System Preferences</em>) → <em>Battery</em> → <em>Power Adapter</em>, and set "Turn display off after..." to <em>Never</em>. Also check "Prevent your Mac from sleeping automatically."</li>
               <li><strong>Advanced option — use Terminal:</strong> Open the Terminal app and type <code>caffeinate</code> to keep your Mac awake while the terminal is running. Press <code>Control + C</code> to stop it.</li>
            </ul>
            <p>These built-in methods can complement the browser-based solution that MoreCoffeePlease offers, giving you full control over your computer’s behavior.</p>
         </section>
         <footer class="footer">
            <div class="footer-links">
               <a href="privacy.html" target="_blank">Privacy Policy</a> |
               <a href="terms.html" target="_blank">Terms & Conditions</a> |
               <a href="#" id="contact-link">Contact</a>
            </div>
         </footer>
         <div class="footer-copy">
            &copy; <span id="year"></span> MoreCoffeePlease.com
         </div>
      </div>
      <script src="js/main.js"></script>
      <script src="js/menu.js"></script>
      <script src="js/year.js"></script>
      <script src="js/mail.js"></script>
   </body>
</html>