Hugging Face's logo

Spaces:
bitterapricot
/
node
Sleeping

App Files Community
bitterapricot commited on
Commit
5d369bb
·
1 Parent(s): 79619e2

add static.

Browse files
Files changed (21) hide show
  1. nginx/nginx.conf +1 -1
  2. static/2.html +77 -0
  3. static/3.html +60 -0
  4. static/4.html +77 -0
  5. static/images/intro2.png +0 -0
  6. static/images/tips-more1.png +0 -0
  7. static/images/tips-more2.png +0 -0
  8. static/images/tips-more3.png +0 -0
  9. static/images/tips-more4.png +0 -0
  10. static/images/tips-new-1.png +0 -0
  11. static/images/tips-new-2.png +0 -0
  12. static/images/tips-new-3.png +0 -0
  13. static/images/tips-new-4.png +0 -0
  14. static/images/tips-new-5.png +0 -0
  15. static/images/uses-graphics1.png +0 -0
  16. static/images/uses-graphics2.png +0 -0
  17. static/images/uses-graphics3.png +0 -0
  18. static/images/uses-graphics4.png +0 -0
  19. static/images/uses-graphics5.png +0 -0
  20. static/index.html +49 -0
  21. static/main.css +215 -0
nginx/nginx.conf CHANGED
@@ -13,7 +13,7 @@ http {
13
 
14
  # Django 静态文件
15
  location /static/ {
16
- alias /app/;
17
  expires 30d;
18
  add_header Cache-Control "public, immutable";
19
  }
 
13
 
14
  # Django 静态文件
15
  location /static/ {
16
+ alias /app/static/;
17
  expires 30d;
18
  add_header Cache-Control "public, immutable";
19
  }
static/2.html ADDED
@@ -0,0 +1,77 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2
+ "http://www.w3.org/TR/html4/strict.dtd">
3
+ <html lang="en">
4
+ <head>
5
+ <meta http-equiv="content-language" content="en" charset="UTF-8">
6
+ <link type="text/css" rel="stylesheet" href="main.css" />
7
+ </head>
8
+ <body>
9
+ <div id="header" class="header">
10
+ <div class="title">
11
+ <h2>Quick Tips</h2>
12
+
13
+ </div>
14
+ <ul class="tabmenu">
15
+ <li ><a href="index.html">Intro</a></li>
16
+ <li class="toggledon">Tips</li>
17
+ <li><a href="3.html">Advanced</a></li>
18
+ <li><a href="4.html">Uses</a></li>
19
+ </ul>
20
+
21
+ </div>
22
+
23
+ <div class="listitem one ">
24
+ <img src="images/tips-new-1.png">
25
+ <div class="twolines">
26
+ <h1>Add a New Topic</h1><span class="maincopy">Press <i>Enter</i>, then start typing.</span>
27
+ </div>
28
+ </div>
29
+ <div class="listitem two">
30
+ <img src="images/tips-new-2.png">
31
+ <div class="twolines">
32
+ <H1>Add a Sub-Topic</H1><span class="maincopy">Click a topic, then press <i>Insert</i>.</span>
33
+ </div>
34
+
35
+ </div>
36
+
37
+
38
+ <div class="listitem three">
39
+ <img src="images/tips-new-3.png">
40
+ <div class="twolines">
41
+ <H1>Edit a Topic</H1><span class="maincopy"> Click the topic <em>once</em>, and start typing.</span>
42
+ </div>
43
+ </div>
44
+
45
+ <!--
46
+ <div class="listitem four">
47
+ <img src="images/tips-new-4.png">
48
+ <div class="twolines">
49
+ <H1>Delete a Topic</H1><span class="maincopy">Click the topic, and press <i>Delete</i>.</span>
50
+ </div>
51
+ </div>
52
+ -->
53
+
54
+ <div class="listitem four">
55
+ <img src="images/tips-new-4.png">
56
+ <div class="threelines">
57
+ <H1>Move &amp; Connect Topics</H1><span class="maincopy">The red connection guide shows possible topic connections and relationships.</span>
58
+ </div>
59
+ </div>
60
+
61
+
62
+ <div class="listitem five">
63
+ <img src="images/tips-new-5.png">
64
+ <div class="threelines">
65
+ <H1>Expand &amp; Collapse Topics </H1><span class="maincopy"> Click the plus to expand and the minus to collapse. </span>
66
+ </div>
67
+ </div>
68
+
69
+
70
+
71
+ <div class="content last">
72
+
73
+ <span class="maincopy"><i>Next:</i> <a href="3.html">More</a> ways to enhance your maps.</span>
74
+
75
+ </div>
76
+ </body>
77
+ </html>
static/3.html ADDED
@@ -0,0 +1,60 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2
+ "http://www.w3.org/TR/html4/strict.dtd">
3
+ <html lang="en">
4
+ <head>
5
+ <meta http-equiv="content-language" content="en" charset="UTF-8">
6
+ <link type="text/css" rel="stylesheet" href="main.css" />
7
+ </head>
8
+ <body>
9
+ <div id="header" class="header">
10
+ <div class="title">
11
+ <h2>Quick Tips</h2>
12
+
13
+ </div>
14
+ <ul class="tabmenu">
15
+ <li ><a href="index.html">Intro</a></li>
16
+ <li><a href="2.html">Tips</a></li>
17
+ <li class="toggledon">Advanced</li>
18
+ <li><a href="4.html">Uses</a></li>
19
+ </ul>
20
+
21
+ </div>
22
+
23
+
24
+ <div class="listitem one ">
25
+ <img src="images/tips-more1.png">
26
+ <div class="threelines">
27
+ <h1>Add Images &amp; More</h1><span class="maincopy"><i>Drag &amp; drop</i> content from your computer into the map.</span>
28
+ </div>
29
+ </div>
30
+
31
+
32
+ <div class="listitem one ">
33
+ <img src="images/tips-more2.png">
34
+ <div class="threelines">
35
+ <h1>Track Progress</h1><span class="maincopy"><i>Right-click</i> a topic and select <i>Icons</i> to add progress and priority icons.</span>
36
+ </div>
37
+ </div>
38
+
39
+
40
+ <div class="listitem one ">
41
+ <img src="images/tips-more3.png">
42
+ <div class="threelines">
43
+ <h1>Add a Floating Topic</h1><span class="maincopy"><i>Click</i> an empty spot on the map and start typing. </span>
44
+ </div>
45
+ </div>
46
+
47
+ <div class="listitem one ">
48
+ <img src="images/tips-more4.png">
49
+ <div class="threelines">
50
+ <h1>Add a Callout Topic</h1><span class="maincopy">Select a sub-topic and press<br> <i>Control + Shift + Enter</i>. </span>
51
+ </div>
52
+ </div>
53
+
54
+ <div class="content last">
55
+
56
+ <span class="maincopy"><i>Next:</i> <a href="4.html">Uses</a> for Mind Manager.</span>
57
+
58
+ </div>
59
+ </body>
60
+ </html>
static/4.html ADDED
@@ -0,0 +1,77 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2
+ "http://www.w3.org/TR/html4/strict.dtd">
3
+ <html lang="en">
4
+ <head>
5
+ <meta http-equiv="content-language" content="en" charset="UTF-8">
6
+ <link type="text/css" rel="stylesheet" href="main.css" />
7
+ </head>
8
+ <body>
9
+ <div id="header" class="header">
10
+ <div class="title">
11
+ <h2>Quick Tips</h2>
12
+
13
+ </div>
14
+ <ul class="tabmenu">
15
+ <li ><a href="index.html">Intro</a></li>
16
+ <li><a href="2.html">Tips</a></li>
17
+ <li ><a href="3.html">Advanced</a></li>
18
+ <li class="toggledon">Uses</li>
19
+ </ul>
20
+
21
+ </div>
22
+
23
+ <div class="listitem one ">
24
+ <img src="images/uses-graphics1.png">
25
+ <div class="threelines">
26
+ <h1>Brainstorming</h1><span class="maincopy">The classic mind mapping use case. Use built-in brainstorming tools, or just go freestyle. <a target="_blank" href="http://www.mindjet.com/go/brst/en/mmd/160">More</a></span>
27
+ </div>
28
+ </div>
29
+ <div class="listitem two">
30
+ <img src="images/uses-graphics2.png">
31
+ <div class="threelines">
32
+ <H1>Planning</H1><span class="maincopy">Develop your plans using a map, then refine and share them with your team. <a target="_blank" href="http://www.mindjet.com/go/plan/en/mmd/160">More</a></span>
33
+ </div>
34
+
35
+ </div>
36
+
37
+
38
+ <div class="listitem three">
39
+ <img src="images/uses-graphics3.png">
40
+ <div class="threelines">
41
+ <H1>Projects</H1><span class="maincopy"> Add task info, including progress, priority, start & due date, and resource assignments.</span>
42
+ </div>
43
+ </div>
44
+
45
+ <!--
46
+ <div class="listitem four">
47
+ <img src="images/tips-new-4.png">
48
+ <div class="twolines">
49
+ <H1>Delete a Topic</H1><span class="maincopy">Click the topic, and press <i>Delete</i>.</span>
50
+ </div>
51
+ </div>
52
+ -->
53
+
54
+ <div class="listitem four">
55
+ <img src="images/uses-graphics4.png">
56
+ <div class="threelines">
57
+ <H1>Meetings</H1><span class="maincopy">Project the group agenda and take notes as you go. Everyone stays on the same page. <a target="_blank" href="http://www.mindjet.com/go/meet/en/mmd/160">More</a></span>
58
+ </div>
59
+ </div>
60
+
61
+
62
+ <div class="listitem five">
63
+ <img src="images/uses-graphics5.png">
64
+ <div class="threelines">
65
+ <H1>Presentations</H1><span class="maincopy"> Walk your audience through each point in detail, while they keep the whole picture in mind.
66
+ </span>
67
+ </div>
68
+ </div>
69
+
70
+
71
+ <div class="content last">
72
+
73
+ <span class="maincopy"><i>For more tips, examples, & videos see the </i> <a target="_blank" href="http://www.mindjet.com/go/trnl/en/mmd/160">Mindjet Learning Center</a> </span>
74
+
75
+ </div>
76
+ </body>
77
+ </html>
static/images/intro2.png ADDED
static/images/tips-more1.png ADDED
static/images/tips-more2.png ADDED
static/images/tips-more3.png ADDED
static/images/tips-more4.png ADDED
static/images/tips-new-1.png ADDED
static/images/tips-new-2.png ADDED
static/images/tips-new-3.png ADDED
static/images/tips-new-4.png ADDED
static/images/tips-new-5.png ADDED
static/images/uses-graphics1.png ADDED
static/images/uses-graphics2.png ADDED
static/images/uses-graphics3.png ADDED
static/images/uses-graphics4.png ADDED
static/images/uses-graphics5.png ADDED
static/index.html ADDED
@@ -0,0 +1,49 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
2
+ "http://www.w3.org/TR/html4/strict.dtd">
3
+ <html lang="en">
4
+ <head>
5
+ <meta http-equiv="content-language" content="en" charset="UTF-8">
6
+ <link type="text/css" rel="stylesheet" href="main.css" />
7
+ </head>
8
+ <body>
9
+ <div id="header" class="header">
10
+ <div class="title">
11
+ <h2>Quick Tips</h2>
12
+
13
+ </div>
14
+ <ul class="tabmenu">
15
+ <li class="toggledon">Intro</li>
16
+ <li><a href="2.html">Tips</a></li>
17
+ <li><a href="3.html">Advanced</a></li>
18
+ <li><a href="4.html">Uses</a></li>
19
+ </ul>
20
+
21
+ <div class="listitemintro one ">
22
+ <div class="threelines">
23
+ <h1>What is a Mind Map?</h1><span class="maincopy">A mind map shows <i>related concepts </i>visually, in a branching outline structure made up of <i>topics.</i></span>
24
+ <div style="padding-bottom:15px;"></div>
25
+ </div>
26
+ </div>
27
+
28
+ <div class="listitemintro one ">
29
+ <div class="threelines">
30
+ <h1>What are Topics?</h1><span class="maincopy">Topics make up the content in a map. The types of topics in a map are shown in the diagram below. </span>
31
+ <img src="images/intro2.png">
32
+ <span class="maincopy"><i>Key</i> <span style="color:#d1001e;">A: Central topic</span>, <span style="color:#3f98af;">B: Sub-topics</span>, <span style="color:#d1b765;">C: Callout topic</span>, <span style="color:#853a77;">D: Floating topic</span></span>
33
+ <div style="padding-bottom:15px;"></div>
34
+
35
+ </div>
36
+ </div>
37
+
38
+
39
+
40
+
41
+
42
+
43
+ <div class="content last">
44
+
45
+ <span class="maincopy"><i>Next:</i> <a href="2.html">More</a> ways to enhance your maps.</span>
46
+
47
+ </div>
48
+ </body>
49
+ </html>
static/main.css ADDED
@@ -0,0 +1,215 @@
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ html {
2
+ border-right:1px solid #f7f9fc;
3
+ border-left:1px solid #f7f9fc;
4
+ width:345px;
5
+ height:100%;
6
+ overflow:hidden;
7
+
8
+ }
9
+ body {
10
+ width:100%;
11
+ height:100%;
12
+ margin:0;
13
+ font-family: Helvetica, Arial,sans-serif;
14
+ color:#5F6F79;
15
+ background:#FFFFFF;
16
+
17
+ }
18
+
19
+
20
+ h1 {
21
+ font-family: Helvetica Neue,Helvetica, Arial, sans-serif;
22
+ line-height:12px;
23
+ font-size:14px;
24
+ color:#4e627a;
25
+ font-weight: normal;
26
+ margin:0px 0px 3px 0px;
27
+
28
+ }
29
+
30
+ h2 {
31
+ font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
32
+ line-height:12px;
33
+ font-size:18px;
34
+ color:#5a728d;
35
+ font-weight: 200;
36
+ margin:18px 0px 15px 18px;
37
+
38
+ }
39
+
40
+ .maincopy {
41
+ font-family:Helvetica,Arial,sans-serif;
42
+
43
+ font-size:11px;
44
+ color:#8f9fb3;
45
+ }
46
+
47
+ a {
48
+ color:#e3202d;
49
+ text-decoration:none;
50
+ }
51
+ a:hover {
52
+ text-decoration:underline;
53
+
54
+ }
55
+ a:visited {
56
+ color:#e3202d;
57
+ }
58
+ i {
59
+ /*font-weight:700;*/
60
+ color:#3e454e;
61
+ }
62
+ b {
63
+ font-weight:700;
64
+ }
65
+ .subtitle{
66
+ font-size:18px;
67
+ }
68
+ div.header {
69
+ background:#fff;
70
+ text-align:left;
71
+ font-size:13.4px;
72
+ color:#5F6F79;
73
+ margin-bottom:0px;
74
+ height:50px;
75
+
76
+ }
77
+
78
+
79
+
80
+
81
+
82
+
83
+ /* new css here */
84
+
85
+ .tabmenu {
86
+
87
+ float:left;
88
+ width:341px;
89
+ padding-left:5px;
90
+ list-style:none;
91
+ line-height:1em;
92
+ background:#fff;
93
+ margin:0px !important;
94
+ margin-bottom:-1px !important;
95
+ border-bottom:3px solid #dee4ec;
96
+
97
+
98
+ }
99
+
100
+ .tabmenu li {
101
+ float:left;
102
+ margin:-2px 4px -2px 4px;
103
+ display:block;
104
+ text-decoration:none;
105
+ background:#fff;
106
+ padding:0px 10px 9px 10px;
107
+ font-size:13.4px;
108
+
109
+ }
110
+
111
+ .tabmenu .toggledon {
112
+ border-bottom:3px solid #e41b23;
113
+ margin-bottom: -3px;
114
+ color:#5b728e;
115
+ font-size:13.4px;
116
+ font-weight:400;
117
+
118
+ }
119
+
120
+ .tabmenu a {
121
+ color: #9bacc2;
122
+ cursor:pointer;
123
+ text-decoration:none;
124
+ font-size:13.4px;
125
+ font-weight:400;
126
+ }
127
+
128
+ .tabmenu a:hover {
129
+ color: #5b728e;
130
+ cursor:pointer;
131
+ text-decoration:none;
132
+ }
133
+
134
+ .tipsimage{
135
+ padding-right:15px;
136
+ }
137
+
138
+ .paddingoverride {
139
+ padding: 5px 0px !important;
140
+ }
141
+
142
+ .center {
143
+ text-align:center;
144
+ }
145
+
146
+
147
+
148
+
149
+
150
+ .listitem {
151
+ border-top:1px solid #FFFFFF;
152
+ clear:both;
153
+ height:75px;
154
+
155
+ }
156
+
157
+ .listitem img {
158
+ float:left;
159
+ padding:14px 15px 5px 12px;
160
+ }
161
+
162
+ .listitem.one{
163
+ background:#f7f9fc;
164
+ }
165
+
166
+ .listitem.two{
167
+ background:#f4f7fa;
168
+ background:#f7f9fc;
169
+ }
170
+
171
+ .listitem.three{
172
+ background:#f1f5f9;
173
+ background:#f7f9fc;
174
+ }
175
+
176
+ .listitem.four{
177
+ background:#eef3f8;
178
+ background:#f7f9fc;
179
+ }
180
+
181
+ .listitem.five{
182
+ background:#eff3f8;
183
+ background:#f7f9fc;
184
+ }
185
+ .twolines {
186
+ padding:24px 10px 0px 10px;
187
+ line-height:13px;
188
+ }
189
+
190
+ .threelines {
191
+ padding:16px 10px 0px 10px;
192
+ line-height:13px;
193
+ }
194
+
195
+ .last{
196
+ margin: 15px 0px 0px 15px;
197
+ }
198
+
199
+ .listitemintro {
200
+ border-top:1px solid #FFFFFF;
201
+ clear:both;
202
+ background:#f7f9fc;
203
+ padding-left:9px;
204
+ padding-top:5px;
205
+
206
+ }
207
+
208
+ .listitemintro img {
209
+ display:block;
210
+ padding-top:10px;
211
+ padding-bottom:20px;
212
+ margin-left:auto;
213
+ margin-right:auto;
214
+
215
+ }