From 8b173f959905e8a9bc09253362e0765db025bbeb Mon Sep 17 00:00:00 2001
From: Denis Monnerat <monnerat@u-pec.fr>
Date: Wed, 22 Jan 2025 17:02:42 +0100
Subject: [PATCH] maj src

---
 R4.01_R4.A.10/td_tp/tp1/src.tar.gz            | Bin 2424 -> 3503 bytes
 R4.01_R4.A.10/td_tp/tp1/src/array/array.html  |   5 +-
 R4.01_R4.A.10/td_tp/tp1/src/array/minmax.html |   9 +++-
 .../td_tp/tp1/src/langton/css/style.css       |   8 +++
 .../td_tp/tp1/src/langton/index.html          |  50 ++++++++----------
 .../modules/langton-renderer-canvas2d.js      |   4 +-
 6 files changed, 44 insertions(+), 32 deletions(-)
 create mode 100644 R4.01_R4.A.10/td_tp/tp1/src/langton/css/style.css

diff --git a/R4.01_R4.A.10/td_tp/tp1/src.tar.gz b/R4.01_R4.A.10/td_tp/tp1/src.tar.gz
index 890db3b4a83d770d22a16fe7a173c577a3dba8bf..432277bb00b020ef6f5bd927d6cdc87b2d27b81f 100644
GIT binary patch
literal 3503
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

literal 2424
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
N_?sJXTNpGL7yxq&z%Bp)

diff --git a/R4.01_R4.A.10/td_tp/tp1/src/array/array.html b/R4.01_R4.A.10/td_tp/tp1/src/array/array.html
index 841b016..67ded3a 100644
--- a/R4.01_R4.A.10/td_tp/tp1/src/array/array.html
+++ b/R4.01_R4.A.10/td_tp/tp1/src/array/array.html
@@ -3,8 +3,11 @@
 	<head>
 		<meta charset="utf-8">
 		<meta name="viewport" content="initial-scale=1,witdh=device-width">  
+		<link
+			rel="stylesheet"
+			href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css"
+		>
 
-		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
 
 		<script src="graph.js" type="text/javascript"></script>
 		<script>
diff --git a/R4.01_R4.A.10/td_tp/tp1/src/array/minmax.html b/R4.01_R4.A.10/td_tp/tp1/src/array/minmax.html
index 2c743e6..7247789 100644
--- a/R4.01_R4.A.10/td_tp/tp1/src/array/minmax.html
+++ b/R4.01_R4.A.10/td_tp/tp1/src/array/minmax.html
@@ -2,7 +2,14 @@
 <html>
 	<head>
 		<meta charset="utf-8">
-		<link rel="stylesheet" href="http://www.iut-fbleau.fr/css/tacit.css">
+		<meta name="viewport" content="initial-scale=1,witdh=device-width">  
+
+		<link
+			rel="stylesheet"
+			href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css"
+		>
+
+
 	</head>
 	<body class="m-6">
 		<main class="container">
diff --git a/R4.01_R4.A.10/td_tp/tp1/src/langton/css/style.css b/R4.01_R4.A.10/td_tp/tp1/src/langton/css/style.css
new file mode 100644
index 0000000..192272f
--- /dev/null
+++ b/R4.01_R4.A.10/td_tp/tp1/src/langton/css/style.css
@@ -0,0 +1,8 @@
+canvas {
+	position : absolute ;
+	top : 0;
+	left : 0;
+	z-index : -1;
+}
+
+
diff --git a/R4.01_R4.A.10/td_tp/tp1/src/langton/index.html b/R4.01_R4.A.10/td_tp/tp1/src/langton/index.html
index 6d4e836..1a85b74 100644
--- a/R4.01_R4.A.10/td_tp/tp1/src/langton/index.html
+++ b/R4.01_R4.A.10/td_tp/tp1/src/langton/index.html
@@ -6,41 +6,35 @@
 		<meta name="viewport" content="initial-scale=1,witdh=device-width">  
 
 		<title>Fourmi de Langton</title>
+		<link
+	  rel="stylesheet"
+   href="https://cdn.jsdelivr.net/npm/bulma@1.0.2/css/bulma.min.css"
+   >
 
-		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css">
-		<style>
-		canvas {
-		position : absolute ;
-		top : 0;
-		left : 0;
-		z-index : -1;
-		}
-		.control {
-		position : absolute ;
-		top : 0;
-		left : 0;
-		width : auto;
-		}
-		</style>
+   <link rel="stylesheet" href="./css/style.css">
 	</head>
 
 	<body>
-		<div class="control m-6 has-text-centered">
-		<h4 class="has-text-primary-dark title is-4">
-			Fourmi de Langton
-		</h4>
+		<div class="is-pulled-left m-6 has-text-centered">
 
-		<nav class="m-3">
-			<button class="button" id="next-move">Next</button>
-			<button class="button" id="autoplay">Auto</button>
-			<button class="button" id="plus-100">+100</button>
-		</nav>
+			<h4 class="has-text-primary-dark title is-4">
+				Fourmi de Langton
+			</h4>
+
+			<nav class="m-3">
+				<button class="button" id="next-move">Next</button>
+				<button class="button" id="autoplay">Auto</button>
+				<button class="button" id="plus-100">+100</button>
+			</nav>
+
+			<p class="mb-6 is-size-7">
+				Nombre de mouvements : <span id="move-value"></span> 
+			</p>
 
-		<p class="mb-6 is-size-7">
-			Nombre de mouvements : <span id="move-value"></span> 
-		</p>
 		</div>
-			<canvas></canvas>
+
+		<canvas></canvas>
+
 		<script type="module" src="app.js"></script>
 	</body>
 </html>
diff --git a/R4.01_R4.A.10/td_tp/tp1/src/langton/modules/langton-renderer-canvas2d.js b/R4.01_R4.A.10/td_tp/tp1/src/langton/modules/langton-renderer-canvas2d.js
index 1551e5a..c5fdf60 100644
--- a/R4.01_R4.A.10/td_tp/tp1/src/langton/modules/langton-renderer-canvas2d.js
+++ b/R4.01_R4.A.10/td_tp/tp1/src/langton/modules/langton-renderer-canvas2d.js
@@ -30,8 +30,8 @@ function render(langtonsAnt, canvas, options) {
 
 	//  We're going to draw each square with a given edge size
 
-	const tileSizeW = tileSize//w / gridSizeW ;
-	const tileSizeH = tileSize //h / gridSizeH ;
+	const tileSizeW = tileSize;//w / gridSizeW ;
+	const tileSizeH = tileSize; //h / gridSizeH ;
 
 	//  Get the drawing context.
 	var ctx = canvas.getContext('2d');