From 99646d317514d44013285a09fd4733e5481db2cd Mon Sep 17 00:00:00 2001 From: Adrien MALINGREY Date: Fri, 4 Sep 2020 20:17:03 +0200 Subject: [PATCH] V1 --- dev.html | 55 +++++++++++++++++++++++++++++ handmadepaper.png | Bin 0 -> 6498 bytes index.html | 49 ++++++++++++++++++++++++++ index.html.bak | 52 +++++++++++++++++++++++++++ style.css | 88 ++++++++++++++++++++++++++++++++++++++++++++++ 5 files changed, 244 insertions(+) create mode 100644 dev.html create mode 100644 handmadepaper.png create mode 100644 index.html create mode 100644 index.html.bak create mode 100644 style.css diff --git a/dev.html b/dev.html new file mode 100644 index 0000000..e853530 --- /dev/null +++ b/dev.html @@ -0,0 +1,55 @@ + + + + + Sudoku + + + + +
+

Sudoku

+
+
+
+
+ +
+
+
+ Aide +
+ + +
+
+ + +
+ +
+
+
+
+ + + +
+ Pour partager cette grille, copiez le lien suivant :
+
+ malingrey.fr
/sudoku/#
 +
+ + + \ No newline at end of file diff --git a/handmadepaper.png b/handmadepaper.png new file mode 100644 index 0000000000000000000000000000000000000000..27c305fa529fb29b2ca70593eb5d6a754cadf8fa GIT binary patch literal 6498 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 literal 0 HcmV?d00001 diff --git a/index.html b/index.html new file mode 100644 index 0000000..935faa5 --- /dev/null +++ b/index.html @@ -0,0 +1,49 @@ + + + + + + Sudoku + + + + +
+

Sudoku

+
+
+
+
+ +
+
+
+ Surligner les cases pouvant contenir +
+
+ + + + + + + + + + +
+
+ + +
+
+ + +
+ Pour partager cette grille, copiez le lien suivant :
+ + + + diff --git a/index.html.bak b/index.html.bak new file mode 100644 index 0000000..222e884 --- /dev/null +++ b/index.html.bak @@ -0,0 +1,52 @@ + + + + + Sudoku + + + + +
+

Sudoku

+
+
+
+
+ +
+
+
+ Aide +
+ + +
+ + + +
+
+
+
+ + + +
+
+ Lien vers cette grille :
+ malingrey.fr
/sudoku/?
 +
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..d2096d6 --- /dev/null +++ b/style.css @@ -0,0 +1,88 @@ +body { + /* Background pattern from Toptal Subtle Patterns */ + background: url("handmadepaper.png"); + text-align: center; +} + +h1 { + text-align: center; + text-shadow: 1px 1px grey; + text-decoration: underline; +} + +table { + border-spacing: 0; + border-collapse: collapse; +} + +div { + display: flex; + column-gap: 0.5em; + row-gap: 0.5em; + margin: 1em auto; + justify-content: center; +} + +input[type="radio"] { + margin-top: -1px; + vertical-align: middle; +} + +label.disabled { + color: #aaa; +} + +.grid td { + border: 2px solid black; + padding: 0; +} + +.region td { + border: 1px solid grey; +} + +.grid input { + width: 1.6em; + height: 1.6em; + font-size: 1.5em; + border: 0; + padding: 0; + text-align: center; +} + +.grid input:enabled { + font-family: cursive; + color: darkblue; +} + +.grid input:disabled { + color: black; + font-weight: bold; +} + +.grid input::placeholder { + color: #888; +} + +.unhighlighted:enabled { + background: transparent; +} + +.highlighted { + background: yellow; +} + +#shareDiv { + display: block; + line-height: 80%; +} + +#shareA { + text-decoration: none; + font-size: 0.8em; + letter-spacing: 0.5em; +} + +#highlightRadiosDiv { + column-gap: 0; +}