Termic is an idea for personal pages and terminal lovers! <3
CSS CoffeeScript JavaScript
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
js
templates
.gitignore
CHANGELOG.md
LICENSE.md
README.md
crossdomain.xml
index.html

README.md

Termic

Termic is an idea for personal pages and terminal lovers! <3

GitHub & Contributing

This is opensource, so feel free to fork this project and create a terminal for your own use. All source code is developed with CoffeeScript, so you can quickly get to make your own modifications in it. And feel free for sending pull requests.

Quick start

<link rel="stylesheet" href="css/termic.css">
<script src="js/termic.js"></script>
<script src="js/termic.jquery.js"></script> <!-- This is a jQuery adapter for using with jQuery -->

 Example HTML Structure for Terminal

<div id="container">
    <div id="terminal_container">
        <pre id="terminal"></pre>
    </div>

    <div id="terminal_input_container">
        <div id="terminal_input_wrap">
            <input id="terminal_cmd" type="text">
        </div>
    </div>
</div>

 Initialize the Termic

window.terminal_cmd = $ '#terminal_cmd'

terminal_cmd.Termic '#terminal', {
    '__init__': {
        description: 'Term init.',
        handler: () ->
            "Terminal initialized!"
    },
    'about': {
        description: 'About me'
        handler: () ->
            "Some text about you"
    },
    'test': {
        description: 'Basic test command just prints the params'
        handler: (params) ->
            params.join ", "
    }
}

Features

  • You can add commands easily.
  • Terminal has a default "help" command for listing available commands and "clear" for the clean screen.
  • Command autocomplete with "tab" key.
  • Command history support for "up", "down" arrow keys.
  • If you want, you can able to create a blog with Termic.
  • It's limited with your imagination.

Bitdeli Badge