From 1494a7cd24e145ac515cb7e9b5e468f42c56a062 Mon Sep 17 00:00:00 2001
From: zlax <zlaxyi@gmail.com>
Date: Fri, 21 Jun 2024 00:11:11 +0300
Subject: [PATCH] add img rotation

---
 index.html | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 51138aa..8c60c04 100644
--- a/index.html
+++ b/index.html
@@ -162,7 +162,9 @@
     <br><p align="center"><input type="button" onclick="document.getElementById('soltable').innerHTML = makeTable(0, 'erisian');" value="Erisian time"/></p>
     <p align="center"><input type="button" onclick="document.getElementById('soltable').innerHTML = makeTable(0, 'auto');" value="Christian time"/>:<br>
   <div align = "center" id="utcbuttons"></div></p>
+
 <script type="text/javascript">
+
 const utcs = { "UTC-11" : "-11", "UTC-10" : "-10", "UTC-9" : "-9",
   "UTC-8" : "-8", "UTC-7" : "-7", "UTC-6" : "-6", "UTC-5" : "-5",
   "UTC-4" : "-4", "UTC-3:30" : "-3.5", "UTC-3" : "-3", "UTC-0" : "0",
@@ -179,7 +181,9 @@ for (var u in utcs) {
   if (counter % 5 == 0) buttons += "<br>";
 }
 document.getElementById("utcbuttons").innerHTML = buttons;
+
 </script>
+
   <div align = "center" id="soltable"></div><br><div align = "center" id="oneyearrow"></div>
 
 <script type="text/javascript">
@@ -299,8 +303,21 @@ function makeTable(UTC, timeoutput) {
 
 </script>
 
+<br><p align="center"><font size="6">&#9660;</font></a>
+<br><a href="https://en.wikipedia.org/wiki/Wheel_of_the_Year"><img id="wheel" src="0.5.0_octosol.png" alt="Octosol by DougInAMug"></a></p>
+
+<script type="text/javascript">
+
+  const dayOfYear = date => Math.floor((date - new Date(date.getFullYear(),
+                    0, 0)) / (1000 * 60 * 60 * 24));
+  var daynumber = dayOfYear(new Date());
+  var degree = Math.round((360 / 365) * (daynumber + 10));
+  var rotatestring = "rotate(" + degree + "deg)"
+  document.getElementById("wheel").style.transform = rotatestring;
+
+</script>
+
 <br><p align="center"><a href="https://gitlab.com/zlax/solarwheeloftheyear">source code</a></p>
-<br><p align="center"><a href="https://en.wikipedia.org/wiki/Wheel_of_the_Year"><img src="0.5.0_octosol.png" alt="Octosol by DougInAMug"></a></p>
 
   </body>
 </html>