Ajout de contenu

src/views/manualusers/ARPS.vue

@@ -240,7 +240,7 @@
               </v-container>
             </v-col>
           </v-row>
-          <v-row style="height: 300px;"></v-row>
+          <v-row style="height: 1800px;"></v-row>
         </v-col>
       </v-col>
 
@@ -318,8 +318,142 @@
           </v-container>
         </v-container>
 
-        <!--   <PostContentMenu style="margin-top: -30px;"></PostContentMenu>  Post   -->
+        <!-- Création du studio -->
-        <!-- Card nouvelle boutique -->
+        <v-container>
+          <v-card class="flow-menu m-0 youtube-card">
+
+            <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
+              <v-container style="margin-top: -15px;">
+                <iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;"
+                  src="https://www.youtube.com/embed/VRMlRv9IrY0?si=cLyduREv81I-NDx5" title="Guillaumem" frameborder="0"
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                  allowfullscreen></iframe>
+
+                <!-- Date -->
+                <v-row class="text-right">
+                  <v-col>
+                    <h1 style=" margin-right: 40px; margin-top: 10px; margin-bottom: -20px" class="card-date">
+                      27-05-2024
+                    </h1>
+                  </v-col>
+                </v-row>
+
+                <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">
+                  ARPS | Podcast EP. 2 - La beauté du filmmaking (Avec Simon Bélanger)
+
+
+
+                </p>
+
+
+                <!-- Like dislike commment Section -->
+                <div style="height: 20px;"></div>
+                <div
+                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
+                </div>
+                <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
+                </div>
+
+                <!-- Comments -->
+                <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
+                  placeholder="Commentaire (Arrive bientôt)"></v-text-field>
+              </v-container>
+            </div>
+          </v-card>
+        </v-container>
+
+        <!-- Création du studio -->
+        <v-container>
+          <v-card class="flow-menu m-0 youtube-card">
+
+            <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
+              <v-container style="margin-top: -15px;">
+                <iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;"
+                  src="https://www.youtube.com/embed/d9FXGyQgL5A?si=u2oTh_E2wZx9r9Y7" title="Guillaumem" frameborder="0"
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                  allowfullscreen></iframe>
+
+                <!-- Date -->
+                <v-row class="text-right">
+                  <v-col>
+                    <h1 style=" margin-right: 40px; margin-top: 10px; margin-bottom: -20px" class="card-date">
+                      26-05-2024
+                    </h1>
+                  </v-col>
+                </v-row>
+
+                <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">
+
+                  Regardez les coulisses qui vous montrent notre projet de création de studio de podcast, le premier à
+                  Saint-Hyacinthe.
+
+
+
+
+                </p>
+
+
+                <!-- Like dislike commment Section -->
+                <div style="height: 20px;"></div>
+                <div
+                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
+                </div>
+                <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
+                </div>
+
+                <!-- Comments -->
+                <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
+                  placeholder="Commentaire (Arrive bientôt)"></v-text-field>
+              </v-container>
+            </div>
+          </v-card>
+        </v-container>
+
+        <!-- Demo Reel -->
+        <v-container>
+          <v-card class="flow-menu m-0 youtube-card">
+
+            <div style="background-color: rgba(255, 255, 255, 0.1); margin-left: -5%; margin-right: -5%;">
+              <v-container style="margin-top: -15px;">
+                <iframe class="card-youtube" style="margin-left: 2.1%; width: 96%;"
+                  src="https://www.youtube.com/embed/XUeikVgYXwc?si=CxfP7MRcQvOMfaIl" title="Guillaumem" frameborder="0"
+                  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+                  allowfullscreen></iframe>
+
+                <!-- Date -->
+                <v-row class="text-right">
+                  <v-col>
+                    <h1 style=" margin-right: 40px; margin-top: 10px; margin-bottom: -20px" class="card-date">
+                      25-05-2024
+                    </h1>
+                  </v-col>
+                </v-row>
+
+                <p class="text-justify pa-10" style="margin-bottom: -6%; font-size: 1em">
+                  Nous vous présentons notre démo-reel d'ARPS. Comme le disait Albert Einstein : "La créativité est
+                  l'intelligence qui s'amuse."
+
+
+
+
+                </p>
+
+
+                <!-- Like dislike commment Section -->
+                <div style="height: 20px;"></div>
+                <div
+                  style="z-index: 500; margin-bottom: 2%; background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
+                </div>
+                <div style="background-color: rgba(0, 0, 0, 1); height: 3px; width: 100%; margin-top: 20px;">
+                </div>
+
+                <!-- Comments -->
+                <v-text-field style="margin-left: 2%; margin-bottom: 15px; margin-bottom: -20px"
+                  placeholder="Commentaire (Arrive bientôt)"></v-text-field>
+              </v-container>
+            </div>
+          </v-card>
+        </v-container>
 
       </v-col>
 
@@ -341,7 +475,7 @@
                 </v-container>
               </v-card>
             </v-container>
-            <v-container style="height: 300px;">
+            <v-container style="height: 1800px;">
             </v-container>
           </v-col>
           <v-spacer>