Tidy up initial help screen

6 files changed, 65 insertions, 10 deletions

diff --git a/cobrands/cuidomiciudad/config.xml b/cobrands/cuidomiciudad/config.xml
index e7cb974..961ab64 100644
--- a/cobrands/cuidomiciudad/config.xml
+++ b/cobrands/cuidomiciudad/config.xml
@@ -116,6 +116,6 @@
         <variable name="IOS_DISPLAY_NAME" value="CuidoMiDN" />
     </plugin>
     <plugin name="cordova-plugin-ios-app-language" spec="./cordova-plugin-ios-app-language">
-        <variable name="IOS_LOCALIZATION" value="es_DO" />
+        <variable name="IOS_LOCALIZATION" value="Spanish" />
     </plugin>
 </widget>
diff --git a/www/cobrands/cuidomiciudad/css/style.css b/www/cobrands/cuidomiciudad/css/style.css
index 8f39163..c6ee9f1 100644
--- a/www/cobrands/cuidomiciudad/css/style.css
+++ b/www/cobrands/cuidomiciudad/css/style.css
@@ -77,3 +77,31 @@ div[data-role='header'] .ui-icon-fms-account {
     background-image: url(../../../images/user-white@x2.png);
   }
 }
+/* line 80, style.scss */
+#helpContent {
+  background-color: #005cb9;
+  text-shadow: none;
+  color: white;
+  padding: 1em;
+}
+/* line 86, style.scss */
+#helpContent h1 {
+  text-align: center;
+  background-image: url("../images/logo-footer.png");
+  background-size: contain;
+  height: 2em;
+  background-repeat: no-repeat;
+  background-position: center top;
+  text-indent: -9999999px;
+}
+
+/* line 97, style.scss */
+#dismiss {
+  color: white;
+  text-shadow: 0px 1px 0px silver;
+}
+
+/* line 103, style.scss */
+#locating p {
+  text-shadow: none;
+}
diff --git a/www/cobrands/cuidomiciudad/css/style.scss b/www/cobrands/cuidomiciudad/css/style.scss
index 30fe2e3..71f31b2 100644
--- a/www/cobrands/cuidomiciudad/css/style.scss
+++ b/www/cobrands/cuidomiciudad/css/style.scss
@@ -75,4 +75,31 @@ div[data-role='header'] .ui-icon-fms-account {
     div[data-role='header'] .ui-icon-fms-account {
         background-image: url(../../../images/user-white@x2.png);
     }
-}
\ No newline at end of file
+}
+
+#helpContent {
+    background-color: $color-cmc-blue;
+    text-shadow: none;
+    color: white;
+    padding: 1em;
+
+    h1 {
+        text-align: center;
+        background-image: url('../images/logo-footer.png');
+        background-size: contain;
+        height: 2em;
+        background-repeat: no-repeat;
+        background-position: center top;
+        text-indent: -9999999px;
+    }
+}
+
+#dismiss {
+    color: white;
+    text-shadow: 0px 1px 0px silver;
+}
+
+
+#locating p {
+    text-shadow: none;
+}
diff --git a/www/cobrands/cuidomiciudad/images/logo-footer.png b/www/cobrands/cuidomiciudad/images/logo-footer.png
new file mode 100644
index 0000000..ece1ff8
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/images/logo-footer.png
diff --git a/www/cobrands/cuidomiciudad/templates/es/initial_help.html b/www/cobrands/cuidomiciudad/templates/es/initial_help.html
new file mode 100644
index 0000000..96ff7af
--- /dev/null
+++ b/www/cobrands/cuidomiciudad/templates/es/initial_help.html
@@ -0,0 +1,8 @@
+<h1><% print( CONFIG.APP_NAME ) %></h1>
+<p>
+CuidoMiCiudad es una plataforma colaborativa donde los ciudadanos cumplen un rol
+central en el cuidado de la ciudad. Es el canal más efectivo para poner un
+reporte en nuestra circunscripción para hacerlo llegar a las manos
+correspondientes de su solución. Es un espacio para los vecinos y vecina
+discutir y proponer soluciones a los problemas locales que nos afectan.
+</p>
diff --git a/www/templates/es/initial_help.html b/www/templates/es/initial_help.html
deleted file mode 100644
index 7f684e6..0000000
--- a/www/templates/es/initial_help.html
+++ /dev/null
@@ -1,8 +0,0 @@
-<h1>Welcome to <% print( CONFIG.APP_NAME ) %></h1>
-<p>
-Using this app you can report common street problems, like potholes or broken street lights, to councils throughout the UK.
-</p>
-
-<p>
-It works online and offline, because we know that there isn't always a signal when you need one.
-</p>