welcome.html 3.52 KB
Newer Older
1
<template name="welcome">
2
    {{> wordcloudModal}}
3
    {{> pomodoroTimerModal}}
4 5 6
    {{> welcomeTitle}}
    <div id="tag-cloud-container" class="col-xs-12">
        <canvas id="tag-cloud-canvas" class="needsclick"></canvas>
7
        <div id="pomoA" class=""></div>
8 9 10 11 12
    </div>
    <div id="welcome-login" class="col-xs-12">
        {{{getLoginButtons}}}
        {{{getServerInventory}}}
    </div>
13

14
    <div id="pomoB">
15 16
        {{> pomodoroTimer}}
    </div>
17
    <div id="bigClockDiv" class=""></div>
18 19 20
</template>

<template name="welcomeTitle">
21
    <div class="col-xs-12" id="welcome">
22
        <div class="panel panel-default">
23
            <div class="panel-heading {{#if isFirstTimeVisit}}welcome-title-no-padding{{/if}}">
24
                <div class="text-center">
25
                    <span class="color-cards logo-header-chars">{{getFirstAppTitle}}</span>
Curtis Adam's avatar
Curtis Adam committed
26
                    <span class="color-dot logo-header-dot"></span>
27
                    <span class="color-cards logo-header-chars">{{getLastAppTitle}}</span>
Curtis Adam's avatar
Curtis Adam committed
28 29
                </div>

30
                <span id="slogan">
31
                    <h2 class="pull-left">ORGANIZE. LEARN. MEMORIZE. PRESENT.</h2>
32
                  </span>
33
                <br>
34 35
                {{#if isActiveRoute
                      'home'}}
36
                    <a href="demo" class="hidden-xs btn btn-lg btn-raised btn-primary">{{_
37
                            "intro.learnMore" lastAppTitle=(getLastAppTitle)}}</a>
38
                    <a href="about" class="visible-xs btn btn-lg btn-raised btn-primary">{{_
39 40
                            "intro.learnMoreMobile" lastAppTitle=(getLastAppTitle)}}</a>
                {{/if}}
41 42 43
            </div>
        </div>
    </div>
44
</template>
45 46 47 48 49 50

<template name="wordcloudModal">
    <div class="modal fade" id="wordcloudModal" role="dialog">
        <div class="modal-dialog" aria-labelledby="wordcloudTitle">
            <div class="modal-content hintContent">
                <div class="modal-header">
51 52 53 54 55 56
                    <h4 id="wordcloudTitle" class="modal-title">
                        {{{getKind this.kind 0}}}
                        {{{getShuffleLabel this.shuffled}}}
                        {{{getBonusLabel this.learningActive}}}
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button><br>
                        {{this.name}}
57
                    </h4>
58 59 60 61
                </div>
                <div class="modal-body">
                    <div class="form-horizontal">
                        <div class="form-group">
62
                            <div class="col-md-12 wordCloudDescription">
63 64 65
                                <table class="table">
                                    <tr>
                                        <td>
66 67 68
                                            {{#mathjax}}
                                                {{this.description}}
                                            {{/mathjax}}
69 70 71 72
                                        </td>
                                    </tr>
                                </table>
                            </div>
73 74 75
                            <div class="col-md-12">
                                <br>
                                <table class="table">
76 77
                                    {{> cardsetInfoBoxContentOne}}
                                    {{> cardsetInfoBoxContentTwo}}
78 79
                                </table>
                            </div>
80 81 82 83 84 85 86
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>