<commit_before><dom-module id="app-help" >
    <style>
        :host {
            @apply(--layout-horizontal);
            margin-left:10%;
            margin-top:10%;
        }

        .content {
            padding-left: 80px;
            color: #C0C0C0;
            width: 500px;
        }

        .content ul {
            list-style: none;
            margin-bottom: 50px;
        }

        .content a {
            text-decoration: none;
            color: #cc6454;
        }

        .content a:hover {
            color: #df7767;
        }
    </style>

    <template>
        <div class="logo layout vertical">
            <img src="../static/img/logo_vertical.png" width="200px" alt="Fireball Logo">
            <div class="version">{{_fireballVersion}}</div>
        </div>
        <div class="content">
            <p>This is the dashboard of Fireball, you can take these actions by click the tab on the left sidebar to get started:</p>
            <ul>
              <li><a href="#" on-click="_onRecent">Open a project that has been recently opened.</a></li>
              <li><a href="#" on-click="_onNew">Create a new project from one of game engine runtimes.</a></li>
              <li><a href="#" on-click="_onBrowse">Open a project anywhere on your disk by browsing.</a></li>
            </ul>

            <p>To learn how to use Fireball, checkout the following links: </p>
            <ul>
              <li><a href="#">Tutorial</a></li>
              <li><a href="#">Get Started</a></li>
              <li><a href="#">User Manual</a></li>
              <li><a href="#">API Reference</a></li>
            </ul>
        </div>

    </template>

    <script>
        Polymer({
            is: 'app-help',

            _fireballVersion: function() {
                return Editor.versions['fireball'];
            },

            _onRecent: function() {
                this.fire( 'tab-changed', { index: 0 } );
            },

            _onNew: function() {
                this.fire( 'tab-changed', { index: 1 } );
            },

            _onBrowse: function() {
                this.fire( 'tab-changed', { index: 2 } );<commit_msg>#24 fixed fireball version display of help page.<commit_after><dom-module id="app-help" >
    <style>
        :host {
            @apply(--layout-horizontal);
            margin-left:10%;
            margin-top:10%;
        }

        .content {
            padding-left: 80px;
            color: #C0C0C0;
            width: 500px;
        }

        .content ul {
            list-style: none;
            margin-bottom: 50px;
        }

        .content a {
            text-decoration: none;
            color: #cc6454;
        }

        .content a:hover {
            color: #df7767;
        }

        .logo .version {
            font-size: 1.5rem;
            margin-left:auto;
            margin-right:auto;
            margin-top: 10px;
        }
    </style>

    <template>
        <div class="logo layout vertical">
            <img src="../static/img/logo_vertical.png" width="200px" alt="Fireball Logo">
            <div class="version"><span>Ver.</span>{{_ver}}</div>
        </div>
        <div class="content">
            <p>This is the dashboard of Fireball, you can take these actions by click the tab on the left sidebar to get started:</p>
            <ul>
              <li><a href="#" on-click="_onRecent">Open a project that has been recently opened.</a></li>
              <li><a href="#" on-click="_onNew">Create a new project from one of game engine runtimes.</a></li>
              <li><a href="#" on-click="_onBrowse">Open a project anywhere on your disk by browsing.</a></li>
            </ul>

            <p>To learn how to use Fireball, checkout the following links: </p>
            <ul>
              <li><a href="#">Tutorial</a></li>
              <li><a href="#">Get Started</a></li>
              <li><a href="#">User Manual</a></li>
              <li><a href="#">API Reference</a></li>
            </ul>
        </div>

    </template>

    <script>
        Polymer({
            is: 'app-help',

            ready: function () {
                this._ver = Editor.remote.versions['fireball'];
                console.log("version set");
            },

            _onRecent: function() {
                this.fire( 'tab-changed', { index: 0 } );
            },

            _onNew: function() {
                this.fire( 'tab-changed', { index: 1 } );
            },

            _onBrowse: function() {
                this.fire( 'tab-changed', { index: 2 } );
{'fraction_non_alphanumeric': 0.15024091108190976, 'fraction_numerical': 0.01357862461673237, 'mean_word_length': 1.4422459893048127, 'pattern_counts': {'":': 0, '<': 103, '<?xml version=': 0, '>': 103, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2201190', 'n_tokens_mistral': 1387, 'n_tokens_neox': 1283, 'n_words': 327}