New link to 3djewelryviewer.com

piellardj · Jan 15, 2024 · bf2ea92 · bf2ea92
1 parent 96ffcf4
commit bf2ea92
Show file tree

Hide file tree

Showing 8 changed files with 54 additions and 13 deletions.
diff --git a/README.md b/README.md
@@ -5,6 +5,15 @@ The engine runs fully on GPU and uses both rasterization and ray-tracing, as wel
 
 It supports many gem shapes, and can render several gems simultaneously.
 
+<div style="background: rgba(200,200,200,0.25);padding: 8px;border-radius: 8px;box-shadow: 0 0 6px rgba(0,0,0,0.5);">If you want to see the latest version of the engine or want to discuss commercial use, please go to my dedicated website:
+<div style="text-align:center;margin-top:1em">
+    <a href="https://3djewelryviewer.com">
+        <span>3djewelryviewer.com ↗</span>
+        <img src="src/static/3djewelryviewer/illustration_500.jpg" alt="Illustration for 3djewelryviewer.com" style="display:block;margin:.5em auto 0;"/>
+    </a>
+    </div>
+</div>
+
 See it live [here](https://piellardj.github.io/diamond-webgl/).
 
 [![Donate](https://raw.githubusercontent.com/piellardj/piellardj.github.io/master/images/readme/donate-paypal.svg)](https://www.paypal.com/donate/?hosted_button_id=AF7H7GEJTL95E)

diff --git a/docs/3djewelryviewer/illustration_1000.webp b/docs/3djewelryviewer/illustration_1000.webp
diff --git a/docs/3djewelryviewer/illustration_500.jpg b/docs/3djewelryviewer/illustration_500.jpg
diff --git a/docs/3djewelryviewer/illustration_500.webp b/docs/3djewelryviewer/illustration_500.webp
diff --git a/docs/index.html b/docs/index.html
@@ -11,7 +11,7 @@
     <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
     <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
     <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
-    <link rel="stylesheet" type="text/css" href="css/page.css?v=2023-05-25T06%3A58%3A21.434Z">
+    <link rel="stylesheet" type="text/css" href="css/page.css?v=2024-01-15T18%3A36%3A10.886Z">
   </head>
 
   <body>
@@ -30,6 +30,14 @@ <h1>Diamond</h1>
         <div class="description">
           <p>This is a real-time rendering engine for diamonds and gemstones. It allows precise control of the cut, and customization of various optical properties to simulate countless types of materials. It can also generate ASET images. The precision is more than enough to create the familiar hearts and arrows patterns of ideal cut diamonds.</p>
           <p>The engine runs fully on GPU and uses both rasterization and ray-tracing, as well as post-processing techniques such as bloom and screen-space antialiasing.</p>
+          <p>
+          <div style='background: rgba(200,200,200,0.25);padding: 8px;border-radius: 8px;box-shadow: 0 0 6px rgba(0,0,0,0.5);'>If you want to see the latest version of the engine or want to discuss commercial use, please go to my dedicated website: <div style='text-align:center;margin-top:1em'><a href='https://3djewelryviewer.com'><span>3djewelryviewer.com ↗</span>
+                <picture>
+                  <source srcset='/3djewelryviewer/illustration_500.webp, /3djewelryviewer/illustration_1000.webp 1.5x' type='image/webp'><img src='/3djewelryviewer/illustration_500.jpg' alt='Illustration for 3D Jewelry Viewer' style='border-radius:8px;max-width:100%;margin-top:.5em' />
+                </picture>
+              </a></div>
+          </div>
+          </p>
 
           <br>
 
@@ -622,12 +630,12 @@ <h2>Debug</h2>
     <script type="text/javascript">
       var Page = Page || {};
       Object.defineProperty(Page, "version", {
-        value: "2023-05-25T06%3A58%3A21.434Z",
+        value: "2024-01-15T18%3A36%3A10.886Z",
         writable: false,
       });
     </script>
-    <script src="script/page.min.js?v=2023-05-25T06%3A58%3A21.434Z"></script>
-    <script src="script/main.min.js?v=2023-05-25T06%3A58%3A21.434Z"></script>
+    <script src="script/page.min.js?v=2024-01-15T18%3A36%3A10.886Z"></script>
+    <script src="script/main.min.js?v=2024-01-15T18%3A36%3A10.886Z"></script>
   </body>
 
 </html>
diff --git a/docs/jewelery/index.html b/docs/jewelery/index.html
@@ -11,7 +11,7 @@
     <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
     <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
     <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
-    <link rel="stylesheet" type="text/css" href="css/page.css?v=2023-05-25T06%3A58%3A21.781Z">
+    <link rel="stylesheet" type="text/css" href="css/page.css?v=2024-01-15T18%3A36%3A10.927Z">
   </head>
 
   <body>
@@ -30,6 +30,14 @@ <h1>Jewelry</h1>
         <div class="description">
           <p>This is a real-time rendering engine for jewelry and gemstones. It allows customization of various optical properties to simulate countless types of materials. The precision is more than enough to create the familiar hearts and arrows patterns of ideal cut diamonds. The engine can render many shapes simultaneously.</p>
           <p>The engine runs fully on GPU and uses both rasterization and ray-tracing, as well as post-processing techniques such as bloom and screen-space antialiasing.</p>
+          <p>
+          <div style='background: rgba(200,200,200,0.25);padding: 8px;border-radius: 8px;box-shadow: 0 0 6px rgba(0,0,0,0.5);'>If you want to see the latest version of the engine or want to discuss commercial use, please go to my dedicated website: <div style='text-align:center;margin-top:1em'><a href='https://3djewelryviewer.com'><span>3djewelryviewer.com ↗</span>
+                <picture>
+                  <source srcset='/3djewelryviewer/illustration_500.webp, /3djewelryviewer/illustration_1000.webp 1.5x' type='image/webp'><img src='/3djewelryviewer/illustration_500.jpg' alt='Illustration for 3D Jewelry Viewer' style='border-radius:8px;max-width:100%;margin-top:.5em' />
+                </picture>
+              </a></div>
+          </div>
+          </p>
 
           <br>
 
@@ -400,12 +408,12 @@ <h2>Lighting</h2>
     <script type="text/javascript">
       var Page = Page || {};
       Object.defineProperty(Page, "version", {
-        value: "2023-05-25T06%3A58%3A21.781Z",
+        value: "2024-01-15T18%3A36%3A10.927Z",
         writable: false,
       });
     </script>
-    <script src="script/page.min.js?v=2023-05-25T06%3A58%3A21.781Z"></script>
-    <script src="script/main.min.js?v=2023-05-25T06%3A58%3A21.781Z"></script>
+    <script src="script/page.min.js?v=2024-01-15T18%3A36%3A10.927Z"></script>
+    <script src="script/main.min.js?v=2024-01-15T18%3A36%3A10.927Z"></script>
   </body>
 
 </html>
diff --git a/docs/jewelry/index.html b/docs/jewelry/index.html
@@ -11,7 +11,7 @@
     <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
     <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
     <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
-    <link rel="stylesheet" type="text/css" href="css/page.css?v=2023-05-25T06%3A58%3A21.781Z">
+    <link rel="stylesheet" type="text/css" href="css/page.css?v=2024-01-15T18%3A36%3A10.927Z">
   </head>
 
   <body>
@@ -30,6 +30,14 @@ <h1>Jewelry</h1>
         <div class="description">
           <p>This is a real-time rendering engine for jewelry and gemstones. It allows customization of various optical properties to simulate countless types of materials. The precision is more than enough to create the familiar hearts and arrows patterns of ideal cut diamonds. The engine can render many shapes simultaneously.</p>
           <p>The engine runs fully on GPU and uses both rasterization and ray-tracing, as well as post-processing techniques such as bloom and screen-space antialiasing.</p>
+          <p>
+          <div style='background: rgba(200,200,200,0.25);padding: 8px;border-radius: 8px;box-shadow: 0 0 6px rgba(0,0,0,0.5);'>If you want to see the latest version of the engine or want to discuss commercial use, please go to my dedicated website: <div style='text-align:center;margin-top:1em'><a href='https://3djewelryviewer.com'><span>3djewelryviewer.com ↗</span>
+                <picture>
+                  <source srcset='/3djewelryviewer/illustration_500.webp, /3djewelryviewer/illustration_1000.webp 1.5x' type='image/webp'><img src='/3djewelryviewer/illustration_500.jpg' alt='Illustration for 3D Jewelry Viewer' style='border-radius:8px;max-width:100%;margin-top:.5em' />
+                </picture>
+              </a></div>
+          </div>
+          </p>
 
           <br>
 
@@ -400,12 +408,12 @@ <h2>Lighting</h2>
     <script type="text/javascript">
       var Page = Page || {};
       Object.defineProperty(Page, "version", {
-        value: "2023-05-25T06%3A58%3A21.781Z",
+        value: "2024-01-15T18%3A36%3A10.927Z",
         writable: false,
       });
     </script>
-    <script src="script/page.min.js?v=2023-05-25T06%3A58%3A21.781Z"></script>
-    <script src="script/main.min.js?v=2023-05-25T06%3A58%3A21.781Z"></script>
+    <script src="script/page.min.js?v=2024-01-15T18%3A36%3A10.927Z"></script>
+    <script src="script/main.min.js?v=2024-01-15T18%3A36%3A10.927Z"></script>
   </body>
 
 </html>
diff --git a/docs/readme/index.html b/docs/readme/index.html
@@ -11,7 +11,7 @@
     <link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16">
     <link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32">
     <link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96">
-    <link rel="stylesheet" type="text/css" href="css/page.css?v=2023-06-11T16%3A24%3A15.140Z">
+    <link rel="stylesheet" type="text/css" href="css/page.css?v=2024-01-15T18%3A36%3A10.845Z">
   </head>
 
   <body>
@@ -29,6 +29,14 @@ <h1 id="diamondwebgl">diamond-webgl</h1>
         <p>This is a real-time rendering engine for diamonds and gemstones. It allows precise control of the cut, and customization of various optical properties to simulate countless types of materials. It can also generate ASET images. The precision is more than enough to create the familiar hearts and arrows patterns of ideal cut diamonds.</p>
         <p>The engine runs fully on GPU and uses both rasterization and ray-tracing, as well as post-processing techniques such as bloom and screen-space antialiasing.</p>
         <p>It supports many gem shapes, and can render several gems simultaneously.</p>
+        <div style="background: rgba(200,200,200,0.25);padding: 8px;border-radius: 8px;box-shadow: 0 0 6px rgba(0,0,0,0.5);">If you want to see the latest version of the engine or want to discuss commercial use, please go to my dedicated website:
+          <div style="text-align:center;margin-top:1em">
+            <a href="https://3djewelryviewer.com">
+              <span>3djewelryviewer.com ↗</span>
+              <img src="https://github.com/piellardj/diamond-webgl/raw/main/src/static/3djewelryviewer/illustration_500.jpg" alt="Illustration for 3djewelryviewer.com" style="display:block;margin:.5em auto 0;" />
+            </a>
+          </div>
+        </div>
         <p>See it live <a href="https://piellardj.github.io/diamond-webgl/">here</a>.</p>
         <p><a href="https://www.paypal.com/donate/?hosted_button_id=AF7H7GEJTL95E"><img src="https://raw.githubusercontent.com/piellardj/piellardj.github.io/master/images/readme/donate-paypal.svg" alt="Donate" /></a></p>
         <h2 id="preview">Preview</h2>