Hugging Face's logo

Spaces:
aiscroll
/
whitescreen
Running

App Files Community
whitescreen
File size: 1,225 Bytes 
60a8f0a
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
077914b
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
 
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>How a White Screen Tool Works</title>
  <style>
    body {
      font-family: Arial, sans-serif;
      padding: 2rem;
      background: #fff;
      color: #333;
      line-height: 1.6;
    }
    .white-box {
      width: 100%;
      height: 200px;
      background-color: white;
      border: 1px solid #ccc;
      margin: 1rem 0;
    }
    a {
      color: #0077cc;
      text-decoration: none;
    }
    a:hover {
      text-decoration: underline;
    }
  </style>
</head>
<body>
  <h1>Creating a Simple White Screen Utility in HTML</h1>
  <p>
    A white screen tool is a browser page that simply fills the screen with white.
    It's useful for photographers, screen testing, or ambient light.
  </p>

  <h2>How it works</h2>
  <p>You can create one using a simple full-screen div with white background.</p>

  <pre><code>
&lt;div class="white-box"&gt;&lt;/div&gt;
  </code></pre>

  <div class="white-box"></div>

  <p>This is just a demo. For a full white-screen mode and dark toggle, try the full version:</p>

  <p>
    👉 <a href="https://whitescreen.run" target="_blank">Visit the full tool at whitescreen.run</a>
  </p>
</body>
</html>