From 6e437dfbe8981efcb53abb911b107a8a875331c3 Mon Sep 17 00:00:00 2001
From: StephGR461 <swilson@eracom.educanet2.ch>
Date: Fri, 29 Sep 2017 15:42:36 +0200
Subject: [PATCH] correctif

---
 index-cercle-mult.html             | 198 -----------------------------
 index-cercle.html                  | 146 ---------------------
 jsclocks-Stephanie.png => rond.png | Bin
 3 files changed, 344 deletions(-)
 delete mode 100644 index-cercle-mult.html
 delete mode 100644 index-cercle.html
 rename jsclocks-Stephanie.png => rond.png (100%)
diff --git a/index-cercle-mult.html b/index-cercle-mult.html
deleted file mode 100644
index 027c5ca..0000000
--- a/index-cercle-mult.html
+++ /dev/null
@@ -1,198 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="fr">
-    <head>
-        <meta charset="utf-8">
-        <title>The JS Clocks</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link rel="stylesheet" href="css/normalize.css">
-        <style>
-
-	        body {
-					  display: flex;
-					  height: 100%;
-					  width: 100%;
-					  position: absolute;
-					}
-
-		      svg {
-		        border: 1px solid #ddd;
-		        margin: auto;
-		        height: 100%;
-		        width: auto;
-		      }
-
-		        /*
-		        * Rules for Vertical Screens
-		        */
-		        @media screen and ( max-aspect-ratio: 1/1 ) {
-		          svg {
-		            width: 100%;
-		            height: auto;
-		          }
-		        }
-
-		      .scnd {
-		        display: none;
-		      }
-
-        </style>
-    </head>
-    <body>
-
-		<svg id="vector" width="600" height="600" viewbox="0 0 600 600">
-
-    		<circle id="seconde" class="scnd" style="fill:#000000;stroke:#000000;stroke-width:0;stroke-miterlimit:10;" cx="100" cy="100" r="3"/>
-
-    		<circle id="minutes" style="fill:#FFFFFF;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;" cx="300" cy="112" r="20"/>
-
-    		<g id="heures">
-    			<circle style="fill:#FFFFFF;stroke:#000000;stroke-width:2;stroke-miterlimit:10;" cx="300" cy="50" r="40"/>
-
-      			<line style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;" x1="55.454" y1="300" x2="13.158" y2="300"/>
-
-      			<line style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;" x1="533.466" y1="300" x2="575.762" y2="300"/>
-    		</g>
-		</svg>
-
-		<script>
-
-			// Cloner un élément 60 fois:
-			// On va créer 60 items, et on va les masquer
-
-			// On sélectionner notre modèle:
-			var itm = document.getElementById("seconde");
-
-			var i; // i = convention, pour "integer" (nombre entier)
-			for (i = 0; i < 61; i++) {
-
-				var angle = i*6;
-
-				var angle = angle - 135; // Correction du "translate(50%,50%)"
-
-				// Copy the element
-				var cln = itm.cloneNode(true);
-
-				// Change the elment
-				cln.id = 'seconde'+i;
-				cln.style.transform = 'translate(50%,50%) rotate('+angle+'deg)';
-
-				// Append the cloned element to something
-				document.getElementById("vector").appendChild(cln);
-
-			}
-
-
-
-			var itm = document.getElementById("minutes");
-
-			var i; // i = convention, pour "integer" (nombre entier)
-			for (i = 0; i < 61; i++) {
-
-				var angle = i*6;
-
-				var angle = angle - 135; // Correction du "translate(50%,50%)"
-
-				// Copy the element
-				var cln = itm.cloneNode(true);
-
-				// Change the elment
-				cln.id = 'minutes'+i;
-				cln.style.transform = 'translate(50%,50%) rotate('+angle+'deg)';
-
-				// Append the cloned element to something
-				document.getElementById("vector").appendChild(cln);
-
-			}
-
-			// Colorisation de quelques éléments pour visualiser leur position:
-
-			var sec0 = document.getElementById("seconde0");
-			sec0.style.fill = "red";
-
-			var sec15 = document.getElementById("seconde15");
-			sec15.style.fill = "red";
-
-			var sec30 = document.getElementById("seconde30");
-			sec30.style.fill = "red";
-
-			var sec45 = document.getElementById("seconde45");
-			sec45.style.fill = "red";
-
-			// Colorisation de quelques éléments pour visualiser leur position:
-
-
-			var minutes0 = document.getElementById("minutes0");
-			minutes0.style.fill = "blue";
-
-			var minutes15 = document.getElementById("minutes15");
-			minutes15.style.fill = "green";
-
-			var minutes30 = document.getElementById("minutes30");
-			minutes30.style.fill = "red";
-
-			var minutes45 = document.getElementById("minutes45");
-			minutes45.style.fill = "red";
-
-
-
-
-
-
-
-			function metronome() {
-
-			  var date = new Date();
-
-			  var seconde = date.getSeconds();
-
-			  if ( seconde == 0 ) {
-
-			  	// masquer tous les .scnd
-
-			  	var hideAll = document.getElementsByClassName("scnd") ;
-
-			  	var i;
-			  	for (i = 0; i < hideAll.length; i++) {
-			  		hideAll[i].style.display = "none";
-			  	}
-
-			  	// afficher l'élément zéro:
-
-			  	var showSec = document.getElementById("seconde0");
-			  	showSec.style.display = "block";
-
-
-			  } else {
-
-			  	// afficher l'élément
-
-			  	var sec = 'seconde' + date.getSeconds();
-
-				  // console.log(sec);
-
-				  var showSec = document.getElementById(sec);
-
-				  showSec.style.display = "block";
-
-			  }
-
-			} // fin de metronome()
-
-
-
-
-
-			// On lance metronome() une fois dès le chargement de la page:
-
-			metronome();
-
-
-			// Répéter la fonction metronone une fois par seconde
-
-			var forever = setInterval(function() {
-			  metronome();
-			}, 1000);
-
-		</script>
-  </body>
-</html>
diff --git a/index-cercle.html b/index-cercle.html
deleted file mode 100644
index a51fba6..0000000
--- a/index-cercle.html
+++ /dev/null
@@ -1,146 +0,0 @@
-<!doctype html>
-<html class="no-js" lang="fr">
-    <head>
-        <meta charset="utf-8">
-        <title>The JS Clocks</title>
-        <meta name="viewport" content="width=device-width, initial-scale=1">
-        <link rel="stylesheet" href="css/normalize.css">
-        <style>
-
-	        body {
-					  display: flex;
-					  flex-direction: column;
-					  justify-content: center;
-					  text-align: center;
-					  height: 100%;
-					  width: 100%;
-					  position: absolute;
-					  top: 0;
-					}
-
-		      svg {
-		        border: 1px solid #ddd;
-		        background: #fff;
-		        margin: auto;
-		        height: 100%;
-		        width: auto;
-		      }
-
-	        /*
-	        * Rules for Vertical Screens
-	        */
-	        @media screen and ( max-aspect-ratio: 1/1 ) {
-	          body {
-	            background: #f57578;
-	          }
-	          svg {
-	            width: 100%;
-	            height: auto;
-	          }
-	        }
-
-
-	        @keyframes sarabande {
-		        0% {
-		          transform: translate(50%,50%) rotate(0deg);
-		        }
-		        100% {
-		          transform: translate(50%,50%) rotate(360deg);
-		        }
-		      }
-
-		      #seconde {
-		      	animation: sarabande 60s infinite;
-	        	animation-timing-function: linear;
-	        	stroke: #00ff00;
-	        	fill: none;
-	        	stroke-miterlimit: 10;
-	        	transform: translate(50%,50%) rotate(0deg);
-		      }
-			  #minutes {
-			   animation: sarabande 60s infinite;
-			   animation-timing-function: linear;
-			   stroke: #00ff00;
-			   fill: none;
-			   stroke-miterlimit: 10;
-			   transform: translate(50%,50%) rotate(0deg);
-			 }
-
-        </style>
-    </head>
-    <body>
-
-			<svg id="vector" width="600" height="600" viewbox="0 0 600 600">
-
-	    		<circle id="seconde" cx="100" cy="100" r="16"/>
-					<circle id="minutes" cx="100" cy="100" r="16"/>
-
-	    		<g id="markers">
-	      		<line style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;" x1="55.454" y1="300" x2="13.158" y2="300"/>
-
-	      		<line style="fill:none;stroke:#000000;stroke-width:1.5;stroke-miterlimit:10;" x1="533.466" y1="300" x2="575.762" y2="300"/>
-	    		</g>
-			</svg>
-
-
-			<script>
-
-
-				// coloriser un élément SVG
-
-				// paramètres SVG:
-				// stroke-width
-				// stroke
-
-				// document.getElementById("seconde").style.stroke = '#00ff00';
-
-				document.querySelector("#seconde").style.stroke = '#00ffff';
-				document.querySelector("#seconde").style.strokeWidth = 3;
-				// document.querySelector("#seconde").style.transform = 'translate(0,-20%) rotate(-3deg)';
-				// document.getElementById("seconde").style.display = 'none';
-				// Changer la position:
-
-				// Cloner un élément:
-
-				// Get the last <li> element ("Milk") of <ul> with id="myList2"
-				var itm = document.getElementById("seconde");
-
-				// Copy the element
-				var cln = itm.cloneNode(true);
-
-				// Change the elment
-				cln.id = 'seconde1';
-				cln.style.stroke = '#ff0000';
-				cln.style.transform = 'translate(50%,50%) rotate(-0deg)';
-
-				// Append the cloned element to something
-				document.getElementById("vector").appendChild(cln);
-
-
-
-
-				document.querySelector("#minutes").style.stroke = '#00ffff';
-				document.querySelector("#minutes").style.strokeWidth = 3;
-				// document.querySelector("#seconde").style.transform = 'translate(0,-20%) rotate(-3deg)';
-				// document.getElementById("seconde").style.display = 'none';
-				// Changer la position:
-
-				// Cloner un élément:
-
-				// Get the last <li> element ("Milk") of <ul> with id="myList2"
-				var itm = document.getElementById("minutes");
-
-				// Copy the element
-				var cln = itm.cloneNode(true);
-
-				// Change the elment
-				cln.id = 'minutes1';
-				cln.style.stroke = '#ff0000';
-				cln.style.transform = 'translate(50%,50%) rotate(-0deg)';
-
-				// Append the cloned element to something
-				document.getElementById("vector").appendChild(cln);
-
-			</script>
-    </body>
-</html>
diff --git a/jsclocks-Stephanie.png b/rond.png
similarity index 100%
rename from jsclocks-Stephanie.png
rename to rond.png
