SDK.html

<div id="everythingtoman">
<script type="module" src="js.cookie.mjs"></script>
<script type="module">
  import Cookies from 'js.cookie.min.mjs'
</script>
    

    
<div id="stuff">
    </div>    
    
  <link rel='stylesheet' href='https://unpkg.com/xp.css'><link rel='stylesheet' href='SDK.css'>  
    
    <div id="contextMenu" class="context-menu" style="display: none">
        <ul role="menu" class="can-hover" style="width: 200px">
  <li role="menuitem" tabindex="0" aria-haspopup="true">View</li>
  <li role="menuitem" tabindex="0" aria-haspopup="true">
    Sort by
    <ul role="menu">
      <li role="menuitem"><a href="#menu">Name</a></li>
      <li role="menuitem"><a href="#menu">Size</a></li>
      <li role="menuitem"><a href="#menu">Item type</a></li>
      <li role="menuitem"><a href="#menu">Date modified</a></li>
    </ul>
  </li>
  <li role="menuitem" class="has-divider"><a href="#menu">Refresh</a></li>
  <li role="menuitem"><a href="#menu">Paste</a></li>
  <li role="menuitem" class="has-divider"><a href="#menu">Paste shortcut</a></li>
  <li role="menuitem">
    <img src="https://img.icons8.com/color/18/000000/monitor--v1.png">
    <a href="#menu">Screen resolution</a>
  </li>
  <li role="menuitem">
    <img src="https://img.icons8.com/color/18/000000/virtual-machine2.png">
    <a href="#menu">Gadgets</a>
  </li>
  <li role="menuitem">
    <img src="https://img.icons8.com/color/18/000000/remote-desktop.png">
    <a href="#menu">Personalize</a>
  </li>
</ul>
    </div>
    
<link rel="icon" type="image/png" href="img/explorer_110.ico">
<title>Windows 2004</title>
<script src="SDK.js"></script>
<div id="app"></div>
<script src="https://unpkg.com/webamp"></script>
<script>
    const app = document.getElementById("app")
    const webamp = new Webamp();
    webamp.renderWhenReady(app);
    webamp.close()
</script>
    
<div id="welcome">
    
  <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
  <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <style>
    
        #contextMenu {
            position: absolute;
        }
        
        .everythingtoman {
            cursor: url(mouse.png), auto;
        }
        
        .screen {
            opacity: 0;
        }

    
    body{
  font-family: Franklin Gothic; 
  font-style: initial;
  color: #fff;
}

.vl {
  height: 65%;
  position: fixed;
  left: 50%;
    top: 17%;
  right: 50%;
  width: 2px;
background: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(220,220,220,1) 50%, rgba(0,0,0,0) 100%); 
}

    .logonwindow {
        background: linear-gradient(90deg, rgba(26, 47, 153, 100) 0%, rgba(200, 200, 200, 0) 100%);
        width: 320px;
        height: 76px;
        top: 43%;
        left: 55%;
        position: fixed;
        border-style: solid;
        border-color: white;
        border-top-left-radius: 7px;
        border-bottom-left-radius: 7px;
        border-width: 0px;
        border-right-style: none;
    }
    
    .logonborder {
                border-top-left-radius: 8px;
        border-bottom-left-radius: 8px;
        border-width: 0px;
                top: 43%;
        left: 55%;
        position: fixed;
        width: 321px;
        height: 78px;
        background: linear-gradient(90deg, rgba(255, 255, 255, 100) 0%, rgba(200, 200, 200, 0) 100%);
    }
    
    .rounded {
        border-radius: 8px;
        border-style: solid;
        border-width: 1px;
    }
        
.hide-loader{
transition: opacity 1s ease-out;    
}
</style>

  <div style="background-image: url(assets/welcome-long.png); width: 100%; height: 100%; background-position: left; background-size: cover; background-attachment: fixed; margin: 0%;">
      <div class="vl"></div>
      <center>       
        <div class="logonborder">
          <div style="margin-top: 1px;" class="logonwindow">
              <img src="img/chess.jpg" width="64" style="border-width: 1px; border-color: yellow; border-style: solid; border-radius: 4px; margin: 5px; left: 1px; position: absolute">
          <p style="color: white; font-size: 24; position: absolute; margin-left: 80px; bottom: 17px;">RowanCrE</p>
              <input  id="rounded" type="text" style="position: relative; margin-right: 9px; margin-top: 65px; border-radius: 3px; border-style: solid; border-width: 1px; height: 24">
              <img id="kissass" onclick="remove()" src="img/gui/backup.jpg" style="position: fixed; margin-left: 15px; margin-top: 65px;" width="24">
          </div>
        </div>
