From 7867b6c613cf2610af72efc1cb074f7ec2078af3 Mon Sep 17 00:00:00 2001
From: stonedDiscord <Tukz@gmx.de>
Date: Sat, 18 Sep 2021 17:47:54 +0200
Subject: hack together the "whip-pan"

---
 webAO/client.html | 64 +++++++++++++++++++++++++++++++++++++++++++------------
 1 file changed, 50 insertions(+), 14 deletions(-)

(limited to 'webAO/client.html')

diff --git a/webAO/client.html b/webAO/client.html
index dd036a6..4102c72 100644
--- a/webAO/client.html
+++ b/webAO/client.html
@@ -73,20 +73,56 @@
 	<div id="client_icwrapper">
 		<div id="client_background">
 			<div id="client_gamewindow">
-				<img id="client_court" alt="Courtroom backdrop" onerror="imgError(this);">
-				<div id="client_pair_char" alt="Paired character">
-					<img id="client_pair_gif" onerror="charError(this);">
-					<img id="client_pair_png" onerror="charError(this);">
-					<img id="client_pair_apng" onerror="charError(this);">
-					<img id="client_pair_webp" onerror="charError(this);">
-				</div>
-				<div id="client_char" alt="Character">
-					<img id="client_char_gif" onerror="charError(this);">
-					<img id="client_char_png" onerror="charError(this);">
-					<img id="client_char_apng" onerror="charError(this);">
-					<img id="client_char_webp" onerror="charError(this);">
-				</div>
-				<img id="client_bench">
+				<img id="client_court_static" alt="Courtroom backdrop" onerror="imgError(this);">
+				<div id="client_charview">
+					<div id="client_stitch_court">
+						<img id="client_court_def" alt="Courtroom backdrop" onerror="imgError(this);">
+						<img id="client_court_deft" alt="Courtroom backdrop" onerror="imgError(this);">
+						<img id="client_court_wit" alt="Courtroom backdrop" onerror="imgError(this);">
+						<img id="client_court_prot" alt="Courtroom backdrop" onerror="imgError(this);">
+						<img id="client_court_pro" alt="Courtroom backdrop" onerror="imgError(this);">
+					</div>
+					<img id="client_court" alt="Courtroom backdrop" onerror="imgError(this);">
+					<div id="client_def_pair_char" class="client_char" alt="Paired character">
+						<img id="client_def_pair_gif" onerror="charError(this);">
+						<img id="client_def_pair_png" onerror="charError(this);">
+						<img id="client_def_pair_apng" onerror="charError(this);">
+						<img id="client_def_pair_webp" onerror="charError(this);">
+					</div>
+					<div id="client_def_char" class="client_char" alt="Character">
+						<img id="client_def_char_gif" onerror="charError(this);">
+						<img id="client_def_char_png" onerror="charError(this);">
+						<img id="client_def_char_apng" onerror="charError(this);">
+						<img id="client_def_char_webp" onerror="charError(this);">
+					</div>
+					<div id="client_wit_pair_char" class="client_char" alt="Paired character">
+						<img id="client_wit_pair_gif" onerror="charError(this);">
+						<img id="client_wit_pair_png" onerror="charError(this);">
+						<img id="client_wit_pair_apng" onerror="charError(this);">
+						<img id="client_wit_pair_webp" onerror="charError(this);">
+					</div>
+					<div id="client_wit_char" class="client_char" alt="Character">
+						<img id="client_wit_char_gif" onerror="charError(this);">
+						<img id="client_wit_char_png" onerror="charError(this);">
+						<img id="client_wit_char_apng" onerror="charError(this);">
+						<img id="client_wit_char_webp" onerror="charError(this);">
+					</div>
+					<div id="client_pro_pair_char" class="client_char" alt="Paired character">
+						<img id="client_pro_pair_gif" onerror="charError(this);">
+						<img id="client_pro_pair_png" onerror="charError(this);">
+						<img id="client_pro_pair_apng" onerror="charError(this);">
+						<img id="client_pro_pair_webp" onerror="charError(this);">
+					</div>
+					<div id="client_pro_char" class="client_char" alt="Character">
+						<img id="client_pro_char_gif" onerror="charError(this);">
+						<img id="client_pro_char_png" onerror="charError(this);">
+						<img id="client_pro_char_apng" onerror="charError(this);">
+						<img id="client_pro_char_webp" onerror="charError(this);">
+					</div>
+					<img id="client_def_bench" class="client_bench">
+					<img id="client_wit_bench" class="client_bench">
+					<img id="client_pro_bench" class="client_bench">
+				</div>			
 				<img id="client_fg" alt="Various overlay" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=">
 				<img id="client_evi" src="" alt="Character Evidence" onerror="imgError(this);">
 				<img id="client_testimony" alt="Testimony overlay" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" onerror="imgError(this);">
-- 
cgit