VisualMockup/index.html at main · Bauer03/VisualMockup · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Virtual Substance [Mockup]</title>
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="./twout/styles.css" rel="stylesheet">
    <script>
        // Prevent flash of wrong theme!
        const theme = localStorage.getItem('theme') ||
            (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light');
        document.documentElement.setAttribute('data-theme', theme);
        if (theme === 'dark') document.documentElement.classList.add('dark');
    </script>
</head>
<body class="flex flex-col justify-center items-center h-screen w-screen bg-gray-100 dark:bg-gray-900 font-mono transition-colors duration-200">
    <div id="container"
        class="flex bg-white dark:bg-gray-800 p-4 rounded text-slate-800 dark:text-slate-200 gap-4 shadow-2xl relative
                before:content-['Virtual_Substance'] before:text-3xl before:font-bold before:font-mono
                before:absolute before:-top-12 before:left-0 before:w-full h-[590px]">
    </div>

    <script type="module" src="./src/main.ts"></script>
</body>
</html>