farzd
diff --git a/‎html/index.html
+14-11 b/‎html/index.html
+14-11
diff --git a/‎html/style.css
+16 b/‎html/style.css
+16
diff --git a/‎images/1.png
-33.8 KB b/‎images/1.png
-33.8 KB
diff --git a/‎images/2.png
-32 KB b/‎images/2.png
-32 KB
diff --git a/‎images/3.png
-34.3 KB b/‎images/3.png
-34.3 KB
diff --git a/‎images/all.png
819 KB b/‎images/all.png
819 KB
diff --git a/‎main.js
+5 b/‎main.js
+5
diff --git a/‎utils.js
+1-1 b/‎utils.js
+1-1
@@ -1,14 +1,17 @@
 <!DOCTYPE html>
 <html>
-  <head>
-    <meta charset="UTF-8">
-    <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
-    <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
-    <meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; script-src 'self'">
-    <title>keys</title>
-    <link rel="stylesheet" href="./style.css">
-  </head>
-  <body>
-      <img src='../images/1.png'/>
-  </body>
+
+<head>
+  <meta charset="UTF-8">
+  <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
+  <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'">
+  <meta http-equiv="X-Content-Security-Policy" content="default-src 'self'; script-src 'self'">
+  <title>keys</title>
+  <link rel="stylesheet" href="./style.css">
+</head>
+
+<body>
+  <img src='../images/all.png' />
+</body>
+
 </html>
@@ -7,4 +7,20 @@ body {
 
 img {
     width: 100%;
+}
+
+.class1 {
+    margin-top: 0;
+}
+
+.class2 {
+    margin-top: -192px;
+}
+
+.class3 {
+    margin-top: -384px;
+}
+
+.class4 {
+    margin-top: -576px;
 }
@@ -66,6 +66,11 @@ function createWindow() {
     }
   })
 
+  globalShortcut.register('Command+4', () => {
+    if (mainWindow.isVisible()) {
+      changeImg('4', mainWindow)
+    }
+  })
   ioHook.start()
 
   mainWindow.setAlwaysOnTop(true, 'floating')
 
@@ -1,6 +1,6 @@
 const changeImg = (img, mainWindow) => {
   mainWindow.webContents.executeJavaScript(
-    `document.querySelector("img").src="../images/${img}.png";`
+    `document.querySelector("img").classList = "class${img}";`
   )
 }
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`const changeImg = (img, mainWindow) => {`
`2`	`2`	`mainWindow.webContents.executeJavaScript(`
`3`		- `document.querySelector("img").src="../images/${img}.png";`
	`3`	+ `document.querySelector("img").classList = "class${img}";`
`4`	`4`	`)`
`5`	`5`	`}`
`6`	`6`