adding musique page1 & image for landing page

Author: gltwodotlineci

front/src/assets/css/style.css

@@ -151,7 +151,7 @@ button:focus-visible {
 	font-size:45px;
 	line-height:1.6;
 }
-
+/* Garder le scrolling tactile en cas ou on combine les deux!!!
 .marquee-wrap-test {
 	overflow:auto;
 	margin-left: auto;
@@ -169,6 +169,7 @@ button:focus-visible {
 	font-size:45px;
 	line-height:1.6;
 }
+*/
 
 /* increase duration to speed up scroll */
 .marquee{

front/src/assets/images/chaga.png

@@ -1,17 +1,7 @@
 <template>
-  <section id="intro" :style="{ backgroundImage: `url(${backgroundImage})` }">
-    <!-- <buton class="text-primary" @click="router.push('/PageTest')">TestPage</buton> -->
-    <div>
-      <header>
-        <h2 style="color:white;">Jardin App.</h2>
-      </header>
-      <p style="color:white;">
-        Bienvenue à
-        <strong>App name ou Autre!</strong> Lorem ipsum dolor sit amet et sapien sed elementum egestas dolore
-        condimentum.
-        Fusce blandit ultrices sapien, in accumsan orci rhoncus eu!
-      </p>
+  <section id="intro" :style="{ backgroundImage: `url(${backgroundImage})` }"><br/>
 
+    <div style="margin-top: 130px;">
       <ScanQrcode :expected="expected" :qrbox="250" :fps="10" style="width: 400px;height: 400px;" @resultat="onScan"/>
       <div class="img-pages">
         <div class="d-flex flex-row justify-content-sm-center align-items-center mt-2">
@@ -76,7 +66,7 @@ import {ref} from 'vue'
 // routes
 import {useRouter} from 'vue-router'
 // medias: images en background
-import backgroundImage from "@/assets/images/first.jpg"
+import backgroundImage from "@/assets/images/chaga.png"
 import backgroundImageOne from "@/assets/images/one.jpg"
 import oiseau from "@/assets/images/oiseau_40x40.png"
 // icon

front/src/assets/musiques/ZOIZO_MALOYA_1.wav

@@ -1,6 +1,6 @@
 <template>
   <audio autoplay>
-    <source src="@/assets/musiques/test-pg1.mp3">
+    <source src="@/assets/musiques/ZOIZO_MALOYA_1.wav">
   </audio>
   <section id="pg1" class="overflow-hidden" :style="{ backgroundImage: `url(${backgroundImagePg1})` }">
     <div class="d-flex flex-row justify-content-center mt-2 mb-2">
@@ -13,7 +13,8 @@
       </div>
     </div>
 
-    <div class="marquee-wrap-test">
+    <div class="marquee-wrap">
+      <div class="marquee">
         <p style="color: white;text-shadow: 3px 3px 4px black;">
           <b> Rogue, inconspicuous motes of rock </b>and gas descended from astronomers Sea of Tranquility billions upon
           billions star stuff harvesting star light stirred by starlight, Flatland billions upon billions vastness is
@@ -33,16 +34,8 @@
           Orion's sword Cambrian explosion, emerged into consciousness, laws of physics tendrils of gossamer clouds
           venture. Flatland paroxysm of global
           death Jean-François Champollion.<br/>
-                    <b> Rogue, inconspicuous motes of rock </b>and gas descended from astronomers Sea of Tranquility billions upon
-          billions star stuff harvesting star light stirred by starlight, Flatland billions upon billions vastness is
-          bearable only through love great turbulent e muse about! Cambrian explosion dispassionate extraterrestrial
-          observer.
-          <br/>
-          and gas realm of the galaxies decipherment tendrils of gossamer clouds at the edge of forever? Worldlets
-          Orion's sword Cambrian explosion, emerged into consciousness, laws of physics tendrils of gossamer clouds
-          venture. Flatland paroxysm of global
-          death Jean-François Champollion.
         </p><br/>
+      </div>
     </div>
 
   </section>

front/src/views/Accueil.vue

@@ -35,8 +35,8 @@
         <meta name="color-scheme" content="light dark">
         <link rel="icon" href="favicon.ico">
         <title>Cordova + vue</title>
-      <script type="module" crossorigin src="/assets/index.6276cf65.js"></script>
-      <link rel="stylesheet" href="/assets/index.3e705784.css">
+      <script type="module" crossorigin src="/assets/index.8a138969.js"></script>
+      <link rel="stylesheet" href="/assets/index.357d36a2.css">
     </head>
     <body>
         <div id="app" class="container-fluid"></div>

front/src/views/Page1.vue

@@ -35,8 +35,8 @@
         <meta name="color-scheme" content="light dark">
         <link rel="icon" href="favicon.ico">
         <title>Cordova + vue</title>
-      <script type="module" crossorigin src="/assets/index.6276cf65.js"></script>
-      <link rel="stylesheet" href="/assets/index.3e705784.css">
+      <script type="module" crossorigin src="/assets/index.8a138969.js"></script>
+      <link rel="stylesheet" href="/assets/index.357d36a2.css">
     </head>
     <body>
         <div id="app" class="container-fluid"></div>