made a simple terminal

2024-01-15 20:42:00 +01:00
parent ae9fa3e36d
commit 5cda03fe2a
9 changed files with 230 additions and 0 deletions
--- a/website/styles.css
+++ b/website/styles.css
@@ -0,0 +1,68 @@
+* {
+    margin:0;
+    padding: 0;
+}
+
+#main {
+    background: black;
+    width: 100%;
+    height: 100vh;
+}
+
+#terminal {
+    --padding: 30px;
+    width: calc(100% - (2 * var(--padding)));
+    height: calc(100% - (2 * var(--padding)));
+    padding: var(--padding);
+}
+
+.terminalLine {
+    display: flex;
+    justify-content: flex-start;
+}
+
+
+.pathText {
+    color: limegreen;
+    font-family: "Source Code Pro", monospace;
+}
+.pathColon {
+    color: white;
+    font-family: "Source Code Pro", monospace;
+}
+.pathPath {
+    color: limegreen;
+    font-family: "Source Code Pro", monospace;
+}
+.pathDollar {
+    color: white;
+    font-family: "Source Code Pro", monospace;
+}
+
+.pathBlinky {
+    width: 10px;
+    height: 20px;
+    background: lime;
+    animation: blinky infinite 1s;
+}
+@keyframes blinky {
+    0% {
+        opacity: 0;
+    }
+    50% {
+        opacity: 1;
+    }
+    100% {
+        opacity: 0;
+    }
+}
+
+#terminalInput {
+    margin-left: 5px;
+    background: none;
+    outline:none;
+    border: none;
+    font-size: 16px;
+    font-family: "Source Code Pro", monospace;
+    color: white;
+}