#40 jQuery Mobile added to project to better support multiple device

types
justc0de · Nov 28, 2014 · d0942ae · d0942ae
1 parent 81f2a93
commit d0942ae
Show file tree

Hide file tree

Showing 31 changed files with 246 additions and 428 deletions.
diff --git a/README.md b/README.md
@@ -1,13 +1,13 @@
 Welcome to Image Puzzle!
 
 The project aims to implement a [sliding puzzle](https://en.wikipedia.org/wiki/Sliding_puzzle) game, accessed through a web browser.<br/>
-Version 1.0.6 deployed, [play here](http://justc0de.github.io/imagepuzzle/)!
+Version 1.1 deployed, [play here](http://justc0de.github.io/imagepuzzle/)!
 
 ### Technologies used:
 * HTML
 * JavaScript
 * CSS
-* jQuery
+* jQuery (Mobile)
 
 ### Useful documents:
 * [How to play](https://github.com/justc0de/imagepuzzle/wiki/How-to-play)

diff --git a/css/base.css b/css/base.css
diff --git a/css/choose.css b/css/choose.css
diff --git a/css/game.css b/css/game.css
diff --git a/css/index.css b/css/index.css
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,32 @@
+#javascriptDisabled-warning
+{   
+	text-align:center;
+}
+.centerHorizontally {
+    display: table;
+    margin: 0 auto;
+}
+
+/* Custom indentations are needed because the length of custom labels differs from
+   the length of the standard labels */
+.custom-size-flipswitch.ui-flipswitch .ui-btn.ui-flipswitch-on {
+    text-indent: -5.9em;
+}
+.custom-size-flipswitch.ui-flipswitch .ui-flipswitch-off {
+    text-indent: 0.5em;
+}
+/* Custom widths are needed because the length of custom labels differs from
+   the length of the standard labels */
+.custom-size-flipswitch.ui-flipswitch {
+    width: 8.875em;
+}
+.custom-size-flipswitch.ui-flipswitch.ui-flipswitch-active {
+    padding-left: 7em;
+    width: 1.875em;
+}
+@media (min-width: 28em) {
+    // Repeated from rule .ui-flipswitch above
+    .ui-field-contain > label + .custom-size-flipswitch.ui-flipswitch {
+        width: 1.875em;
+    }
+}
diff --git a/css/vader/images/animated-overlay.gif b/css/vader/images/animated-overlay.gif
diff --git a/css/vader/images/ui-bg_flat_0_aaaaaa_40x100.png b/css/vader/images/ui-bg_flat_0_aaaaaa_40x100.png
diff --git a/css/vader/images/ui-bg_glass_95_fef1ec_1x400.png b/css/vader/images/ui-bg_glass_95_fef1ec_1x400.png
diff --git a/css/vader/images/ui-bg_gloss-wave_16_121212_500x100.png b/css/vader/images/ui-bg_gloss-wave_16_121212_500x100.png
diff --git a/css/vader/images/ui-bg_highlight-hard_15_888888_1x100.png b/css/vader/images/ui-bg_highlight-hard_15_888888_1x100.png
diff --git a/css/vader/images/ui-bg_highlight-hard_55_555555_1x100.png b/css/vader/images/ui-bg_highlight-hard_55_555555_1x100.png
diff --git a/css/vader/images/ui-bg_highlight-soft_35_adadad_1x100.png b/css/vader/images/ui-bg_highlight-soft_35_adadad_1x100.png
diff --git a/css/vader/images/ui-bg_highlight-soft_60_dddddd_1x100.png b/css/vader/images/ui-bg_highlight-soft_60_dddddd_1x100.png
diff --git a/css/vader/images/ui-bg_inset-soft_15_121212_1x100.png b/css/vader/images/ui-bg_inset-soft_15_121212_1x100.png
diff --git a/css/vader/images/ui-icons_666666_256x240.png b/css/vader/images/ui-icons_666666_256x240.png
diff --git a/css/vader/images/ui-icons_aaaaaa_256x240.png b/css/vader/images/ui-icons_aaaaaa_256x240.png
diff --git a/css/vader/images/ui-icons_bbbbbb_256x240.png b/css/vader/images/ui-icons_bbbbbb_256x240.png
diff --git a/css/vader/images/ui-icons_c98000_256x240.png b/css/vader/images/ui-icons_c98000_256x240.png
diff --git a/css/vader/images/ui-icons_cccccc_256x240.png b/css/vader/images/ui-icons_cccccc_256x240.png
diff --git a/css/vader/images/ui-icons_cd0a0a_256x240.png b/css/vader/images/ui-icons_cd0a0a_256x240.png
diff --git a/css/vader/images/ui-icons_f29a00_256x240.png b/css/vader/images/ui-icons_f29a00_256x240.png
diff --git a/css/vader/jquery-ui-1.10.3.custom.min.css b/css/vader/jquery-ui-1.10.3.custom.min.css
diff --git a/images/assets/background.png b/images/assets/background.png