Apple-2-Tools/apple2js
1
0
Fork 0
mirror of https://github.com/whscullin/apple2js.git synced 2024-01-12 14:14:38 +00:00
Code Issues Projects Releases Wiki Activity

Tweak a bunch of sizes.

Browse Source
This commit is contained in:
Will Scullin 2019-03-13 19:27:55 -07:00
parent be715f3f63
commit 127cee2dc0
No known key found for this signature in database
GPG Key ID: 9092A5C0A673416B
5 changed files with 38 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
apple2js.html
View File

@ -139,7 +139,7 @@
<div class="modal__overlay" tabindex="-1" data-micromodal-close> <div class="modal__overlay" tabindex="-1" data-micromodal-close>
<div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="Loading" > <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="Loading" >
<header class="modal__header"> <header class="modal__header">
<span id="loading-modal-title"> <span class="modal__title" id="loading-modal-title">
Loading... Loading...
</span> </span>
</header> </header>
@ -151,7 +151,7 @@
<div class="modal__overlay" tabindex="-1" data-micromodal-close> <div class="modal__overlay" tabindex="-1" data-micromodal-close>
<div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="Options"> <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="Options">
<header class="modal__header"> <header class="modal__header">
<span id="options-modal-title"> <span class="modal__title" id="options-modal-title">
Options Options
</span> </span>
<button class="modal__close" aria-label="Close modal" data-micromodal-close> <button class="modal__close" aria-label="Close modal" data-micromodal-close>
@ -237,7 +237,7 @@
<input type="checkbox" id="enable_sound" <input type="checkbox" id="enable_sound"
onclick="updateSound()" checked="checked" /> onclick="updateSound()" checked="checked" />
<label for="enable_sound"> <label for="enable_sound">
Enable (Experimental) Enable
</label> </label>
</li> </li>
</ul> </ul>
@ -253,7 +253,7 @@
<div class="modal__overlay" tabindex="-1" data-micromodal-close> <div class="modal__overlay" tabindex="-1" data-micromodal-close>
<div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="Save Disk"> <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="Save Disk">
<header class="modal__header"> <header class="modal__header">
<span id="save-modal-title"> <span class="modal__title" id="save-modal-title">
Save Disk Save Disk
</span> </span>
<button class="modal__close" aria-label="Close modal" data-micromodal-close> <button class="modal__close" aria-label="Close modal" data-micromodal-close>
@ -261,15 +261,13 @@
</header> </header>
<main class="modal__content" id="save-modal-content"> <main class="modal__content" id="save-modal-content">
<form action="#" onsubmit="return false;"> <form action="#" onsubmit="return false;">
<b>Save to Browser</b> <h3>Save to Browser</h3>
<br /><br />
Save Name: <input type="text" name="name" id="save_name" Save Name: <input type="text" name="name" id="save_name"
style="width: 200px" /> style="width: 200px" />
</form> </form>
<hr /> <hr />
<div> <div>
<b>Download to Local Disk</b> <h3>Download to Local Disk</h3>
<br /><br />
<a id="local_save_link" class="button">Download</a> <a id="local_save_link" class="button">Download</a>
</div> </div>
</main> </main>
@ -336,13 +334,11 @@
<tr> <tr>
<td> <td>
<select id="category_select" multiple="multiple" <select id="category_select" multiple="multiple"
class="ui-widget ui-state-default"
onchange="selectCategory(event)" > onchange="selectCategory(event)" >
</select> </select>
</td> </td>
<td> <td>
<select id="disk_select" multiple="multiple" <select id="disk_select" multiple="multiple"
class="ui-widget ui-state-default"
onchange="selectDisk(event)" onchange="selectDisk(event)"
ondblclick="clickDisk(event)"> ondblclick="clickDisk(event)">
</select> </select>
@ -372,7 +368,9 @@
</button> </button>
</header> </header>
<main class="modal__content" id="printer-modal-content"> <main class="modal__content" id="printer-modal-content">
<div class="paper"></div> <div class="feed">
<div class="paper"></div>
</div>
</main> </main>
<footer class="modal__footer"> <footer class="modal__footer">
<button class="modal__btn" data-micromodal-close aria-label="Close this dialog window">Close</button> <button class="modal__btn" data-micromodal-close aria-label="Close this dialog window">Close</button>

14
apple2jse.html
View File

