mirror of
https://github.com/seigler/fhqwhgads
synced 2025-07-27 06:46:10 +00:00
added the tandy 400 and a table, adaptive sizing, and click-anywhere to focus
This commit is contained in:
Joshua Seigler
parent
adae1b71a7
commit
bb350b07e9
12 changed files with 332 additions and 114 deletions
|
|
@ -20,16 +20,21 @@
|
||||||
}
|
}
|
||||||
var commandline = document.getElementById("command");
|
var commandline = document.getElementById("command");
|
||||||
commandline.value = "";
|
commandline.value = "";
|
||||||
commandline.focus();
|
|
||||||
commandline.onkeydown = syncTyping;
|
commandline.onkeydown = syncTyping;
|
||||||
commandline.onkeyup = syncTyping;
|
commandline.onkeyup = syncTyping;
|
||||||
commandline.onselect = syncTyping;
|
commandline.onselect = syncTyping;
|
||||||
|
commandline.onfocus = syncTyping;
|
||||||
|
commandline.focus();
|
||||||
|
document.onmousedown = function() {
|
||||||
|
commandline.focus();
|
||||||
|
return false;
|
||||||
|
};
|
||||||
function handleForm() {
|
function handleForm() {
|
||||||
var scrollback = document.getElementById("scrollback");
|
var history = document.getElementById("history");
|
||||||
var val = this.command.value;
|
var val = this.command.value;
|
||||||
this.command.value = "";
|
this.command.value = "";
|
||||||
document.getElementById("typing").innerHTML = "";
|
document.getElementById("typing").innerHTML = "";
|
||||||
scrollback.innerHTML = scrollback.innerHTML + "a>" + escapeHTML(val) + "<br>Command not found.<br>";
|
history.innerHTML = history.innerHTML + "a>" + escapeHTML(val) + "<br>Command not found.<br>";
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
document.forms[0].onsubmit = handleForm;
|
document.forms[0].onsubmit = handleForm;
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,13 @@
|
||||||
<svg
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
<svg id="svg2985" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="200" width="2000" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||||
xmlns:cc="http://creativecommons.org/ns#"
|
<metadata id="metadata2995">
|
||||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
<rdf:RDF>
|
||||||
xmlns:svg="http://www.w3.org/2000/svg"
|
<cc:Work rdf:about="">
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
<dc:format>image/svg+xml</dc:format>
|
||||||
version="1.1"
|
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
|
||||||
width="2000"
|
<dc:title/>
|
||||||
height="200">
|
</cc:Work>
|
||||||
<g><path d="M 2000,0 0,200" style="fill:none;stroke:#003f00;stroke-width:5;" /></g>
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<path id="path2989" d="M2000,0,0,200" style="stroke:#002a00;stroke-dasharray:none;stroke-miterlimit:4;stroke-width:3;fill:none;"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 362 B After Width: | Height: | Size: 639 B |
58
build/assets/images/screen.svg
Normal file
58
build/assets/images/screen.svg
Normal file
|
|
@ -0,0 +1,58 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
<svg id="svg2" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="511.58" width="678.37" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||||
|
<defs id="defs4">
|
||||||
|
<linearGradient id="linearGradient3856">
|
||||||
|
<stop id="stop3858" style="stop-color:#292929;" offset="0"/>
|
||||||
|
<stop id="stop3860" style="stop-color:#818181;" offset="1"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="linearGradient3876" y2="433.214" xlink:href="#linearGradient3856" gradientUnits="userSpaceOnUse" x2="55.9482" y1="446.383" x1="54.6245"/>
|
||||||
|
<radialGradient id="radialGradient3035" gradientUnits="userSpaceOnUse" cy="109.274" cx="114.652" gradientTransform="matrix(1.0869369,0,0,1.0869369,-36.628289,-54.662473)" r="58.5635">
|
||||||
|
<stop id="stop3771" style="stop-color:#ffffff;stop-opacity:0.69166666;" offset="0"/>
|
||||||
|
<stop id="stop3777" style="stop-color:#ffffff;stop-opacity:0;" offset="0.8"/>
|
||||||
|
<stop id="stop3773" style="stop-color:#ffffff;stop-opacity:0;" offset="1"/>
|
||||||
|
</radialGradient>
|
||||||
|
<linearGradient id="linearGradient3039" x1="282.177" xlink:href="#linearGradient3856" gradientUnits="userSpaceOnUse" y1="807.356" gradientTransform="matrix(0.94991137,0,0,0.96268412,34.898346,-530.521)" x2="297.107" y2="828.784"/>
|
||||||
|
<linearGradient id="linearGradient3876-1" y2="433.214" gradientUnits="userSpaceOnUse" y1="446.383" x2="55.9482" x1="54.6245">
|
||||||
|
<stop id="stop3858-3" style="stop-color:#292929;" offset="0"/>
|
||||||
|
<stop id="stop3860-7" style="stop-color:#818181;" offset="1"/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<metadata id="metadata7">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
|
||||||
|
<dc:title/>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<path id="path3794" style="fill-opacity:0.35096154;fill:#000000;" d="m341.253,471.397c-98.9819,0.011-282.74-10.5108-296.872,6.59717-22.7902,27.5881-50.9781,33.5856,295.073,32.3861,386.832-1.34084,327.793-8.70331,301.67-32.3861-18.8615-17.0999-199.89-6.60827-299.871-6.59717z"/>
|
||||||
|
<path id="path4066-6" style="fill:#000000;" d="m636.544,475.602s-3.07386,18.1759-6.41501,21.116c-3.34115,2.9402-31.4068,2.53926-33.5452,0.13364-2.1375-2.4054-4.40895-21.7844-4.40895-21.7844z"/>
|
||||||
|
<path id="path4066" style="fill:#000000;" d="m43.9579,475.602s3.07386,18.1759,6.41501,21.116c3.34115,2.9402,31.4068,2.53926,33.5452,0.13364,2.13834-2.40563,4.41032-21.7843,4.41032-21.7843z"/>
|
||||||
|
<g id="g3191" transform="matrix(0.95,0,0,0.95,34.869985,26.952173)">
|
||||||
|
<rect id="rect3044-0-6-5-0" style="fill-rule:nonzero;fill:#9966cc;" height="6.06682" width="32.286" y="456.208" x="-8.37046"/>
|
||||||
|
<rect id="rect3044-0-6-5" style="fill-rule:nonzero;fill:#ff0000;" height="6.06682" width="32.286" y="450.158" x="-8.37046"/>
|
||||||
|
<rect id="rect3044-0-6" style="fill-rule:nonzero;fill:#ff9900;" height="6.34818" width="32.286" y="443.828" x="-8.37046"/>
|
||||||
|
<rect id="rect3044-0" style="fill-rule:nonzero;fill:#ffff07;" height="6.64713" width="32.286" y="437.198" x="-8.37046"/>
|
||||||
|
<rect id="rect3044" style="fill-rule:nonzero;fill:#39ce08;" height="7.59672" width="32.286" y="429.637" x="-8.37046"/>
|
||||||
|
<rect id="rect3044-0-6-5-0-7" style="fill-rule:nonzero;fill:#6699cc;" height="7.034" width="32.286" y="462.274" x="-8.37046"/>
|
||||||
|
</g>
|
||||||
|
<path id="rect3924-6" style="fill-rule:nonzero;stroke:#a19f6a;stroke-miterlimit:4;stroke-dasharray:none;stroke-width:2;fill:#e3e2b4;" d="m39.059,23.8029c-23.3755,23.3755-28.3299,436.778-14.2785,450.829,14.3422,14.3422,621.683,8.3239,629.991,0.0161,12.9856-12.9856,5.9755-431.099-12.6996-448.955-18.677-17.8562-588.975-15.9277-603.013-1.8896zm292.36,2.28836c92.15,0.111261,277.638,7.25929,284.079,13.6562,6.44229,6.39699,15.0012,120.336,15.1109,185.191,0.10985,64.8535-5.48939,192.25-15.8531,202.646-10.3637,10.3967-183.167,16.6254-275.173,16.7141-92.0066,0.0893-268.232-8.3695-275.916-16.2393-7.68426-7.8698-15.8567-133.677-15.8235-198.729,0.03335-65.0503,8.10948-182.824,15.3485-190.238,7.2387-7.4118,176.076-13.1126,268.226-13.0014zm-287.85,409.807c1.13402,0,4.33438,7.74844,4.33438,7.74844s-3.21961,1.98955-3.88906,7.06562c-0.340184,2.57941,0.460771,6.61982,4.15625,8.90625,2.6063,1.61254,5.52188,1.06875,5.52188,1.06875s3.86527,8.65492,2.73125,9.41094c-1.13402,0.75601-11.5484-6.23437-11.5484-6.23437s-9.05672,9.08234-10.5688,7.57031c-1.51203-1.51203,2.25625-13.2406,2.25625-13.2406s-9.45446-6.61147-8.69844-8.3125c0.756016-1.70104,10.5984-2.46406,10.5984-2.46406s3.97223-11.5188,5.10625-11.5188z"/>
|
||||||
|
<path id="rect2996-9" style="fill-rule:evenodd;fill:url(#linearGradient3039);" d="M331.401,28.0715c-92.15-0.1101-260.962,5.5696-268.202,12.906-7.2391,7.3364-15.3434,123.89-15.3767,188.266-0.0333,64.3745,8.16734,188.901,15.8516,196.688,7.6843,7.78761,183.883,16.1223,275.89,16.0347,92.0066-0.0875,264.844-6.22741,275.207-16.516,10.3637-10.2886,15.9318-136.39,15.8219-200.569-0.1102-64.1801-8.6374-176.912-15.0803-183.242-6.44195-6.33052-191.962-13.4578-284.113-13.5678zm-10.6866,7.22013c0.80439-0.0039,1.60009,0.0039,2.40447,0,73.1777,0.350179,146.403,2.25359,219.459,6.61845,18.5294,1.50672,37.2713,1.80881,55.5104,5.14434,7.14023,1.01798,7.9738,9.40369,9.20227,15.2826,8.14475,60.5085,11.2948,121.963,10.8052,183.12-1.26455,49.4446-2.13957,99.161-9.02417,148.163-1.79851,7.89513-1.47172,17.2811-7.15401,23.5556-6.09743,4.35972-14.176,4.27992-21.2839,5.92651-41.43,5.16643-83.348,6.42553-125.062,8.36335-104.228,4.13326-208.664,2.3531-312.729-4.72319-20.3587-1.86072-40.9944-2.49036-60.9724-6.61845-6.08932-0.82976-8.47764-6.77587-9.52878-12.214-6.32301-38.6327-8.53888-78.1062-10.5378-117.296-3.40613-70.2316-0.74727-140.724,6.94621-210.587,1.90095-10.2801,1.33247-21.5867,6.64943-30.836,5.8729-4.84937,14.6109-4.44134,21.937-5.44521,74.1754-6.60184,148.89-7.59943,223.377-8.45358z"/>
|
||||||
|
<path id="rect2996" style="stroke:#ffffff;stroke-width:4.87789726;stroke-miterlimit:4;fill:none;" d="m63.1787,39.0974c7.239-7.41342,176.072-13.1317,268.223-13.0204,92.15,0.111261,277.654,7.30091,284.096,13.698,6.44229,6.39699,14.9861,120.304,15.0959,185.158,0.10985,64.8533-5.46891,192.274-15.8326,202.671-10.3636,10.3958-183.196,16.6164-275.203,16.7048-92.0066,0.0893-268.213-8.3448-275.899-16.2136-7.68464-7.8679-15.8662-133.688-15.833-198.739,0.03335-65.0512,8.11386-182.844,15.3529-190.257z"/>
|
||||||
|
<path id="path2999" style="fill:url(#radialGradient3035);" d="m144.889,42.2634c-0.9899,0.12654-2.05865,0.180785-3.2053,0.14839-34.0678-0.959595-61.899,8.63911-61.899,8.63911s-11.1948,35.2616-12.7655,70.3c6.54046,2.3978,13.5877,3.7107,20.9593,3.7107,33.6549,0,60.948-27.2934,60.948-60.9482,0-7.70146-1.42975-15.0664-4.0375-21.85z"/>
|
||||||
|
<text id="text4023" style="font-size:9.5px;font-family:Sans;letter-spacing:0px;line-height:125%;word-spacing:0px;font-weight:normal;font-style:normal;fill:#818050;" y="477.56558" x="72.292763" xml:space="preserve"><tspan id="tspan4025" y="477.56558" x="72.292763" style="font-size:10.44999981px;">contrast</tspan></text>
|
||||||
|
<g id="g3880" transform="matrix(1.1757515,0,0,1.1757515,15.337295,-736.08207)">
|
||||||
|
<path id="path3878" style="fill-opacity:0.48557691;fill:#000000;" d="m38.4489,447.296-3.59755,14.8213,16.0963,1.10615,12.5517-15.284z" transform="translate(0,572.36218)"/>
|
||||||
|
<path id="path3868" style="stroke-linejoin:miter;stroke:#000000;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-width:1.5;fill:url(#linearGradient3876);" transform="translate(0,572.36218)" d="m44.3678,450.106,13.716,1.60993s6.31345-2.08344,6.37659-10.6066c0.06314-8.52317-7.57614-11.743-7.57614-11.743l-11.8693,1.32583z"/>
|
||||||
|
<path id="path3866" style="fill-rule:nonzero;stroke:#000000;stroke-dasharray:none;stroke-miterlimit:4;stroke-width:1.61838305;fill:#666666;" transform="matrix(0.92685102,0,0,0.92685102,4.0844701,602.0303)" d="m55,443.214c0,5.7201-4.63705,10.3572-10.3571,10.3572-5.72009,0-10.3571-4.63705-10.3571-10.3572,0-5.72009,4.63705-10.3571,10.3571-10.3571,5.72009,0,10.3571,4.63705,10.3571,10.3571z"/>
|
||||||
|
</g>
|
||||||
|
<path id="path3042-9" style="stroke-linejoin:miter;stroke:#ffffff;stroke-width:0.94999999px;stroke-linecap:butt;fill:none;" d="m38.5189,447.429s3.96908-11.5292,5.10311-11.5292c1.13402,0,4.34709,7.74915,4.34709,7.74915s-3.22134,1.98587-3.89079,7.06193c-0.340183,2.57942,0.451142,6.62722,4.14662,8.91365,2.6063,1.61254,5.52501,1.07867,5.52501,1.07867s3.85837,8.65028,2.72434,9.4063c-1.13402,0.75601-11.5292-6.23713-11.5292-6.23713s-9.07219,9.07219-10.5842,7.56016c-1.51203-1.51203,2.26805-13.2303,2.26805-13.2303s-9.4502-6.61513-8.69418-8.31617c0.756016-1.70104,10.5842-2.45705,10.5842-2.45705z"/>
|
||||||
|
<path id="path4021" style="stroke-linejoin:miter;stroke-opacity:0.49803922;stroke:#ffffff;stroke-linecap:butt;stroke-width:0.94999999px;fill:none;" d="m41.2016,443.828s-0.189003,5.1031-1.60654,5.3866c-1.41753,0.28351-8.00406,0.21199-8.59968,1.70104-0.567011,1.41752,7.74916,5.67012,7.74916,6.42613,0,0.75602-2.17354,7.46566-2.17354,7.46566"/>
|
||||||
|
<g id="g3880-2" transform="matrix(1.1757515,0,0,1.1757515,55.596998,-736.07379)">
|
||||||
|
<path id="path3878-9" style="fill-opacity:0.48557691;fill:#000000;" d="m38.4489,447.296-3.38695,16.3264,14.7578,0.37693,13.6797-16.0599z" transform="translate(0,572.36218)"/>
|
||||||
|
<path id="path3868-9" style="stroke-linejoin:miter;stroke:#000000;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-width:1.5;fill:url(#linearGradient3876-1);" transform="translate(0,572.36218)" d="m44.3678,450.106,13.716,1.60993s6.31345-2.08344,6.37659-10.6066c0.06314-8.52317-7.57614-11.743-7.57614-11.743l-11.8693,1.32583z"/>
|
||||||
|
<path id="path3866-4" style="fill-rule:nonzero;stroke:#000000;stroke-dasharray:none;stroke-miterlimit:4;stroke-width:1.61838305;fill:#666666;" transform="matrix(0.92685102,0,0,0.92685102,4.0844701,602.0303)" d="m55,443.214c0,5.7201-4.63705,10.3572-10.3571,10.3572-5.72009,0-10.3571-4.63705-10.3571-10.3572,0-5.72009,4.63705-10.3571,10.3571-10.3571,5.72009,0,10.3571,4.63705,10.3571,10.3571z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 9.7 KiB |
5
build/assets/images/table.svg
Normal file
5
build/assets/images/table.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="511.58" width="678.37" version="1.1">
|
||||||
|
<rect style="fill:#624200;" height="106.869" width="678.955" y="404.711" x="0"/>
|
||||||
|
<path style="stroke-linejoin:miter;stroke:#3e2c04;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-width:2;fill:none;" d="m0,404.711,678.955,0"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 451 B |
|
|
@ -8,38 +8,79 @@ body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
line-height: 1;
|
line-height: 1.2;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
background-color: #254b72;
|
||||||
|
background-image: url('/assets/images/table.svg');
|
||||||
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
label,
|
#processor {
|
||||||
label:before,
|
position: absolute;
|
||||||
label:after {
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 132.6029165vh;
|
||||||
|
height: auto;
|
||||||
|
margin: auto auto 0;
|
||||||
|
font-family: computerfontregular, monospace;
|
||||||
|
color: #009900;
|
||||||
|
font-size: 6vh;
|
||||||
|
}
|
||||||
|
@media (max-width: 132.6029165vh) {
|
||||||
|
#processor {
|
||||||
|
height: 75.4131226vw;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 4.524787356vw;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
#processor:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background-image: url('/assets/images/screen.svg');
|
||||||
|
background-size: 100% 100%;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
#processor > label {
|
||||||
|
position: absolute;
|
||||||
|
top: 1em;
|
||||||
|
bottom: 2.25em;
|
||||||
|
left: 1.5em;
|
||||||
|
right: 1.5em;
|
||||||
|
overflow: hidden;
|
||||||
|
word-break: break-all;
|
||||||
|
z-index: 0;
|
||||||
|
}
|
||||||
|
#processor > label:before,
|
||||||
|
#processor > label:after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
content: '';
|
||||||
}
|
}
|
||||||
label {
|
#processor > label:before {
|
||||||
bottom: 0;
|
|
||||||
min-height: 100%;
|
|
||||||
padding: 1em;
|
|
||||||
font-family: computerfontregular, monospace;
|
|
||||||
color: #009900;
|
|
||||||
font-size: 4vmax;
|
|
||||||
overflow: hidden;
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
|
||||||
label:before {
|
|
||||||
content: "";
|
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
top: -8vmax;
|
top: -3em;
|
||||||
bottom: -8vmax;
|
bottom: -3em;
|
||||||
-webkit-animation: scroll 10s linear infinite;
|
-webkit-animation: scroll 2s linear infinite;
|
||||||
animation: scroll 10s linear infinite;
|
animation: scroll 2s linear infinite;
|
||||||
background: url('/assets/images/scanline.svg') #000000;
|
background: url('/assets/images/scanline.svg') #000000;
|
||||||
background-size: 115vmax 15vmax;
|
background-size: 25em 4em;
|
||||||
background-repeat: repeat-y;
|
background-repeat: repeat-y;
|
||||||
background-position: 50% 0%;
|
background-position: 50% 0%;
|
||||||
}
|
}
|
||||||
|
#scrollback {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
width: 100%;
|
||||||
|
min-height: 100%;
|
||||||
|
padding: 1.2em 1.6em 0.5em;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
#commandLine {
|
#commandLine {
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
}
|
}
|
||||||
|
|
@ -51,11 +92,12 @@ label:before {
|
||||||
#cursor {
|
#cursor {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-left: 0.1em solid;
|
border-bottom: 0.1em solid;
|
||||||
margin-bottom: -0.2em;
|
margin-bottom: -0.2em;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
-webkit-animation: blink 1s linear infinite;
|
width: 0.5em;
|
||||||
animation: blink 1s linear infinite;
|
-webkit-animation: blink 0.5s linear infinite;
|
||||||
|
animation: blink 0.5s linear infinite;
|
||||||
}
|
}
|
||||||
#selection {
|
#selection {
|
||||||
color: black;
|
color: black;
|
||||||
|
|
@ -63,56 +105,56 @@ label:before {
|
||||||
}
|
}
|
||||||
@-webkit-keyframes blink {
|
@-webkit-keyframes blink {
|
||||||
0% {
|
0% {
|
||||||
opacity: 1;
|
border-bottom-width: 0.1em;
|
||||||
}
|
}
|
||||||
40% {
|
49% {
|
||||||
opacity: 1;
|
border-bottom-width: 0.1em;
|
||||||
}
|
}
|
||||||
50% {
|
50% {
|
||||||
opacity: 0;
|
border-bottom-width: 0.9em;
|
||||||
}
|
}
|
||||||
90% {
|
99% {
|
||||||
opacity: 0;
|
border-bottom-width: 0.9em;
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
opacity: 1;
|
border-bottom-width: 0.1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@keyframes blink {
|
@keyframes blink {
|
||||||
0% {
|
0% {
|
||||||
opacity: 1;
|
border-bottom-width: 0.1em;
|
||||||
}
|
}
|
||||||
40% {
|
49% {
|
||||||
opacity: 1;
|
border-bottom-width: 0.1em;
|
||||||
}
|
}
|
||||||
50% {
|
50% {
|
||||||
opacity: 0;
|
border-bottom-width: 0.9em;
|
||||||
}
|
}
|
||||||
90% {
|
99% {
|
||||||
opacity: 0;
|
border-bottom-width: 0.9em;
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
opacity: 1;
|
border-bottom-width: 0.1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@-webkit-keyframes scroll {
|
@-webkit-keyframes scroll {
|
||||||
0% {
|
0% {
|
||||||
-webkit-transform: translate3d(0, -7.5vmax, 0);
|
-webkit-transform: translate3d(0, 2em, 0);
|
||||||
transform: translate3d(0, -7.5vmax, 0);
|
transform: translate3d(0, 2em, 0);
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
-webkit-transform: translate3d(0, 7.5vmax, 0);
|
-webkit-transform: translate3d(0, -2em, 0);
|
||||||
transform: translate3d(0, 7.5vmax, 0);
|
transform: translate3d(0, -2em, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@keyframes scroll {
|
@keyframes scroll {
|
||||||
0% {
|
0% {
|
||||||
-webkit-transform: translate3d(0, -7.5vmax, 0);
|
-webkit-transform: translate3d(0, 2em, 0);
|
||||||
transform: translate3d(0, -7.5vmax, 0);
|
transform: translate3d(0, 2em, 0);
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
-webkit-transform: translate3d(0, 7.5vmax, 0);
|
-webkit-transform: translate3d(0, -2em, 0);
|
||||||
transform: translate3d(0, 7.5vmax, 0);
|
transform: translate3d(0, -2em, 0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@font-face {
|
@font-face {
|
||||||
|
|
|
||||||
|
|
@ -11,9 +11,9 @@
|
||||||
<form id="processor">
|
<form id="processor">
|
||||||
<label>
|
<label>
|
||||||
<div id="scrollback">
|
<div id="scrollback">
|
||||||
i love u<br>-fhqwhgadshgnsdhjsdbkhsdabkfabkveybvf<br><br>
|
<div id="history">i love u<br>-fhqwhgadshgnsdhjsdbkhsdabkfabkveybvf<br><br></div>
|
||||||
</div>
|
|
||||||
<div id="commandLine">a><input id="command" name="command" type="text" value="" /><span id="typing"></span></div>
|
<div id="commandLine">a><input id="command" name="command" type="text" value="" /><span id="typing"></span></div>
|
||||||
|
</div>
|
||||||
</label>
|
</label>
|
||||||
</form>
|
</form>
|
||||||
<script type="application/javascript"><?php include('application.js'); ?></script>
|
<script type="application/javascript"><?php include('application.js'); ?></script>
|
||||||
|
|
|
||||||
|
|
@ -7,41 +7,75 @@ html, body {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
line-height: 1;
|
line-height: 1.2;
|
||||||
box-sizing: border-box;
|
box-sizing: border-box;
|
||||||
|
background-color: #254b72; // #624200
|
||||||
|
background-image: url('/assets/images/table.svg');
|
||||||
|
background-size: 100% 100%;
|
||||||
}
|
}
|
||||||
label, label:before, label:after {
|
#processor {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
width: 132.6029165vh;
|
||||||
|
height: auto;
|
||||||
|
@media (max-width: 132.6029165vh) {
|
||||||
|
height: 75.4131226vw;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 4.524787356vw;
|
||||||
|
}
|
||||||
|
margin: auto auto 0;
|
||||||
|
font-family: computerfontregular, monospace;
|
||||||
|
color: @consoleColor;
|
||||||
|
font-size: 6vh;
|
||||||
|
&:after {
|
||||||
|
content: '';
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
bottom: 0;
|
||||||
|
left: 0;
|
||||||
|
right: 0;
|
||||||
|
background-image: url('/assets/images/screen.svg');
|
||||||
|
background-size: 100% 100%;
|
||||||
|
pointer-events: none;
|
||||||
|
}
|
||||||
|
> label {
|
||||||
|
position: absolute;
|
||||||
|
top: 1em;
|
||||||
|
bottom: 2.25em;
|
||||||
|
left: 1.5em;
|
||||||
|
right: 1.5em;
|
||||||
|
overflow: hidden;
|
||||||
|
word-break: break-all;
|
||||||
|
z-index: 0;
|
||||||
|
&:before, &:after {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
|
content: '';
|
||||||
}
|
}
|
||||||
label {
|
&:before {
|
||||||
bottom: 0;
|
|
||||||
min-height: 100%;
|
|
||||||
padding: 1em;
|
|
||||||
font-family: computerfontregular, monospace;
|
|
||||||
color: @consoleColor;
|
|
||||||
font-size: 4vmax;
|
|
||||||
overflow: hidden;
|
|
||||||
word-break: break-all;
|
|
||||||
}
|
|
||||||
label:before {
|
|
||||||
content: "";
|
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
top: -8vmax;
|
top: -3em;
|
||||||
bottom: -8vmax;
|
bottom: -3em;
|
||||||
animation: scroll 10s linear infinite;
|
animation: scroll 2s linear infinite;
|
||||||
background: url('/assets/images/scanline.svg') black;
|
background: url('/assets/images/scanline.svg') black;
|
||||||
background-size: 115vmax 15vmax;
|
background-size: 25em 4em;
|
||||||
background-repeat: repeat-y;
|
background-repeat: repeat-y;
|
||||||
background-position: 50% 0%;
|
background-position: 50% 0%;
|
||||||
}
|
}
|
||||||
//label:after {
|
}
|
||||||
// content: "";
|
}
|
||||||
// top: 0;
|
#scrollback {
|
||||||
// bottom: 0;
|
position: absolute;
|
||||||
// background-image: radial-gradient(20vw circle at 5vw 5vw, rgba(255,255,255,0.25) 5%, transparent);
|
bottom: 0;
|
||||||
//}
|
width: 100%;
|
||||||
|
min-height: 100%;
|
||||||
|
padding: 1.2em 1.6em 0.5em;
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
#commandLine {
|
#commandLine {
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
}
|
}
|
||||||
|
|
@ -53,10 +87,11 @@ label:before {
|
||||||
#cursor {
|
#cursor {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
border-left: 0.1em solid;
|
border-bottom: 0.1em solid;
|
||||||
margin-bottom: -0.2em;
|
margin-bottom: -0.2em;
|
||||||
height: 1em;
|
height: 1em;
|
||||||
animation: blink 1s linear infinite;
|
width: 0.5em;
|
||||||
|
animation: blink 0.5s linear infinite;
|
||||||
}
|
}
|
||||||
#selection {
|
#selection {
|
||||||
color: black;
|
color: black;
|
||||||
|
|
@ -64,26 +99,26 @@ label:before {
|
||||||
}
|
}
|
||||||
@keyframes blink {
|
@keyframes blink {
|
||||||
0% {
|
0% {
|
||||||
opacity: 1;
|
border-bottom-width: 0.1em;
|
||||||
}
|
}
|
||||||
40% {
|
49% {
|
||||||
opacity: 1;
|
border-bottom-width: 0.1em;
|
||||||
}
|
}
|
||||||
50% {
|
50% {
|
||||||
opacity: 0;
|
border-bottom-width: 0.9em;
|
||||||
}
|
}
|
||||||
90% {
|
99% {
|
||||||
opacity: 0;
|
border-bottom-width: 0.9em;
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
opacity: 1;
|
border-bottom-width: 0.1em;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@keyframes scroll {
|
@keyframes scroll {
|
||||||
0% {
|
0% {
|
||||||
transform: translate3d(0,-7.5vmax,0);
|
transform: translate3d(0,2em,0);
|
||||||
}
|
}
|
||||||
100% {
|
100% {
|
||||||
transform: translate3d(0,7.5vmax,0);
|
transform: translate3d(0,-2em,0);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,13 @@
|
||||||
<svg
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
<svg id="svg2985" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="200" width="2000" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||||
xmlns:cc="http://creativecommons.org/ns#"
|
<metadata id="metadata2995">
|
||||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
<rdf:RDF>
|
||||||
xmlns:svg="http://www.w3.org/2000/svg"
|
<cc:Work rdf:about="">
|
||||||
xmlns="http://www.w3.org/2000/svg"
|
<dc:format>image/svg+xml</dc:format>
|
||||||
version="1.1"
|
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
|
||||||
width="2000"
|
<dc:title/>
|
||||||
height="200">
|
</cc:Work>
|
||||||
<g><path d="M 2000,0 0,200" style="fill:none;stroke:#003f00;stroke-width:5;" /></g>
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<path id="path2989" d="M2000,0,0,200" style="stroke:#002a00;stroke-dasharray:none;stroke-miterlimit:4;stroke-width:3;fill:none;"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|
|
||||||
|
Before Width: | Height: | Size: 362 B After Width: | Height: | Size: 639 B |
58
src/assets/images/screen.svg
Normal file
58
src/assets/images/screen.svg
Normal file
|
|
@ -0,0 +1,58 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||||
|
<svg id="svg2" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="511.58" width="678.37" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||||
|
<defs id="defs4">
|
||||||
|
<linearGradient id="linearGradient3856">
|
||||||
|
<stop id="stop3858" style="stop-color:#292929;" offset="0"/>
|
||||||
|
<stop id="stop3860" style="stop-color:#818181;" offset="1"/>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient id="linearGradient3876" y2="433.214" xlink:href="#linearGradient3856" gradientUnits="userSpaceOnUse" x2="55.9482" y1="446.383" x1="54.6245"/>
|
||||||
|
<radialGradient id="radialGradient3035" gradientUnits="userSpaceOnUse" cy="109.274" cx="114.652" gradientTransform="matrix(1.0869369,0,0,1.0869369,-36.628289,-54.662473)" r="58.5635">
|
||||||
|
<stop id="stop3771" style="stop-color:#ffffff;stop-opacity:0.69166666;" offset="0"/>
|
||||||
|
<stop id="stop3777" style="stop-color:#ffffff;stop-opacity:0;" offset="0.8"/>
|
||||||
|
<stop id="stop3773" style="stop-color:#ffffff;stop-opacity:0;" offset="1"/>
|
||||||
|
</radialGradient>
|
||||||
|
<linearGradient id="linearGradient3039" x1="282.177" xlink:href="#linearGradient3856" gradientUnits="userSpaceOnUse" y1="807.356" gradientTransform="matrix(0.94991137,0,0,0.96268412,34.898346,-530.521)" x2="297.107" y2="828.784"/>
|
||||||
|
<linearGradient id="linearGradient3876-1" y2="433.214" gradientUnits="userSpaceOnUse" y1="446.383" x2="55.9482" x1="54.6245">
|
||||||
|
<stop id="stop3858-3" style="stop-color:#292929;" offset="0"/>
|
||||||
|
<stop id="stop3860-7" style="stop-color:#818181;" offset="1"/>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<metadata id="metadata7">
|
||||||
|
<rdf:RDF>
|
||||||
|
<cc:Work rdf:about="">
|
||||||
|
<dc:format>image/svg+xml</dc:format>
|
||||||
|
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
|
||||||
|
<dc:title/>
|
||||||
|
</cc:Work>
|
||||||
|
</rdf:RDF>
|
||||||
|
</metadata>
|
||||||
|
<path id="path3794" style="fill-opacity:0.35096154;fill:#000000;" d="m341.253,471.397c-98.9819,0.011-282.74-10.5108-296.872,6.59717-22.7902,27.5881-50.9781,33.5856,295.073,32.3861,386.832-1.34084,327.793-8.70331,301.67-32.3861-18.8615-17.0999-199.89-6.60827-299.871-6.59717z"/>
|
||||||
|
<path id="path4066-6" style="fill:#000000;" d="m636.544,475.602s-3.07386,18.1759-6.41501,21.116c-3.34115,2.9402-31.4068,2.53926-33.5452,0.13364-2.1375-2.4054-4.40895-21.7844-4.40895-21.7844z"/>
|
||||||
|
<path id="path4066" style="fill:#000000;" d="m43.9579,475.602s3.07386,18.1759,6.41501,21.116c3.34115,2.9402,31.4068,2.53926,33.5452,0.13364,2.13834-2.40563,4.41032-21.7843,4.41032-21.7843z"/>
|
||||||
|
<g id="g3191" transform="matrix(0.95,0,0,0.95,34.869985,26.952173)">
|
||||||
|
<rect id="rect3044-0-6-5-0" style="fill-rule:nonzero;fill:#9966cc;" height="6.06682" width="32.286" y="456.208" x="-8.37046"/>
|
||||||
|
<rect id="rect3044-0-6-5" style="fill-rule:nonzero;fill:#ff0000;" height="6.06682" width="32.286" y="450.158" x="-8.37046"/>
|
||||||
|
<rect id="rect3044-0-6" style="fill-rule:nonzero;fill:#ff9900;" height="6.34818" width="32.286" y="443.828" x="-8.37046"/>
|
||||||
|
<rect id="rect3044-0" style="fill-rule:nonzero;fill:#ffff07;" height="6.64713" width="32.286" y="437.198" x="-8.37046"/>
|
||||||
|
<rect id="rect3044" style="fill-rule:nonzero;fill:#39ce08;" height="7.59672" width="32.286" y="429.637" x="-8.37046"/>
|
||||||
|
<rect id="rect3044-0-6-5-0-7" style="fill-rule:nonzero;fill:#6699cc;" height="7.034" width="32.286" y="462.274" x="-8.37046"/>
|
||||||
|
</g>
|
||||||
|
<path id="rect3924-6" style="fill-rule:nonzero;stroke:#a19f6a;stroke-miterlimit:4;stroke-dasharray:none;stroke-width:2;fill:#e3e2b4;" d="m39.059,23.8029c-23.3755,23.3755-28.3299,436.778-14.2785,450.829,14.3422,14.3422,621.683,8.3239,629.991,0.0161,12.9856-12.9856,5.9755-431.099-12.6996-448.955-18.677-17.8562-588.975-15.9277-603.013-1.8896zm292.36,2.28836c92.15,0.111261,277.638,7.25929,284.079,13.6562,6.44229,6.39699,15.0012,120.336,15.1109,185.191,0.10985,64.8535-5.48939,192.25-15.8531,202.646-10.3637,10.3967-183.167,16.6254-275.173,16.7141-92.0066,0.0893-268.232-8.3695-275.916-16.2393-7.68426-7.8698-15.8567-133.677-15.8235-198.729,0.03335-65.0503,8.10948-182.824,15.3485-190.238,7.2387-7.4118,176.076-13.1126,268.226-13.0014zm-287.85,409.807c1.13402,0,4.33438,7.74844,4.33438,7.74844s-3.21961,1.98955-3.88906,7.06562c-0.340184,2.57941,0.460771,6.61982,4.15625,8.90625,2.6063,1.61254,5.52188,1.06875,5.52188,1.06875s3.86527,8.65492,2.73125,9.41094c-1.13402,0.75601-11.5484-6.23437-11.5484-6.23437s-9.05672,9.08234-10.5688,7.57031c-1.51203-1.51203,2.25625-13.2406,2.25625-13.2406s-9.45446-6.61147-8.69844-8.3125c0.756016-1.70104,10.5984-2.46406,10.5984-2.46406s3.97223-11.5188,5.10625-11.5188z"/>
|
||||||
|
<path id="rect2996-9" style="fill-rule:evenodd;fill:url(#linearGradient3039);" d="M331.401,28.0715c-92.15-0.1101-260.962,5.5696-268.202,12.906-7.2391,7.3364-15.3434,123.89-15.3767,188.266-0.0333,64.3745,8.16734,188.901,15.8516,196.688,7.6843,7.78761,183.883,16.1223,275.89,16.0347,92.0066-0.0875,264.844-6.22741,275.207-16.516,10.3637-10.2886,15.9318-136.39,15.8219-200.569-0.1102-64.1801-8.6374-176.912-15.0803-183.242-6.44195-6.33052-191.962-13.4578-284.113-13.5678zm-10.6866,7.22013c0.80439-0.0039,1.60009,0.0039,2.40447,0,73.1777,0.350179,146.403,2.25359,219.459,6.61845,18.5294,1.50672,37.2713,1.80881,55.5104,5.14434,7.14023,1.01798,7.9738,9.40369,9.20227,15.2826,8.14475,60.5085,11.2948,121.963,10.8052,183.12-1.26455,49.4446-2.13957,99.161-9.02417,148.163-1.79851,7.89513-1.47172,17.2811-7.15401,23.5556-6.09743,4.35972-14.176,4.27992-21.2839,5.92651-41.43,5.16643-83.348,6.42553-125.062,8.36335-104.228,4.13326-208.664,2.3531-312.729-4.72319-20.3587-1.86072-40.9944-2.49036-60.9724-6.61845-6.08932-0.82976-8.47764-6.77587-9.52878-12.214-6.32301-38.6327-8.53888-78.1062-10.5378-117.296-3.40613-70.2316-0.74727-140.724,6.94621-210.587,1.90095-10.2801,1.33247-21.5867,6.64943-30.836,5.8729-4.84937,14.6109-4.44134,21.937-5.44521,74.1754-6.60184,148.89-7.59943,223.377-8.45358z"/>
|
||||||
|
<path id="rect2996" style="stroke:#ffffff;stroke-width:4.87789726;stroke-miterlimit:4;fill:none;" d="m63.1787,39.0974c7.239-7.41342,176.072-13.1317,268.223-13.0204,92.15,0.111261,277.654,7.30091,284.096,13.698,6.44229,6.39699,14.9861,120.304,15.0959,185.158,0.10985,64.8533-5.46891,192.274-15.8326,202.671-10.3636,10.3958-183.196,16.6164-275.203,16.7048-92.0066,0.0893-268.213-8.3448-275.899-16.2136-7.68464-7.8679-15.8662-133.688-15.833-198.739,0.03335-65.0512,8.11386-182.844,15.3529-190.257z"/>
|
||||||
|
<path id="path2999" style="fill:url(#radialGradient3035);" d="m144.889,42.2634c-0.9899,0.12654-2.05865,0.180785-3.2053,0.14839-34.0678-0.959595-61.899,8.63911-61.899,8.63911s-11.1948,35.2616-12.7655,70.3c6.54046,2.3978,13.5877,3.7107,20.9593,3.7107,33.6549,0,60.948-27.2934,60.948-60.9482,0-7.70146-1.42975-15.0664-4.0375-21.85z"/>
|
||||||
|
<text id="text4023" style="font-size:9.5px;font-family:Sans;letter-spacing:0px;line-height:125%;word-spacing:0px;font-weight:normal;font-style:normal;fill:#818050;" y="477.56558" x="72.292763" xml:space="preserve"><tspan id="tspan4025" y="477.56558" x="72.292763" style="font-size:10.44999981px;">contrast</tspan></text>
|
||||||
|
<g id="g3880" transform="matrix(1.1757515,0,0,1.1757515,15.337295,-736.08207)">
|
||||||
|
<path id="path3878" style="fill-opacity:0.48557691;fill:#000000;" d="m38.4489,447.296-3.59755,14.8213,16.0963,1.10615,12.5517-15.284z" transform="translate(0,572.36218)"/>
|
||||||
|
<path id="path3868" style="stroke-linejoin:miter;stroke:#000000;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-width:1.5;fill:url(#linearGradient3876);" transform="translate(0,572.36218)" d="m44.3678,450.106,13.716,1.60993s6.31345-2.08344,6.37659-10.6066c0.06314-8.52317-7.57614-11.743-7.57614-11.743l-11.8693,1.32583z"/>
|
||||||
|
<path id="path3866" style="fill-rule:nonzero;stroke:#000000;stroke-dasharray:none;stroke-miterlimit:4;stroke-width:1.61838305;fill:#666666;" transform="matrix(0.92685102,0,0,0.92685102,4.0844701,602.0303)" d="m55,443.214c0,5.7201-4.63705,10.3572-10.3571,10.3572-5.72009,0-10.3571-4.63705-10.3571-10.3572,0-5.72009,4.63705-10.3571,10.3571-10.3571,5.72009,0,10.3571,4.63705,10.3571,10.3571z"/>
|
||||||
|
</g>
|
||||||
|
<path id="path3042-9" style="stroke-linejoin:miter;stroke:#ffffff;stroke-width:0.94999999px;stroke-linecap:butt;fill:none;" d="m38.5189,447.429s3.96908-11.5292,5.10311-11.5292c1.13402,0,4.34709,7.74915,4.34709,7.74915s-3.22134,1.98587-3.89079,7.06193c-0.340183,2.57942,0.451142,6.62722,4.14662,8.91365,2.6063,1.61254,5.52501,1.07867,5.52501,1.07867s3.85837,8.65028,2.72434,9.4063c-1.13402,0.75601-11.5292-6.23713-11.5292-6.23713s-9.07219,9.07219-10.5842,7.56016c-1.51203-1.51203,2.26805-13.2303,2.26805-13.2303s-9.4502-6.61513-8.69418-8.31617c0.756016-1.70104,10.5842-2.45705,10.5842-2.45705z"/>
|
||||||
|
<path id="path4021" style="stroke-linejoin:miter;stroke-opacity:0.49803922;stroke:#ffffff;stroke-linecap:butt;stroke-width:0.94999999px;fill:none;" d="m41.2016,443.828s-0.189003,5.1031-1.60654,5.3866c-1.41753,0.28351-8.00406,0.21199-8.59968,1.70104-0.567011,1.41752,7.74916,5.67012,7.74916,6.42613,0,0.75602-2.17354,7.46566-2.17354,7.46566"/>
|
||||||
|
<g id="g3880-2" transform="matrix(1.1757515,0,0,1.1757515,55.596998,-736.07379)">
|
||||||
|
<path id="path3878-9" style="fill-opacity:0.48557691;fill:#000000;" d="m38.4489,447.296-3.38695,16.3264,14.7578,0.37693,13.6797-16.0599z" transform="translate(0,572.36218)"/>
|
||||||
|
<path id="path3868-9" style="stroke-linejoin:miter;stroke:#000000;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-width:1.5;fill:url(#linearGradient3876-1);" transform="translate(0,572.36218)" d="m44.3678,450.106,13.716,1.60993s6.31345-2.08344,6.37659-10.6066c0.06314-8.52317-7.57614-11.743-7.57614-11.743l-11.8693,1.32583z"/>
|
||||||
|
<path id="path3866-4" style="fill-rule:nonzero;stroke:#000000;stroke-dasharray:none;stroke-miterlimit:4;stroke-width:1.61838305;fill:#666666;" transform="matrix(0.92685102,0,0,0.92685102,4.0844701,602.0303)" d="m55,443.214c0,5.7201-4.63705,10.3572-10.3571,10.3572-5.72009,0-10.3571-4.63705-10.3571-10.3572,0-5.72009,4.63705-10.3571,10.3571-10.3571,5.72009,0,10.3571,4.63705,10.3571,10.3571z"/>
|
||||||
|
</g>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 9.7 KiB |
5
src/assets/images/table.svg
Normal file
5
src/assets/images/table.svg
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns="http://www.w3.org/2000/svg" height="511.58" width="678.37" version="1.1">
|
||||||
|
<rect style="fill:#624200;" height="106.869" width="678.955" y="404.711" x="0"/>
|
||||||
|
<path style="stroke-linejoin:miter;stroke:#3e2c04;stroke-linecap:butt;stroke-miterlimit:4;stroke-dasharray:none;stroke-width:2;fill:none;" d="m0,404.711,678.955,0"/>
|
||||||
|
</svg>
|
||||||
|
After Width: | Height: | Size: 451 B |
|
|
@ -11,9 +11,9 @@
|
||||||
<form id="processor">
|
<form id="processor">
|
||||||
<label>
|
<label>
|
||||||
<div id="scrollback">
|
<div id="scrollback">
|
||||||
i love u<br>-fhqwhgadshgnsdhjsdbkhsdabkfabkveybvf<br><br>
|
<div id="history">i love u<br>-fhqwhgadshgnsdhjsdbkhsdabkfabkveybvf<br><br></div>
|
||||||
</div>
|
|
||||||
<div id="commandLine">a><input id="command" name="command" type="text" value="" /><span id="typing"></span></div>
|
<div id="commandLine">a><input id="command" name="command" type="text" value="" /><span id="typing"></span></div>
|
||||||
|
</div>
|
||||||
</label>
|
</label>
|
||||||
</form>
|
</form>
|
||||||
<script type="application/javascript"><?php include('application.js'); ?></script>
|
<script type="application/javascript"><?php include('application.js'); ?></script>
|
||||||
|
|
|
||||||
|
|
@ -21,17 +21,23 @@
|
||||||
}
|
}
|
||||||
var commandline = document.getElementById("command");
|
var commandline = document.getElementById("command");
|
||||||
commandline.value = "";
|
commandline.value = "";
|
||||||
commandline.focus();
|
|
||||||
commandline.onkeydown = syncTyping;
|
commandline.onkeydown = syncTyping;
|
||||||
commandline.onkeyup = syncTyping;
|
commandline.onkeyup = syncTyping;
|
||||||
commandline.onselect = syncTyping;
|
commandline.onselect = syncTyping;
|
||||||
|
commandline.onfocus = syncTyping;
|
||||||
|
commandline.focus();
|
||||||
|
document.onmousedown = function() {
|
||||||
|
commandline.focus();
|
||||||
|
return false;
|
||||||
|
// a little heavy handed, but works for now
|
||||||
|
};
|
||||||
|
|
||||||
function handleForm() {
|
function handleForm() {
|
||||||
var scrollback = document.getElementById('scrollback');
|
var history = document.getElementById('history');
|
||||||
var val = this.command.value;
|
var val = this.command.value;
|
||||||
this.command.value = '';
|
this.command.value = '';
|
||||||
document.getElementById("typing").innerHTML = '';
|
document.getElementById("typing").innerHTML = '';
|
||||||
scrollback.innerHTML = scrollback.innerHTML + 'a>' + escapeHTML(val) + '<br>Command not found.<br>';
|
history.innerHTML = history.innerHTML + 'a>' + escapeHTML(val) + '<br>Command not found.<br>';
|
||||||
return false;
|
return false;
|
||||||
}
|
}
|
||||||
document.forms[0].onsubmit = handleForm;
|
document.forms[0].onsubmit = handleForm;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue