Add beta release notification

0ffe17c6 · Vic Nguyen · 1c1a7473 · 0ffe17c6
Commit 0ffe17c6 authored 7 months ago by Vic Nguyen
--- a/www/index.html
+++ b/www/index.html
@@ -14,13 +14,14 @@
    />
    <meta property="og:image" content="resources/images/qtdesignstudioviewer-512.png" />
    <meta name="viewport" content="width=device-width" />
+    <!-- Boostrap -->
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
    <link
      href="resources/styles/default.css"
      rel="stylesheet"
      type="text/css"
    />
-    <!-- Qt DS -->
-    <link rel="stylesheet" href="https://www.qt.io/hubfs/qt-design-system/qt-design-system-1.1.0.css">

    <link
      rel="icon"
@@ -43,13 +44,43 @@
  <body onload="init()" class="qt-design-system">
    <figure style="overflow: visible" id="qtspinner">
      <center style="line-height: 150%">
-        <!-- <div class="c-box c-box--grey h-wysiwyg-html" data-scheme style="font-style: normal;">
-          <p>Upcoming maintenance break on Tuesday 21st May</p>
-          <a class="c-link" target="_blank" rel="noopener noreferrer"
-            href="https://forum.qt.io/topic/156671/upcoming-maintenance-break-on-the-qt-design-viewer-tuesday-21-05-2024">
-            Learn more
-          </a>
-        </div> -->
+      
+        
+      <!-- Modal -->
+      <script>
+        document.addEventListener("DOMContentLoaded", function() {
+          // Check if 'dv-maintaince-consent' exists in localStorage
+          if (!localStorage.getItem('dv-maintaince-consent')) {
+            // If not present, show the modal
+            var myModal = new bootstrap.Modal(document.getElementById('staticBackdrop'));
+            myModal.show();
+          }
+        });
+      </script>
+      <div class="modal fade text-muted lh-lg text-start" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdropLabel" aria-hidden="true" style="font-style: normal;">
+        <div class="modal-dialog modal-dialog-centered modal-lg">
+          <div class="modal-content">
+            <div class="modal-header">
+              <h1 class="modal-title fs-5" id="staticBackdropLabel">Qt Design Viewer Update – Action Required</h1>
+              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body small">
+              <h5>Experience with the Qt Design Viewer is going to be elevated</h5>
+              <p>Thanks for participating in the usage of Qt Design Viewer.
+                <br/>
+                Qt Design Viewer was released as a beta service for researching project sharing experiences.
+                <br/>
+                We’d like to inform you that the upcoming version of Qt Design Viewer, scheduled for release on 19th November 2024, is not compatible with the current beta version. As a result, any projects uploaded to the Qt Design Viewer beta will no longer be available after this transition.
+                <br/>
+                If you wish to retain your projects or have any questions, please contact our support engineers at <a href="mailto:qt-webdev-rnd-admin@qt.io?subject=Qt Design Viewer support&body=I'd like to keep my projects compatible with new version.%0D%0A%0D%0APlease get back to me at your earliest convenience." class="text-success">qt-webdev-rnd-admin@qt.io</a>
+              </p>
+            </div>
+            <div class="modal-footer">
+              <button type="button" class="btn btn-primary" data-bs-dismiss="modal" onclick="localStorage.setItem('dv-maintaince-consent', '1')">Understood</button>
+            </div>
+          </div>
+        </div>
+      </div>

        <img
          src="resources/images/qtdesignstudioviewer-128.png"