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 890db3b..432277b 100644
Binary files a/R4.01_R4.A.10/td_tp/tp1/src.tar.gz and b/R4.01_R4.A.10/td_tp/tp1/src.tar.gz differ
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');