scriven/index.html at master · jakofranko/scriven · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Scriven</title>

    <!-- JS -->
    <script>
        const host = window.location.host;
        const API = "http://" + host.slice(0, host.indexOf(":")) + ":3030";
    </script>
    <script src="scripts/libs/date.js"></script>
    <script src="scripts/libs/jquery-3.2.1.min.js"></script>
    <script src="scripts/libs/underscore.js"></script>
    <script src="scripts/libs/backbone.js"></script>
    <script src="scripts/libs/d3.min.js"></script>
    <script src="scripts/libs/d3-scale-chromatic.v1.min.js"></script>
    <script src="scripts/models/category.js"></script>
    <script src="scripts/models/goal.js"></script>
    <script src="scripts/models/milestone.js"></script>
    <script src="scripts/models/interval.js"></script>
    <script src="scripts/models/log.js"></script>
    <script src="scripts/views/goal-table.js"></script>
    <script src="scripts/views/goal-dropdown.js"></script>
    <script src="scripts/views/goal-progress.js"></script>
    <script src="scripts/views/log-history.js"></script>
    <script src="scripts/views/log-table.js"></script>
    <script src="scripts/views/log-logger.js"></script>
    <script src="scripts/views/milestone-table.js"></script>
    <script src="scripts/views/milestone-dropdown.js"></script>
    <script src="scripts/routes/main.js"></script>
    <script src="scripts/scriven.js"></script>

    <!-- CSS -->
    <link rel="stylesheet" href="styles/fonts.css">
    <link rel="stylesheet" href="styles/macian.min.css">
    <link rel="stylesheet" href="styles/main.css">

    <!-- Favicon -->
    <link rel="icon" type="image/png" href="favicon.png" sizes="192x192">
    <link rel="icon" type="image/png" href="favicon.png" sizes="160x160">
    <link rel="icon" type="image/png" href="favicon.png" sizes="96x96">
    <link rel="icon" type="image/png" href="favicon.png" sizes="32x32">
    <link rel="icon" type="image/png" href="favicon.png" sizes="16x16">
</head>
<body class="bg-blanc noir p4">
    <nav class="bg-noir blanc r bsb">
        <ul>
            <li class="c4 ph4"><a class="blanc pv3 bw2" href="#logger">Logger</a></li>
            <li class="c4 ph4"><a class="blanc pv3 bw2" href="#logs">Logs</a></li>
            <li class="c4 ph4"><a class="blanc pv3 bw2" href="#config">Config</a></li>
        </ul>
    </nav>
    <section class="r mb5" id="config-view" style="display: none;">
        <div id="categories" class="c6 mb4">
            <h2 class="mb3">Categories</h2>
            <div class="r">
                <div class="r"><label for="new-category">New Category</label></div>
                <input type="text" name="new-category" id="new-category" placeholder="Category Name">
            </div>
            <div id="categories-list"></div>
        </div>
        <div id="goals" class="c6 mb4">
            <h2 class="mb3">Goals</h2>
            <div class="r">
                <table id="goals-list"></table>
                <div class="errors red"></div>
                <button type="button" class="add ph2 pv1">Add Goal</button>
            </div>
        </div>
        <div id="milestones" class="c6">
            <h2 class="mb3">Milestones</h2>
            <table id="milestone-list"></table>
            <button type="button" class="add ph2 pv1">Add Milestone</button>
        </div>
    </section>
    <section class="r mb5" id="logs-table-view" style="display: none;">
        <div class="c6 mb4" id="logs">
            <h2 class="mb3">Logs</h2>
            <table id="logs-list"></table>
        </div>
    </section>
    <section class="r mb5" id="logger-view">
        <div class="r mb5">
            <div class="c6">
                <h2 class="mb3">Logger</h2>
                <div id="logger">
                    <div class="r">
                        <div id="required" class="c6"></div>
                        <div id="optional" class="c6"></div>
                    </div>
                    <div id="general" class="c6"></div>
                </div>
            </div>
            <div class="c6">
                <h2 class="mb3">History</h2>
                <div id="history"></div>
            </div>
        </div>
        <div class="r mb4">
            <h2 class="mb3">Progress</h2>
            <div id="progress"></div>
        </div>
    </section>
    <script>
        var scriven = new Scriven();
        scriven.install();
    </script>
</body>
</html>