mmainguy/immersive2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

updated web styles.

Browse Source
This commit is contained in:
Michael Mainguy 2024-05-10 13:33:30 -05:00
parent 15fdb938ee
commit 4c26dca6c5
4 changed files with 166 additions and 97 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
index.html
View File

@ -16,6 +16,27 @@
<script defer src="/src/vrApp.ts" type="module"></script> <script defer src="/src/vrApp.ts" type="module"></script>
<link href="/manifest.webmanifest" rel="manifest"/> <link href="/manifest.webmanifest" rel="manifest"/>
<!--<script src='/niceware.js'></script>--> <!--<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> </head>
<body> <body>
<img id="loadingGrid" src="/assets/grid6.jpg"/> <img id="loadingGrid" src="/assets/grid6.jpg"/>
@ -55,37 +76,14 @@
*/ */
</script> </script>
<div class="webApp" id="webApp"> <div class="webApp" id="webApp">
</div> </div>
<div class="scene"> <div class="scene">
<canvas id="gameCanvas"></canvas> <canvas id="gameCanvas"></canvas>
</div> </div>
</body> </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> </html>

164
public/pages/privacy.html
View File

@ -1,4 +1,4 @@
<html> <html lang="">
<head> <head>
<title>Deep Diagram Privacy Policy</title> <title>Deep Diagram Privacy Policy</title>
<meta charset="UTF-8"> <meta charset="UTF-8">
@ -10,67 +10,131 @@
<link href="/assets/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png"> <link href="/assets/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png">
<link as="script" href="/newRelic.js" rel="preload"> <link as="script" href="/newRelic.js" rel="preload">
<script src="/newRelic.js"></script> <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> </head>
<body> <body>
<style>
div#privacyPolicy {
z-index: 1;
color: white;
position: absolute;
width: 80%;
height: 80%;
top: 9%;
left: 9%;
overflow-y: scroll;
}
li { <img alt="background grid" id="loadingGrid" src="/assets/grid3.jpg"/>
font-size: smaller;
}
</style>
<img id="loadingGrid" src="/assets/grid3.jpg"/>
<div id="privacyPolicy"> <div id="privacyPolicy">
<h1>Our Privacy Policy</h1>
<p> <p>
We believe that users of a system have the right to maintain thier own data This privacy policy ("policy") will help you understand how Immersive Idea LLC. ("us", "we",
and must explicitly grant the right of others to use that data. "our") uses and protects the data you provide to us when you visit and use https://www.deepdiagram.com
website.
</p> </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> <p>
To that end, we will never knowingly share data without asking explicit permission <h1>What User Data We Collect</h1>
and will safeguard your information to the best of our ability. That having been said, <p>
we want you to be aware of a few things: When you visit the website, we may collect the following data:
<ul> <ul>
<li> <li>Your IP address.</li>
By using our service, you indemnify us against accidental disclosure of information and <li>Your contact information and email address.</li>
agree to hold us harmless in the event information is accidentally disclosed. <li>Other information such as interests and preferences.</li>
While we strive to keep your private information private and use industry standard cybersecurity practices, <li>Data profile regarding your online behavior on our website.</li>
you accept that using our service and storing information in the cloud inherently carries an amount of risk </ul>
that it could accidentally be disclosed to unauthorized users. <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>
<li> <li>To customize our website according to your online behavior and personal
You retain the rights to your data and we will make every reasonable effort to preferences.
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> </li>
</ul> </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> </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> </div>
</body> </body>
</html> </html>

43
public/styles.css
View File

