diff options
| author | julian laplace <julescarbon@gmail.com> | 2025-06-30 23:35:13 +0200 |
|---|---|---|
| committer | julian laplace <julescarbon@gmail.com> | 2025-06-30 23:35:13 +0200 |
| commit | e5ec8893d18aa21f771ab56fc5ded42602125f94 (patch) | |
| tree | f9b95619cfa86ff6ea72302defbee5367f2d3307 /index.html | |
| parent | dfcdf790e3879678d8b3a9b729cca03174b32d55 (diff) | |
fixes
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 95 |
1 files changed, 61 insertions, 34 deletions
@@ -1,36 +1,63 @@ <html> -<head> -<title>triangle</title> -<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"> -<style> -html,body { - overflow: hidden; -} -body { - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; - color: white; - text-shadow: 0 0 1px #000; - transition: background-color 100ms; - user-select: none; -} -div { - position: absolute; - cursor: pointer; - box-sizing: border-box; -} -body > div { - width: 50px; - height: 50px; -} -div > div { width: 20px; } -div > div:nth-child(1) { text-align: right; top: 5px; left: 3px; } -div > div:nth-child(2) { text-align: center; top: 15px; left: 16px; opacity: 0.8; transform: rotate(20deg); } -div > div:nth-child(3) { text-align: left; top: 29px; left: 28px; } -div.playing { border: 2px solid #fff; box-shadow: 0 1px 3px #fff; z-index: 2; } -div.playing > div { margin: -2px -2px; } -</style> -</head> -<body> -</body> -<script src='bundle.js'></script> + <head> + <title>lambdoma</title> + <meta + name="viewport" + content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" + /> + <style> + html, + body { + overflow: hidden; + } + body { + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, + Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol"; + color: white; + text-shadow: 0 0 1px #000; + transition: background-color 100ms; + user-select: none; + } + div { + position: absolute; + cursor: pointer; + box-sizing: border-box; + } + body > div { + width: 50px; + height: 50px; + } + div > div { + width: 20px; + } + div > div:nth-child(1) { + text-align: right; + top: 5px; + left: 3px; + } + div > div:nth-child(2) { + text-align: center; + top: 15px; + left: 16px; + opacity: 0.8; + transform: rotate(20deg); + } + div > div:nth-child(3) { + text-align: left; + top: 29px; + left: 28px; + } + div.playing { + border: 2px solid #fff; + box-shadow: 0 1px 3px #fff; + z-index: 2; + } + div.playing > div { + margin: -2px -2px; + } + </style> + </head> + <body></body> + <script src="bundle.js"></script> </html> |