Merge pull request #1 from d43m0nhLInt3r/development

Development
d43m0nhLInt3r · Jul 28, 2020 · e1d9557 · e1d9557
2 parents c5f70ab + fc69d2d
commit e1d9557
Show file tree

Hide file tree

Showing 22 changed files with 949 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,3 @@
+/node_modules/
+/dist/
+yarn-error.log
diff --git a/frame.html b/frame.html
@@ -0,0 +1,87 @@
+<head>
+    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css" />
+
+    <script>
+        function load() {
+            switch (localStorage.getItem('id')) {
+                case "pogChamp":
+                    document.getElementById("view").src = './images/pogChamp.jpg';
+                    break;
+                case "pauseChamp":
+                    document.getElementById("view").src = './images/pauseChamp.png';
+                    break;
+                case "weirdChamp":
+                    document.getElementById("view").src = './images/weirdChamp.png';
+                    break;
+                case "omegalul":
+                    document.getElementById("view").src = './images/omegalul.png';
+                    break;
+                case "kappa":
+                    document.getElementById("view").src = './images/kappa.jpg';
+                    break;
+                case "kekW":
+                    document.getElementById("view").src = './images/kekW.jpg';
+                    break;
+                case "fivehead":
+                    document.getElementById("view").src = './images/5head.jpg';
+                    break;
+                case "monkaS":
+                    document.getElementById("view").src = './images/monkaS.png';
+                    break;
+                case "sadPepe":
+                    document.getElementById("view").src = './images/sadPepe.gif';
+                    break;
+                case "pepega":
+                    document.getElementById("view").src = './images/pepega.png';
+                    break;
+                case "KKomrade":
+                    document.getElementById("view").src = './images/KKomrade.png';
+                    break;
+                case "partyParrot":
+                    document.getElementById("view").src = './images/partyParrot.gif';
+                    break;
+                case "hackerman":
+                    document.getElementById("view").src = './images/hackerman.gif';
+                    break;
+                case "gachiBass":
+                    document.getElementById("view").src = './images/gachiBass.gif';
+                    break;
+            }
+        }
+    </script>
+
+    <style>
+        #close {
+            opacity: 0.7;
+            position: absolute;
+            bottom: 20px;
+            left: 50%;
+            transform: translateX(-50%);
+            font-size: 12px;
+            text-decoration: none;
+            z-index: 1500;
+        }
+
+        body {
+            overflow: hidden;
+            margin: 1px;
+        }
+
+        div {
+            -webkit-app-region: drag;
+        }
+
+        a {
+            -webkit-app-region: no-drag;
+        }
+    </style>
+</head>
+
+<body onload="load()">
+    <div class="d">
+        <img id="view" class="vw-100 vh-100" src="">
+
+    </div>
+    <a id="close" href="javascript:window.close()">Close</a>
+
+</body>
diff --git a/images/5head.jpg b/images/5head.jpg
diff --git a/images/KKomrade.png b/images/KKomrade.png
diff --git a/images/PepegaBoard.png b/images/PepegaBoard.png
diff --git a/images/gachiBass.gif b/images/gachiBass.gif
diff --git a/images/hackerman.gif b/images/hackerman.gif
diff --git a/images/kappa.jpg b/images/kappa.jpg
diff --git a/images/kekW.jpg b/images/kekW.jpg
diff --git a/images/monkaS.png b/images/monkaS.png
diff --git a/images/omegalul.png b/images/omegalul.png
diff --git a/images/partyParrot.gif b/images/partyParrot.gif
diff --git a/images/pauseChamp.png b/images/pauseChamp.png
diff --git a/images/pepega.png b/images/pepega.png
diff --git a/images/pogChamp.jpg b/images/pogChamp.jpg
diff --git a/images/sadPepe.gif b/images/sadPepe.gif
diff --git a/images/weirdChamp.png b/images/weirdChamp.png
diff --git a/index.html b/index.html
@@ -0,0 +1,72 @@
+<head>
+    <link rel="stylesheet" href="./node_modules/bootstrap/dist/css/bootstrap.min.css" />
+</head>
+<style>
+    body {
+        -webkit-app-region: drag;
+        background-color: #2C2F33;
+    }
+
+    .btn {
+        -webkit-app-region: no-drag;
+    }
+
+    #close {
+        opacity: 0.7;
+        position: absolute;
+        bottom: 20px;
+        left: 50%;
+        transform: translateX(-50%);
+        font-size: 12px;
+        text-decoration: none;
+    }
+</style>
+<div class="container-fluid my-5">
+    <a id="pogChamp" href="#">
+        <img src="./images/pogChamp.jpg" class="rounded float-left mb-5 mr-3" style="width:200px; height:200px;">
+    </a>
+    <a id="pauseChamp" href="#">
+        <img src="./images/pauseChamp.png" class="rounded float-left mb-5 mr-3" style="width:200px; height:200px;">
+    </a>
+    <a id="weirdChamp" href="#">
+        <img src="./images/weirdChamp.png" class="rounded float-left mb-5 mr-3" style="width:200px; height:200px;">
+    </a>
+    <a id="omegalul" href="#">
+        <img src="./images/omegalul.png" class="rounded float-left mb-5 mr-3" style="width:200px; height:200px;">
+    </a>
+    <a id="kappa" href="#">
+        <img src="./images/kappa.jpg" class="rounded float-left mb-5 mr-3" style="width:200px; height:200px;">
+    </a>
+    <a id="kekW" href="#">
+        <img src="./images/kekW.jpg" class="rounded float-left mb-5 mr-3" style="width:200px; height:200px;">
+    </a>
+    <a id="5head" href="#">
+        <img src="./images/5head.jpg" class="rounded float-left mb-5 mr-3" style="width:200px; height:200px;">
+    </a>
+    <a id="monkaS" href="#">
+        <img src="./images/monkaS.png" class="rounded float-left mb-5 mr-3" style="width:200px; height:200px;">
+    </a>
+    <a id="sadPepe" href="#">
+        <img src="./images/sadPepe.gif" class="rounded float-left mb-5 mr-3" style="width:200px; height:200px;">
+    </a>
+    <a id="pepega" href="#">
+        <img src="./images/pepega.png" class="rounded float-left mb-5 mr-3" style="width:200px; height:200px;">
+    </a>
+    <a id="KKomrade" href="#">
+        <img src="./images/KKomrade.png" class="rounded float-left mb-5 mr-3" style="width:200px; height:200px;">
+    </a>
+    <a id="partyParrot" href="#">
+        <img src="./images/partyParrot.gif" class="rounded float-left mb-5 mr-3" style="width:200px; height:200px;">
+    </a>
+    <a id="hackerman" href="#">
+        <img src="./images/hackerman.gif" class="rounded float-left mb-5 mr-3" style="width:200px; height:200px;">
+    </a>
+    <a id="gachiBass" href="#">
+        <img src="./images/gachiBass.gif" class="rounded float-left mb-5 mr-3" style="width:200px; height:200px;">
+    </a>
+</div>
+<script type="text/javascript">
+    require('./renderer.js')
+</script>
+<script src="./node_modules/jquery/dist/jquery.min.js"></script>
+<script src="./node_modules/bootstrap/dist/js/bootstrap.min.js"></script>
diff --git a/main.js b/main.js
@@ -0,0 +1,41 @@
+const { app, BrowserWindow } = require("electron");
+
+function createWindow() {
+  // Create the browser window.
+  const win = new BrowserWindow({
+    width: 1341,
+    height: 790,
+    webPreferences: {
+      nodeIntegration: true,
+      enableRemoteModule: true,
+    },
+  });
+  win.removeMenu();
+  // and load the index.html of the app.
+  win.loadFile("index.html");
+}
+
+// This method will be called when Electron has finished
+// initialization and is ready to create browser windows.
+// Some APIs can only be used after this event occurs.
+app.whenReady().then(createWindow);
+
+// Quit when all windows are closed, except on macOS. There, it's common
+// for applications and their menu bar to stay active until the user quits
+// explicitly with Cmd + Q.
+app.on("window-all-closed", () => {
+  if (process.platform !== "darwin") {
+    app.quit();
+  }
+});
+
+app.on("activate", () => {
+  // On macOS it's common to re-create a window in the app when the
+  // dock icon is clicked and there are no other windows open.
+  if (BrowserWindow.getAllWindows().length === 0) {
+    createWindow();
+  }
+});
+
+// In this file you can include the rest of your app's specific main process
+// code. You can also put them in separate files and require them here.
diff --git a/package.json b/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "PepegaBoard",
+  "version": "1.0.0",
+  "description": "An Open Source Pepega Board",
+  "main": "main.js",
+  "repository": "gituwu.com",
+  "author": "d43m0nhLInt3r",
+  "license": "GPL-3.0",
+  "scripts": {
+    "start": "electron ."
+  },
+  "devDependencies": {
+    "electron": "^9.1.1"
+  },
+  "dependencies": {
+    "bootstrap": "^4.5.0",
+    "jquery": "^3.5.1"
+  }
+}
diff --git a/renderer.js b/renderer.js
@@ -0,0 +1,144 @@
+const { BrowserWindow } = require("electron").remote;
+
+const path = require("path");
+
+document.getElementById("pogChamp").addEventListener("click", (event) => {
+  localStorage.setItem("id", "pogChamp");
+  const modalPath = path.join("file://", __dirname, "frame.html");
+  let win = new BrowserWindow({ frame: false, width: 256, height: 256 });
+  win.on("close", () => {
+    win = null;
+  });
+  win.loadURL(modalPath);
+  win.show();
+});
+document.getElementById("pauseChamp").addEventListener("click", (event) => {
+  localStorage.setItem("id", "pauseChamp");
+  const modalPath = path.join("file://", __dirname, "frame.html");
+  let win = new BrowserWindow({ frame: false, width: 256, height: 256 });
+  win.on("close", () => {
+    win = null;
+  });
+  win.loadURL(modalPath);
+  win.show();
+});
+document.getElementById("weirdChamp").addEventListener("click", (event) => {
+  localStorage.setItem("id", "weirdChamp");
+  const modalPath = path.join("file://", __dirname, "frame.html");
+  let win = new BrowserWindow({ frame: false, width: 256, height: 256 });
+  win.on("close", () => {
+    win = null;
+  });
+  win.loadURL(modalPath);
+  win.show();
+});
+document.getElementById("omegalul").addEventListener("click", (event) => {
+  localStorage.setItem("id", "omegalul");
+  const modalPath = path.join("file://", __dirname, "frame.html");
+  let win = new BrowserWindow({ frame: false, width: 256, height: 256 });
+  win.on("close", () => {
+    win = null;
+  });
+  win.loadURL(modalPath);
+  win.show();
+});
+document.getElementById("kappa").addEventListener("click", (event) => {
+  localStorage.setItem("id", "kappa");
+  const modalPath = path.join("file://", __dirname, "frame.html");
+  let win = new BrowserWindow({ frame: false, width: 256, height: 256 });
+  win.on("close", () => {
+    win = null;
+  });
+  win.loadURL(modalPath);
+  win.show();
+});
+document.getElementById("kekW").addEventListener("click", (event) => {
+  localStorage.setItem("id", "kekW");
+  const modalPath = path.join("file://", __dirname, "frame.html");
+  let win = new BrowserWindow({ frame: false, width: 256, height: 256 });
+  win.on("close", () => {
+    win = null;
+  });
+  win.loadURL(modalPath);
+  win.show();
+});
+document.getElementById("5head").addEventListener("click", (event) => {
+  localStorage.setItem("id", "fivehead");
+  const modalPath = path.join("file://", __dirname, "frame.html");
+  let win = new BrowserWindow({ frame: false, width: 256, height: 256 });
+  win.on("close", () => {
+    win = null;
+  });
+  win.loadURL(modalPath);
+  win.show();
+});
+document.getElementById("monkaS").addEventListener("click", (event) => {
+  localStorage.setItem("id", "monkaS");
+  const modalPath = path.join("file://", __dirname, "frame.html");
+  let win = new BrowserWindow({ frame: false, width: 256, height: 256 });
+  win.on("close", () => {
+    win = null;
+  });
+  win.loadURL(modalPath);
+  win.show();
+});
+document.getElementById("sadPepe").addEventListener("click", (event) => {
+  localStorage.setItem("id", "sadPepe");
+  const modalPath = path.join("file://", __dirname, "frame.html");
+  let win = new BrowserWindow({ frame: false, width: 256, height: 256 });
+  win.on("close", () => {
+    win = null;
+  });
+  win.loadURL(modalPath);
+  win.show();
+});
+document.getElementById("pepega").addEventListener("click", (event) => {
+  localStorage.setItem("id", "pepega");
+  const modalPath = path.join("file://", __dirname, "frame.html");
+  let win = new BrowserWindow({ frame: false, width: 256, height: 256 });
+  win.on("close", () => {
+    win = null;
+  });
+  win.loadURL(modalPath);
+  win.show();
+});
+document.getElementById("KKomrade").addEventListener("click", (event) => {
+  localStorage.setItem("id", "KKomrade");
+  const modalPath = path.join("file://", __dirname, "frame.html");
+  let win = new BrowserWindow({ frame: false, width: 256, height: 256 });
+  win.on("close", () => {
+    win = null;
+  });
+  win.loadURL(modalPath);
+  win.show();
+});
+document.getElementById("partyParrot").addEventListener("click", (event) => {
+  localStorage.setItem("id", "partyParrot");
+  const modalPath = path.join("file://", __dirname, "frame.html");
+  let win = new BrowserWindow({ frame: false, width: 256, height: 256 });
+  win.on("close", () => {
+    win = null;
+  });
+  win.loadURL(modalPath);
+  win.show();
+});
+document.getElementById("hackerman").addEventListener("click", (event) => {
+  localStorage.setItem("id", "hackerman");
+  const modalPath = path.join("file://", __dirname, "frame.html");
+  let win = new BrowserWindow({ frame: false, width: 256, height: 256 });
+  win.on("close", () => {
+    win = null;
+  });
+  win.loadURL(modalPath);
+  win.show();
+});
+document.getElementById("gachiBass").addEventListener("click", (event) => {
+  localStorage.setItem("id", "gachiBass");
+  const modalPath = path.join("file://", __dirname, "frame.html");
+  let win = new BrowserWindow({ frame: false, width: 256, height: 256 });
+  win.on("close", () => {
+    win = null;
+  });
+  win.loadURL(modalPath);
+  win.show();
+});