Sunny-Moom/webvm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert "Remove ASCII logo + reposition text (actual text to be reviewed)"

Browse Source 
This reverts commit 71a5ba7418f4006bc4aed47be1f1ba5584157bf7.
This commit is contained in:
Carlo Piovesan 2022-10-03 14:33:49 +02:00
parent e71bbc97a5
commit 52ca80ecb7
1 changed files with 83 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

92
index.html
View File

@ -169,22 +169,45 @@
const underline= "\x1b[94;4m"; const underline= "\x1b[94;4m";
const normal= "\x1b[0m"; const normal= "\x1b[0m";
var printOnTerm = { var printOnTerm = {
getAsciiTitle: function ()
{
var title = [
color + " __ __ _ __ ____ __ " + normal,
color + " \\ \\ / /__| |_\\ \\ / / \\/ | " + normal,
color + " \\ \\/\\/ / -_) '_ \\ V /| |\\/| | " + normal,
color + " \\_/\\_/\\___|_.__/\\_/ |_| |_| " + normal,
];
return title;
},
getAsciiText: function () getAsciiText: function ()
{ {
var text = [ var text = [
" WebVM is a server-less virtual Linux environment running fully client-side ", " +~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~+",
" in HTML5/WebAssembly. ", " | |",
" ", " | WebVM is a server-less virtual Linux environment running fully client-side |",
" In this demo, it runs an unmodified Debian distribution including many ", " | in HTML5/WebAssembly. |",
" native development toolchains. ", " | |",
" ", " | In this demo, it runs an unmodified Debian distribution including many |",
" WebVM is powered by the CheerpX virtualization engine, and enables safe, ", " | native development toolchains. |",
" sandboxed client-side execution of x86 binaries on any browser. ", " | |",
" ", " | WebVM is powered by the CheerpX virtualization engine, and enables safe, |",
" CheerpX includes an x86-to-WebAssembly JIT compiler, a virtual block-based ", " | sandboxed client-side execution of x86 binaries on any browser. |",
" file system, and a Linux syscall emulator. ", " | |",
" ", " | CheerpX includes an x86-to-WebAssembly JIT compiler, a virtual block-based |",
" -------------- ", " | file system, and a Linux syscall emulator. |",
" | |",
" | For more information: " + underline + "https://medium.com/p/40a60170b361" + normal + " |",
" | |",
" | " +
underline + "GitHub" + normal + " | " +
underline + "Issues" + normal + " | " +
underline + "Gitter" + normal + " | " +
underline + "Twitter" + normal + " | " +
underline + "Latest News" + normal + " | " +
underline + "About CheerpX" + normal + " |",
" | |",
" +~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~+",
"", "",
" Welcome to WebVM (build CX_VERSION). If unsure, try these examples:", " Welcome to WebVM (build CX_VERSION). If unsure, try these examples:",
"", "",
@ -334,12 +357,55 @@
} }
function initialMessage() function initialMessage()
{ {
printOnTerm.printMessage(printOnTerm.getAsciiTitle());
printOnTerm.printMessage(["\n"]); printOnTerm.printMessage(["\n"]);
printOnTerm.printMessage(printOnTerm.getAsciiText()); printOnTerm.printMessage(printOnTerm.getAsciiText());
term.registerLinkMatcher(/https:\/\/medium\.com\/p\/40a60170b361/, function(mouseEvent, matchedString) {
window.open(matchedString, "_blank")
});
const textArray = new Array(6); const textArray = new Array(6);
const linksArray = new Array(6); const linksArray = new Array(6);
const rangesArray = new Array(6); const rangesArray = new Array(6);
var last = 0; var last = 0;
const textLinkLine = " | GitHub | Issues | Gitter | Twitter | Latest News | About CheerpX |";
const lineWithLinks = 23;
function addLink(text, website)
{
var index = textLinkLine.indexOf(text);
const start_x = index+1;
const end_x = index + text.length;
rangesArray[last] = {start: {x:start_x, y:lineWithLinks}, end: {x:end_x, y:lineWithLinks}};
linksArray[last] = website;
last++;
}
addLink("GitHub", "https://github.com/leaningtech/webvm");
addLink("Issues", "https://github.com/leaningtech/webvm/issues");
addLink("Gitter", "https://gitter.im/leaningtech/cheerpx");
addLink("Twitter", "https://twitter.com/leaningtech");
addLink("Latest News", "https://medium.com/leaningtech");
addLink("About CheerpX", "https://leaningtech.com/cheerpx");
var provider = {
provideLinks(bufferLineNum, callback) {
switch(bufferLineNum)
{
case lineWithLinks:
{
callback([
{range: rangesArray[0], activate() {window.open('' + linksArray[0], '_blank');}},
{range: rangesArray[1], activate() {window.open('' + linksArray[1], '_blank');}},
{range: rangesArray[2], activate() {window.open('' + linksArray[2], '_blank');}},
{range: rangesArray[3], activate() {window.open('' + linksArray[3], '_blank');}},
{range: rangesArray[4], activate() {window.open('' + linksArray[4], '_blank');}},
{range: rangesArray[5], activate() {window.open('' + linksArray[5], '_blank');}},
]);
break;
}
}
}
};
term.registerLinkProvider(provider);
console.log("Welcome. We appreciate curiosity, but be warned that keeping the DevTools open causes significant performance degradation and crashes."); console.log("Welcome. We appreciate curiosity, but be warned that keeping the DevTools open causes significant performance degradation and crashes.");
} }
initialMessage(); initialMessage();