aesthetic.computer
Monorepo for Aesthetic.Computer
aesthetic.computer
1<!DOCTYPE html>
2<html>
3<head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>AC Overlay Test</title>
7 <style>
8 body {
9 margin: 0;
10 padding: 0;
11 width: 100vw;
12 height: 100vh;
13 background: transparent;
14 color: lime;
15 font-family: monospace;
16 font-size: 10rem;
17 font-weight: bold;
18 display: flex;
19 align-items: center;
20 justify-content: center;
21 text-align: center;
22 }
23 .word {
24 border: 4px solid lime;
25 padding: 2rem;
26 background: rgba(0,255,0,0.1);
27 }
28 </style>
29</head>
30<body>
31 <div class="word" id="word">DEFAULT</div>
32 <script>
33 const urlParams = new URLSearchParams(window.location.search);
34 const word = urlParams.get('word') || 'TEST';
35 const type = urlParams.get('type') || 'default';
36
37 console.log('URL params:', { word, type });
38
39 document.getElementById('word').textContent = word.toUpperCase();
40
41 // Debug info
42 console.log('Element text set to:', document.getElementById('word').textContent);
43
44 // Keep window open for inspection (auto-close disabled)
45 // const duration = parseInt(urlParams.get('duration')) || 3000;
46 // setTimeout(() => {
47 // try { window.close(); } catch(e) { console.log('Cannot close window'); }
48 // }, duration);
49 </script>
50</body>
51</html>