<img src="assets/winxp.png" width="384px" style="top: 30%; bottom: 40%; margin-left: -400px; position: fixed;">

          </center>
  </div>
    

        
<script>
function remove(){
var element = document.getElementById("welcome");
var audio = new Audio('Media/Windows XP Startup.wav');
audio.play();
$("#welcome").fadeOut( 300 ).delay( 800 ).fadeOut( 400 );
jQuery('.screen').css('opacity', '100');
crashf();
    betamessage();
};
    </script>
    <script>    
window.onload = function() {
  crashf();
};
</script>

</div>
    <script src="winbox.bundle.js"></script>
       <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">

<!-- import contents of apps -->
<div data-include="Apps/img/webpack/index.html"></div>
<div class="hide">
<div>
    <div class="window-body" id="aboutwin" style="margin: 0px;">
      <center>
        <img src="img/banner.png" style="display: block">
          <img src="img/Bitmap138.bmp" style="display: block">
      </center>
          <p style="margin-left: 50px; margin-right: 50px;">Microshaft ® Windows <br> Version 5.1 (Build 3017.rw.000021-1020 : Version 2004) <br> Copyright ® 2000-2003 RowanCrE  <br><br><br> This product is licensed under the terms of the <a href="hidden/EULA.html">End-user License Agreement</a> to: <br><br> Rowan <br> RowanCrE</p>
          <div style="margin-left: 50px; margin-right: 15px; background-color: darkgray; height: 1px; box-shadow: 1px 1px white;"></div>
      <p style="margin-left: 50px; margin-right: 50px;">Physical memory available to Windows:  65,535</p>
      <button class="focused" onclick="winbox.close(true);" style="position: absolute; right: 10px;">This button does nothing</button>
  </div>
</div>
<div data-include="Apps/img/Icedog96.html"></div>
<div data-include="Apps/img/dserror.html"></div>
<div>
    
    <div style="margin: 12px;" id="settings">
    <section class="tabs" style="max-width: 500px">
  <menu role="tablist" aria-label="Sample Tabs">
    <button role="tab" aria-selected="true" aria-controls="tab-A">Tab A</button>
    <button role="tab" aria-controls="tab-B">Tab B</button>
    <button role="tab" aria-controls="tab-C">Tab C</button>
  </menu>
  <!-- the tab content -->
  <article role="tabpanel" id="tab-A">
    <div style="margin: 12px;">
        <button onclick="balls()">Enable Animations</button>
        <button onclick="bsod()">Crash cumputer</button>
    </div>

  </article>
  <article role="tabpanel" hidden id="tab-B">
    <h3>More...</h3>
    <p>This tab contains a GroupBox</p>
    <fieldset>
      <legend>Today's mood</legend>
      <div class="field-row">
        <input id="radio10" type="radio" name="fieldset-example2">
        <label for="radio10">Claire Saffitz</label>
      </div>
      <div class="field-row">
        <input id="radio11" type="radio" name="fieldset-example2">
        <label for="radio11">Brad Leone</label>
      </div>
      <div class="field-row">
        <input id="radio12" type="radio" name="fieldset-example2">
        <label for="radio12">Chris Morocco</label>
      </div>
      <div class="field-row">
        <input id="radio13" type="radio" name="fieldset-example2">
        <label for="radio13">Carla Lalli Music</label>
      </div>
    </fieldset>
  </article>
  <article role="tabpanel" hidden id="tab-C">
    <h3>Tab 3</h3>
    <p>Lorem Ipsum Dolor Sit</p>
  </article>
</section>
</div>    
    
    <div id="settings">
    <div style="margin: 12px;">
        <button onclick="balls()">Enable Animations</button>
    </div>
