..........?MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM7...........
..MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM...
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM$
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM.   ?MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM7  . MMMMM
MMMM............. .......~ZNMMMMMMMMMMMMMMMMMMMMMMMMO=.,. .................MMMMM
MMMM.......................................................................MMMMM
MMMMMMMM.............................................................. NMMMMMMM.
 MMMMMMMMMMMMMMMMZ  ........................................ 7MMMMMMMMMMMMMMMM. 
...MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM....
...MMMMM.....=MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMI. ...MMMMM....
...MMMMM ....................   ... .      . ... ......................MMMMM....
....MMMMM..............................................................MMMM7....
....MMMMM...................................................... ......MMMMM ....
....MMMMM ..............................................  ZMMMMM..... MMMMM.....
.... MMMMM ......................................ZMMMMMMMMMMMMMM.....MMMMM .....
.....MMMMM................. ..    .  $MMMMMMMMMMMMMMMMMMMMMMMMM..... MMMMM... ..
..... MMMMM .....MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.....MMMMM.......
...... MMMMM......MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN.....MMMMM+.......
.......8MMMMM .....MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.....MMMMMM........
........7MMMMM ......MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM .... MMMMMM.........
..........MMMMM ......?MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMI .....MMMMM$..........
.......... MMMMMM.......=MMMMMMMMMMMMMMMMMMMMMMMMMMMMMM  .....MMMMMM ...........
............+MMMMMM .....  MMMMMMMMMMMMMMMMMMMMMMMMMM  .....MMMMMMD.............
............. MMMMMMM.......,8MMMMMMMMMMMMMMMMMMMM. ......MMMMMMM...............
............... MMMMMMMM....... ?MMMMMMMMMMMMM~........8MMMMMMM ................
.................. MMMMMMMM ........MMMMMMM ........MMMMMMMM. ..................
.....................ZMMMMMMMM,.......MMMZ...... MMMMMMMMM .....................
.........................MMMMMMMMMM... MM ..MMMMMMMMMM  ........................
........................... ?MMMMMM... MM...MMMMMMO,............................
........................ MMMMMMMMMM... MM...MMMMMMMMMN .........................
....................  MMMMMMMMM ......OMM...... NMMMMMMMM. .....................
.................. MMMMMMMM ..........MMM...........MMMMMMMM....................
................DMMMMMMM..............MMMM.............MMMMMMMM,................
..............MMMMMMM................ MMMM................MMMMMMM...............
............7MMMMMM................. MMMMM .................MMMMMMM.............
...........MMMMMN .................. MMMMMM.................. MMMMMM,...........
........ OMMMMM ....................MMMMMMM.....................MMMMMM .........
........MMMMMM ....................MMMMMMMMM.................... MMMMMM.........
.......MMMMMM.....................OMMMMMMMMM .....................MMMMMM........
......NMMMMM.....................~MMMMMMMMMMM......................MMMMMM.......
......MMMMM.....................NMMMMMMMMMMMMM. ....................MMMMM ......
.....MMMMM.....................MMMMMMMMMMMMMMMMN.................... MMMMM .....
....,MMMMM....................MMMMMMMMMMMMMMMMMMM....................:MMMMM.....
....MMMMM...................MMMMMMMMMMMMMMMMMMMMMMM...................MMMMM.....
....MMMMM.................MMMMMMMMMMMMMMMMMMMMMMMMMMM.................MMMMM ....
...OMMMM................$MMMMMMMMMMMMMMMMMMMMMMMMMMMMMM ...............MMMMM....
...MMMMM..............MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM.............MMMMM....
...MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM....
 DMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM .
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMM.... .ZMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM8..,...MMMMM
MMMM..................... .. ...   ..     .  . .. . ... ...................MMMMM
MMMM.......................................................................MMMMM
MMMMMM7................................................................ ~MMMMMM8
MMMMMMMMMMMMMMMN.  . .....................................    .DMMMMMMMMMMMMMMM 
.. ZMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMN ...
...........IMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMZ............
............................ ..,=I$8NMMMMMM8$$=,..  ............................<!DOCTYPE html><html lang="en"><head><title> 12 heures = 10 heures </title><META NAME="author" CONTENT="Claude Closky"><META NAME="description" CONTENT="12 heures = 10 heures by Claude Closky (1992-1998). Collection Frac Occitanie Montpellier"><meta name="keywords" content="12 heures = 10 heures, Claude Closky, Closky, Frac Occitanie Montpellier, Frac Occitanie"/><meta http-equiv="content-type" content="text/html; charset=utf-8"><meta property="og:description" content="12 heures = 10 heures by Claude Closky (1992-1998). Collection Frac Occitanie Montpellier" data-react-helmet="true"><meta property="og:url" content="https://archive.sittes.net/FracLR/" data-react-helmet="true"><meta property="og:site_name" content="sittes.net" data-react-helmet="true"><meta property="og:title" content="12 heures = 10 heures by Claude Closky (1992-1998)" data-react-helmet="true"><meta name="viewport" content="height=device-height,width=device-width, initial-scale=1,minimum-scale=1, maximum-scale=1,target-densitydpi=device-dpi"><link rel="shortcut icon" href="https://www.sittes.net/favicon.ico" ><META HTTP-EQUIV="Pragma" CONTENT="no-cache"><!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-6TVN12R37P"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-6TVN12R37P');</script><style>html, body {margin: 0;padding: 0;height: 100%;overflow: hidden;background-color: black;}#clock {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;background-repeat: no-repeat;background-position: center;background-image: url('12h10h.svg');}#hover-area {position: absolute;width: 50%;height: 50%;border-radius: 50%; /* Makes the hover area circular */top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 3; /* Ensures it is above other elements */}#hover-area:hover ~ #clock {background-image: url('12h10hcredit.svg');}.clock-hand {position: fixed;background-color: white;width: 0.9vmin;height: 37vmin;transform-origin: 50% 100%;top: 50%;left: 50%;transform: translate(-50%, -100%) rotate(0deg);z-index: 1;}.clock-hand4 {position: fixed;background-color: white;width: 1.2vmin;height: 37vmin;transform-origin: 50% 100%;top: 50%;left: 50%;transform: translate(-50%, -100%) rotate(0deg);z-index: 1;}.clock-hand5 {position: fixed;background-color: white;width: 1.5vmin;height: 25vmin;transform-origin: 50% 100%;top: 50%;left: 50%;transform: translate(-50%, -100%) rotate(0deg);z-index: 1;}.text-box {position: fixed;top:30px;width: 200px;height: 73px;font-size: 80px;padding-top: 2px;background-color: white;border-radius: 10px;display: flex;justify-content: center;line-height: 72px;align-self: center;font-family: Helvetica, sans-serif;color: black;z-index: 2;}#timePassed{}#info {z-index: 3;font-family: Times, serif;color: white;background-color: black;font-size: 30px;line-height: 30px;display: block;position: fixed;bottom: 30px;left: 30px;cursor: pointer;}#caption {font-size: 16px;padding: 12px;line-height: 20px;z-index: 3;width: 200px;font-family: Helvetica, sans-serif;color: white;background-color: black;display: none;bottom: 30px;left: 30px;position: fixed;border: 2px solid white;border-radius: 10px;cursor: pointer;}@media  only screen and (max-height: 780px) {.text-box  {top:20px;width: 150px;      height: 54px;font-size: 60px;padding-top: 2px;border-radius: 7px;line-height: 54px;}#caption, #info{bottom: 20px;}}@media  only screen and (max-height: 580px) {.text-box  {width: 100px;      height: 36px;top:10px;font-size: 40px;padding-top: 1px;border-radius: 4px;line-height: 36px;}#caption, #info{bottom: 10px;}}@media  only screen and (max-width: 801px) and (orientation: landscape){.text-box  {top:20px;width: 150px;      height: 54px;font-size: 60px;padding-top: 2px;border-radius: 7px;line-height: 54px;}#caption, #info{bottom: 20px;}}@media only screen and (max-width: 641px)  and (orientation: landscape){.text-box  {width: 100px;      height: 36px;top:10px;font-size: 40px;padding-top: 1px;border-radius: 4px;line-height: 36px;}#caption{width: 150px;font-size: 12px;padding: 8px;line-height: 16px;bottom: 10px;}#info{bottom: 10px;}}</style><script>function adjustTextBoxPosition() {const textBox = document.querySelector('.text-box');const windowWidth = window.innerWidth;const windowHeight = window.innerHeight;if (windowWidth > (2 / 3) * windowHeight) {textBox.style.left = '30px';textBox.style.transform = 'translate(0, 0)';} else {textBox.style.left = '50%';textBox.style.transform = 'translate(-50%, 0)';}}window.addEventListener('load', adjustTextBoxPosition);window.addEventListener('resize', adjustTextBoxPosition);</script></head><body><div id="hover-area"></div><div id="clock"></div><div class="clock-hand" id="clockHand"></div><div class="clock-hand4" id="clockHand4"></div><div class="clock-hand5" id="clockHand5"></div><div class="text-box" id="timePassed"></div><script>const circle = document.getElementById('circle');const clockHand = document.getElementById('clockHand');const clockHand4 = document.getElementById('clockHand4');const clockHand5 = document.getElementById('clockHand5');const dotCount = 100;const radius = 42.5;const angleIncrement = 3.6;const angleIncrement2 = 36;const rotationInterval = 4320;const rotationInterval2 = 432000;const rotationInterval3 = 4320000;let isColumnVisible = true;function updateText() {const date = new Date();const noon = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 12, 0, 0, 0).getTime();const now = date.getTime();const midnight = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0).getTime();let elapsedTime;if (now < noon) {elapsedTime = now - midnight;} else {elapsedTime = now - noon;}const timesPassed = Math.floor(elapsedTime / 43200);const hundreds = Math.floor(timesPassed / 100);const tens = Math.floor((timesPassed % 100) / 10);const units = timesPassed % 10;const timePassedText = document.getElementById('timePassed');if (isColumnVisible) {timePassedText.textContent = `${hundreds}:${tens}.${units}`;} else {timePassedText.textContent = `${hundreds} ${tens} ${units}`;}isColumnVisible = !isColumnVisible;}function updateClockHand1() {const date = new Date();const now = date.getTime();const midnight = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0).getTime();const elapsedTime = now - midnight;const revolutionTime = 432000;const steps = 100;const currentStep = Math.floor(elapsedTime / (revolutionTime / steps));const currentAngle = (currentStep * angleIncrement) % 360;clockHand.style.transform = `translate(-50%, -100%) rotate(${currentAngle}deg)`;updateText();}setInterval(updateClockHand1, rotationInterval);updateClockHand1();function updateClockHand4() {const date = new Date();const now = date.getTime();const midnight = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0).getTime();const elapsedTime = now - midnight;const revolutionTime = 4320000;const steps = 10;const currentStep = Math.floor(elapsedTime / (revolutionTime / steps));const currentAngle = (currentStep * angleIncrement2) % 360;clockHand4.style.transform = `translate(-50%, -100%) rotate(${currentAngle}deg)`;}setInterval(updateClockHand4, rotationInterval);updateClockHand4();function updateClockHand5() {const date = new Date();const now = date.getTime();const midnight = new Date(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0, 0).getTime();const elapsedTime = now - midnight;const revolutionTime = 43200000;const steps = 10;const currentStep2 = Math.floor(elapsedTime / (revolutionTime / steps));const currentAngle = (currentStep2 * angleIncrement2) % 360;clockHand5.style.transform = `translate(-50%, -100%) rotate(${currentAngle}deg)`;}setInterval(updateClockHand5, rotationInterval);updateClockHand5();function hide(hidediv){if(document.getElementById){tabler = document.getElementById(hidediv);if(tabler.style.display=="none"){tabler.style.display="";}else{tabler.style.display="none";}}}function show(showdiv){if(document.getElementById){tabler = document.getElementById(showdiv);if(tabler.style.display=="block"){tabler.style.display="";}else{tabler.style.display="block";}}}</script><a tabindex="1" onClick="show('caption',false,'xx');hide('info',true,'xx');return true;" id="x"><div id="info"><i>i</i></div></a><a tabindex="1" onClick="show('info',false,'xx');hide('caption',true,'xx');return true;" id="x"><div id="caption"><P><I>12 heures = 10 heures</I>  est une horloge qui d&eacute;compte le temps en utilisant le syst&egrave;me d&eacute;cimal. La journ&eacute;e est d&eacute;coup&eacute;e en deux fois 10 heures, chaque heure en 10 minutes, chaque minute en 10 secondes.</P><hr width='50%' noshade size='1' color='#FFFFFF'><P><I>12 hours = 10 hours</I>  is a clock which mesures time in base ten. The day is divided twice into 10 hours, each hour into 10 minutes, each minute in 10 seconds.</P></div></a></body></html>