<div class="tabelem" title="<?hhp this.echo(movim.i18n.Locale.start().translate('page.about')); ?>" id="about">
    <ul class="list thick divided">
        <li>
            <span class="primary icon bubble color green"><i class="zmdi zmdi-info"></i></span>
            <p>Nagora <?hhp this.echo(this.data.version); ?> - <?hhp this.echo(movim.i18n.Locale.start().translate('page.about')); ?></p>
            <p class="all"><?hhp this.echo(movim.i18n.Locale.start().translate('about.info')); ?> <a href="#" onclick="Main.openurl('http://www.gnu.org/licenses/agpl-3.0.html')">GNU Affero General Public License v3</a>.</p>
        </li>
        <li class="subheader">
            <p><?hhp this.echo(movim.i18n.Locale.start().translate('about.thanks')); ?></p>
        </li>
        <li>
            <span class="primary icon bubble color red"><i class="zmdi zmdi-code"></i></span>
            <p><?hhp this.echo(movim.i18n.Locale.start().translate('about.developers')); ?></p>
            <p class="all">
                <a href="#" onclick="Main.openurl('https://fr.movim.eu/?blog/endes%40movim.eu')">Francesco La spina aka endes</a><br/>
            </p>
        </li>
        <li>
            <span class="primary icon bubble color red"><i class="zmdi zmdi-code"></i></span>
            <p><?hhp this.echo(movim.i18n.Locale.start().translate('about.origina_developers')); ?></p>
            <p class="all">
                <a href="#" onclick="Main.openurl('http://edhelas.movim.eu/')">Jaussoin Timothée aka edhelas</a><br/>
                <a href="#" onclick="Main.openurl('hhttps://launchpad.net/~nodpounod')">Ho Christine aka nodpounod</a><br/>
            </p>
        </li>
        <li>
            <span class="primary icon bubble color purple"><i class="zmdi zmdi-flag"></i></span>
            <p><?hhp this.echo(movim.i18n.Locale.start().translate('about.translators')); ?></p>
            <p>
                <?hhp this.echo(movim.i18n.Locale.start().translate('about.translators_text')); ?> <a href="#" onclick="Main.openurl('hhttps://www.transifex.com/projects/p/movim/')">www.transifex.com/projects/p/movim/</a>
            </p>
        </li>
        <li class="subheader">
            <p><?hhp this.echo(movim.i18n.Locale.start().translate('about.software')); ?></p>
        </li>
        <li>
            <span class="primary icon bubble color orange"><i class="zmdi zmdi-archive"></i></span>
            <p><?hhp this.echo(movim.i18n.Locale.start().translate('about.software')); ?></p>
            <p class="all">
               HHP - Alexander Kuzmenko <a href="#" onclick="Main.openurl('https://github.com/RealyUniqueName/HHP')">HHP</a> under MIT<br/>
               Datetime - Alexander Kuzmenko <a href="#" onclick="Main.openurl('https://github.com/RealyUniqueName/DateTime#datetime')">Datetime</a> under MIT<br/>
               Easylog - Jan Drabner <a href="#" onclick="Main.openurl('https://github.com/thesheeep/hxeasylog/')">Easylog</a> under MIT<br/>
               Hxini - Daniel Herzog <a href="#" onclick="Main.openurl('https://gitlab.com/wikiti-random-stuff/hxini')">Hxini</a> under MIT<br/>

               Chart.js - Nick Downie <a href="#" onclick="Main.openurl('ttp://www.chartjs.org/')">chart.js</a> under MIT<br/>
               Favico.js - Miroslav Magda <a href="#" onclick="Main.openurl('ttp://lab.ejci.net/favico.js/')">lab.ejci.net/favico.js</a> under GPL and MIT<br/>
               Embed - Oscar Otero <a href="#" onclick="Main.openurl('https://github.com/oscarotero/Embed')">GitHub Embed</a> under MIT<br/>
               Emoji - <a href="#" onclick="Main.openurl('https://github.com/tompedals')">Tom Graham</a> <a href="#" onclick="Main.openurl('https://github.com/heyupdate/Emoji')">GitHub HeyUpdate Emoji</a> under MIT<br/><br />

               Exclusive of node webkit platform:<br/>
               Node-webkit - Boyan Ololoevich <a href="#" onclick="Main.openurl('https://github.com/as3boyan/node-webkit-haxelib')">Node-webkit</a> under MIT<br/>
               Hxnodejs - Dan Korostelev <a href="#" onclick="Main.openurl('https://github.com/HaxeFoundation/hxnodejs')">Hxnodejs</a> under MIT<br/>
            </p>
        </li>
        <li>
            <span class="primary icon bubble color brown"><i class="zmdi zmdi-mood"></i></span>
            <p><?hhp this.echo(movim.i18n.Locale.start().translate('about.resources')); ?></p>
            <p class="all">
                Material Design Iconic Font <a href="#" onclick="Main.openurl('ttp://zavoloklom.github.io/material-design-iconic-font/icons.html')">by Google and Sergey Kupletsky</a> under SIL OFL 1.1<br/>
                Twemoji <a href="#" onclick="Main.openurl('ttp://twitter.github.io/twemoji/">by Twitter</a> under MIT and CC-BY<br/>
            </p>
        </li>
        <li>
            <span class="primary icon bubble color indigo"><i class="zmdi zmdi-import-export')"></i></span>
            <p><?hhp this.echo(movim.i18n.Locale.start().translate('about.api')); ?></p>
            <p class="all">
                OpenStreetMap - Nominatim <a href="#" onclick="Main.openurl('ttp://nominatim.openstreetmap.org/')">nominatim.openstreetmap.org</a><br/>
            </p>
        </li>
    </ul>
</div>
