enhanced messaging

Author: nicolocarpignoli

pages/location/index.html

@@ -95,6 +95,9 @@
                 <p class="paragraph">
                 <p>Select the type of content you would like to link to your marker and then upload the file from your
                     computer.</p>
+                <p class="bold">
+                    Please check the file name and remove whitepaces.
+                </p>
                 <ul>
                     <li>3D Object (.gltf, .glb .zip; max size 50MB)</li>
                     <li>Image (.jpg, .png, .gif; max size 15MB)</li>

pages/marker/index.html

@@ -92,6 +92,9 @@
                 <p class="lead">2. Choose the content </p>
                 <p class="paragraph">
                     <p>Select the type of content you would like to link to your marker and then upload the file from your computer.</p>
+                    <p class="bold">
+                        Please check the file name and remove whitepaces.
+                    </p>
                     <ul>
                         <li>3D Object (.gltf, .glb .zip; max size 50MB)</li>
                         <li>Image (.jpg, .png, .gif; max size 15MB)</li>

pages/publish-confirm/publish-confirm.js

@@ -36,5 +36,12 @@ window.onload = async () => {
             <a target="_blank" href="${pagesUrl}">${pagesUrl}</a>
         </p>
         It will be available in few minutes. Refresh the link to see it working!
+
+        <p>
+            If you have a Mac, an IPhone or an IPad please use the Safari browser. On iOS Chrome does not allow AR.
+        </p>
+        <p>
+            If you have an Android or a PC you can use Chrome, Firefox, Samsung Internet and other browsers.
+        </p>
     `;
 };

style.css

@@ -22,6 +22,11 @@
   font-size: 3em;
 }
 
+.bold {
+    font-weight: bold;
+    color: var(--link-color);
+}
+
 .lead {
   font-family: Chakra Petch;
   font-style: normal;