aboutsummaryrefslogtreecommitdiff
path: root/webAO/client.html
diff options
context:
space:
mode:
authorcaleb.mabry.15@cnu.edu <caleb.mabry.15@cnu.edu>2022-03-10 23:21:38 -0500
committercaleb.mabry.15@cnu.edu <caleb.mabry.15@cnu.edu>2022-03-10 23:21:38 -0500
commitdc208478fd18a4e28c0083641bf405170859fc58 (patch)
tree1fad0ecbaf5639d02908b5f9c9f31f1878ee446c /webAO/client.html
parent6dd1b296c2dd1d7462dd8514dff43db59ac8dd19 (diff)
Magnum Opus pt1
Diffstat (limited to 'webAO/client.html')
-rw-r--r--webAO/client.html613
1 files changed, 0 insertions, 613 deletions
diff --git a/webAO/client.html b/webAO/client.html
deleted file mode 100644
index 5dd0264..0000000
--- a/webAO/client.html
+++ /dev/null
@@ -1,613 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
- <title>Attorney Online session</title>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="description" content="An off-the-cuff courtroom drama simulator">
- <meta name="author" content="stonedDiscord">
-
- <meta property="og:title" content="Attorney Online">
- <meta property="og:description" content="Attorney Online is an online version of the world-renowned courtroom drama simulator that allows you to create and play out cases in an off-the-cuff format.">
- <meta property="og:type" content="website">
- <meta property="og:url" content="http://web.aceattorneyonline.com/">
- <meta property="og:image" content="https://repository-images.githubusercontent.com/78860508/89fcba80-aafd-11e9-80db-c5b10c01aba9">
-
- <meta property="twitter:card" content="summary_large_image">
- <meta property="twitter:title" content="Attorney Online">
- <meta property="twitter:description" content="Attorney Online is an online version of the world-renowned courtroom drama simulator that allows you to create and play out cases in an off-the-cuff format.">
- <meta property="twitter:url" content="http://web.aceattorneyonline.com/">
- <meta property="twitter:image" content="https://repository-images.githubusercontent.com/78860508/89fcba80-aafd-11e9-80db-c5b10c01aba9">
-
- <meta http-equiv="Content-Security-Policy" content="script-src-elem 'self' 'unsafe-inline' https://ajax.googleapis.com;
- script-src 'self' 'unsafe-inline' 'unsafe-eval' https://ajax.googleapis.com;
- style-src-elem 'self' 'unsafe-inline' https://golden-layout.com;
- style-src 'self' 'unsafe-inline' https://golden-layout.com;
- img-src 'self' data: file: *;
- connect-src 'self' ws: file: *;
- media-src 'self' file: *;">
-
- <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
- <link rel="apple-touch-icon" href="/images/logo-new.png"/>
- <link rel="stylesheet" type="text/css" href="styles/client.css?v=1.0.3" id="client_stylesheet">
- <link rel="stylesheet" type="text/css" href="styles/default.css?v=1.0.1" id="client_theme">
- <link rel="stylesheet" type="text/css" href="styles/chatbox/aa.css?v=1.0.1" id="chatbox_theme">
- <link rel="stylesheet" type="text/css" href="styles/nameplates.css" id="nameplate_setting">
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
- <link type="text/css" rel="stylesheet" href="golden/css/goldenlayout.css" />
- <link type="text/css" rel="stylesheet"
- href="https://golden-layout.com/files/latest/css/goldenlayout-dark-theme.css" />
- <script src="lib/jdataview.min.js"></script>
- <script src="lib/gify.min.js"></script>
- <script src="ui.b.js"></script>
- <script src="client.b.js?v=1.0.2"></script>
-</head>
-
-<body>
- <div id="client_loading">
- <h1 id="client_loadingtext">Loading</h1>
- <noscript><p style="color: red;">webAO requires JavaScript to work</p></noscript>
- <p>Having trouble? <a href="https://discord.gg/9rYQVVQ">Join us on Discord</a></p>
- <button class="client_reconnect" onclick="ReconnectButton()">Reconnect</button>
- </div>
- <div id="client_charselect">
- <p>Choose your character</p>
- <button onclick="pickChar(-1)">Or spectate</button>
- <br><br>
- <input id="client_charactersearch" placeholder="Search" oninput="chartable_filter(event)"></input>
- <br><br>
- <div id="client_chartable"></div>
- </div>
- <div id="client_error" class="error" style="display: none">
- <h1 id="client_errortext">You were disconnected from the server.</h1>
- <p style="color: #a00">Code:
- <span id="error_id">(none)</span>
- </p>
- <button class="client_reconnect" onclick="ReconnectButton()">Reconnect</button>
- </div>
-</body>
-
-<template id="client_wrapper">
- <meta name="frame-title" lang="en" content="Game">
- <div id="client_icwrapper">
- <div id="client_background">
- <div id="client_gamewindow">
- <div id="client_fullview">
- <img id="client_court" onerror="switchPanTilt(2);" onload="switchPanTilt(1);">
- <div id="client_stitch_court">
- <img id="client_court_def" onerror="imgError(this);">
- <img id="client_court_deft" onerror="imgError(this);">
- <img id="client_court_wit" onerror="imgError(this);">
- <img id="client_court_prot" onerror="imgError(this);">
- <img id="client_court_pro" onerror="imgError(this);">
- </div>
- <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>
- <div id="client_classicview">
- <img id="client_court_classic" onerror="imgError(this);">
- <div id="client_pair_char" class="client_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" class="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_classic" 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);">
- <img id="client_shout" alt="Shout overlay" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=">
- <div id="client_chatcontainer" style="font-size: 12px; opacity: 0;">
- <div id="client_chatdecoration"></div>
- <div id="client_name">
- <p id="client_inner_name"></p>
- </div>
- <div id="client_chat">
- <p id="client_inner_chat"></p>
- <div id="client_chatwaiting">&#9658;</div>
- </div>
- </div>
- <div id="client_trackstatus" style="display: none;"><p id="client_trackstatustext">None</p></div>
- </div>
- </div>
- <input id="client_inputbox" class="long" type="text" onkeypress="onEnter(event)"
- placeholder="Say something&hellip;" autocomplete="off">
- <div id="client_bars">
- <span id="client_defense_hp" class="health-box">
- <div class="health-bar"></div>
- </span>
- <span id="client_prosecutor_hp" class="health-box">
- <div class="health-bar"></div>
- </span>
- </div>
- <div id="client_iccontrols">
- <meta name="frame-title" lang="en" content="miscellaneous">
- <div id="client_emo">
- </div>
- <br>
- <div id="character_options">
- <div id="emote_options">
- <button id="button_1" alt="Hold it!" class="objection_button" onclick="toggleShout(1)">Hold it!</button>
- <button id="button_2" alt="Objection!" class="objection_button"
- onclick="toggleShout(2)">Objection!</button>
- <button id="button_3" alt="Take That!" class="objection_button" onclick="toggleShout(3)">Take
- That!</button>
- <button id="button_4" alt="Custom" class="objection_button" onclick="toggleShout(4)" style="display: none">
- Custom</button>
- <br>
- <br>
- <label for="textcolor">Text Color:</label>
- <select id="textcolor" name="textcolor">
- <option value="0">White</option>
- <option value="1">Green</option>
- <option value="2">Red</option>
- <option value="3">Orange</option>
- <option value="4">Blue</option>
- </select>
- <label for="sendsfx"> SFX: </label>
- <input type="checkbox" id="sendsfx" name="sendsfx" value="sendsfx" checked>
- <label for="sendpreanim"> Preanimation: </label>
- <input type="checkbox" id="sendpreanim" name="sendpreanim" value="sendpreanim">
- <br>
- <br>
- <button id="button_flip" alt="Flip" class="client_button" onclick="toggleEffect(this)" style="display: none">Flip</button>
- <button id="button_flash" alt="Flash" class="client_button" onclick="toggleEffect(this)">Flash</button>
- <button id="button_shake" alt="Shake" class="client_button" onclick="toggleEffect(this)" style="display: none">Shake</button>
- </div>
- <br>
- <br>
- <div id="character_options">
- <label for="role_select">Role:</label>
- <select id="role_select" name="role_select" onchange="changeRoleOOC()">
- <option value="">Default</option>
- <option value="def">Defense</option>
- <option value="pro">Prosecution</option>
- <option value="jud">Judge</option>
- <option value="wit">Witness</option>
- <option value="hld">Helper Defense</option>
- <option value="hlp">Helper Prosecution</option>
- <option value="jur">Jury</option>
- <option value="sea">Seance</option>
- </select>
- <br>
- <br>
- <button id="char_change" alt="Change" class="client_button hover_button" onclick="changeCharacter()">Change
- Character</button>
- <button id="char_random" alt="Random" class="client_button hover_button"
- onclick="randomCharacterOOC()">Random Character</button>
- <br>
- <br>
- <span id="pairing" style="display: none">
- <label for="pair_select">Pairing partner:</label>
- <select name="pair_select" id="pair_select">
- <option value="-1">None</option>
- </select>
- <table style="border: none;margin-left: auto;margin-right: auto;">
- <tr ><td><p>Horizontal offset:</p></td><td><input type="range" name="pair_offset" id="pair_offset" min="-100" max="100" value="0"></td></tr>
- <tr id="y_offset" style="display: none"><td><p >Vertical offset:</p></td><td><input type="range" name="pair_y_offset" id="pair_y_offset" min="-100" max="100" value="0"></td></tr>
- </table>
- <input id="pair_reset" type="button" value="Reset" onclick="resetOffset()">
- <br>
- <br>
- <br>
- <span id="cccc" style="display: none">
- <label for="ic_chat_name">Custom Showname:</label>
- <input id="ic_chat_name" name="ic_chat_name" type="text">
- <br>
- <label for="showname">Show others:</label>
- <input id="showname" name="showname" type="checkbox" onclick="showname_click()">
- <br>
- <br>
- <label for="check_nonint">Noninterrupting Preanimation:</label>
- <input type="checkbox" name="check_nonint" id="check_nonint">
- </span>
- <br>
- <br>
- <span id="2.7" style="display: none">
- <label for="check_loopsfx">Looping SFX:</label>
- <input type="checkbox" name="check_loopsfx" id="check_loopsfx">
- </span>
- <br>
- <br>
- <span id="2.8" style="display: none">
- <label for="check_additive">Additive:</label>
- <input type="checkbox" name="check_additive" id="check_additive">
- <br>
- <br>
- <label for="effect_select">Effect:</label>
- <select id="effect_select" name="effect_select">
- <option value="||">None</option>
- <option value="realization||sfx-realization">Realization</option>
- <option value="hearts||sfx-squee">Hearts</option>
- <option value="reaction||sfx-reactionding">Reaction</option>
- <option value="impact||sfx-fan">Impact</option>
- </select>
- </span>
- </div>
- </div>
- <fieldset style="margin:10px;">
- <legend>Actions</legend>
- <!-- Judge Commands -->
- <span id="judge_action" style="display:none">
- <span id="menu_wt" onclick="initWT()" class="judge_button"
- style="color: blue"><i>Witness<br>Testimony</i></span>
-
- <span id="menu_ce" onclick="initCE()" class="judge_button"
- style="color: red"><i>Cross<br>Examination</i></span>
-
- <span id="menu_nguilty" onclick="notguilty()" class="judge_button"
- style="color: white; font-family: serif; text-shadow: -1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000; font-size: 1.5em; line-height: 0.75;">Not<br>Guilty</span>
-
- <span id="menu_guilty" onclick="guilty()" class="judge_button"
- style="color: black; font-family: serif; font-size: 1.5em;">Guilty</span>
-
- <br>
- <span style="display:inline-block; vertical-align: middle;">
- <span id="menu_rhpd" onclick="redHPD()" class="healthchange_button">
- &#8863;
- </span>
- <span style="font-size: 1.25em">Defense</span>
- <span id="menu_ahpd" onclick="addHPD()" class="healthchange_button">
- &#8862;
- </span>
- </span>
- <span style="display:inline-block; vertical-align: middle;">
- <span id="menu_ahpp" onclick="addHPP()" class="healthchange_button">
- &#8862;
- </span>
- <span style="font-size: 1.25em">Prosecution</span>
- <span id="menu_rhpp" onclick="redHPP()" class="healthchange_button">
- &#8863;
- </span>
- </span>
- </span>
- <!-- No Commands -->
- <span id="no_action">
- No judge actions available for this role.
- </span>
- <br>
- <br>
- <span id="muting">
- <label for="mute_select" style="float: left">Mute a character: </label>
- <select name="mute_select" id="mute_select" size="15" style="float: left"
- onchange="mutelist_click(event)"></select>
- </span>
- </fieldset>
- </div>
- </div>
-</template>
-
-<template id="mainmenu">
- <meta name="frame-title" lang="en" content="Log">
- <div id="client_menu">
- <div id="client_menu_buttons">
- <div class="hrtext">Main Menu</div>
- <span id="menu_1" onclick="toggleMenu(1)" class="menu_button active">
- <b class="menu_icon">&#128205;</b>
- <div class="menu_text">Areas</div>
- </span>
- <span id="menu_2" onclick="toggleMenu(2)" class="menu_button">
- <b class="menu_icon">&#128188;</b>
- <div class="menu_text">Evidence</div>
- </span>
- <span id="menu_3" onclick="toggleMenu(3)" class="menu_button">
- <b class="menu_icon">&#128295;</b>
- <div class="menu_text">Settings</div>
- </span>
- <span id="menu_4" onclick="toggleMenu(4)" class="menu_button">
- <b class="menu_icon">&#10067;</b>
- <div class="menu_text">About</div>
- </span>
- <span id="menu_cm" onclick="callMod()" class="menu_button">
- <b class="menu_icon">&#128680;</b>
- <div class="menu_text" style="color: #ce2727;">Call Mod</div>
- </span>
- </div>
- <div class="hrtext">
- <span id="content_name">Content</span>
- </div>
- <!-- Areas section -->
- <span class="menu_content active" id="content_1">
- <meta name="frame-title" lang="en" content="Areas">
- <div id="areas"></div>
- <br>
- <fieldset style="text-align: left">
- <legend>Current Area Background</legend>
- <span>
- <img id="bg_preview" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=" alt="Background Preview" onerror="imgError(this);">
- </span>
- <span style="display:inline-block">
- <label for="bg_filename">Background:</label>
- <br>
- <select id="bg_select" name="bg_select" onchange="updateBackgroundPreview()"
- style="margin-top:10px"></select>
- <br>
- <input id="bg_filename" name="bg_filename" type="text" style="margin-top:10px">
- <br>
- <br>
- <button id="bg_change" alt="Change" class="client_button hover_button"
- onclick="changeBackgroundOOC()">Change</button>
- </span>
- </fieldset>
- <fieldset style="text-align: left; display: none">
- <legend>Timers</legend>
- <span id="client_timer0">00:00:00</span>
- <span id="client_timer1">00:00:00</span>
- <span id="client_timer2">00:00:00</span>
- <span id="client_timer3">00:00:00</span>
- <span id="client_timer4">00:00:00</span>
- <span id="client_timer5">00:00:00</span>
- <span id="client_timer6">00:00:00</span>
- <span id="client_timer7">00:00:00</span>
- <span id="client_timer8">00:00:00</span>
- <span id="client_timer9">00:00:00</span>
- <span id="client_timer10">00:00:00</span>
- <span id="client_timer11">00:00:00</span>
- <span id="client_timer12">00:00:00</span>
- <span id="client_timer13">00:00:00</span>
- <span id="client_timer14">00:00:00</span>
- <span id="client_timer15">00:00:00</span>
- <span id="client_timer16">00:00:00</span>
- <span id="client_timer17">00:00:00</span>
- <span id="client_timer18">00:00:00</span>
- <span id="client_timer19">00:00:00</span>
- <span id="client_timer20">00:00:00</span>
- </fieldset>
- </span>
-
- <!-- Evidence section -->
- <span class="menu_content" id="content_2">
- <meta name="frame-title" lang="en" content="Evidence">
- <fieldset style="text-align: left; display: flex; flex-direction: column;">
- <legend>Information</legend>
- <hr>
- <div style="display: flex;">
- <img id="evi_preview" class="evi_icon" src="" alt="Evidence Icon" onerror="imgError(this);">
- <div id="evi_options">
- <input id="evi_name" name="evi_name" type="text" placeholder="Evidence name">
- <br>
- <label for="evi_filename">Icon:</label>
- <select id="evi_select" name="evi_select" onchange="updateEvidenceIcon()"></select>
- <input id="evi_filename" name="evi_filename" type="text"
- placeholder="Custom filename">
- </div>
- </div>
- <hr>
- <div style="display: flex; padding-top: 5px;">
- <textarea id="evi_desc" name="evi_desc" rows="2" cols="20"
- placeholder="Evidence description"></textarea>
- </div>
- <div style="display: block; text-align: center; padding-top: 20px;">
- <button id="evi_add" alt="Add Evidence" class="client_button hover_button"
- onclick="addEvidence()">Add</button>
- <button id="evi_edit" alt="Edit Evidence" class="client_button hover_button inactive"
- onclick="editEvidence()">Edit</button>
- <button id="evi_cancel" alt="Cancel Evidence" class="client_button hover_button inactive"
- onclick="cancelEvidence()">Cancel</button>
- <button id="evi_del" alt="Remove Evidence" class="client_button hover_button inactive"
- onclick="deleteEvidence()">Remove</button>
- </div>
- </fieldset>
- <br>
- <div id="evidences"></div>
- <br>
- <button id="button_present" alt="Present" class="client_button" onclick="toggleEffect(this)">Present</button>
- </span>
-
- <!-- Settings section -->
- <span class="menu_content" id="content_3">
- <meta name="frame-title" lang="en" content="Settings">
- <h2>Volume</h2>
- <p>Music</p>
- <input id="client_mvolume" class="long" type="range" min="0" max="1" value="1" step="0.01"
- onchange="changeMusicVolume()">
-
- <p>SFX</p>
- <audio id="client_sfxaudio" onvolumechange="changeSFXVolume()" onerror="opusCheck()" controls></audio>
-
- <p>Shouts</p>
- <audio id="client_shoutaudio" onvolumechange="changeShoutVolume()" onerror="opusCheck()" controls></audio>
-
- <p>Testimony/Guilty</p>
- <audio id="client_testimonyaudio" onvolumechange="changeTestimonyVolume()" onerror="opusCheck()" controls></audio>
-
- <p>Blip</p>
- <input id="client_bvolume" class="long" type="range" min="0" max="1" value="1" step="0.01"
- onchange="changeBlipVolume()">
- <br>
- <br>
- <label for="client_themeselect">Menu theme:</label>
- <select id="client_themeselect" name="client_themeselect" onchange="reloadTheme()">
- <option value="default" selected>Default</option>
- <option value="classic">Classic</option>
- <option value="soj">DD / SoJ</option>
- <option value="cyber">Cyber</option>
- <option value="trilogy">Trilogy</option>
- </select>
- <br>
- <br>
- <label for="client_chatboxselect">Chatbox theme:</label>
- <select id="client_chatboxselect" name="client_chatboxselect" onchange="setChatbox(this.value)">
- <option value="dynamic" selected>Use characters</option>
- <option value="aa">AA</option>
- <option value="chatdd">DD / SoJ</option>
- <option value="dgs">DGS</option>
- <option value="chatplvsaa">PL vs AA</option>
- <option value="trilogy">Trilogy</option>
- <option value="chatfuture">Future theme</option>
- <option value="legacy">old webAO</option>
- <option value="chat999">999</option>
- <option value="acww">Animal Crossing</option>
- <option value="dr1">DR 1</option>
- <option value="chatdr2">DR 2</option>
- <option value="drv3">DR 3</option>
- <option value="drae">DR: AE</option>
- <option value="ddlc">DDLC</option>
- <option value="homestuck">Homestuck</option>
- <option value="key">Key</option>
- <option value="n64zelda">N64 Zelda</option>
- <option value="papermario">Paper Mario</option>
- <option value="chatp3">Persona 3</option>
- <option value="p4">Persona 4</option>
- <option value="p5">Persona 5</option>
- <option value="halla">VA-11 HALL-A</option>
- <option value="whentheycry">When They Cry Series</option>
- <option value="yakuza">Yakuza</option>
- <option value="yttd">YTTD</option>
- </select>
- <!--
- <br>
- <br>
- <button id="client_modcall" onclick="modcall_test()">Test modcall</button>
- -->
- <br>
- <br>
- <p>Ini editing (experimental)</p>
- <label for="client_ininame">Iniedit Character:</label>
- <select type="text" id="client_ininame" name="client_ininame"></select>
- <button id="client_inichange" onclick="iniedit()">Change</button>
- <br>
- <br>
- <p>Pan-tilt (experimental)</p>
- <label for="client_pantilt">Enable:</label>
- <input type="checkbox" id="client_pantilt" name="client_pantilt" onclick="switchPanTilt()">
- <br>
- <br>
- <p>16:9 viewport (experimental)</p>
- <label for="client_hdviewport">Enable:</label>
- <input type="checkbox" id="client_hdviewport" name="client_hdviewport" onclick="switchAspectRatio()">
- <br>
- <label for="client_hdviewport_offset">Offset chatbox:</label>
- <input type="checkbox" id="client_hdviewport_offset" id="client_hdviewport_offset" onclick="switchChatOffset()">
- <br>
- <br>
- <label for="client_callwords">Callwords:</label>
- <br>
- <textarea id="client_callwords" name="client_callwords" rows="4" cols="10"
- placeholder="Put 1 callword per line here" onchange="changeCallwords()"></textarea>
- <br>
- <br>
- <span style="color:red">&#8595; Only touch these settings if you know what you are doing. &#8595;</span>
- <br>
- <br>
- <label for="client_encoding">Client side chat encoding:</label>
- <select id="client_encoding" name="client_encoding">
- <option value="none" selected>None</option>
- <option value="unicode">Unicode</option>
- <option value="utf16">UTF-16</option>
- </select>
- <br>
- <br>
- <label for="client_decoding">Client side chat decoding:</label>
- <select id="client_decoding" name="client_decoding">
- <option value="none">None</option>
- <option value="unicode" selected>Unicode</option>
- <option value="utf16">UTF-16</option>
- </select>
- <br>
- <br>
- <label for="bg_command">Change background command:</label>
- <input id="bg_command" name="bg_command" type="text" value="bg $1">
- <br>
- <br>
- <label for="randomchar_command">Random character command:</label>
- <input id="randomchar_command" name="randomchar_command" type="text" value="randomchar">
- <br>
- <br>
- <span style="color:blue">Changing these settings will save them as a cookie.<br>
- By doing so, you agree to it being saved.<br>
- If you don't agree, disable cookies for this site in your browser.</span>
- </span>
-
- <!-- About section -->
- <span class="menu_content" id="content_4">
- <meta name="frame-title" lang="en" content="About">
- <img id="about-logo" src="images/logo-new.png" alt="Attorney Online logo">
- <h1 style="line-height: .3em;">webAO</h1>
- <h3 id="client_version">version</h3>
- <p>Client created by
- <a href="https://github.com/stonedDiscord">@stonedDiscord</a> and fixed up by
- <a href="https://github.com/oldmud0">@oldmud0</a> and
- <a href="https://github.com/qubrick">Qubrick</a>.</p>
- <p><a href="https://github.com/AttorneyOnline/webAO">Follow development on our GitHub</a></p>
- <p>Special thanks to Aleks for the first webAO PoC.</p>
- <p><a href="styles/igiari/readme.txt">Igiari font by Caveras</a></p>
- </span>
- </div>
-</template>
-
-<template id="log">
- <meta name="frame-title" lang="en" content="Log">
- <div id="client_log">
- <div class="hrtext">&#8595; log starts here &#8595;</div>
- </div>
-</template>
-
-<template id="ooc">
- <meta name="frame-title" lang="en" content="Server">
- <div style="height: 100%; display: flex; flex-direction: column;">
- <textarea id="client_ooclog" style="flex: 1 auto" readonly></textarea>
- <span id="client_oocinput">
- <input id="OOC_name" name="OOC_name" type="text">
- <input id="client_oocinputbox" type="text" onkeypress="onOOCEnter(event)">
- </span>
- <span id="client_replaycontrols" style="display: none; white-space: nowrap;">
- <input id="client_replaygo" style="width: 25%;" type="button" onclick="onReplayGo(event)" value="GO">
- <input id="client_replaytimer" style="width: 25%;" type="number" value="2000">
- </span>
- </div>
-</template>
-
-<template id="music">
- <meta name="frame-title" lang="en" content="Music">
- <input id="client_musicsearch" placeholder="Search" oninput="musiclist_filter(event)"></input>
- <select id="client_musiclist" size="5" onchange="musiclist_click(event)">
- </select>
-</template>
-
-</html>