From 101745c6a4a2c6a186be48182d48814177840c65 Mon Sep 17 00:00:00 2001
From: Jakob Stendahl <jakob.stendahl@outlook.com>
Date: Thu, 29 Nov 2018 23:14:58 +0100
Subject: :construction: Chenged things, and written some docs

---
 .../gitbook-plugin-pretty-term/terminal.css        | 31 ++++++++++++++++++++
 .../gitbook/gitbook-plugin-pretty-term/terminal.js | 33 ++++++++++++++++++++++
 2 files changed, 64 insertions(+)
 create mode 100644 docs/_book/gitbook/gitbook-plugin-pretty-term/terminal.css
 create mode 100644 docs/_book/gitbook/gitbook-plugin-pretty-term/terminal.js

(limited to 'docs/_book/gitbook/gitbook-plugin-pretty-term')

diff --git a/docs/_book/gitbook/gitbook-plugin-pretty-term/terminal.css b/docs/_book/gitbook/gitbook-plugin-pretty-term/terminal.css
new file mode 100644
index 0000000..0e5f7a2
--- /dev/null
+++ b/docs/_book/gitbook/gitbook-plugin-pretty-term/terminal.css
@@ -0,0 +1,31 @@
+.text {
+    color: #ffffff;
+}
+.term {
+    background-color: #2f343f;
+}
+.top {
+    border-width: 1px;
+    border-style: solid;
+    border-color: #262932;
+    width: 100%;
+    padding: .5rem 0;
+    padding-left: 1rem;
+}
+.bottom {
+    border-width: 1px;
+    border-bottom-style: solid;
+    border-left-style: solid;
+    border-right-style: solid;
+    border-top: none;
+    border-color: #262932;
+    font-family: monospace;
+    font-weight: lighter;
+    padding-top: 2rem;
+    padding-left: 1rem;
+    padding-right: 1rem;
+    padding-bottom: 5rem;
+}
+.normalUser {
+    color: #a2a2a2;
+}
diff --git a/docs/_book/gitbook/gitbook-plugin-pretty-term/terminal.js b/docs/_book/gitbook/gitbook-plugin-pretty-term/terminal.js
new file mode 100644
index 0000000..feecc24
--- /dev/null
+++ b/docs/_book/gitbook/gitbook-plugin-pretty-term/terminal.js
@@ -0,0 +1,33 @@
+"use strict";
+
+const red = "#f15056";
+const yellow = "#f9c536";
+const green = "#39e949";
+
+/**
+ * Creates a circular window button.
+ * @param fill The fill to create with.
+ */
+function createButton(fill) {
+    let button = "<svg width='20' height='22'>";
+    button += "<circle cx='8' cy='15' r='7' fill='" + fill + "'></circle>";
+    button += "</svg>";
+
+    return button;
+}
+
+/**
+ * Exported members.
+ */
+module.exports = {
+    /**
+     * Create a terminal representation based on a body of text.
+     * @param body The text/command to include in the terminal.
+     */
+    createTerm: function (body) {
+        const termWindow = "<div class='top term'>" + createButton(yellow) + createButton(green) + createButton(red) + "</div>";
+        const termBody = "<div class='term text bottom'><span class='normalUser'>&#36;</span>" + body + "</div>";
+
+        return termWindow + termBody;
+    }
+}
-- 
cgit v1.2.3