diff options
| author | Jakob Stendahl <jakob.stendahl@outlook.com> | 2018-11-29 23:14:58 +0100 |
|---|---|---|
| committer | Jakob Stendahl <jakob.stendahl@outlook.com> | 2018-11-29 23:14:58 +0100 |
| commit | 101745c6a4a2c6a186be48182d48814177840c65 (patch) | |
| tree | ee7c7420291473033cf7cd9f921fe21958bf571f /docs/_book/gitbook/gitbook-plugin-pretty-term | |
| parent | 2147880e40ee39ae07c8df9d3500080da467475d (diff) | |
| download | Luxcena-Neo-101745c6a4a2c6a186be48182d48814177840c65.tar.gz Luxcena-Neo-101745c6a4a2c6a186be48182d48814177840c65.zip | |
:construction: Chenged things, and written some docs
Diffstat (limited to 'docs/_book/gitbook/gitbook-plugin-pretty-term')
| -rw-r--r-- | docs/_book/gitbook/gitbook-plugin-pretty-term/terminal.css | 31 | ||||
| -rw-r--r-- | docs/_book/gitbook/gitbook-plugin-pretty-term/terminal.js | 33 |
2 files changed, 64 insertions, 0 deletions
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'>$</span>" + body + "</div>";
+
+ return termWindow + termBody;
+ }
+}
|