Merge pull request #10 from MAlshaik/main

Changes to home page and editing page
MSU-AI · Feb 22, 2023 · ff49b13 · ff49b13
2 parents 8bac7fd + a970070
commit ff49b13
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 5 deletions.
diff --git a/Frontend/Home.html b/Frontend/Home.html
@@ -42,7 +42,7 @@ <h1>Revolutionizing <br> Video Editing</h1>
       placeholder: false,
       theme: 'snow'
     });
-    editor.root.innerHTML = '<p>What do we do?</p>';
+    editor.root.innerHTML = '<p>Using the latest AI technology, we provide an innovative way to edit your videos. </p>';
   </script>
 </body>
 </html>
diff --git a/Frontend/video-editing.css b/Frontend/video-editing.css
@@ -203,6 +203,17 @@ nav ul li a{
   margin-bottom: 20px;
 }
 
+#transcript p{
+  font-size: 24px;
+  font-weight: bold;
+  transition: 0.32s;
+}
+
+#transcript p:hover{
+  color: #00d199;
+  font-size: 28px;
+}
+
 /* .transcript-textarea {
   width: 100%;
   height: 80%;

diff --git a/Frontend/video-editing.html b/Frontend/video-editing.html
@@ -25,7 +25,7 @@
 
       <div id="navbar">
         <nav>
-            <img src="images/Logo.png" class="logo">
+            <a href="Home.html"><img src="images/Logo.png" class="logo"></a>
             <ul>
                 <!-- <li><a href="">Start</a></li> -->
                 <!-- <li><a href="">Hello</a></li>
@@ -45,7 +45,7 @@
 
         <!-- Transcript -->
         <div id = "transcript">
-          <p data-time="0">Testing for the length of the transcript container. The ultimate competitive video game is jujetsu. Test Test Test Test Test Test Test Test Test Test Test Test </p>
+          <p data-time="0">Testing for the length of the transcript container. </p>
           <p data-time="5">This is the second line of the transcript.</p>
           <p data-time="10">This is the third line of the transcript.</p>
         </div>
@@ -82,9 +82,9 @@
 
       </div>
       </div>
-
-      <script src="upload-video.js"></script>
       <script src="video-editing.js"></script>
+      <script src="upload-video.js"></script>
+
 
       </body>
 

diff --git a/Frontend/video-editing.js b/Frontend/video-editing.js
@@ -1,3 +1,14 @@
+let transcriptArea = document.getElementById("transcript");
+let transcriptHTML = ` `
+
+for (let i =0; i<10; i++){
+    transcriptHTML += `<p data-time="`+i*5+`">Testing for the length of the transcript container. </p>`
+}
+console.log(transcriptHTML);
+transcriptArea.innerHtml = "<p> Hello world </p>";
+console.log(transcriptArea.innerHtml);
+
+
 // This script deals with adding functionality to the transcript, and all other features on the site
 var transcript = document.getElementById("transcript");