diff options
| author | s-ol <s+removethis@s-ol.nu> | 2023-02-23 16:28:43 +0000 |
|---|---|---|
| committer | s-ol <s+removethis@s-ol.nu> | 2023-02-23 16:36:00 +0000 |
| commit | fc3eec14905b5832baae2f1fe25a0f505367f296 (patch) | |
| tree | a24e709a4cc1e5b79a0136bcc1b5639490d84b8c /resources | |
| download | electric-sudoku-fc3eec14905b5832baae2f1fe25a0f505367f296.tar.gz electric-sudoku-fc3eec14905b5832baae2f1fe25a0f505367f296.zip | |
initial commit
Diffstat (limited to 'resources')
| -rw-r--r-- | resources/public/app.css | 80 | ||||
| -rw-r--r-- | resources/public/favicon.ico | bin | 0 -> 15086 bytes | |||
| -rw-r--r-- | resources/public/index.html | 13 |
3 files changed, 93 insertions, 0 deletions
diff --git a/resources/public/app.css b/resources/public/app.css new file mode 100644 index 0000000..c1b9e2e --- /dev/null +++ b/resources/public/app.css @@ -0,0 +1,80 @@ +html { + background: #ccc; +} + +body { + font-family: sans-serif; + font-weight: 400; + + width: min-content; + margin: auto; + padding: 1rem 2rem; + + background: #fff; +} + +.sudoku { + display: grid; + grid-template-columns: repeat(3, 3.2rem) 0.15rem repeat(3, 3.2rem) 0.15rem repeat(3, 3.2rem); + grid-template-rows: repeat(3, 3.2rem) 0.15rem repeat(3, 3.2rem) 0.15rem repeat(3, 3.2rem); + width: fit-content; + + gap: 0.1em; + place-items: center; + + padding: 0.5em; + margin: 1em 0; + background: #999; +} + +.cell { + width: 3rem; + height: 3rem; + background: #fff; + color: #048; +} + + +.cell:not(.cell-fixed):focus, +.cell:not(.cell-fixed).focused { + border: 0.25rem solid lightblue; + margin: 0; +} + +.cell.cell-fixed, +.cell.cell-single { + font-size: 2.5rem; + line-height: 3rem; + text-align: center; +} + +.cell.cell-fixed { + color: #000; + font-weight: bold; +} + +.keyboard { + display: grid; + width: fit-content; + margin: auto; + grid-template-columns: repeat(6, 4rem); +} + +.keyboard button { + font-size: 2.0rem; + grid-column: span 2; + margin: 0.2rem 0.1rem; + + border: 2px solid #999; + background: #eee; +} + +.keyboard button.clear, +.keyboard button.notes { + font-size: 1.5rem; + grid-column: span 3; +} + +button.notes.notes-active { + background: darkgray; +} diff --git a/resources/public/favicon.ico b/resources/public/favicon.ico Binary files differnew file mode 100644 index 0000000..c577593 --- /dev/null +++ b/resources/public/favicon.ico diff --git a/resources/public/index.html b/resources/public/index.html new file mode 100644 index 0000000..1cce040 --- /dev/null +++ b/resources/public/index.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <link rel="icon" type="image/x-icon" href="favicon.ico"> + <title>electric sudoku</title> + </head> + <body> + <noscript>You need to enable JavaScript to run this app.</noscript> + <script type="text/javascript" src="/js/main.js"></script> + </body> +</html> |