@ -118,7 +118,7 @@
<div class="modal__overlay" tabindex="-1" data-micromodal-close> <div class="modal__overlay" tabindex="-1" data-micromodal-close>
<div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="Loading" > <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="Loading" >
<header class="modal__header"> <header class="modal__header">
<span id="loading-modal-title"> <span class="modal__title" id="loading-modal-title">
Loading... Loading...
</span> </span>
</header> </header>
@ -130,7 +130,7 @@
<div class="modal__overlay" tabindex="-1" data-micromodal-close> <div class="modal__overlay" tabindex="-1" data-micromodal-close>
<div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="Options"> <div class="modal__container" role="dialog" aria-modal="true" aria-labelledby="Options">
<header class="modal__header"> <header class="modal__header">
<span id="options-modal-title"> <span class="modal__title" id="options-modal-title">
Options Options
</span> </span>
<button class="modal__close" aria-label="Close modal" data-micromodal-close> <button class="modal__close" aria-label="Close modal" data-micromodal-close>
@ -213,7 +213,7 @@
<input type="checkbox" id="enable_sound" <input type="checkbox" id="enable_sound"
onclick="updateSound()" checked="checked" /> onclick="updateSound()" checked="checked" />
<label for="enable_sound"> <label for="enable_sound">
Enable (Experimental) Enable
</label> </label>
</li> </li>
</ul> </ul>
@ -237,15 +237,13 @@
</header> </header>
<main class="modal__content" id="save-modal-content"> <main class="modal__content" id="save-modal-content">
<form action="#" onsubmit="return false;"> <form action="#" onsubmit="return false;">
<b>Save to Browser</b> <h3>Save to Browser</h3>
<br /><br />
Save Name: <input type="text" name="name" id="save_name" Save Name: <input type="text" name="name" id="save_name"
style="width: 200px" /> style="width: 200px" />
</form> </form>
<hr /> <hr />
<div> <div>
<b>Download to Local Disk</b> <h3>Download to Local Disk</h3>
<br /><br />
<a id="local_save_link" class="button">Download</a> <a id="local_save_link" class="button">Download</a>
</div> </div>
</main> </main>
@ -312,13 +310,11 @@
<tr> <tr>
<td> <td>
<select id="category_select" multiple="multiple" <select id="category_select" multiple="multiple"
class="ui-widget ui-state-default"
onchange="selectCategory(event)" > onchange="selectCategory(event)" >
</select> </select>
</td> </td>
<td> <td>
<select id="disk_select" multiple="multiple" <select id="disk_select" multiple="multiple"
class="ui-widget ui-state-default"
onchange="selectDisk(event)" onchange="selectDisk(event)"
ondblclick="clickDisk(event)"> ondblclick="clickDisk(event)">
</select> </select>

29
css/apple2.css
View File

@ -52,7 +52,7 @@ input[type="text"] {
body { body {
margin: 16px 0; margin: 16px 0;
font-size: 10px; font-size: 14px;
background-color: #c4c1a0; /* Pantone 453 */ background-color: #c4c1a0; /* Pantone 453 */
font-family: sans-serif; font-family: sans-serif;
} }
@ -62,10 +62,6 @@ body {
width: 620px; width: 620px;
} }
label {
font-weight: bold;
}
#display { #display {
margin: 5px auto; margin: 5px auto;
} }
@ -134,7 +130,6 @@ label {
} }
.disklabel { .disklabel {
font-size: 11px;
font-family: sans-serif; font-family: sans-serif;
} }
@ -167,6 +162,10 @@ th {
margin: 10px 0; margin: 10px 0;
} }
.inset button {
min-width: 36px;
}
#khz { #khz {
margin-right: 4px; margin-right: 4px;
overflow: hidden; overflow: hidden;
@ -219,6 +218,12 @@ canvas {
#load-modal select { #load-modal select {
width: 250px; width: 250px;
height: 300px; height: 300px;
font-size: 14px;
}
#load-modal input {
font-size: 14px;
line-height: 14px;
} }
.modal { .modal {
@ -295,9 +300,10 @@ canvas {
button { button {
background: #44372C; background: #44372C;
color: #fff; color: #fff;
padding: 5px 11px; padding: 2px 8px;
border: 1px outset #66594E; border: 1px outset #66594E;
border-radius: 3px; border-radius: 3px;
font-size: 15px;
} }
button:hover { button:hover {
@ -321,6 +327,7 @@ button:focus {
-moz-user-select: none; -moz-user-select: none;
-ms-user-select: none; -ms-user-select: none;
user-select: none; user-select: none;
font-size: 10px;
} }
#keyboard .row { #keyboard .row {
@ -575,7 +582,6 @@ button:focus {
#options-modal { #options-modal {
width: 300px; width: 300px;
font-size: 11px;
line-height: 1.75em; line-height: 1.75em;
} }
@ -587,10 +593,15 @@ button:focus {
list-style-type: none; list-style-type: none;
} }
.paper { #printer-modal .feed {
width: 640px; width: 640px;
height: 480px; height: 480px;
overflow: auto; overflow: auto;
}
#printer-modal .paper {
min-width: 640px;
min-height: 480px;
background-color: white; background-color: white;
color: black; color: black;
font-family: monospace; font-family: monospace;

4
js/main2e.js
View File

@ -762,7 +762,7 @@ function _keydown(evt) {
} else if (evt.keyCode == 91 || evt.keyCode == 93) { // Command } else if (evt.keyCode == 91 || evt.keyCode == 93) { // Command
keyboard.commandKey(true); keyboard.commandKey(true);
} else if (evt.keyCode == 18) { // Alt } else if (evt.keyCode == 18) { // Alt
if (evt.originalEvent.location == 1) { if (evt.location == 1) {
keyboard.commandKey(true); keyboard.commandKey(true);
} else { } else {
keyboard.optionKey(true); keyboard.optionKey(true);
@ -781,7 +781,7 @@ function _keyup(evt) {
} else if (evt.keyCode == 91 || evt.keyCode == 93) { // Command } else if (evt.keyCode == 91 || evt.keyCode == 93) { // Command
keyboard.commandKey(false); keyboard.commandKey(false);
} else if (evt.keyCode == 18) { // Alt } else if (evt.keyCode == 18) { // Alt
if (evt.originalEvent.location == 1) { if (evt.location == 1) {
keyboard.commandKey(false); keyboard.commandKey(false);
} else { } else {
keyboard.optionKey(false); keyboard.optionKey(false);

3
js/ui/printer.js
View File

@ -32,7 +32,8 @@ export default function Printer(el) {
if (c == '\r') { if (c == '\r') {
newLine(); newLine();
_lineBuffer = ''; } else if (c == '\n') {
// eat for now
} else if (c == '\t') { } else if (c == '\t') {
_lineBuffer += ' '; _lineBuffer += ' ';
} else if (c == 0x04) { } else if (c == 0x04) {