cli-plugin/index.html at master · g1eb/cli-plugin · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<html>
<head>
  <title>CLI Plugin</title>
  <link rel="stylesheet" type="text/css" href="dist/cli-plugin.min.css">
  <meta name="description" content="Command line interface plugin for web applications">
  <meta name="mobile-web-app-capable" content="yes">
  <meta name="viewport" content="width=500,user-scalable=0">
  <meta name="theme-color" content="#111111">
  <meta name="msapplication-navbutton-color" content="#111111">
  <meta name="apple-mobile-web-app-status-bar-style" content="#111111">
</head>
<body>
  <script src="dist/cli-plugin.min.js"></script>
  <script>
    (function () {

      /**
       * Set your preffered colors for the cli
       */
      var config = {
        textColor: 'whitesmoke',
        cursorColor: 'whitesmoke',
        backgroundColor: 'black',
      };

      /**
       * Initialize cli plugin
       */
      cliPlugin.init(config);

      /**
       * Register your commands
       */
      cliPlugin.bind('help', function () {
        cliPlugin.print('<p>available commands:</p>');
        cliPlugin.print('<ul><li><span>about</span> general information</li><li><span>clear</span> clear the screen</li><li><span>sources</span> how this is made</li><br/><li><span>help</span> show this overview</li></ul>');
      });

      cliPlugin.bind('about', function () {
        cliPlugin.print('<p>This project is a simple and easy to use command-line interface (CLI) for web applications.</p>');
        cliPlugin.print('<p>Inspired by minimalistic user interfaces that are rich in functionality.</p>');
        cliPlugin.print('<p>Designed for simplicity and built to empower.</p>');
        cliPlugin.print('<p>Very light weight.</p>');
      });

      cliPlugin.bind('clear', function () {
        cliPlugin.clear();
      });

      cliPlugin.bind('sources', function () {
        cliPlugin.print('<p>CLI plugin was made using:</p>');
        cliPlugin.print('<ul><li>html, css, javascript</li><li>made with <3 in vim</li><br/><li><a href="https://github.com/g1eb/cli-plugin">view the source on github</a></li></ul>');
      });

    })();
  </script>
</body>
</html>