From a6dc022445b108bcaba44f8defc4a187dc78fcd1 Mon Sep 17 00:00:00 2001 From: "aldo.gonzalez-lorenzo" <aldo.gonzalez-lorenzo@lis-lab.fr> Date: Sat, 25 Mar 2023 10:54:36 +0100 Subject: [PATCH] Minor change in the interface --- index.html | 33 ++++++++++++++++++++++----------- 1 file changed, 22 insertions(+), 11 deletions(-) diff --git a/index.html b/index.html index c633958..6cc58af 100644 --- a/index.html +++ b/index.html @@ -10,22 +10,33 @@ #comptage { cursor: crosshair; } + .container { + display: flex + } + .container p:first-child { + width: 200px; + } + p { + margin: 2px; + } </style> <script src="https://cdn.jsdelivr.net/npm/p5@1.1.9/lib/p5.js"></script> </head> <body> <div id="comptage"></div> + <div class="container"> + <p> + Time: <span id="time"></span> + </p> + <p> + <button id="rewind">Rewind</button> + <button id="pause">Pause</button> + <button id="play">Play</button> + </p> + </div> <p> - Time: <span id="time"></span> - </p> - <p> - <button id="rewind">Rewind</button> - <button id="pause">Pause</button> - <button id="play">Play</button> - </p> - <p> - Manifestants enregistres : <span id="manifestants">0</span><br> + Manifestants enregistrés : <span id="manifestants">0</span><br> <textarea rows="2" cols="100"></textarea> <button id="import">Import</button> </p> <script> @@ -44,7 +55,7 @@ video.play() video.pause() // set_video_height(600) - set_video_width(1400) + set_video_width(1700) video.hide() // hides the html video loader }) } @@ -75,7 +86,7 @@ if (Math.abs(person.t - video.time()) < 0.5) { p.push() p.noStroke() - p.fill('rgba(255, 204, 0, 0.5)') + p.fill('rgba(0, 255, 0, 0.5)') p.circle(person.x * p.width, person.y * p.height, 10) p.pop() } -- GitLab