</div>
</div>
<div data-include="Apps/calc/index.html"></div>
<div data-include="Apps/cmd.html"></div>    
<div>
<style>
    html, body {width: 100%; height: 100%; margin: 0px;}
    
    .file-explorer {
        height: calc(100% - 5px);
        width: calc(100% - 2px);
        border: 1px solid black;
        border-collapse: collapse;
    }
    .file-tree {
        width: 138px; /* subtract the border. */
        height: calc(100% - 43px);
        float: left;
        border: 1px solid black;
        border-collapse: collapse;
    }
    .file-browser {
        width: calc(100% - 142px); /* subtract the border. */
        float: left;
        height: calc(100% - 43px);
        border: 1px solid black;
        border-collapse: collapse;
    }
    .address-bar {
        
    }
    .address-bar input{
        width: 100%;
    }
    
    
    /* Menu bar */
    
    /*-------------------------------------------*\ Menu \*-------------------------------------------*/
    .can-hover {
        background-color: white;
    }
    
    ul[role] {
	 margin: 0;
	 padding: 0;
        background-color: white;
	 list-style: none;
	 cursor: default;
}
 ul[role="menubar"] {
	 display: flex;
        background-color: white;
	 background: #f2f3f3;
}
 ul[role="menubar"] > [role="menuitem"] {
	 position: relative;
	 padding: 4px 10px;
}
 ul[role="menubar"] > [role="menuitem"]:focus, ul[role="menubar"] > [role="menuitem"]:focus-within, ul[role="menubar"] > [role="menuitem"]:hover {
	 background: #316ac5;
	 color: #fff;
	 outline: none;
}
 ul[role="menu"] {
	 position: relative;
	 min-width: 150px;
	 padding: 2px;
        background-color: white;
	 background: var(--surface);
	 color: initial;
	 border: 1px solid rgba(0, 0, 0, 0.4);
	 box-shadow: 4px 4px 3px -2px rgba(0, 0, 0, 0.5);
}
 ul[role="menu"]::before {
	 content: "";
	 pointer-events: none;
	 position: absolute;
	 left: 28px;
        background-color: white;
	 width: 2px;
	 height: calc(100% - 4px);
	 box-shadow: inset 1px 0 rgba(0, 0, 0, 0.15), inset -1px 0 #fff;
}
 [role="menuitem"] ul[role="menu"] {
	 display: none;
	 position: absolute;
	 left: 0;
	 top: 100%;
        background-color: white;
	 z-index: 99;
     background-color: #fff;
}
 ul[role="menu"] [role="menuitem"] > [role="menu"] {
	 top: -4px;
	 left: 100%;
     background-color: #fff;
}
 ul[role="menu"] > [role="menuitem"] > a, ul[role="menu"] > [role="menuitem"] > button, ul[role="menu"] > [role="menuitem"][aria-haspopup="true"] {
	 all: unset;
	 position: relative;
	 display: block;
	 width: 100%;
	 padding: 4px 10px 4px 32px;
	 box-sizing: border-box;
	 border: 1px solid white;
     background-color: #fff;
}
 ul[role="menu"] > [role="menuitem"] > a:hover, ul[role="menu"] > [role="menuitem"] > button:hover, ul[role="menu"] > [role="menuitem"][aria-haspopup="true"]:hover, ul[role="menu"] > [role="menuitem"] > a:focus, ul[role="menu"] > [role="menuitem"] > button:focus, ul[role="menu"] > [role="menuitem"][aria-haspopup="true"]:focus {
	 background: #316ac5;
     color: white;
}
 ul[role="menu"] > [role="menuitem"][aria-haspopup="true"]::after {
	 content: "";
	 position: absolute;
	 top: 50%;
	 right: 2px;
	 transform: translateY(-50%);
	 border: 4px solid transparent;
	 border-left-color: currentColor;
}
 ul [role="menuitem"] {
	 position: relative;
}
 ul [role="menuitem"]:focus > [role="menu"], ul [role="menuitem"]:focus-within > [role="menu"] {
	 display: block;
     background-color: #fff;
}
 ul [role="menuitem"].has-divider::after {
	 content: "";
	 pointer-events: none;
	 display: block;
     background-color: #000;
	 margin: 3px 0 2px;
	 height: 2px;
	 margin-left: 28px;
	 box-shadow: inset 0 1px rgba(0, 0, 0, 0.15), inset 0 -1px #fff;
}
 ul [role="menuitem"] img {
	 position: absolute;
	 z-index: 1;
	 left: 2px;
	 top: 50%;
	 transform: translateY(-50%);
	 pointer-events: none;
}
 ul.can-hover [role="menuitem"]:hover > [role="menu"] {
	 display: block;
     background-color: #fff;
}
 
