From dcaa6014eff8bab0342522318e11a4d6ee052689 Mon Sep 17 00:00:00 2001
From: Stephen D <webmaster@scd31.com>
Date: Sun, 16 Mar 2025 15:11:23 -0400
Subject: [PATCH] I am a css god
---
index.html | 34 ++++++++++++++++++++--------------
1 file changed, 20 insertions(+), 14 deletions(-)
diff --git a/index.html b/index.html
index a863e9b..e546e2e 100644
--- a/index.html
+++ b/index.html
@@ -1,21 +1,27 @@
<!DOCTYPE html>
<html>
<body>
- <h1>QRcade</h1>
- <p>Spencer Kee & Stephen Downward</p>
+ <div>
+ <div style="float: left; width: 49%">
+ <h1>QRcade</h1>
+ <h3>Spencer Kee & Stephen Downward</h3>
+ <p>Play Mario by manipulating a QR code! Move the stick left and right for movement, and press the button on the right side to jump. Be careful not to cover the QR code with your hand. Click start (with the mouse) twice to start the game.</p>
- <div id="loadingMessage">🎥 Unable to access video stream (please make sure you have a webcam enabled)</div>
- <canvas id="canvas" hidden></canvas>
- <canvas id="nes-canvas" width="256" height="240" style="width: 50%"></canvas>
- <br>
- <button id="up">Up</button>
- <button id="down">Down</button>
- <button id="left">Left</button>
- <button id="right">Right</button>
- <button id="a">A</button>
- <button id="b">B</button>
- <button id="start">Start</button>
- <button id="select">Select</button>
+ <div id="loadingMessage">🎥 Unable to access video stream (please make sure you have a webcam enabled)</div>
+ <canvas id="canvas" hidden></canvas>
+ </div>
+ <div style="float: right; width: 50%;">
+ <canvas id="nes-canvas" width="256" height="240" style="width: 100%"></canvas>
+ <button id="up">Up</button>
+ <button id="down">Down</button>
+ <button id="left">Left</button>
+ <button id="right">Right</button>
+ <button id="a">A</button>
+ <button id="b">B</button>
+ <button id="start">Start</button>
+ <button id="select">Select</button>
+ </div>
+ </div>
<div id="output" hidden>
<div id="latency"></div>
<div id="scan"></div>
--
GitLab