edit: ajout typo et strutucre contenu menu informations

v1-com-officielle/src/titleComponents/GeneratedContent.vue

@@ -0,0 +1,42 @@
+<template>
+    <div id="generatedContainer">
+
+    </div>
+</template>
+
+<style scoped>
+  /*================= Mise en page:
+    => Mobile First : par défaut, moins de 500px
+    => Tablette et PC format haut : de 500 à 1000px
+    => PC large : à partir de 1000px
+  */
+
+  /*+++++++++++++++++ COPYBOX
+      ================ PC HAUT/IPAD
+      @media(min-width:500px){}
+      ================ PC LARGE
+      @media(min-width:1000px){}
+  */
+
+  #generatedContainer{
+    background-color: transparent;
+    width:100%;
+    position:relative;
+    height:70%;
+  }
+  /*================ PC LARGE*/
+  @media(min-width:1000px){
+    #generatedContainer{
+      height: 67%;
+    }
+  }
+</style>
+
+<script>
+  export default {
+    name : 'GeneratedContent',
+    mounted(){
+      console.log("Generated content is loaded!");
+    }
+  };
+</script>

v1-com-officielle/src/titleComponents/MusicPlayer.vue

@@ -0,0 +1,41 @@
+<template>
+    <div id="playerContainer" class="uiStyle">
+
+    </div>
+</template>
+
+<style scoped>
+  /*================= Mise en page:
+    => Mobile First : par défaut, moins de 500px
+    => Tablette et PC format haut : de 500 à 1000px
+    => PC large : à partir de 1000px
+  */
+
+  /*+++++++++++++++++ COPYBOX
+      ================ PC HAUT/IPAD
+      @media(min-width:500px){}
+      ================ PC LARGE
+      @media(min-width:1000px){}
+  */
+
+  #playerContainer{
+    width:100%;
+    position:relative;
+    height:10%;
+  }
+  /*================ PC LARGE*/
+  @media(min-width:1000px){
+    #playerContainer{
+      height: 13%;
+    }
+  }
+</style>
+
+<script>
+  export default {
+    name : 'MusicPlayer',
+    mounted(){
+      console.log("Music player is loaded!");
+    }
+  };
+</script>

v1-com-officielle/src/titleComponents/TitleText.vue

@@ -0,0 +1,37 @@
+<template>
+    <div id="titleTextContainer" class="uiStyle">
+
+    </div>
+</template>
+
+<style scoped>
+  /*================= Mise en page:
+    => Mobile First : par défaut, moins de 500px
+    => Tablette et PC format haut : de 500 à 1000px
+    => PC large : à partir de 1000px
+  */
+
+  /*+++++++++++++++++ COPYBOX
+      ================ PC HAUT/IPAD
+      @media(min-width:500px){}
+      ================ PC LARGE
+      @media(min-width:1000px){}
+  */
+
+  #titleTextContainer{
+    width:100%;
+    position:relative;
+    height:20%;
+  }
+  /*================ PC LARGE*/
+  @media(min-width:1000px){}
+</style>
+
+<script>
+  export default {
+    name : 'TitleText',
+    mounted(){
+      console.log("Title text is loaded!");
+    }
+  };
+</script>