</style>

<div id="fileexplorer" class="file-explorer">

    <ul role="menubar">
  <li role="menuitem" tabindex="0" aria-haspopup="true">
    File
    <ul role="menu">
      <li role="menuitem" tabindex="0" aria-haspopup="true">
        New
        <ul role="menu">
        <!-- Use 'onclick' for handling MonsterFS (as I am calling it) functions -->
        <!-- Submenus do not work without <button> -->
          <li role="menuitem"><button>Folder</button></li>
          <li role="menuitem"><button id="upload-file">Upload File...</button></li>
        </ul>
      </li>
    </ul>
  </li>
  <li role="menuitem" tabindex="0" aria-haspopup="true">
    Help
    <ul role="menu">
      <li role="menuitem"><a href="#menu">View Help</a></li>
      <li role="menuitem"><a href="#menu">About</a></li>
    </ul>
  </li>
</ul>
    
    <div class="address-bar">
        <input type="text" name="address" id="address" />
    </div>
    <div class="file-tree">
        <ul class="tree-view">
            <li>
                My Computer
                <ul id="my-computer">
                </ul>
            </li>
        </ul>
    </div>
    <div class="file-browser">
        browser
    </div>
    <input type="file" id="new-file" style="display: none;">
</div>
<script
  src="https://code.jquery.com/jquery-3.6.0.min.js"
  integrity="sha256-/xUj+3OJU5yExlq6GSYGSHk7tPXikynS7ogEvDej/m4="
  crossorigin="anonymous"></script>

        <!-- Thank you for helping me with the LocalStorage stuff -->
<script>
    var storageMonster = {
        init: function () {
            if (this.get("drives") == null){
                var drives = [];
                drives.push({ label: "Home Drive", letter: "c", files: [] });
                this.set("drives", drives);
            }
        },   
        set: function (key, obj){
            try {
                var stringObj = JSON.stringify(obj);
                localStorage.setItem(key, stringObj);
            }
            catch (e){
                console.error("Failed to set object for key " + key);
            }
        },
        get: function (key) {
            try {
                var stringObj = localStorage.getItem(key);
                return JSON.parse(stringObj);
            }
            catch (e){
                console.error("Failed to get object for key " + key);
            }
        },
        list: function () {
            return Object.keys(localStorage);
        }
    };
    var fileExplorer = {
        drives: null,
        init: function (){
            var drives = storageMonster.get("drives"),
                $myComputer = $("#my-computer");
            this.drives = drives;
            for (i = 0; i < drives.length; i++){
                var drive = drives[i];
                $myComputer.append("<li><span class='drive' data-letter='" + drive.letter + "'>(" + drive.letter + ":)</span></li>");
            }
        },
        getDrive: function (letter){
            var drives = fileExplorer.drives.filter(drive => drive.letter == letter);
            if (drives.length > 0){
                return drives[0];
            }
            return null;
        },
        update: function (drive){
            var index = fileExplorer.drives.indexOf(drive);
            fileExplorer.drives.splice(index, 1);
            fileExplorer.drives.push(drive);
            storageMonster.set("drives", fileExplorer.drives);
        },
        show: function (drive) {
            var $browser = $(".file-browser"),
                $files = $("<ul class='tree-view' id='files'></ul>");            
            drive.files.forEach(function (file) {
                $files.append("<li>" + file.name + "</li>")
            });
            $browser.html($files);
        }
    }
    storageMonster.init();
    fileExplorer.init();
    
    $(function () {
        var $address = $("#address"),
            $newFile = $("#new-file");
       $("body").on("click", ".drive", function (e) {
           var $this = $(this),
               letter = $this.data("letter"),
               drive = fileExplorer.getDrive(letter);
           if (drive){
               $address.val(drive.letter + "\\");
               fileExplorer.show(drive);
           }
           else {
               $address.val("");
           }           
       }).on("click", "#upload-file", function (e) {
           // this should actually be split by the \ and etc. but for now we're just doing root.
           var address = $address.val();
           if (address.length) {               
               $newFile.trigger("click");
           }
       }).on("change", "#new-file", function (e) {
           var $this = $(this);
           if (this.files.length) {
               var file = this.files[0];
               var fileReader = new FileReader();
               fileReader.onload = () => {
                   var address = $address.val();
                    if (address.length) {
                        var drive = fileExplorer.getDrive(address.substring(0, 1)),
                            data = fileReader.result,
                            record = { name: file.name, size: file.size, data: data },
                            existing = -1;
                        
                        for (var i = 0; i < drive.files.length; i++){
                            var f = drive.files[i];
                            if (f.name == record.name){
                                existing = i;
                                break;
                            }
                        }
                        
                        if (existing != -1) {
                            drive.files.splice(existing, 1);
                            drive.files.push(record);
                        }
                        else {
                            drive.files.push(record);   
                        }
                        fileExplorer.update(drive);
                        fileExplorer.show(drive);
                    }
                };
               fileReader.readAsText(file);
           }
       });
    });
