Add beta release notification

819fc7d9 · Vic Nguyen · 1c1a7473 · 819fc7d9
Commit 819fc7d9 authored 6 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,44 @@
  <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">
+              <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
+            </div>
+            <div class="modal-body small" style="font-size: 0.9rem;">
+              <h5>Experience with the Qt Design Viewer is going to be elevated</h5>
+              <div class="d-flex flex-column p-0">
+                <p>Thanks for participating in the usage of Qt Design Viewer. Qt Design Viewer was released as a beta service for researching project sharing experiences.</p>
+                <p>We’d like to inform you that the upcoming version of Qt Design Viewer, scheduled for release on <b>10th December 2024</b>, is not compatible with the current beta version.</p>
+                <p>As a result, any projects uploaded to the Qt Design Viewer beta will no longer be available after this transition.</p>
+                <p>Should you have any questions about the transition, or if you wish to retain your projects, don't hestitate to contact our support engineers: <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>
+            <div class="modal-footer d-flex justify-content-center">
+              <button type="button" class="btn btn-primary" data-bs-dismiss="modal" onclick="localStorage.setItem('dv-maintaince-consent', '1')"  style="background-color: #00414a; border-color: #00414a;">
+                Okay
+              </button>
+            </div>
+            
+          </div>
+        </div>
+      </div>

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