Merge pull request #7 from J-P-S-O/master

Octalbyte · web-flow · commit 225205a35694 · 2021-11-29T17:08:05.000-03:00
never gonna make you cry
diff --git a/static/downframe.html b/static/downframe.html
diff --git a/static/start.js b/static/start.js
@@ -0,0 +1,10 @@
+let upb = document.getElementById("upb")
+let db = document.getElementById("downb")
+let frame = document.getElementById("frame")
+
+upb.onclick(function(){
+    if (frame.src != "uploadframe.html") frame.src = "uploadframe.html";
+})
+db.onclick(function(){
+    if (frame.src != "downframe.html") frame.src = "downframe.html"
+})
diff --git a/static/style.css b/static/style.css
@@ -1,4 +1,5 @@
 nav {
+   
    position: fixed;
    top: 0%;
    height: 10%;
@@ -11,4 +12,5 @@ nav {
    text-align:left;
    position: fixed;
    top: 0%;
-};
+   
+};
diff --git a/templates/rick.html b/templates/rick.html
@@ -4,8 +4,17 @@
 <title>Test</title>
 </head>
 <body>
-<iframe height="350" width="600"
+<iframe class = "rick" 
       src="https://www.youtube.com/embed/dQw4w9WgXcQ">
    </iframe>
 </body>
+<style>
+   .rick {
+   height: 75%;
+   width: 50%;
+   position: absolute;
+   top: 15%;
+   left: 25%;
+};
+</style>
 </html>
diff --git a/templates/start.html b/templates/start.html
@@ -16,14 +16,23 @@
    color: white;
    border-radius: 10%
 };
+div{
+  vertical-align: middle;
+}
+
 </style>
 <body>
   
   <img width = 5% class = "eviloctopus" src = "favicon.ico"> 
   <nav>
-    <button class="switch">Nothing happens here</button>
-    <button class="switch">Nor here.</button>
+    <button class="switch" id="downb">Nothing happens here</button>
+    <button class="switch" id="upb">Nor here.</button>
   </nav>
+  <div>
+    <iframe id = "frame" height= 80% width= 50% src="uploadframe.html">  </iframe>
+  </div>
+  <script src = "start.js"></script>
+  
  
 </body>
 