</script>
 </div>   
      <div id="error2">
      <img src="img/explorer_110.ico" style="margin: 10px;" width="32px">
      <p style="display: inline-block; top: 15px; position: absolute;">Please use Firefox or Chrome, features will be reduced</p>
      <center>
      </center>
        
 </div>
          <div id="error3">
      <img src="img/XP/1001.ico" style="margin: 10px;" width="32px">
      <p style="display: inline-block; top: 15px; position: absolute;">This is a beta build! Some things are subject to change</p>
              <iframe src="change.txt" style="height: 256px; width: 384px; top: 50px;">This changelog is too dank</iframe>
              <p style="margin-right: auto; margin-left: 60px; bottom: 10px; position: absolute;">Click "X" to continue on your way to Windows 2004!</p>
 </div> 
</div>

<script src="csi.js/csi.min.js"></script>
<!-- applib -->
<script src="Apps/pinballapp.app"></script>
<script src="Apps/Error.app"></script>
<script src="Apps/winver.app"></script>
<script src="Apps/icedog.app"></script>
<script src="Apps/calc.app"></script>
<script src="Apps/ctrlpanel.app"></script>
<script src="Apps/FSBrowse.app"></script>
<script src="Apps/cmd.app"></script>

<!-- End of applib -->



<!-- 
  NOTE: For best results, use Full Page View 
-->



<head>
<div class="buildstring">
<span style="font-family: Tahoma,Verdana,Segoe,sans-serif;  color: white; position: fixed; bottom: 35px; right: 0px;  text-align: right;">Windows XP 2004 Edition Professional (Plus!)<br>For evaluation purposes only. Build 3017.rw.000021-1020</span>
    


    
</div>
</head>

