welcome.html 2.85 KB
Newer Older
1
<template name="welcome">
2
    {{> wordcloudModal}}
3
    <div class="col-xs-12" id="welcome">
4 5
        <div class="panel panel-default">
            <div class="panel-heading">
6
                <div class="text-center">
7
                    <span class="color-cards logo-header-chars">{{getFirstTitleWord}}</span>
Curtis Adam's avatar
Curtis Adam committed
8
                    <span class="color-dot logo-header-dot"></span>
9
                    <span class="color-cards logo-header-chars">{{getLastTitleWord}}</span>
Curtis Adam's avatar
Curtis Adam committed
10 11
                </div>

12
                <span id="slogan">
13
                    <h2 class="pull-left">ORGANIZE. LEARN. REMEMBER.</h2>
14
                  </span>
15
                <br>
Curtis Adam's avatar
Curtis Adam committed
16
                <a href="demo" class="hidden-xs btn btn-lg btn-raised btn-warning">{{_
17
                        "intro.learnMore"}}</a>
Curtis Adam's avatar
Curtis Adam committed
18 19
                <a href="about" class="visible-xs btn btn-lg btn-raised btn-warning">{{_
                        "intro.learnMoreMobile"}}</a>
20
            </div>
21
            <div id="tag-cloud-container">
22
                <canvas id="tag-cloud-canvas" class="needsclick"></canvas>
23
            </div>
24
            <div id="login" class="panel-footer">
25
                {{{getLoginButtons}}}
26 27 28
            </div>
        </div>
    </div>
29
</template>
30 31 32 33 34 35

<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">
36 37 38
                    <h4 id="wordcloudTitle" class="modal-title">{{this.name}}
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                    </h4>
39 40 41 42
                </div>
                <div class="modal-body">
                    <div class="form-horizontal">
                        <div class="form-group">
43
                            <div class="col-md-12 wordCloudDescription">
44 45 46
                                <table class="table">
                                    <tr>
                                        <td>
47 48 49
                                            {{#mathjax}}
                                                {{this.description}}
                                            {{/mathjax}}
50 51 52 53
                                        </td>
                                    </tr>
                                </table>
                            </div>
54 55 56
                            <div class="col-md-12">
                                <br>
                                <table class="table">
57 58
                                    {{> cardsetInfoBoxContentOne}}
                                    {{> cardsetInfoBoxContentTwo}}
59 60
                                </table>
                            </div>
61 62 63 64 65 66 67
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>