From 91355bcb911f5395ca663404d55a70f891255a31 Mon Sep 17 00:00:00 2001 From: vgaNAR6ta Date: Wed, 18 Mar 2026 22:04:31 +0100 Subject: [PATCH] edit: consstruction d'une structure responsive pour l'interface --- v1-com-officielle/index.html | 1 + v1-com-officielle/src/App.vue | 40 ++++++++++++--- v1-com-officielle/src/assets/style.css | 45 ++++++++++++++--- .../src/components/HelloWorld.vue | 43 ---------------- .../src/components/Info/InboxContent.vue | 37 ++++++++++++++ .../src/components/Info/InfoMenu.vue | 37 ++++++++++++++ .../src/components/InfoContent.vue | 48 ++++++++++++++++++ .../src/components/Title/GeneratedContent.vue | 42 ++++++++++++++++ .../src/components/Title/MusicPlayer.vue | 41 ++++++++++++++++ .../src/components/Title/TitleText.vue | 37 ++++++++++++++ .../src/components/TitleContent.vue | 49 +++++++++++++++++++ v1-com-officielle/src/main.js | 16 +++++- 12 files changed, 378 insertions(+), 58 deletions(-) delete mode 100644 v1-com-officielle/src/components/HelloWorld.vue create mode 100644 v1-com-officielle/src/components/Info/InboxContent.vue create mode 100644 v1-com-officielle/src/components/Info/InfoMenu.vue create mode 100644 v1-com-officielle/src/components/InfoContent.vue create mode 100644 v1-com-officielle/src/components/Title/GeneratedContent.vue create mode 100644 v1-com-officielle/src/components/Title/MusicPlayer.vue create mode 100644 v1-com-officielle/src/components/Title/TitleText.vue create mode 100644 v1-com-officielle/src/components/TitleContent.vue diff --git a/v1-com-officielle/index.html b/v1-com-officielle/index.html index 492c01c..6f94cf9 100644 --- a/v1-com-officielle/index.html +++ b/v1-com-officielle/index.html @@ -16,6 +16,7 @@ +

drags and nerds

diff --git a/v1-com-officielle/src/App.vue b/v1-com-officielle/src/App.vue index 06f389b..bbfa2a8 100644 --- a/v1-com-officielle/src/App.vue +++ b/v1-com-officielle/src/App.vue @@ -1,21 +1,49 @@ - - - - - - diff --git a/v1-com-officielle/src/components/Info/InboxContent.vue b/v1-com-officielle/src/components/Info/InboxContent.vue new file mode 100644 index 0000000..181fc31 --- /dev/null +++ b/v1-com-officielle/src/components/Info/InboxContent.vue @@ -0,0 +1,37 @@ + + + + + diff --git a/v1-com-officielle/src/components/Info/InfoMenu.vue b/v1-com-officielle/src/components/Info/InfoMenu.vue new file mode 100644 index 0000000..549fc14 --- /dev/null +++ b/v1-com-officielle/src/components/Info/InfoMenu.vue @@ -0,0 +1,37 @@ + + + + + diff --git a/v1-com-officielle/src/components/InfoContent.vue b/v1-com-officielle/src/components/InfoContent.vue new file mode 100644 index 0000000..f3b5957 --- /dev/null +++ b/v1-com-officielle/src/components/InfoContent.vue @@ -0,0 +1,48 @@ + + + + + diff --git a/v1-com-officielle/src/components/Title/GeneratedContent.vue b/v1-com-officielle/src/components/Title/GeneratedContent.vue new file mode 100644 index 0000000..8d7255f --- /dev/null +++ b/v1-com-officielle/src/components/Title/GeneratedContent.vue @@ -0,0 +1,42 @@ + + + + + diff --git a/v1-com-officielle/src/components/Title/MusicPlayer.vue b/v1-com-officielle/src/components/Title/MusicPlayer.vue new file mode 100644 index 0000000..0684756 --- /dev/null +++ b/v1-com-officielle/src/components/Title/MusicPlayer.vue @@ -0,0 +1,41 @@ + + + + + diff --git a/v1-com-officielle/src/components/Title/TitleText.vue b/v1-com-officielle/src/components/Title/TitleText.vue new file mode 100644 index 0000000..92060ac --- /dev/null +++ b/v1-com-officielle/src/components/Title/TitleText.vue @@ -0,0 +1,37 @@ + + + + + diff --git a/v1-com-officielle/src/components/TitleContent.vue b/v1-com-officielle/src/components/TitleContent.vue new file mode 100644 index 0000000..7972ed5 --- /dev/null +++ b/v1-com-officielle/src/components/TitleContent.vue @@ -0,0 +1,49 @@ + + + + + diff --git a/v1-com-officielle/src/main.js b/v1-com-officielle/src/main.js index c433840..983034a 100644 --- a/v1-com-officielle/src/main.js +++ b/v1-com-officielle/src/main.js @@ -4,13 +4,25 @@ import './assets/style.css' // import app vue racine import App from './App.vue' // import composants -//import MainContent from './components/MainContent.vue' +import TitleContent from './components/TitleContent.vue' +import InfoContent from './components/InfoContent.vue' +import TitleText from './components/Title/TitleText.vue' +import GeneratedContent from './components/Title/GeneratedContent.vue' +import MusicPlayer from './components/Title/MusicPlayer.vue' +import InfoMenu from './components/Info/InfoMenu.vue' +import InboxContent from './components/Info/InboxContent.vue' // création app racine const app = createApp(App); //Composants -//app.component('mainDiv',MainContent); +app.component('TitleDiv', TitleContent); +app.component('InfoDiv', InfoContent); +app.component('PlayerDiv', MusicPlayer); +app.component('TitleTextDiv', TitleText); +app.component('GeneratedDiv',GeneratedContent); +app.component('InfoMenuDiv', InfoMenu); +app.component('InboxDiv', InboxContent); //Montage dans div#app de index.html app.mount('#app');