<div class="container">
  <div class="screen">
      
          <main id="datetime">9:54:06 AM</main>
    <div class="background" style="height: 100%; z-index: 10000000000000;"></div>
    <div class="taskbar">
      <div class="main-section">
        <input id="start-menu-active" type="checkbox" unchecked>
        <label class="start-button" for="start-menu-active">
        </label>
          
        <img src="img/XP/24.ico" onclick="report()" style="margin-left: -15px; position: absolute; top: 7;" width="16">
          
          <div class="background" style="width: 100%; height: 100%;"></div>
        <div class="start-menu">
          <div class="start-menu-header">
            <div class="account-image-wrapper">
              <img src="img/chess.jpg" width="48">
            </div>
            <h1 class="account-name">Made By RowanCrE</h1>
          </div>
          <div class="start-menu-body">
            <div class="start-menu-favorites">
              <div onclick="iexplore()" class="app-item start-menu-item intent-item">
                <div  class="icon" style="background-image:url('XP/Icon/0409/1490.ico')"></div>
                <div class="label">
                  <div class="intent">Internet</div>
                  <div class="program">Internet Explorer</div>
                </div>
              </div>
              <div onclick="pinball()" class="start-menu-item intent-item">
                <div class="icon" style="background-image:url('XP/Icon/0409/4.ico')"></div>
                <div class="label">
                  <div class="intent">Pinball</div>
                  <div class="program">Pinball</div>
                </div>
              </div>
              <div class="divider"></div>
              <div onclick="calc()" class="start-menu-item favorite-item">
                <div class="icon" style="background-image:url('img/Icon_6.ico')"></div>
                <div class="label">Calculator</div>
              </div>
              <div onclick="winver()" class="start-menu-item favorite-item">
                <div class="icon" style="background-image:url('XP/Icon/0409/14.ico')"></div>
                <div class="label">About Windows</div>
              </div>
              <div onclick="webamp.reopen();" class="start-menu-item favorite-item">
                <div class="icon" style="background-image:url('https://appimage.github.io/database/Webamp/icons/512x512/webamp-desktop.png')"></div>
                <div class="label">Webamp</div>
              </div>
              <div class="all-programs">
                <div class="divider"></div>
              </div>
            </div>
            <div class="start-menu-shortcuts">
              <div class="start-menu-item my-item">
                <div class="icon" style="background-image: url('XP/Icon/0409/796.ico'); width: 24px; height: 24px;"></div>
                <div class="label">My Documents</div>
              </div>
              <div class="start-menu-item my-item">
                <div class="icon" style="background-image:url('XP/Icon/0409/1409.ico')"></div>
                <div class="label">My Recent Documents</div>
              </div>
              <div class="start-menu-item my-item">
                <div class="icon" style="background-image:url('XP/Icon/0409/808.ico')"></div>
                <div class="label">My Pictures</div>
              </div>
              <div class="start-menu-item my-item">
                <div class="icon" style="background-image:url('XP/Icon/0409/820.ico')"></div>
                <div class="label">My Music</div>
              </div>
              <div onclick="MonsterBrowser()" class="start-menu-item my-item">
                <div class="icon" style="background-image:url('XP/Icon/0409/123.ico')"></div>
                <div class="label">File System</div>
              </div>
              
              <div class="divider"></div>
              
              <div onclick="ctrl()" class="start-menu-item">
                <div class="icon" style="background-image: url('img/XP/22.ico')"></div>
                <div class="label">Control Panel</div>
              </div>
              <div onclick="cmd()" class="start-menu-item">
                <div class="icon" style="background-image:url('img/console.png')"></div>
                <div class="label">Command Prompt</div>
              </div>
              
              <div class="divider"></div>
              
              <div class="start-menu-item">
                <div class="icon" style="background-image:url('img/XP/24.ico')"></div>
                <div class="label">Help and Support</div>
              </div>
              <div class="start-menu-item">
                <div class="icon" style="background-image:url('img/XP/23.ico')"></div>
                <div class="label">Search</div>
              </div>
              <div class="start-menu-item">
                <div class="icon" style="background-image:url('img/XP/25.ico')"></div>
                <div class="label">Run...</div>
              </div>
            </div>
          </div>
          <div class="start-menu-footer">
              <div onclick="bsod()" class="crash">
              <img style="position: absolute; right: 8px; bottom: 6px;" src="XP/Icon/0409/242.ico">
              </div>
          </div>
        </div>
      </div>
      <div class="quick-section"></div>
    </div>
  </div>
</div>


