diff options
| author | Jakob Stendahl <jakob.stendahl@outlook.com> | 2019-09-22 13:12:44 +0200 |
|---|---|---|
| committer | Jakob Stendahl <jakob.stendahl@outlook.com> | 2019-09-22 13:12:44 +0200 |
| commit | e6880cd8ccf82d993f222cb14b4860581654acb8 (patch) | |
| tree | 45f318f4ece2f0d6ca73fc3f775b9ba277ccdb77 /docs/_book/gitbook/gitbook-plugin-pretty-term | |
| parent | e911f8029ca612d3b17ced300cdf5b6f13e20972 (diff) | |
| parent | 2e60b25ae368b8c19ce5e982aa2672a6c56edf90 (diff) | |
| download | Luxcena-Neo-e6880cd8ccf82d993f222cb14b4860581654acb8.tar.gz Luxcena-Neo-e6880cd8ccf82d993f222cb14b4860581654acb8.zip | |
Merge branch 'master' of https://github.com/JakobST1n/Luxcena-Neo
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;
+ }
+}
|