Add files via upload

.gitignore

@@ -0,0 +1,3 @@
+/dist
+
+/node_modules

LICENCE

@@ -0,0 +1,22 @@
+
+MIT License
+
+Copyright (c) 2021 Packas
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,26 @@
+[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/colored.png)](#windows-mods-is-here)
+
+# ➤ Windows-mods is here!
+
+## ➤ How To Download:
+
+1. Install the latest version by pressing "tags"
+![step 1 img](https://github.com/Packas/assets/blob/main/readmeAsset1.png "Step 1")
+2. Click the releases tab
+3. Download the setup file from the latest version (.exe) by clicking it and run the installer!
+
+We have auto-updates so you will only have to download the file once!
+
+
+[![-----------------------------------------------------](https://raw.githubusercontent.com/andreasbm/readme/master/assets/lines/colored.png)](#how-to-use)
+
+# ➤ How To Use
+
+1. When you run the app, you should come into a settings screen
+2. You can drag the boxes around the screen and put them anywhere you want
+3. If you click the settings icon, you can turn of or off features, click escape to exit the settings
+3. Once done you press Right Shift to exit the launch screen
+4. To re-enter the settings screen, click on the windows-mods app icon at the task bar, then click right shift
+5. To close the window, click on the windows-mods app icon at the task bar, then click alt + F4
+
+Build with electron.js!

boxes.js

@@ -0,0 +1,80 @@
+const os = require('os-utils');
+const { ipcRenderer } = require('electron');
+
+var ctxrem = document.getElementById("ctx");
+var wallpaper = document.getElementById("divv");
+
+const c = ctx.getContext("2d");
+
+var background = true;
+
+c.globalAlpha = 0.7;
+c.fillStyle = "rgb(0, 0, 0)";
+c.fillRect(0, 0, window.innerWidth, window.innerHeight);
+
+setInterval(function(){
+    var date = new Date().toLocaleTimeString();
+    if(date == "8:45:00 AM"){
+        const myNotification = new Notification('Period One Starts In 5 Minutes!', {
+            body: 'Windows Mods'
+          }) 
+    }
+    if(date == "9:35:00 AM"){
+        const myNotification = new Notification('Period Two Starts In 5 Minutes!', {
+            body: 'Windows Mods'
+          }) 
+    }
+    if(date == "10:55:00 AM"){
+        const myNotification = new Notification('Period Three Starts In 5 Minutes!', {
+            body: 'Windows Mods'
+          }) 
+    }
+
+    if(date == "11:45:00 AM"){
+        const myNotification = new Notification('Period Four Starts In 5 Minutes!', {
+            body: 'Windows Mods'
+          }) 
+    }
+
+    if(date == "1:25:00 PM"){
+        const myNotification = new Notification('Period Five Starts In 5 Minutes!', {
+            body: 'Windows Mods'
+          }) 
+    }
+    if(date == "2:15:00 PM"){
+        const myNotification = new Notification('Period Six Starts In 5 Minutes!', {
+            body: 'Windows Mods'
+          }) 
+    }
+
+    os.cpuUsage((v) => {
+        document.getElementById("cpu").innerHTML = "CPU: " + (v * 100).toFixed(2) + "%";
+        document.getElementById("ram").innerHTML = "RAM: " + (((os.freememPercentage() * 100) - 100) * -1).toFixed(2) + "%";
+    });
+}, 500);
+
+var timer = 0;
+document.getElementById("timepc").innerHTML = 0 + " mintutes on PC";
+
+setInterval(() => {
+    timer++;
+    document.getElementById("timepc").innerHTML = timer + " mintutes on PC";
+}, 60000)
+
+var background = true;
+window.addEventListener("keyup", (e) => {
+    if(e.code == "ShiftRight"){
+        if (background == true){
+            ipcRenderer.send('set-ignore-mouse-events', true, { forward: true })
+            wallpaper.style.display = "none";
+            ctxrem.style.display = "none";
+            background = false;
+        }
+        else{
+            ipcRenderer.send('set-ignore-mouse-events', false)
+            wallpaper.style.display = "block"
+            ctxrem.style.display = "block";
+            background = true;
+        };
+    }
+});

draggable.js

@@ -0,0 +1,35 @@
+dragElement(document.getElementById("box1"));
+dragElement(document.getElementById("box2"));
+dragElement(document.getElementById("box3"));
+dragElement(document.getElementById("box4"));
+
+function dragElement(elmnt) {
+  var pos1 = 0, pos2 = 0, pos3 = 0, pos4 = 0;
+
+  elmnt.onmousedown = dragMouseDown;
+
+  function dragMouseDown(e) {;
+    e = e || window.event;
+    e.preventDefault();
+    pos3 = e.clientX;
+    pos4 = e.clientY;
+    document.onmouseup = closeDragElement;
+    document.onmousemove = elementDrag;
+  }
+
+  function elementDrag(e) {
+    e = e || window.event;
+    e.preventDefault();
+    pos1 = pos3 - e.clientX;
+    pos2 = pos4 - e.clientY;
+    pos3 = e.clientX;
+    pos4 = e.clientY;
+    elmnt.style.top = (elmnt.offsetTop - pos2) + "px";
+    elmnt.style.left = (elmnt.offsetLeft - pos1) + "px";
+  }
+
+  function closeDragElement() {
+    document.onmouseup = null;
+    document.onmousemove = null;
+  }
+}

fps.js

@@ -0,0 +1,13 @@
+var fps = require('fps')
+var ticker = fps({
+    every: 100  // update every 100 frames
+})
+
+setInterval(function() {
+  ticker.tick()
+}, 1000 / 60)
+
+var element = document.getElementById('fps')
+ticker.on('data', function(framerate) {
+  document.getElementById("fps").innerHTML = "FPS: " + (framerate).toFixed(2);
+})

index.html

@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="style.css">
+    <title>windows-mods</title>
+</head>
+
+<body id="body">
+    <div class="box" id="box1">
+        <p class="text" id="cpu"></p>
+    </div>
+    <div class="box" id="box2">
+        <p class="text" id="ram"></p>
+    </div>
+    <div class="box" id="box3">
+        <p class="text" id="timepc"></p>
+    </div>
+    <div class="box" id="box4">
+        <p class="text" id="fps"></p>
+    </div>
+    <div id="switches">
+        <p class="btntext">CPU: <input id="cput" type="checkbox" checked="checked"></p>
+        <p class="btntext">RAM: <input id="ramt" type="checkbox" checked="checked"></p>
+        <p class="btntext">Time On PC: <input id="timepct" type="checkbox" checked="checked"></p>
+        <p class="btntext">FPS: <input id="fpst" type="checkbox" checked="checked"></p>
+    </div>
+    <div id="body2">
+        <div class="divv" id="divv">
+            <p id="settings">Settings</p>
+        </div>
+    </div>
+    <canvas id="ctx"></canvas>
+    <script src="boxes.js"></script>
+    <script src="draggable.js"></script>
+    <script src="settings.js"></script>
+    <script src="fps.js"></script>
+</body>
+</html>

index.js

@@ -0,0 +1,39 @@
+const electron = require('electron')
+const {app, BrowserWindow, ipcMain} = electron
+const {autoUpdater} = require("electron-updater");
+var win; 
+
+function createWindow () {
+  win = new BrowserWindow({
+    width: 1000,
+    height: 1000,
+    frame: false,
+    transparent: true,
+    alwaysOnTop: true,
+    resizable: false,
+    webPreferences: {
+      enableRemoteModule: true,
+      nodeIntegration: true
+    }
+  })
+  win.show()
+  win.loadFile('index.html')
+  win.maximize()
+}
+
+app.whenReady().then(createWindow)
+
+
+app.on('ready', function()  {
+  autoUpdater.checkForUpdatesAndNotify();
+});
+
+app.on('window-all-closed', () => {
+  if (process.platform !== 'darwin') {
+    app.quit()
+  }
+})
+
+ipcMain.on('set-ignore-mouse-events', (event, nothin) => {
+  BrowserWindow.fromWebContents(event.sender).setIgnoreMouseEvents(nothin)
+})