Update tile1.html and tile2.html with color adjustments and canvas rotation

- Modified color values in tile1.html to enhance the visual appeal of the Islamic tile pattern, aligning with the design of tile2.
- Adjusted the canvas rotation in tile2.html from 45 degrees to -45 degrees for improved alignment of the square grid pattern.

Author: zesameri

tile1.html

@@ -27,14 +27,14 @@
 
         const COLORS = {
             cream: '#f5e6d3',
-            darkBlue: '#4a6b8a',
-            lightBlue: '#6a88a8',
-            darkGreen: '#3d5f52',
-            lightGreen: '#5a7a6a',
-            brown: '#9b7f57',
-            darkBrown: '#6b5738',
-            black: '#2a2a2a',
-            gold: '#c8a870'
+            darkBlue: '#0f1f2f',  // replaced with tile2 navy
+            lightBlue: '#4a7595', // replaced with tile2 lightBlue
+            darkGreen: '#2d5540', // replaced with tile2 green
+            lightGreen: '#5a8575', // replaced with tile2 green
+            brown: '#6b4423',     // replaced with tile2 gold
+            darkBrown: '#5a3820', // replaced with tile2 gold
+            black: '#1a2838',     // replaced with tile2 navy
+            gold: '#b68c4d'       // warmer, richer gold
         };
 
         const TRIANGLE_COLORS = [

tile2.html

@@ -18,7 +18,7 @@
         }
         canvas {
             display: block;
-            transform: rotate(45deg);
+            transform: rotate(-45deg);
             transform-origin: center center;
         }
     </style>