started implementation of github

renderer.js

@@ -0,0 +1,7 @@
+// You can also put expose this code to the renderer
+// process with the `contextBridge` API
+const { ipcRenderer } = require('electron')
+
+ipcRenderer.on('github-lookup', (_event, arg) => {
+  console.log(arg) // prints "pong" in the DevTools console
+})

style.css

@@ -41,6 +41,25 @@ h4 {
     background-color: #3d5a61;
 }
 
+#myProgress {
+    width: 100%;
+    border-radius: 5px;
+    border: 1px solid #74b1be;
+}
+
+#progress-bar {
+    width: 100%;
+    height: 33px;
+    border-radius: 5px;
+    background-color: #74b1be;
+}
+
+#progress-label {
+    position: absolute;
+    color: white;
+    padding: 1.5%;
+}
+
 div[class^=col-] {
     padding: 1rem 0
 }
@@ -145,22 +164,3 @@ div[class^=col-] {
 .col-offset-12 {
     margin-left: 100%
 }
-
-#myProgress {
-    width: 100%;
-    border-radius: 5px;
-    border: 1px solid #74b1be;
-}
-
-#progress-bar {
-    width: 100%;
-    height: 33px;
-    border-radius: 5px;
-    background-color: #74b1be;
-}
-
-#progress-label {
-    position: absolute;
-    color: white;
-    padding: 1.5%;
-}