diff --git a/src/front/index.html b/src/front/index.html index 3754866..4597cc0 100644 --- a/src/front/index.html +++ b/src/front/index.html @@ -90,124 +90,719 @@
Moi
Petit desc oklm
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
- - - - - - - - - - - - - - - - - - - + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ - - - - - - - - - - + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ - - - - - - - - - - + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ - - - - - - - - - - + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ - - - - - - - - - - + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ - - - - - - - - - - + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ - - - - - - - - - - + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ - - - - - - - - - - + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ - - - - - - - - - - + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ + +
+
Moi
+
Petit desc oklm
+
+
+ diff --git a/src/front/pixels.css b/src/front/pixels.css index 0d858f9..7d6cf9d 100644 --- a/src/front/pixels.css +++ b/src/front/pixels.css @@ -8,6 +8,8 @@ table { --side: 80px; + --border-width: 3px; + border-spacing: 0; table-layout: fixed; width: calc(10 * var(--side)); height: calc(10 * var(--side)); @@ -17,24 +19,37 @@ table { background: #fff; width: var(--side); height: var(--side); + display: inline-block; } .pixel:hover { - box-shadow: 0px 0px 0px 3px #333; + box-shadow: 0px 0px 0px var(--border-width) #333; z-index: 5; } -table { - border-spacing: 0; -} - -.pixel-description { - position: absolute; -} - .info-pixel { + display: none; position: relative; - width: 200px; - height: 200px; + width: max-content; + top: var(--side); + box-shadow: 0px 0px 0px var(--border-width) #333; + background: #888; +} + +.pixel:hover .info-pixel { + display: block; +} + +.patch-shadow { + display: none; + width: 3px; + position: relative; + height: var(--side); left: var(--side); + top: calc(var(--side) / (-2) + var(--border-width)); + background: #333; +} + +.pixel:hover .patch-shadow { + display: block; } \ No newline at end of file