diff --git a/www/index.html b/www/index.html
index de130393b4bae8499843c3bb5fd929fbd0fc97c5..0020e1fb35a338b9efd1ed8842c16af5830e539e 100644
--- 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"