Responsive UI test 6

hayk-kerobyan · May 22, 2024 · 27fbc51 · 27fbc51
1 parent fb5ce90
commit 27fbc51
Show file tree

Hide file tree

Showing 99 changed files with 121 additions and 316 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/composeApp.js b/composeApp.js
diff --git a/composeApp.js.map b/composeApp.js.map
diff --git a/drawable/academic_hat.xml → ...rated.resources/drawable/academic_hat.xml b/drawable/academic_hat.xml → ...rated.resources/drawable/academic_hat.xml
diff --git a/drawable/achievement.xml → ...erated.resources/drawable/achievement.xml b/drawable/achievement.xml → ...erated.resources/drawable/achievement.xml
diff --git a/drawable/aim.xml → ...eapp.generated.resources/drawable/aim.xml b/drawable/aim.xml → ...eapp.generated.resources/drawable/aim.xml
diff --git a/drawable/aim_simple.xml → ...nerated.resources/drawable/aim_simple.xml b/drawable/aim_simple.xml → ...nerated.resources/drawable/aim_simple.xml
diff --git a/drawable/airplane.xml → ...generated.resources/drawable/airplane.xml b/drawable/airplane.xml → ...generated.resources/drawable/airplane.xml
diff --git a/drawable/arrow_down.xml → ...nerated.resources/drawable/arrow_down.xml b/drawable/arrow_down.xml → ...nerated.resources/drawable/arrow_down.xml
diff --git a/drawable/bg_bonus.xml → ...generated.resources/drawable/bg_bonus.xml b/drawable/bg_bonus.xml → ...generated.resources/drawable/bg_bonus.xml
diff --git a/drawable/boat.png → ...app.generated.resources/drawable/boat.png b/drawable/boat.png → ...app.generated.resources/drawable/boat.png
diff --git a/drawable/checkmark.xml → ...enerated.resources/drawable/checkmark.xml b/drawable/checkmark.xml → ...enerated.resources/drawable/checkmark.xml
diff --git a/drawable/close.xml → ...pp.generated.resources/drawable/close.xml b/drawable/close.xml → ...pp.generated.resources/drawable/close.xml
diff --git a/drawable/cloud_1.xml → ....generated.resources/drawable/cloud_1.xml b/drawable/cloud_1.xml → ....generated.resources/drawable/cloud_1.xml
diff --git a/drawable/cloud_2.xml → ....generated.resources/drawable/cloud_2.xml b/drawable/cloud_2.xml → ....generated.resources/drawable/cloud_2.xml
diff --git a/drawable/cloud_3.xml → ....generated.resources/drawable/cloud_3.xml b/drawable/cloud_3.xml → ....generated.resources/drawable/cloud_3.xml
diff --git a/drawable/cloud_4.xml → ....generated.resources/drawable/cloud_4.xml b/drawable/cloud_4.xml → ....generated.resources/drawable/cloud_4.xml
diff --git a/drawable/cloud_5.xml → ....generated.resources/drawable/cloud_5.xml b/drawable/cloud_5.xml → ....generated.resources/drawable/cloud_5.xml
diff --git a/drawable/cloud_6.xml → ....generated.resources/drawable/cloud_6.xml b/drawable/cloud_6.xml → ....generated.resources/drawable/cloud_6.xml
diff --git a/drawable/cloud_7.xml → ....generated.resources/drawable/cloud_7.xml b/drawable/cloud_7.xml → ....generated.resources/drawable/cloud_7.xml
diff --git a/drawable/cloud_8.xml → ....generated.resources/drawable/cloud_8.xml b/drawable/cloud_8.xml → ....generated.resources/drawable/cloud_8.xml
diff --git a/drawable/cloud_9.xml → ....generated.resources/drawable/cloud_9.xml b/drawable/cloud_9.xml → ....generated.resources/drawable/cloud_9.xml
diff --git a/drawable/decorative_circle_1.xml → ...esources/drawable/decorative_circle_1.xml b/drawable/decorative_circle_1.xml → ...esources/drawable/decorative_circle_1.xml
diff --git a/drawable/decorative_circle_2.xml → ...esources/drawable/decorative_circle_2.xml b/drawable/decorative_circle_2.xml → ...esources/drawable/decorative_circle_2.xml
diff --git a/drawable/decorative_circle_3.xml → ...esources/drawable/decorative_circle_3.xml b/drawable/decorative_circle_3.xml → ...esources/drawable/decorative_circle_3.xml
diff --git a/drawable/decorative_circle_4.xml → ...esources/drawable/decorative_circle_4.xml b/drawable/decorative_circle_4.xml → ...esources/drawable/decorative_circle_4.xml
diff --git a/drawable/decorative_circle_5.xml → ...esources/drawable/decorative_circle_5.xml b/drawable/decorative_circle_5.xml → ...esources/drawable/decorative_circle_5.xml
diff --git a/drawable/decorative_dashed_circle.xml → ...ces/drawable/decorative_dashed_circle.xml b/drawable/decorative_dashed_circle.xml → ...ces/drawable/decorative_dashed_circle.xml
diff --git a/drawable/decorative_line_1.xml → ....resources/drawable/decorative_line_1.xml b/drawable/decorative_line_1.xml → ....resources/drawable/decorative_line_1.xml
diff --git a/drawable/decorative_line_2.xml → ....resources/drawable/decorative_line_2.xml b/drawable/decorative_line_2.xml → ....resources/drawable/decorative_line_2.xml
diff --git a/drawable/decorative_line_3.xml → ....resources/drawable/decorative_line_3.xml b/drawable/decorative_line_3.xml → ....resources/drawable/decorative_line_3.xml
diff --git a/drawable/decorative_line_4.xml → ....resources/drawable/decorative_line_4.xml b/drawable/decorative_line_4.xml → ....resources/drawable/decorative_line_4.xml
diff --git a/drawable/decorative_line_5.xml → ....resources/drawable/decorative_line_5.xml b/drawable/decorative_line_5.xml → ....resources/drawable/decorative_line_5.xml
diff --git a/drawable/decorative_line_6.xml → ....resources/drawable/decorative_line_6.xml b/drawable/decorative_line_6.xml → ....resources/drawable/decorative_line_6.xml
diff --git a/drawable/engine.xml → ...p.generated.resources/drawable/engine.xml b/drawable/engine.xml → ...p.generated.resources/drawable/engine.xml
diff --git a/drawable/f1.png → ...seapp.generated.resources/drawable/f1.png b/drawable/f1.png → ...seapp.generated.resources/drawable/f1.png
diff --git a/drawable/f2.png → ...seapp.generated.resources/drawable/f2.png b/drawable/f2.png → ...seapp.generated.resources/drawable/f2.png
diff --git a/drawable/f3.png → ...seapp.generated.resources/drawable/f3.png b/drawable/f3.png → ...seapp.generated.resources/drawable/f3.png
diff --git a/drawable/f4.png → ...seapp.generated.resources/drawable/f4.png b/drawable/f4.png → ...seapp.generated.resources/drawable/f4.png
diff --git a/drawable/f5.png → ...seapp.generated.resources/drawable/f5.png b/drawable/f5.png → ...seapp.generated.resources/drawable/f5.png
diff --git a/drawable/f6.png → ...seapp.generated.resources/drawable/f6.png b/drawable/f6.png → ...seapp.generated.resources/drawable/f6.png
diff --git a/drawable/f7.png → ...seapp.generated.resources/drawable/f7.png b/drawable/f7.png → ...seapp.generated.resources/drawable/f7.png
diff --git a/drawable/f8.png → ...seapp.generated.resources/drawable/f8.png b/drawable/f8.png → ...seapp.generated.resources/drawable/f8.png
diff --git a/drawable/flying_rocket.xml → ...ated.resources/drawable/flying_rocket.xml b/drawable/flying_rocket.xml → ...ated.resources/drawable/flying_rocket.xml
diff --git a/drawable/gift.xml → ...app.generated.resources/drawable/gift.xml b/drawable/gift.xml → ...app.generated.resources/drawable/gift.xml
diff --git a/drawable/globe.xml → ...pp.generated.resources/drawable/globe.xml b/drawable/globe.xml → ...pp.generated.resources/drawable/globe.xml
diff --git a/drawable/heart.xml → ...pp.generated.resources/drawable/heart.xml b/drawable/heart.xml → ...pp.generated.resources/drawable/heart.xml
diff --git a/drawable/instagram.xml → ...enerated.resources/drawable/instagram.xml b/drawable/instagram.xml → ...enerated.resources/drawable/instagram.xml
diff --git a/drawable/lagguage.xml → ...generated.resources/drawable/lagguage.xml b/drawable/lagguage.xml → ...generated.resources/drawable/lagguage.xml
diff --git a/drawable/lagguage_2.png → ...nerated.resources/drawable/lagguage_2.png b/drawable/lagguage_2.png → ...nerated.resources/drawable/lagguage_2.png
diff --git a/drawable/location.xml → ...generated.resources/drawable/location.xml b/drawable/location.xml → ...generated.resources/drawable/location.xml
diff --git a/drawable/logo.xml → ...app.generated.resources/drawable/logo.xml b/drawable/logo.xml → ...app.generated.resources/drawable/logo.xml
diff --git a/drawable/map.png → ...eapp.generated.resources/drawable/map.png b/drawable/map.png → ...eapp.generated.resources/drawable/map.png
diff --git a/drawable/mentor_image.jpeg → ...ated.resources/drawable/mentor_image.jpeg b/drawable/mentor_image.jpeg → ...ated.resources/drawable/mentor_image.jpeg
diff --git a/drawable/mentor_image_2.png → ...ted.resources/drawable/mentor_image_2.png b/drawable/mentor_image_2.png → ...ted.resources/drawable/mentor_image_2.png
diff --git a/drawable/mentory_bank.xml → ...rated.resources/drawable/mentory_bank.xml b/drawable/mentory_bank.xml → ...rated.resources/drawable/mentory_bank.xml
diff --git a/drawable/mentory_globe.xml → ...ated.resources/drawable/mentory_globe.xml b/drawable/mentory_globe.xml → ...ated.resources/drawable/mentory_globe.xml
diff --git a/drawable/mentory_graph.xml → ...ated.resources/drawable/mentory_graph.xml b/drawable/mentory_graph.xml → ...ated.resources/drawable/mentory_graph.xml
diff --git a/drawable/mentory_hat.xml → ...erated.resources/drawable/mentory_hat.xml b/drawable/mentory_hat.xml → ...erated.resources/drawable/mentory_hat.xml
diff --git a/drawable/mentory_headphone.xml → ....resources/drawable/mentory_headphone.xml b/drawable/mentory_headphone.xml → ....resources/drawable/mentory_headphone.xml
diff --git a/drawable/mentory_house.xml → ...ated.resources/drawable/mentory_house.xml b/drawable/mentory_house.xml → ...ated.resources/drawable/mentory_house.xml
diff --git a/drawable/mentory_message.xml → ...ed.resources/drawable/mentory_message.xml b/drawable/mentory_message.xml → ...ed.resources/drawable/mentory_message.xml
diff --git a/drawable/mentory_paper.xml → ...ated.resources/drawable/mentory_paper.xml b/drawable/mentory_paper.xml → ...ated.resources/drawable/mentory_paper.xml
diff --git a/drawable/mentory_passport.xml → ...d.resources/drawable/mentory_passport.xml b/drawable/mentory_passport.xml → ...d.resources/drawable/mentory_passport.xml
diff --git a/drawable/mentory_star.xml → ...rated.resources/drawable/mentory_star.xml b/drawable/mentory_star.xml → ...rated.resources/drawable/mentory_star.xml
diff --git a/drawable/mentory_video_cam.xml → ....resources/drawable/mentory_video_cam.xml b/drawable/mentory_video_cam.xml → ....resources/drawable/mentory_video_cam.xml
diff --git a/drawable/mentory_whatsapp.xml → ...d.resources/drawable/mentory_whatsapp.xml b/drawable/mentory_whatsapp.xml → ...d.resources/drawable/mentory_whatsapp.xml
diff --git a/drawable/menu.xml → ...app.generated.resources/drawable/menu.xml b/drawable/menu.xml → ...app.generated.resources/drawable/menu.xml
diff --git a/drawable/message.xml → ....generated.resources/drawable/message.xml b/drawable/message.xml → ....generated.resources/drawable/message.xml
diff --git a/drawable/pin_green.xml → ...enerated.resources/drawable/pin_green.xml b/drawable/pin_green.xml → ...enerated.resources/drawable/pin_green.xml
diff --git a/drawable/pin_orange.xml → ...nerated.resources/drawable/pin_orange.xml b/drawable/pin_orange.xml → ...nerated.resources/drawable/pin_orange.xml
diff --git a/drawable/play.xml → ...app.generated.resources/drawable/play.xml b/drawable/play.xml → ...app.generated.resources/drawable/play.xml
diff --git a/drawable/product_image_ebook.png → ...esources/drawable/product_image_ebook.png b/drawable/product_image_ebook.png → ...esources/drawable/product_image_ebook.png
diff --git a/drawable/product_image_mentory.png → ...ources/drawable/product_image_mentory.png b/drawable/product_image_mentory.png → ...ources/drawable/product_image_mentory.png
diff --git a/drawable/rocket.xml → ...p.generated.resources/drawable/rocket.xml b/drawable/rocket.xml → ...p.generated.resources/drawable/rocket.xml
diff --git a/drawable/rocket_simple.xml → ...ated.resources/drawable/rocket_simple.xml b/drawable/rocket_simple.xml → ...ated.resources/drawable/rocket_simple.xml
diff --git a/drawable/shield.xml → ...p.generated.resources/drawable/shield.xml b/drawable/shield.xml → ...p.generated.resources/drawable/shield.xml
diff --git a/drawable/stamp_1.xml → ....generated.resources/drawable/stamp_1.xml b/drawable/stamp_1.xml → ....generated.resources/drawable/stamp_1.xml
diff --git a/drawable/stamp_2.xml → ....generated.resources/drawable/stamp_2.xml b/drawable/stamp_2.xml → ....generated.resources/drawable/stamp_2.xml
diff --git a/drawable/stamp_3.xml → ....generated.resources/drawable/stamp_3.xml b/drawable/stamp_3.xml → ....generated.resources/drawable/stamp_3.xml
diff --git a/drawable/stamp_4.xml → ....generated.resources/drawable/stamp_4.xml b/drawable/stamp_4.xml → ....generated.resources/drawable/stamp_4.xml
diff --git a/drawable/star.xml → ...app.generated.resources/drawable/star.xml b/drawable/star.xml → ...app.generated.resources/drawable/star.xml
diff --git a/drawable/stars.xml → ...pp.generated.resources/drawable/stars.xml b/drawable/stars.xml → ...pp.generated.resources/drawable/stars.xml
diff --git a/drawable/stars_adaptive.xml → ...ted.resources/drawable/stars_adaptive.xml b/drawable/stars_adaptive.xml → ...ted.resources/drawable/stars_adaptive.xml
diff --git a/drawable/ticket.png → ...p.generated.resources/drawable/ticket.png b/drawable/ticket.png → ...p.generated.resources/drawable/ticket.png
diff --git a/drawable/youtube.xml → ....generated.resources/drawable/youtube.xml b/drawable/youtube.xml → ....generated.resources/drawable/youtube.xml
diff --git a/font/Poppins-Bold.ttf → ...generated.resources/font/Poppins-Bold.ttf b/font/Poppins-Bold.ttf → ...generated.resources/font/Poppins-Bold.ttf
diff --git a/font/Poppins-Medium.ttf → ...nerated.resources/font/Poppins-Medium.ttf b/font/Poppins-Medium.ttf → ...nerated.resources/font/Poppins-Medium.ttf
diff --git a/font/Poppins-Regular.ttf → ...erated.resources/font/Poppins-Regular.ttf b/font/Poppins-Regular.ttf → ...erated.resources/font/Poppins-Regular.ttf
diff --git a/font/Poppins-SemiBold.ttf → ...rated.resources/font/Poppins-SemiBold.ttf b/font/Poppins-SemiBold.ttf → ...rated.resources/font/Poppins-SemiBold.ttf
diff --git a/font/abril_fatface_regular.ttf → ....resources/font/abril_fatface_regular.ttf b/font/abril_fatface_regular.ttf → ....resources/font/abril_fatface_regular.ttf
diff --git a/font/handwritten.otf → ....generated.resources/font/handwritten.otf b/font/handwritten.otf → ....generated.resources/font/handwritten.otf
diff --git a/...seResources/passaporteaupair.composeapp.generated.resources/values/strings.commonMain.cvr b/...seResources/passaporteaupair.composeapp.generated.resources/values/strings.commonMain.cvr
diff --git a/index.html b/index.html
@@ -2,90 +2,13 @@
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-    <script>
-        window.addEventListener("load", function(){ onLoad() } );
-        // Sets the viewport to the correct size for mobile devices
-        function onLoad() {
-           window.setTimeout(function() {
-             // Replace the default viewport for mobile with one that uses the devicePixelRatio
-             let meta = document.querySelector('meta[name="viewport"]')
-             meta.content = calcMetaViewportContent(innerWidth);
-             document.head.appendChild(meta);
-           }, 5);
-        }
-
-        screen.orientation.addEventListener("change", (event) => {
-          const type = event.target.type;
-          const angle = event.target.angle;
-          var calcWidth;
-
-          // Reset to default viewport for mobile
-          let meta = document.querySelector('meta[name="viewport"]')
-          meta.content = "width=device-width, initial-scale=1";
-
-          // Adjust the viewport for mobile after orientation change.
-          setTimeout(() => {
-             meta.content = calcMetaViewportContent();
-          }, 50);
-        });
-
-        function calcMetaViewportContent(actualWidth) {
-           var calcWidth;
-
-           if(actualWidth != undefined) {
-              calcWidth = actualWidth;
-           } else {
-              if (screen.orientation.type.includes("landscape")) {
-                 calcWidth = screen.height;
-              } else {
-                 calcWidth = screen.width;
-              }
-           }
-
-           return "width=" + ((calcWidth * getDevicePixelRatio())/2) + ", initial-scale=1.0";
-        }
-
-        function getDevicePixelRatio() {
-            var mediaQuery;
-            var is_firefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
-            if (window.devicePixelRatio !== undefined && !is_firefox) {
-                return window.devicePixelRatio;
-            } else if (window.matchMedia) {
-                mediaQuery = "(-webkit-min-device-pixel-ratio: 1.5),\
-                  (min--moz-device-pixel-ratio: 1.5),\
-                  (-o-min-device-pixel-ratio: 3/2),\
-                  (min-resolution: 1.5dppx)";
-                if (window.matchMedia(mediaQuery).matches) {
-                    return 1.5;
-                }
-                mediaQuery = "(-webkit-min-device-pixel-ratio: 2),\
-                  (min--moz-device-pixel-ratio: 2),\
-                  (-o-min-device-pixel-ratio: 2/1),\
-                  (min-resolution: 2dppx)";
-                if (window.matchMedia(mediaQuery).matches) {
-                    return 2;
-                }
-                mediaQuery = "(-webkit-min-device-pixel-ratio: 0.75),\
-                  (min--moz-device-pixel-ratio: 0.75),\
-                  (-o-min-device-pixel-ratio: 3/4),\
-                  (min-resolution: 0.75dppx)";
-                if (window.matchMedia(mediaQuery).matches) {
-                    return 0.7;
-                }
-            } else {
-                return 1;
-            }
-        }
-    </script>
-    <title>PassaporteAuPair</title>
-    <script type="application/javascript" src="skiko.js"></script>
-    <script type="application/javascript" src="composeApp.js"></script>
+    <meta name=“viewport” content=“width=device-width, initial-scale=1.0">
+    <title>Passaporte AuPair</title>
+    <link type="text/css" rel="stylesheet" href="styles.css">
+    <script src="skiko.js"></script>
+    <script type="application/javascript" src="composeApp.js" defer></script>
 </head>
 <body>
-<div>
-    <canvas id="ComposeTarget"></canvas>
-</div>
+<div id="composeTarget"></div>
 </body>
 </html>
diff --git a/skiko.js b/skiko.js
diff --git a/skiko.mjs b/skiko.mjs
diff --git a/skiko.wasm b/skiko.wasm
diff --git a/styles.css b/styles.css
@@ -0,0 +1,17 @@
+html, body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+}
+
+h1 {
+    padding: 0 16px;
+    font-size: 2em;
+}
+
+#composeTarget {
+ width: 100%;
+ height: 100%;
+}
diff --git a/values/strings.xml b/values/strings.xml