updated web styles.
This commit is contained in:
parent
15fdb938ee
commit
4c26dca6c5
44
index.html
44
index.html
@ -16,6 +16,27 @@
|
||||
<script defer src="/src/vrApp.ts" type="module"></script>
|
||||
<link href="/manifest.webmanifest" rel="manifest"/>
|
||||
<!--<script src='/niceware.js'></script>-->
|
||||
<style>
|
||||
#keyboardHelp {
|
||||
display: none;
|
||||
width: 665px;
|
||||
height: 312px;
|
||||
}
|
||||
|
||||
#keyboardHelp .button {
|
||||
|
||||
background-color: white;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
#keyboardHelp div {
|
||||
background: transparent;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<img id="loadingGrid" src="/assets/grid6.jpg"/>
|
||||
@ -55,37 +76,14 @@
|
||||
*/
|
||||
|
||||
</script>
|
||||
|
||||
<div class="webApp" id="webApp">
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
|
||||
<div class="scene">
|
||||
<canvas id="gameCanvas"></canvas>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
<style>
|
||||
#keyboardHelp {
|
||||
display: none;
|
||||
width: 665px;
|
||||
height: 312px;
|
||||
}
|
||||
|
||||
#keyboardHelp .button {
|
||||
|
||||
background-color: white;
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
display: inline-block;
|
||||
text-align: center;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
#keyboardHelp div {
|
||||
background: transparent;
|
||||
}
|
||||
</style>
|
||||
</html>
|
||||
@ -1,4 +1,4 @@
|
||||
<html>
|
||||
<html lang="">
|
||||
<head>
|
||||
<title>Deep Diagram Privacy Policy</title>
|
||||
<meta charset="UTF-8">
|
||||
@ -10,67 +10,131 @@
|
||||
<link href="/assets/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png">
|
||||
<link as="script" href="/newRelic.js" rel="preload">
|
||||
<script src="/newRelic.js"></script>
|
||||
<style>
|
||||
body * {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
div#privacyPolicy {
|
||||
z-index: 1;
|
||||
position: absolute;
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
top: 9%;
|
||||
left: 9%;
|
||||
overflow-y: scroll;
|
||||
background-color: rgba(0, 0, .2, 0.6);
|
||||
padding: 40px;
|
||||
border-radius: 30px;
|
||||
border-color: #FFD700;
|
||||
border-style: solid;
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: #FFf0d0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
li {
|
||||
font-size: smaller;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<style>
|
||||
div#privacyPolicy {
|
||||
z-index: 1;
|
||||
color: white;
|
||||
position: absolute;
|
||||
width: 80%;
|
||||
height: 80%;
|
||||
top: 9%;
|
||||
left: 9%;
|
||||
overflow-y: scroll;
|
||||
}
|
||||
|
||||
li {
|
||||
font-size: smaller;
|
||||
}
|
||||
</style>
|
||||
<img id="loadingGrid" src="/assets/grid3.jpg"/>
|
||||
<img alt="background grid" id="loadingGrid" src="/assets/grid3.jpg"/>
|
||||
<div id="privacyPolicy">
|
||||
<h1>Our Privacy Policy</h1>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
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.
|
||||
<p>
|
||||
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:
|
||||
<h1>What User Data We Collect</h1>
|
||||
<p>
|
||||
When you visit the website, we may collect the following data:
|
||||
<ul>
|
||||
<li>
|
||||
By using our service, you indemnify us against accidental disclosure of information and
|
||||
agree to hold us harmless in the event information is accidentally disclosed.
|
||||
While we strive to keep your private information private and use industry standard cybersecurity practices,
|
||||
you accept that using our service and storing information in the cloud inherently carries an amount of risk
|
||||
that it could accidentally be disclosed to unauthorized users.
|
||||
<li>Your IP address.</li>
|
||||
<li>Your contact information and email address.</li>
|
||||
<li>Other information such as interests and preferences.</li>
|
||||
<li>Data profile regarding your online behavior on our website.</li>
|
||||
</ul>
|
||||
<h1>Why We Collect Your Data</h1>
|
||||
<p>
|
||||
We are collecting your data for several reasons:
|
||||
</p>
|
||||
<ul>
|
||||
<li>To better understand your needs.</li>
|
||||
<li>To improve our services and products.</li>
|
||||
<li>To send you promotional emails containing the information we think you will find interesting.</li>
|
||||
<li>To contact you to fill out surveys and participate in other types of market
|
||||
research.
|
||||
</li>
|
||||
<li>
|
||||
You retain the rights to your data and we will make every reasonable effort to
|
||||
limit ability of people or companies that you have not explicitly agreed to share data
|
||||
with access, Should you desire to stop using our service, we agree
|
||||
to make your data available to you in a format of our choosing for up to 30 days.
|
||||
After that period, we reserve the right ot completely wipe your data from our systems.
|
||||
Should you want your data removed earlier, we will make our best effort to remove all
|
||||
traces of your data, but cannot completely guarantee that it is not available via
|
||||
third parties or other services.
|
||||
</li>
|
||||
<li>
|
||||
Our goal is to give you a safe space to explore ideas and concepts knowing
|
||||
that your data is safeguarded against unauthorized disclosure. If we detect
|
||||
illegal or other malicious activity, we reserve the right to delete your data
|
||||
and/or disclose to legal authorities based on our interpretation of the
|
||||
law given the specifics of the situation.
|
||||
</li>
|
||||
<li>
|
||||
Usage of services, key performance metrics, and other non personally identifiable technical information
|
||||
may be captured and retained by our staff for the sole purpose of enhance our product and providing
|
||||
better user experience.
|
||||
<li>To customize our website according to your online behavior and personal
|
||||
preferences.
|
||||
</li>
|
||||
</ul>
|
||||
<h1>
|
||||
Safeguarding and Securing the Data
|
||||
</h1>
|
||||
<p>Immersive Idea LLC is committed to securing your data and keeping it confidential.</p>
|
||||
<p>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.
|
||||
</p>
|
||||
<h1>Our Cookie Policy</h1>
|
||||
<p>
|
||||
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).
|
||||
</p>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<p>
|
||||
|
||||
|
||||
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.
|
||||
</p>
|
||||
<h1>Links to Other Websites</h1>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<h1>
|
||||
Restricting the Collection of your Personal Data
|
||||
</h1>
|
||||
<p>
|
||||
|
||||
|
||||
At some point, you might wish to restrict the use and collection of your personal data.
|
||||
You can achieve this by doing the following:</p>
|
||||
<p>
|
||||
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.</p>
|
||||
<p>
|
||||
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.
|
||||
</p>
|
||||
<a href="https://www.deepdiagram.com">Home</a>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -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;
|
||||
|
||||
12
public/sw.js
12
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
|
||||
})
|
||||
);
|
||||
|
||||
Loading…
Reference in New Issue
Block a user