will/roman-time
1
0
Fork 0
mirror of https://github.com/zyphlar/roman-time.git synced 2024-03-08 13:57:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

add some description

Browse Source
This commit is contained in:
zyphlar 2023-05-24 13:28:40 -07:00
parent ad26a07b04
commit 69c73e522a
Signed by: will
GPG Key ID: 1159B930701263F3
2 changed files with 15 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
index.html
View File

@ -13,9 +13,7 @@
height: 180px; height: 180px;
} }
#sundial { #sundial {
background-image: url('roman-sundial.jpg'); display: none;
width: 664px;
height: 1000px;
} }
</style> </style>
</head> </head>
@ -34,7 +32,7 @@
height="300" height="300"
viewBox="0 0 79.374999 79.375" viewBox="0 0 79.374999 79.375"
version="1.1" version="1.1"
id="svg5" id="sundial"
xml:space="preserve" xml:space="preserve"
inkscape:version="1.2 (dc2aedaf03, 2022-05-15)" inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
sodipodi:docname="sundial.svg" sodipodi:docname="sundial.svg"
@ -400,19 +398,22 @@
console.log("It is", romanMinuteEnglish, "hora", romanHour, romanNumeralHour); console.log("It is", romanMinuteEnglish, "hora", romanHour, romanNumeralHour);
if (msAfterSunrise > 0) { if (msAfterSunrise > 0) {
document.getElementById('clock').innerText = "It is "+romanMinuteEnglish+" Hora "+romanHour+" ("+romanNumeralHour+")"; document.getElementById('clock').innerHTML = "It is "+romanMinuteEnglish+" <a href='https://en.wikipedia.org/wiki/Roman_timekeeping'>Hora "+romanHour+" ("+romanNumeralHour+")</a><br/>AKA "+(Math.round(percentOfDay*10000)/100)+"% through today's daylight.";
let zeroHrDeg = 77;
let twelveHrDeg = -81.5;
let degreeSweep = twelveHrDeg-zeroHrDeg;
let sundialDegree = percentOfDay*degreeSweep*.975+zeroHrDeg; // .975 fudge factor
let sundial = document.getElementById("sundial");
sundial.style["display"] = "block";
let sunshadow = document.getElementById("sunshadow");
sunshadow.style["transform"] = "rotate("+sundialDegree+"deg)";
sunshadow.style["transform-origin"] = "top center";
} else { } else {
document.getElementById('clock').innerText = "The sun isn't in the sky, go check the moon."; document.getElementById('clock').innerText = "The sun isn't in the sky, go check the moon.";
} }
let zeroHrDeg = 77;
let twelveHrDeg = -81.5;
let degreeSweep = twelveHrDeg-zeroHrDeg;
let sundialDegree = percentOfDay*degreeSweep*.975+zeroHrDeg; // .95 fudge factor
let sunshadow = document.getElementById("sunshadow");
sunshadow.style["transform"] = "rotate("+sundialDegree+"deg)";
sunshadow.style["transform-origin"] = "top center";
} }
getLocation(); getLocation();

2
sundial.svg
View File

@ -6,7 +6,7 @@
height="300" height="300"
viewBox="0 0 79.374999 79.375" viewBox="0 0 79.374999 79.375"
version="1.1" version="1.1"
id="svg5" id="sundial"
xml:space="preserve" xml:space="preserve"
inkscape:version="1.2 (dc2aedaf03, 2022-05-15)" inkscape:version="1.2 (dc2aedaf03, 2022-05-15)"
sodipodi:docname="sundial.svg" sodipodi:docname="sundial.svg"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 26 KiB

After

Width:  |  Height:  |  Size: 26 KiB