From 4c26dca6c5b4da426de07f8d64224a6311c55485 Mon Sep 17 00:00:00 2001 From: Michael Mainguy Date: Fri, 10 May 2024 13:33:30 -0500 Subject: [PATCH] updated web styles. --- index.html | 44 +++++----- public/pages/privacy.html | 164 ++++++++++++++++++++++++++------------ public/styles.css | 43 +++++----- public/sw.js | 12 +-- 4 files changed, 166 insertions(+), 97 deletions(-) diff --git a/index.html b/index.html index 068e756..6caa944 100644 --- a/index.html +++ b/index.html @@ -16,6 +16,27 @@ + @@ -55,37 +76,14 @@ */ -
-
-
- \ No newline at end of file diff --git a/public/pages/privacy.html b/public/pages/privacy.html index d658b86..73381e5 100644 --- a/public/pages/privacy.html +++ b/public/pages/privacy.html @@ -1,4 +1,4 @@ - + Deep Diagram Privacy Policy @@ -10,67 +10,131 @@ + - - +background grid
-

Our Privacy Policy

- We believe that users of a system have the right to maintain thier own data - and must explicitly grant the right of others to use that data. + This privacy policy ("policy") will help you understand how Immersive Idea LLC. ("us", "we", + "our") uses and protects the data you provide to us when you visit and use https://www.deepdiagram.com + website.

+ We reserve the right to change this policy at any given time, of which you will be + promptly updated. If you want to make sure that you are up to date with the latest + changes, we advise you to frequently visit this page.

- To that end, we will never knowingly share data without asking explicit permission - and will safeguard your information to the best of our ability. That having been said, - we want you to be aware of a few things: +

What User Data We Collect

+

+ When you visit the website, we may collect the following data:

+

Why We Collect Your Data

+

+ We are collecting your data for several reasons: +

+ +

+ Safeguarding and Securing the Data +

+

Immersive Idea LLC is committed to securing your data and keeping it confidential.

+

Immersive Idea LLC has done all in its power to prevent data theft, unauthorized access, + and disclosure by implementing the latest technologies and software, which help us + safeguard all the information we collect online.

+

Our Cookie Policy

+

+ Once you agree to allow our website to use cookies, you also agree to use the data it + collects regarding your online behavior (analyze web traffic, web pages you visit and + spend the most time on). +

+

+ The data we collect by using cookies is used to customize our website to your needs. + After we use the data for statistical analysis, the data is completely removed from our + systems. +

+

+ Please note that cookies don't allow us to gain control of your computer in any way. + They are strictly used to monitor which pages you find useful and which you do not so + that we can provide a better experience for you. +

+

+ + + If you want to disable cookies, you can do it by accessing the settings of your internet + browser. You can visit https://www.internetcookies.com, which contains comprehensive + information on how to do this on a wide variety of browsers and devices. +

+

Links to Other Websites

+

+ Our website may contain links that lead to other websites. If you click on these links + Immersive Idea LLC is not held responsible for your data and privacy protection. Visiting + those websites is not governed by this privacy policy agreement. Make sure to read the + privacy policy documentation of the website you go to from our website. +

+

+ Restricting the Collection of your Personal Data +

+

+ + + At some point, you might wish to restrict the use and collection of your personal data. + You can achieve this by doing the following:

+

+ When you are filling the forms on the website, make sure to check if there is a box + which you can leave unchecked, if you don't want to disclose your personal information. + If you have already agreed to share your information with us, feel free to contact us via + email (support@immersiveidea.com) and we will be more than happy to change this for you.

+

+ Immersive Idea LLC will not lease, sell or distribute your personal information to any third + parties, unless we have your permission. We might do so if the law forces us. Your + personal information will be used when we need to send you promotional materials if + you agree to this privacy policy. +

+ Home
diff --git a/public/styles.css b/public/styles.css index 27f0336..0f702b4 100644 --- a/public/styles.css +++ b/public/styles.css @@ -28,37 +28,37 @@ body { div.overlay { position: absolute; - background: #000; - left: 50%; - top: 50%; + display: block; transform: translate(-50%, -50%); z-index: 12; - width: 320px; height: 120px; } + div.overlay div { - background-color: #000000; - color: #FFD700; - padding: 15px 25px; + width: 100%; + margin: 10px; text-align: center; - text-decoration: none; - cursor: pointer; - border: none; } div.overlay div a { - display: inline-block; + display: flex; text-decoration: none; + padding-top: 1em; + padding-left: 5px; + vertical-align: middle; border-color: #FFD700; - border-style: solid; - border-width: 1px; - padding: 10px; - width: 200px; + border-style: outset; + border-width: 2px; + border-radius: 10px; + + } div.overlay div a:visited, div.overlay div a:link { color: white; + background-color: #999922; + height: 2em; } div.overlay div a:hover { @@ -90,6 +90,7 @@ div#create { height: 344px; border: 3px inset #FFD700; display: none; + background-color: #000; } div.overlay div a.cancel { @@ -143,7 +144,7 @@ div.overlay div a.cancel:hover { } #main.mini div a, #tutorial div a { - width: 80px; + } h1 { @@ -163,8 +164,10 @@ h1 { #diagramList { left: 340px; - top: 240px; - height: 300px; + top: 400px; + height: 500px; + background-color: #000; + padding: 5px; } #create { @@ -172,6 +175,10 @@ h1 { top: 340px; } +#create div { + margin: 0; + margin-top: 10px; +} #closekey, #closekey a:active, #closekey a:visited, #closekey a:link { position: relative; diff --git a/public/sw.js b/public/sw.js index b5c4b06..bf02b55 100644 --- a/public/sw.js +++ b/public/sw.js @@ -39,7 +39,7 @@ self.addEventListener("message", (event) => { workbox.routing.registerRoute( new RegExp('/.*\\.wasm'), - new workbox.strategies.CacheFirst({ + new workbox.strategies.StaleWhileRevalidate({ cacheName: CACHE }) ); @@ -47,33 +47,33 @@ console.warn('workbox'); workbox.routing.registerRoute( new RegExp('/assets/.*'), - new workbox.strategies.CacheFirst({ + new workbox.strategies.StaleWhileRevalidate({ cacheName: CACHE }) ); workbox.routing.registerRoute( new RegExp('.*imagedelivery.net.*'), - new workbox.strategies.CacheFirst({ + new workbox.strategies.StaleWhileRevalidate({ cacheName: IMAGEDELIVERY_CACHE }) ); workbox.routing.registerRoute( new RegExp('/db/.*'), - new workbox.strategies.CacheFirst({ + new workbox.strategies.StaleWhileRevalidate({ cacheName: CACHE }) ); workbox.routing.registerRoute( new RegExp('/.*\\.glb'), - new workbox.strategies.CacheFirst({ + new workbox.strategies.StaleWhileRevalidate({ cacheName: CACHE }) ); workbox.routing.registerRoute( new RegExp('/.*\\.css'), - new workbox.strategies.CacheFirst({ + new workbox.strategies.StaleWhileRevalidate({ cacheName: CACHE }) );