This is a draggable, resizable, and closable window, modeled after the early Windows operating systems.
Developed by Jack Guinane
(c) 2018
>: How to use
Start by downloading the CSS and Javascript files used in the source.
Download from Github>: Add them to HTML
Add the following lines to your <head>:
<link href="https://fonts.googleapis.com/css?family=VT323" rel="stylesheet">
<link href="style.css" rel="stylesheet" type="text/css">
<script src="draggable.js" type="text/javascript"></script>
>: Create a window
Replace with new ID tags and content:
<div class="window" id="ADD_CUSTOM_ID">
<div class="window-header" id="ADD_CUSTOM_IDheader">
TITLE_OF_WINDOW
<button onclick="this.parentNode.parentNode.style.display = 'none';">X</button>
<button onclick="this.parentNode.parentNode.style.display = 'none';">_</button>
</div>
CONTENTS_OF_WINDOW
</div>
<script>dragElement(document.getElementById("ADD_CUSTOM_ID"));</script>
Windows encountered an error.