window.onload = function(){ document.getElementById("enter").onclick = function(){ var value = document.getElementById("password").value; if(value){ window.open("/", "_self"); } else { document.getElementById("hint").style.color = "#F00"; document.getElementById("hint").innerText = "Incorrect Password."; } }; document.getElementById("password").onkeypress = function(e){ if(e.which == 13){ document.getElementById("enter").click(); } }; }; @font-face { font-family: DefaultSerif; src: url('/resources/noto-sans.woff2'); } * { cursor: url('/resources/cursor.png'), auto !important; } body { margin: 0; font-family: DefaultSerif, Helvetica, Tahoma, Arial Narrow, sans-serif; -webkit-font-smoothing: antialiased; color: #FFF; } .scanlines:after { content: " "; display: block; height: 100vh; width: 100vw; position: fixed; left: 0; top: 0; background: linear-gradient(#AAA 50%, transparent 50%); background-size: 100% 2px; background-repeat: repeat; opacity: 0.25; z-index: 9999999999999999; pointer-events: none; } #wrapper { width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; background-color: #2033A5; } #logoWrap { width: 100%; display: flex; align-items: center; justify-content: flex-end; margin: 0; padding: 0; } #logo { display: inline-block; width: 15vw; height: 15vw; margin: 0; } #tip { padding: 10px; font-weight: bold; } #content { height: 80%; width: 100%; display: flex; align-items: center; justify-content: center; background-color: #5B7DDB; border-top: solid 1px #BADFF5; border-bottom: solid 1px #BADFF5; } #left { margin: 0; min-height: 25vh; border-right: solid 1px #BADFF5; } #loginWrap { width: 45vw; background: linear-gradient(90deg, #1745A9, #1745A9, #3058B9, #3B65C5, #5A7BE7); border-radius: 5px; box-shadow: -1px -1px 2px #95B4EE; margin: 10px; color: #FFF; padding: 10px; position: relative; } #accImg { height: 10vh; width: 10vh; border: solid 2px #F1BB08; border-radius: 2px; float: left; } #name { margin: 5px; padding-left: 11vh; font-size: 13pt; font-weight: bold; } #cc { height: 10vh; } #hint { margin: 7px; padding-left: 11vh; color: #FFF; font-size: 10pt; } #inputWrap { display: flex; align-items: center; justify-content: center; position: absolute; bottom: -15px; left: 30%; margin: 0; padding: 0; } #password { height: 20px; width: 25vw; max-width: 250px; border-radius: 5px; box-shadow: 2px 2px 2px #000; border: none; outline: none !important; padding: 5px; font-size: 12pt; } #enter { height: 28px; width: 28px; border-radius: 5px; border: solid 1px #FFF; margin-left: 5px; cursor: pointer; } var init = false; window.addEventListener("mousemove", function(e){ document.documentElement.style.cursor = "none"; var coords = { x :e.clientX, y : e.clientY }; var config = { color : "#0F0", thickness : "1px", pos : "fixed", targetLock : true, visibleCoords : true, invert : false }; while(document.getElementsByClassName("gridMouseSect")[0]){ var gridMouseSect = document.getElementsByClassName("gridMouseSect")[0]; gridMouseSect.parentElement.removeChild(gridMouseSect); } var style = document.createElement("STYLE"); style.innerHTML = "*:hover {outline: solid 1px #F00 !important;}"; if(config.invert){ style.innerHTML += "html { filter: invert(100%); }"; } var top = document.createElement("DIV"); top.className = "gridMouseSect gridMouseSectTop"; top.style.width = config.thickness; top.style.height = coords.y + "px"; top.style.position = config.pos; top.style.top = "0"; top.style.left = coords.x + "px"; top.style.pointerEvents = "none"; top.style.zIndex = 500; top.style.backgroundColor = config.color ? config.color : "#F00"; var left = document.createElement("DIV"); left.className = "gridMouseSect gridMouseSectLeft"; left.style.height = config.thickness; left.style.width = coords.x + "px"; left.style.position = config.pos; left.style.left = "0"; left.style.top = coords.y + "px"; left.style.pointerEvents = "none"; left.style.zIndex = 501; left.style.backgroundColor = config.color ? config.color : "#3F3"; var right = document.createElement("DIV"); right.className = "gridMouseSect gridMouseSectRight"; right.style.height = config.thickness; right.style.width = (window.innerWidth - coords.x) + "px"; right.style.position = config.pos; right.style.left = coords.x + "px"; right.style.top = coords.y + "px"; right.style.zIndex = 502; right.style.pointerEvents = "none"; right.style.backgroundColor = config.color ? config.color : "#03F"; var bottom = document.createElement("DIV"); bottom.className = "gridMouseSect gridMouseSectBottom"; bottom.style.width = config.thickness; bottom.style.height = (window.innerHeight - coords.y) + "px"; bottom.style.position = config.pos; bottom.style.left = coords.x + "px"; bottom.style.top = coords.y + "px"; bottom.style.zIndex = 503; bottom.style.pointerEvents = "none"; bottom.style.backgroundColor = config.color ? config.color : "#AF0"; document.body.appendChild(top); document.body.appendChild(left); document.body.appendChild(right); document.body.appendChild(bottom); if(config.targetLock){ var lock = document.createElement("DIV"); lock.className = "gridMouseSect gridMouseSectLock"; lock.style.width = "25px"; lock.style.height = "25px"; lock.style.position = config.pos; lock.style.left = (coords.x - 12.5) + "px"; lock.style.top = (coords.y - 12.5) + "px"; lock.style.zIndex = 504; lock.style.border = "solid 1px transparent"; lock.style.borderColor = config.color ? config.color : "#0F0"; lock.style.borderWidth = config.thickness; lock.style.pointerEvents = "none"; document.body.appendChild(lock); } if(config.visibleCoords){ var stats = document.createElement("DIV"); stats.className = "gridMouseSect gridMouseSectCoords"; stats.style.color = config.color ? config.color : "#000"; stats.style.fontFamily = "monospace"; stats.style.position = config.pos; stats.style.left = (coords.x + 12.5) + "px"; stats.style.top = (coords.y + 12.5) + "px"; stats.style.zIndex = 505; stats.innerText = "x: " + coords.x + ", y: " + coords.y; document.body.appendChild(stats); } if(!init){ document.body.appendChild(style); } init = true; });
FileEditViewFormat
<Back>
GO
<
<
Control Panel
Welcome to the Winbows Control Panel! Here, you can adjust different settings and customize your Winbows experience.


See Also
i haven't gotten this far yet...

let brightnessAdjuster = document.getElementById("brightnessAdjuster"); let toggleDebugger = document.getElementById("toggleDebug"); let toggleScanlines = document.getElementById("toggleScanlines"); var library = { "Windows XP" : "/style.css", "Windows 7 (Not Ready)" : "/7.css", "Xobyte Special (Not Ready)" : "/xobyte.css", }; window.themes.initialize(library); if(localStorage.brightness){ brightnessAdjuster.value = localStorage.brightness * 100; } if(localStorage.scanlines){ toggleScanlines.checked = eval(localStorage.scanlines); } brightnessAdjuster.onchange = function(){ let b = (100 - this.value) * 0.01; window.parent.postMessage({ type: "action", action: "adjustDisplay", adjustments: { brightness : b } }); localStorage.brightness = b; }; toggleScanlines.onchange = function(){ window.parent.postMessage({ type: "action", action: "toggleScanlines", value: this.checked }); localStorage.scanlines = this.checked; } toggleDebugger.onchange = function(){ window.parent.postMessage({ type: "action", action: "toggleDebugger", }); }; charset="UTF-8">
FileEditViewFormat
<Back>
GO
<
<
Control Panel
Welcome to the Winbows Control Panel! Here, you can adjust different settings and customize your Winbows experience. Your settings do not save across sessions.


See Also
i haven't gotten this far yet...
body, html { margin: 0; font-family: MS Gothic, Tahoma, Helvetica; font-size: 10pt; width: 100vw; max-width: 100%; height: 100vh; max-height: 100%; overscroll-behavior: none; } #settingsAppContent, .settingsAppContent { margin: 0; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; background-color: #EEEFE1; font-family: MS Gothic, "MS Gothic"; } .controlPanelToolbar { display: block; margin: 0; padding: 0; width: 100%; height: 25px; } .controlPanelToolbarOpt { display: inline-flex; align-items: center; justify-content: center; height: calc(100% - 11px); padding: 5px; margin: 1px; cursor: default; user-select: none; font-size: 9pt; } .controlPanelToolbarOpt:hover { background-color: rgba(0, 0, 0, 0.05); } .controlPanelLocationToolbar { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; width: 100%; border: solid 1px #E0D7CA; box-shadow: 0 1px 1px #FFF, 0 1px 1px #FFF inset; border-left: none; border-right: none; } .controlPanelLocationToolbar div { display: inline-flex; align-items: center; justify-content: center; margin: 0; padding: 10px; } .cPtoolbarBtn { height: 16pt; min-width: 16pt; } .cPtoolbarBtn img:hover { cursor: pointer; } .navButtonDesc { padding: 5px; margin-left: 5px; font-size: 9pt; cursor: pointer; } .controlPanelUrlBar { width: 50%; min-width: 200px; font-family: inherit; } .controlPanelBack { transform: rotate(180deg); } .controlPanelForward { transform: rotate(360deg); } .cPNavIco { width: 16pt; height: 16pt; } #settingsNav { width: 100%; height: 20%; margin: 0; } #settingsContent { display: flex; align-items: center; justify-content: center; width: 100%; height: 80%; margin: 0; } #settingsContentLeft { background-color: #6B85DC; width: 220px; /* 250px - 30px */ height: calc(100% - 30px); color: #30508D; padding: 15px; } #cPIntroTitle { background: linear-gradient(90deg, #074BB0, #205ABE); color: #FFF; font-weight: bold; display: flex; align-items: center; justify-content: flex-start; height: 30px; border-radius: 10px 10px 0 0; } #cPIntroTitleIcon { width: 30px; margin-left: 5px; } #cPIntroTitle > span { padding-left: 15px; } #cPIntroDesc { background-color: #F0F2FF; border-radius: 0 0 2px 2px; padding: 10px; } #cPIntroTitle2 { background: linear-gradient(90deg, #FFF, #C6D4FB); font-weight: bold; display: flex; align-items: center; justify-content: flex-start; height: 30px; border-radius: 10px 10px 0 0; } #cPIntroTitle2 > span { padding-left: 15px; } #cPIntroDesc2 { background-color: #D7DEF8; border-radius: 0 0 2px 2px; padding: 10px; } #settingsContentRight { width: calc(100% - 280px); height: calc(100% - 30px); background-color: #FFF; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; gap: 5px; padding: 15px; } #settingsContentRight > a { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; color: #000 !important; } #settingsContentRight > a:focus { background-color: rgba(0, 85, 234, 0.3); outline: dotted 1px #000; } #settingsContentRight > a img { height: 50px; width: 50px; } #settingsContentRight > a p { font-size: 10pt; letter-spacing: -1px; }
FileEditViewFormat
<Back>
GO
<
<
Control Panel
Welcome to the Winbows Control Panel! Here, you can adjust different settings and customize your Winbows experience.


See Also
i haven't gotten this far yet...

let brightnessAdjuster = document.getElementById("brightnessAdjuster"); let toggleDebugger = document.getElementById("toggleDebug"); let toggleScanlines = document.getElementById("toggleScanlines"); var library = { "Windows XP" : "/style.css", "Windows 7 (Not Ready)" : "/7.css", "Xobyte Special (Not Ready)" : "/xobyte.css", }; window.themes.initialize(library); if(localStorage.brightness){ brightnessAdjuster.value = localStorage.brightness * 100; } if(localStorage.scanlines){ toggleScanlines.checked = eval(localStorage.scanlines); } brightnessAdjuster.onchange = function(){ let b = (100 - this.value) * 0.01; window.parent.postMessage({ type: "action", action: "adjustDisplay", adjustments: { brightness : b } }); localStorage.brightness = b; }; toggleScanlines.onchange = function(){ window.parent.postMessage({ type: "action", action: "toggleScanlines", value: this.checked }); localStorage.scanlines = this.checked; } toggleDebugger.onchange = function(){ window.parent.postMessage({ type: "action", action: "toggleDebugger", }); }; window.debug = false; window.debugGraphics = ` div { outline: solid 1px #0F0; } .shortcuts, .window, a, button, input, textarea, .taskbarAppBtn, #startBtnWrap, .startItemApp, .menuSysOption { outline: solid 1px red; } img, iframe { outline: dotted 1px red; } .cell { outline: solid 1px blue; } p, span, h1, h2, h3, h4, h5 ,h6, pre.line { outline: dotted 1px #FFF; } .row { outline: none; } `; if(!document.referrer.match(/(\/login$)|(\/login\/$)/igm)){ window.open("bootloader", "_self"); } window.onerror = function(message, source, lineno, colno, error) { if(!window.diagnosticReports) { window.diagnosticReports = []; } // Your error handling code goes here window.diagnosticReports.push({ 'message' : message, 'source' : source, 'line' : lineno, 'column' : colno, 'z-object' : error }); if(window.xp_popup) { window.xp_popup("Windows", "" + message + "

Consult the system diagnostics report for more information.", { "DISMISS" : function(){}, "RESTART" : function(){ window.open("/off.html?restart=true", "_self"); } }); return true; } else { return false; } }; window.onload = function() { window.debugger = function(){ if(window.debug){ window.debug = false; var graphics = document.getElementById("debugGraphics"); if(graphics){ graphics.parentElement.removeChild(graphics); } else { window.debugger(); } } else { window.debug = true; var graphics = document.createElement("STYLE"); graphics.id = "debugGraphics"; graphics.innerHTML = window.debugGraphics; document.body.appendChild(graphics); window.xp_popup("System Alert", "Debug mode is active. The owner is currently editing the site. How do you want to proceed?", { "DISABLE" : function(){ window.debugger(); return true; }, "CONTINUE" : function(){ return true; } }); let req = new XMLHttpRequest(); req.open("GET", "/resources/scripts/cursorDebug.js", true); req.onload = function(res){ if(req.readyState == 4 && req.status == 200){ let evaluation = new Function(req.responseText); evaluation(); } }; Winbows by Xobyte class="scanlines">
Chattable
Follow Me
download.zip
Webamp
Neocraft
Internet Explored
Info
xobyte.org
Shell
Notepad
Paint
Start
Administrator
My Documents
My Pictures
My Music
My Computer
var library = { "Windows XP" : "/style.css", "Windows 7 (Not Ready)" : "/7.css", "Xobyte Special (Not Ready)" : "/xobyte.css", }; window.themes.initialize(library); if(localStorage.debug || !window.debug){ } else { window.xp_popup("Alert", "Hello, I am currently working on the site, right now as you are reading this. You may experience bugs right now. This alert will stop popping up when I am done working on updates. Thanks.", { "OK" : function(){ return true; } }); }