<style>
    .98 {
            margin: 0px;
    font-family: "Trebuchet MS";
    background: linear-gradient(90deg,#0a246a 0%,#a3c6ed 100%);
    background-repeat: no-repeat;
    background-size: auto 35px;
    padding:2px 5px 2px 2px;
    font-size:13px;
    
    height: 20px;
    font-size: 11px;
	 padding: 2px;
    box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #dfdfdf;
box-shadow: inset -2px -2px #808080, inset 2px 2px #fff;
    border-width: 2px;
    padding: 0 0 2px 0;
    height: 12px;
}

        .wb-body.98 {
            background-color: rgb(212, 208, 200);
            color: black;
    text-shadow: 0x 0px #0f1089;
            margin: 2px;
        }
        
.wb-close.98 {
    background-image:  url(img/gui/icon/icon/close.svg), url(img/gui/icon/icon/button-down.svg);
    background-size: 12px, 24px; 
    background-position: center;
    margin-right: 3px;
    margin-left: -3px;
    margin-top: 1px;
}
.wb-max.98 {
    background-image: url(img/gui/icon/icon/maximize.svg), url(img/gui/icon/icon/button-down.svg);
    background-size: 12px, 24px; 
    background-position: center;
    margin-left: -3px;
}
.wb-min.98 {
    background-image: url(img/gui/icon/icon/minimize.svg), url(img/gui/icon/icon/button-down.svg);
    background-size: 12px, 24px; 
    background-position: center;
    margin-left: -3px;
}
    

    
</style>


<script>
    $("body").on("click", ".background", function (e){
        $('#start-menu-active').prop('checked', false);    
    });
    
          function getDayTime(){
        var dt = new Date();
        document.getElementById('datetime').innerHTML = dt.toLocaleTimeString();
      }
      setInterval('getDayTime()', 100);
</script>
</div>
<script>
    function bsod() {
        $('#everythingtoman').load('/Apps/BSOD.html');
        $( ".winbox" ).remove();
        
    }
    
function tripleballs() {
    document.body.style.backgroundImage = "url('img/Vortec Space.jpg')";
};

function doubleballs() {
    document.body.style.backgroundImage = "url('img/Bliss.jpg')";
};   
    
function quadballs() {
    document.body.style.backgroundImage = "url('img/Red Moon Desert.jpg')";
};     
    


  
function crashf() {
    $a = document.cookie;
    $b = "theme=XP";  
    $c = "theme=98";  
    if($a == $b) {
        $('#stuff').load('Apps/XPTheme.html');
    }
    else if($a == $c) {
        $('#stuff').load('Apps/98Theme.html');
    }
    else {
        document.cookie = 'theme=XP; expires=31 Dec 4096 11:59:00 UTC;path=/;SameSite=Lax';
        crashf();
    };
};

</script>
<script>
</script>
<script type="text/javascript">
   $(document).ready(function() {
      if (navigator.userAgent.match(/trident/i) ){
          iedetect();
      }
   });
    function iedetect() {
        $('.start-button').css("backgroundImage","url('NoEIBgdfgdggddutons/iebad.gif)");
var node = document.getElementById("error2");
var audio = new Audio('Media/chord.wav');
audio.play();
new WinBox({
    title: "IE Error",
    x: "center",
    mount: node.cloneNode(true),
    y: "center",
    width: "384",
    height: "128",
        class: [
        "98",
        "no-close",
        "no-resize",
        "no-move",
        "no-max",
        "no-min"
    ]
});
    };
    
    function betamessage() {
var node = document.getElementById("error3");
var audio = new Audio('Media/ding.wav');
audio.play();
new WinBox({
    title: "Notice",
    x: "center",
    mount: node.cloneNode(true),
    y: "center",
    width: "512",
    height: "384",
        class: [
        "no-resize",
        "no-max",
        "no-min",
        "background"
    ]
});
    }
    
</script>
<script>
    function balls() {
const style = document.createElement('style');

style.textContent = `
            .winbox {
        animation: aero .3s;
    }
    
        @keyframes aero {
            from {
                transform: perspective(2000px) rotateX(-25deg) scale(92%);
                opacity: 0;
            }

            to {
                transform: rotateY(0deg) scale(100%);
                opacity: 1;
            }
        }
    
`;

document.head.appendChild(style);
};
    
    
function report() {
var node = document.getElementById("report");
var audio = new Audio('Media/ding.wav');
audio.play();
new WinBox({
    title: "Notice",
    x: "center",
    mount: node.cloneNode(true),
    y: "center",
    width: "423",
    height: "290",
        class: [
        "no-resize",
        "no-max",
        "no-min",
        "background"
    ]
    });
};
</script>

<div class="hide">
    <div id="report">
        <center>
            
        <img src="img/banner.png" style="display: block">
          <img src="img/Bitmap138.bmp" style="display: block">
            <p style="font-size: 13px;">To report, please include the following: <br>1.  Windows 2004 build <br>2. Bug description  <br>3. Steps to recreate the bug<br>4. Browser name and version<br>5. Make sure to tag it as a bug report</p>
            <p>Send bug reports to the discord server under #bug-reports</p>
        </center>
        <script>
        </script>
 </div>
</div>
<html>

.winbox(.max) {
	margin-bottom; 31px;
}
</html>