diff --git a/assets/logo_black.svg b/assets/logo_black.svg index f7de043..6d90340 100644 --- a/assets/logo_black.svg +++ b/assets/logo_black.svg @@ -1,7 +1,7 @@ - - + + diff --git a/assets/logo_white.svg b/assets/logo_white.svg index 7ea5d7c..6813bcb 100644 --- a/assets/logo_white.svg +++ b/assets/logo_white.svg @@ -1,7 +1,7 @@ - - + + diff --git a/libs/system/sdk.js b/libs/system/sdk.js index e29ffb5..722255e 100644 --- a/libs/system/sdk.js +++ b/libs/system/sdk.js @@ -86,6 +86,10 @@ const element = { const elementObject = { codename, element: elm, + attribute: (name, value) => { + elm.setAttribute(name, value); + return elementObject; + }, class: (className) => { elm.classList.add(className); return elementObject; @@ -280,6 +284,10 @@ const element = { elm.style.marginRight = right; return elementObject; }, + radius: (radius) => { + elm.style.radius = radius; + return elementObject; + }, css: (string) => { elm.style.cssText = string; return elementObject; diff --git a/pkgs/apps/desktop/icons.js b/pkgs/apps/desktop/icons.js index d63bb8e..72da78e 100644 --- a/pkgs/apps/desktop/icons.js +++ b/pkgs/apps/desktop/icons.js @@ -38,7 +38,8 @@ function addDesktopApp(name, icon, src) { addDesktopApp('SDK Test', 'assets/icons/exclamation.svg', 'apps:dynamic-test.js'); -addDesktopApp('About AzuOS', 'assets/icons/questionmark.svg', 'apps:sysver.js'); +addDesktopApp('About', 'assets/icons/questionmark.svg', 'apps:sysver.js'); +addDesktopApp('VirtualPC', 'assets/icons/questionmark.svg', 'apps:virtualpc.js'); // addDesktopApp('Settings', 'assets/icons/settings.svg', 'settings/index.html'); // console.log(fetch_directory('~/Desktop')); diff --git a/pkgs/apps/sysver.js b/pkgs/apps/sysver.js index 81792ff..8dc5682 100644 --- a/pkgs/apps/sysver.js +++ b/pkgs/apps/sysver.js @@ -50,7 +50,7 @@ element.create('div', '', 'contents').then(elm => elm ); element.create('img', '', 'logo').then(elm => elm - .source('assets/logo.svg') + .source('assets/logo_white.svg') .width(100) .align('center') .dropshadow('0px 5px 5px #000000aa') diff --git a/pkgs/apps/virtualpc.js b/pkgs/apps/virtualpc.js new file mode 100644 index 0000000..815b692 --- /dev/null +++ b/pkgs/apps/virtualpc.js @@ -0,0 +1,22 @@ +win.create("VirtualPC via v86", "virtualpc").then(win => win + .setWidth(1280*0.75) + .setHeight(720*0.75) + .confirm() +); + +element.create('div', '', 'v86container').then(elm => elm + .window('virtualpc') + .width("100%") + .height("100%") + .radius("12px") + .overflow("hidden") +) + +element.create('iframe', '', 'v86frame').then(elm => elm + .parent('v86container') + .width("100%") + .height("100%") + .radius("12px") + .source('https://copy.sh/v86/') + .attribute('allowfullscreen', 'true') +); \ No newline at end of file