Episode 8

taw · Aug 1, 2021 · 00ba996 · 00ba996
1 parent 919d4ba
commit 00ba996
Show file tree

Hide file tree

Showing 6 changed files with 1,743 additions and 0 deletions.
diff --git a/episode-08-terminal-app-styling/app.css b/episode-08-terminal-app-styling/app.css
@@ -0,0 +1,50 @@
+body {
+  background-color: #444;
+  color: #fff;
+}
+
+h1 {
+  font-family: monospace;
+}
+
+#terminal {
+  font-family: monospace;
+}
+
+.input-line {
+  display: flex;
+}
+
+.input-line > * {
+  flex: 1;
+}
+
+.input-line > .prompt {
+  flex: 0;
+  padding-right: 0.5rem;
+}
+
+.output {
+  padding-bottom: 0.5rem;
+}
+
+.input {
+  color: #ffa;
+}
+
+.output {
+  color: #afa;
+  white-space: pre;
+}
+
+form {
+  display: flex;
+}
+
+input {
+  flex: 1;
+  font-family: monospace;
+  background-color: #444;
+  color: #fff;
+  border: none;
+}
diff --git a/episode-08-terminal-app-styling/index.html b/episode-08-terminal-app-styling/index.html
@@ -0,0 +1,32 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Episode 8 - Terminal App</title>
+    <link href="app.css" rel="stylesheet" type="text/css" />
+  </head>
+  <body>
+    <h1>Very amazing terminal app</h1>
+    <div id="terminal">
+      <div id="history">
+        <div class="input-line">
+          <span class="prompt">$</span>
+          <span class="input">uname -a</span>
+        </div>
+        <div class="output">Darwin pallas 20.5.0 Darwin Kernel Version 20.5.0: Sat May 8 05:10:33 PDT 2021; root:xnu-7195.121.3~9/RELEASE_X86_64 x86_64</div>
+
+        <div class="input-line">
+          <span class="prompt">$</span>
+          <span class="input">date</span>
+        </div>
+        <div class="output">Sun 1 Aug 2021 15:53:55 BST</div>
+      </div>
+
+      <div class="input-line">
+        <span class="prompt">$</span>
+        <form>
+          <input type="text" autofocus />
+        </form>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/episode-08-terminal-app-styling/index.js b/episode-08-terminal-app-styling/index.js
@@ -0,0 +1,13 @@
+let { app, BrowserWindow } = require("electron")
+
+function createWindow() {
+  let win = new BrowserWindow({})
+  win.maximize()
+  win.loadFile("index.html")
+}
+
+app.on("ready", createWindow)
+
+app.on("window-all-closed", () => {
+  app.quit()
+})