@ -28,37 +28,37 @@ body {
div.overlay { div.overlay {
position: absolute; position: absolute;
background: #000; display: block;
left: 50%;
top: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
z-index: 12; z-index: 12;
width: 320px;
height: 120px; height: 120px;
} }
div.overlay div { div.overlay div {
background-color: #000000; width: 100%;
color: #FFD700; margin: 10px;
padding: 15px 25px;
text-align: center; text-align: center;
text-decoration: none;
cursor: pointer;
border: none;
} }
div.overlay div a { div.overlay div a {
display: inline-block; display: flex;
text-decoration: none; text-decoration: none;
padding-top: 1em;
padding-left: 5px;
vertical-align: middle;
border-color: #FFD700; border-color: #FFD700;
border-style: solid; border-style: outset;
border-width: 1px; border-width: 2px;
padding: 10px; border-radius: 10px;
width: 200px;
} }
div.overlay div a:visited, div.overlay div a:link { div.overlay div a:visited, div.overlay div a:link {
color: white; color: white;
background-color: #999922;
height: 2em;
} }
div.overlay div a:hover { div.overlay div a:hover {
@ -90,6 +90,7 @@ div#create {
height: 344px; height: 344px;
border: 3px inset #FFD700; border: 3px inset #FFD700;
display: none; display: none;
background-color: #000;
} }
div.overlay div a.cancel { div.overlay div a.cancel {
@ -143,7 +144,7 @@ div.overlay div a.cancel:hover {
} }
#main.mini div a, #tutorial div a { #main.mini div a, #tutorial div a {
width: 80px;
} }
h1 { h1 {
@ -163,8 +164,10 @@ h1 {
#diagramList { #diagramList {
left: 340px; left: 340px;
top: 240px; top: 400px;
height: 300px; height: 500px;
background-color: #000;
padding: 5px;
} }
#create { #create {
@ -172,6 +175,10 @@ h1 {
top: 340px; top: 340px;
} }
#create div {
margin: 0;
margin-top: 10px;
}
#closekey, #closekey a:active, #closekey a:visited, #closekey a:link { #closekey, #closekey a:active, #closekey a:visited, #closekey a:link {
position: relative; position: relative;

12
public/sw.js
View File

@ -39,7 +39,7 @@ self.addEventListener("message", (event) => {
workbox.routing.registerRoute( workbox.routing.registerRoute(
new RegExp('/.*\\.wasm'), new RegExp('/.*\\.wasm'),
new workbox.strategies.CacheFirst({ new workbox.strategies.StaleWhileRevalidate({
cacheName: CACHE cacheName: CACHE
}) })
); );
@ -47,33 +47,33 @@ console.warn('workbox');
workbox.routing.registerRoute( workbox.routing.registerRoute(
new RegExp('/assets/.*'), new RegExp('/assets/.*'),
new workbox.strategies.CacheFirst({ new workbox.strategies.StaleWhileRevalidate({
cacheName: CACHE cacheName: CACHE
}) })
); );
workbox.routing.registerRoute( workbox.routing.registerRoute(
new RegExp('.*imagedelivery.net.*'), new RegExp('.*imagedelivery.net.*'),
new workbox.strategies.CacheFirst({ new workbox.strategies.StaleWhileRevalidate({
cacheName: IMAGEDELIVERY_CACHE cacheName: IMAGEDELIVERY_CACHE
}) })
); );
workbox.routing.registerRoute( workbox.routing.registerRoute(
new RegExp('/db/.*'), new RegExp('/db/.*'),
new workbox.strategies.CacheFirst({ new workbox.strategies.StaleWhileRevalidate({
cacheName: CACHE cacheName: CACHE
}) })
); );
workbox.routing.registerRoute( workbox.routing.registerRoute(
new RegExp('/.*\\.glb'), new RegExp('/.*\\.glb'),
new workbox.strategies.CacheFirst({ new workbox.strategies.StaleWhileRevalidate({
cacheName: CACHE cacheName: CACHE
}) })
); );
workbox.routing.registerRoute( workbox.routing.registerRoute(
new RegExp('/.*\\.css'), new RegExp('/.*\\.css'),
new workbox.strategies.CacheFirst({ new workbox.strategies.StaleWhileRevalidate({
cacheName: CACHE cacheName: CACHE
}) })
); );