added more functionality to the shadowbox part of the profile page

2023-03-30 10:04:15 -04:00
parent 1b0753912a
commit 2732bedbe9
3 changed files with 44 additions and 1 deletions
--- a/Page/profile.html
+++ b/Page/profile.html
@@ -5,6 +5,8 @@
  <meta charset="UTF-8">
  <title>Profile Page</title>
  <link rel="stylesheet" href="styles2.css">
+  <script src="scripts.js"></script>
+
 </head>

 <body>
@@ -69,7 +71,13 @@
    <!-- Shadowbox -->
    <div class="content shown">
      <div id="shadowboxContainer">
-        <img src="../Paradox_3-19-2023.jpg">
+        <img src="../eParadox_3-19-2023.jpg" onerror="
+          this.onerror=null; this.style.display='none';
+          document.getElementById('shadowboxFallback').style.display='flex';">
+        <div id="shadowboxFallback" style="display:flex" onclick="uploadShadowbox()">
+          <p>Click to upload shadowbox</p>
+          <input type="file" name="shadowboxInput" onchange="handleShadowboxUpload(this)" style="display: none;">
+        </div>
      </div>
    </div>
  </div>