Show More
@@ -1,220 +1,238 b'' | |||||
1 | /** |
|
1 | /** | |
2 | * HTML5 ✰ Boilerplate |
|
2 | * HTML5 ✰ Boilerplate | |
3 | * |
|
3 | * | |
4 | * style.css contains a reset, font normalization and some base styles. |
|
4 | * style.css contains a reset, font normalization and some base styles. | |
5 | * |
|
5 | * | |
6 | * Credit is left where credit is due. |
|
6 | * Credit is left where credit is due. | |
7 | * Much inspiration was taken from these projects: |
|
7 | * Much inspiration was taken from these projects: | |
8 | * - yui.yahooapis.com/2.8.1/build/base/base.css |
|
8 | * - yui.yahooapis.com/2.8.1/build/base/base.css | |
9 | * - camendesign.com/design/ |
|
9 | * - camendesign.com/design/ | |
10 | * - praegnanz.de/weblog/htmlcssjs-kickstart |
|
10 | * - praegnanz.de/weblog/htmlcssjs-kickstart | |
11 | */ |
|
11 | */ | |
12 |
|
12 | |||
13 |
|
13 | |||
14 | /** |
|
14 | /** | |
15 | * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) |
|
15 | * html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) | |
16 | * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark |
|
16 | * v1.6.1 2010-09-17 | Authors: Eric Meyer & Richard Clark | |
17 | * html5doctor.com/html-5-reset-stylesheet/ |
|
17 | * html5doctor.com/html-5-reset-stylesheet/ | |
18 | */ |
|
18 | */ | |
19 |
|
19 | |||
20 | html, body, div, span, object, iframe, |
|
20 | html, body, div, span, object, iframe, | |
21 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
|
21 | h1, h2, h3, h4, h5, h6, p, blockquote, pre, | |
22 | abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, |
|
22 | abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, | |
23 | small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, |
|
23 | small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, | |
24 | fieldset, form, label, legend, |
|
24 | fieldset, form, label, legend, | |
25 | table, caption, tbody, tfoot, thead, tr, th, td, |
|
25 | table, caption, tbody, tfoot, thead, tr, th, td, | |
26 | article, aside, canvas, details, figcaption, figure, |
|
26 | article, aside, canvas, details, figcaption, figure, | |
27 | footer, header, hgroup, menu, nav, section, summary, |
|
27 | footer, header, hgroup, menu, nav, section, summary, | |
28 | time, mark, audio, video { |
|
28 | time, mark, audio, video { | |
29 | margin: 0; |
|
29 | margin: 0; | |
30 | padding: 0; |
|
30 | padding: 0; | |
31 | border: 0; |
|
31 | border: 0; | |
32 | /* font-size: 100%;*/ |
|
32 | /* font-size: 100%;*/ | |
33 | font: inherit; |
|
33 | font: inherit; | |
34 | vertical-align: baseline; |
|
34 | vertical-align: baseline; | |
35 | } |
|
35 | } | |
36 |
|
36 | |||
37 | article, aside, details, figcaption, figure, |
|
37 | article, aside, details, figcaption, figure, | |
38 | footer, header, hgroup, menu, nav, section { |
|
38 | footer, header, hgroup, menu, nav, section { | |
39 | display: block; |
|
39 | display: block; | |
40 | } |
|
40 | } | |
41 |
|
41 | |||
42 | blockquote, q { quotes: none; } |
|
42 | blockquote, q { quotes: none; } | |
43 |
|
43 | |||
44 | blockquote:before, blockquote:after, |
|
44 | blockquote:before, blockquote:after, | |
45 | q:before, q:after { content: ""; content: none; } |
|
45 | q:before, q:after { content: ""; content: none; } | |
46 |
|
46 | |||
47 | ins { background-color: #ff9; color: #000; text-decoration: none; } |
|
47 | ins { background-color: #ff9; color: #000; text-decoration: none; } | |
48 |
|
48 | |||
49 | mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } |
|
49 | mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; } | |
50 |
|
50 | |||
51 | del { text-decoration: line-through; } |
|
51 | del { text-decoration: line-through; } | |
52 |
|
52 | |||
53 | abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } |
|
53 | abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; } | |
54 |
|
54 | |||
55 | table { border-collapse: collapse; border-spacing: 0; } |
|
55 | table { border-collapse: collapse; border-spacing: 0; } | |
56 |
|
56 | |||
57 | hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } |
|
57 | hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } | |
58 |
|
58 | |||
59 | input, select { vertical-align: middle; } |
|
59 | input, select { vertical-align: middle; } | |
60 |
|
60 | |||
61 | body { |
|
61 | body { | |
62 | background-color: white; |
|
62 | background-color: white; | |
63 | /* This won't propagate to all children so we also set it below */ |
|
63 | /* This won't propagate to all children so we also set it below */ | |
64 | font-size: 12pt; |
|
64 | font-size: 12pt; | |
65 | /* This makes sure that the body covers the entire window and needs to |
|
65 | /* This makes sure that the body covers the entire window and needs to | |
66 | be in a different element than the display: box in wrapper below */ |
|
66 | be in a different element than the display: box in wrapper below */ | |
67 | position: absolute; |
|
67 | position: absolute; | |
68 | left: 0px; |
|
68 | left: 0px; | |
69 | right: 0px; |
|
69 | right: 0px; | |
70 | top: 0px; |
|
70 | top: 0px; | |
71 | bottom: 0px; |
|
71 | bottom: 0px; | |
|
72 | overflow: hidden; | |||
72 | } |
|
73 | } | |
73 |
|
74 | |||
74 | div#wrapper { |
|
75 | div#wrapper { | |
75 | /* This is needed to make sure the wrapper fills the body */ |
|
76 | /* This is needed to make sure the wrapper fills the body */ | |
76 | width: 100%; |
|
77 | width: 100%; | |
77 | height: 100%; |
|
78 | height: 100%; | |
78 | } |
|
79 | } | |
79 |
|
80 | |||
80 | span#ipython_notebook h1 { |
|
81 | span#ipython_notebook h1 { | |
81 | font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; |
|
82 | font-family: Verdana, "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | |
82 |
font-size: 2 |
|
83 | font-size: 22pt; | |
83 | padding: 10px; |
|
84 | padding: 10px; | |
84 | margin: 10px; |
|
85 | margin: 10px; | |
85 | } |
|
86 | } | |
86 |
|
87 | |||
87 | div#tools { |
|
88 | div#tools { | |
88 | font-size: 11pt; |
|
89 | font-size: 11pt; | |
89 | } |
|
90 | } | |
90 |
|
91 | |||
91 | span#kernel_status { |
|
92 | span#kernel_status { | |
92 | position: absolute; |
|
93 | position: absolute; | |
93 | top: 12%; |
|
94 | top: 12%; | |
94 | right: 10px; |
|
95 | right: 10px; | |
95 | font-weight: bold; |
|
96 | font-weight: bold; | |
96 | } |
|
97 | } | |
97 |
|
98 | |||
98 | .status_idle { |
|
99 | .status_idle { | |
99 | color: gray; |
|
100 | color: gray; | |
100 | } |
|
101 | } | |
101 |
|
102 | |||
102 | .status_busy { |
|
103 | .status_busy { | |
103 | color: red; |
|
104 | color: red; | |
104 | } |
|
105 | } | |
105 |
|
106 | |||
106 | .status_restarting { |
|
107 | .status_restarting { | |
107 | color: black; |
|
108 | color: black; | |
108 | } |
|
109 | } | |
109 |
|
110 | |||
110 |
div |
|
111 | div#notebook_app { | |
111 | /* This is a trick from Google Docs. We set the height artificially low |
|
112 | } | |
112 | and set overflow-y: auto to force scrolling of this dev when needed, |
|
113 | ||
113 | but prevent the browser window from scrolling. Crazy hack */ |
|
114 | div#left_panel { | |
114 | height: 15px; |
|
115 | width: 200px; | |
115 | overflow-y: auto; |
|
116 | overflow-y: auto; | |
116 | overflow-x: hidden; |
|
117 | } | |
|
118 | ||||
|
119 | div#pager_splitter { | |||
|
120 | height: 7px; | |||
|
121 | } | |||
|
122 | ||||
|
123 | div#left_panel_splitter { | |||
|
124 | width: 7px; | |||
|
125 | } | |||
|
126 | ||||
|
127 | div#pager { | |||
|
128 | height: 200px; | |||
|
129 | overflow: auto; | |||
|
130 | ||||
|
131 | } | |||
|
132 | ||||
|
133 | div#notebook { | |||
|
134 | overflow-y: scroll; | |||
|
135 | overflow-x: auto; | |||
117 | padding: 0px 40px; |
|
136 | padding: 0px 40px; | |
118 | background-color: white; |
|
137 | background-color: white; | |
119 | font-size: 12pt; |
|
138 | font-size: 12pt; | |
120 | } |
|
139 | } | |
121 |
|
140 | |||
122 | .monospace-font { |
|
141 | .monospace-font { | |
123 | font-family: monospace; |
|
142 | font-family: monospace; | |
124 | /* font-family: Monaco, Consolas, "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace;*/ |
|
|||
125 | font-size: 12pt; |
|
143 | font-size: 12pt; | |
126 | } |
|
144 | } | |
127 |
|
145 | |||
128 | div.cell { |
|
146 | div.cell { | |
129 | width: 100%; |
|
147 | width: 100%; | |
130 | padding: 5px; |
|
148 | padding: 5px; | |
131 | /* This acts as a spacer between cells, that is outside the border */ |
|
149 | /* This acts as a spacer between cells, that is outside the border */ | |
132 | margin: 15px 0px 15px 0px; |
|
150 | margin: 15px 0px 15px 0px; | |
133 | position: relative; |
|
151 | position: relative; | |
134 | } |
|
152 | } | |
135 |
|
153 | |||
136 | div.code_cell { |
|
154 | div.code_cell { | |
137 | background-color: white; |
|
155 | background-color: white; | |
138 | } |
|
156 | } | |
139 |
|
157 | |||
140 | div.prompt { |
|
158 | div.prompt { | |
141 | width: 90px; |
|
159 | width: 90px; | |
142 | padding: 0px; |
|
160 | padding: 0px; | |
143 | margin: 0px; |
|
161 | margin: 0px; | |
144 | } |
|
162 | } | |
145 |
|
163 | |||
146 | div.input_prompt { |
|
164 | div.input_prompt { | |
147 | color: navy; |
|
165 | color: navy; | |
148 | } |
|
166 | } | |
149 |
|
167 | |||
150 | div.output { |
|
168 | div.output { | |
151 | /* This is a spacer between the input and output of each cell */ |
|
169 | /* This is a spacer between the input and output of each cell */ | |
152 | margin-top: 15px; |
|
170 | margin-top: 15px; | |
153 | } |
|
171 | } | |
154 |
|
172 | |||
155 | div.output_prompt { |
|
173 | div.output_prompt { | |
156 | color: darkred; |
|
174 | color: darkred; | |
157 | } |
|
175 | } | |
158 |
|
176 | |||
159 | div.output_area { |
|
177 | div.output_area { | |
160 | text-align: left; |
|
178 | text-align: left; | |
161 | color: black; |
|
179 | color: black; | |
162 | } |
|
180 | } | |
163 |
|
181 | |||
164 | div.output_latex { |
|
182 | div.output_latex { | |
165 | /* Slightly bigger than the rest of the notebook */ |
|
183 | /* Slightly bigger than the rest of the notebook */ | |
166 | font-size: 13pt; |
|
184 | font-size: 13pt; | |
167 | } |
|
185 | } | |
168 |
|
186 | |||
169 | div.output_png { |
|
187 | div.output_png { | |
170 | } |
|
188 | } | |
171 |
|
189 | |||
172 | div.text_cell { |
|
190 | div.text_cell { | |
173 | background-color: white; |
|
191 | background-color: white; | |
174 | } |
|
192 | } | |
175 |
|
193 | |||
176 | textarea.text_cell_input { |
|
194 | textarea.text_cell_input { | |
177 | /* Slightly bigger than the rest of the notebook */ |
|
195 | /* Slightly bigger than the rest of the notebook */ | |
178 | font-size: 13pt; |
|
196 | font-size: 13pt; | |
179 | outline: none; |
|
197 | outline: none; | |
180 | resize: none; |
|
198 | resize: none; | |
181 | width: inherit; |
|
199 | width: inherit; | |
182 | border-style: none; |
|
200 | border-style: none; | |
183 | padding: 0px; |
|
201 | padding: 0px; | |
184 | margin: 0px; |
|
202 | margin: 0px; | |
185 | color: black; |
|
203 | color: black; | |
186 | } |
|
204 | } | |
187 |
|
205 | |||
188 | div.text_cell_render { |
|
206 | div.text_cell_render { | |
189 | font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; |
|
207 | font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; | |
190 | /* Slightly bigger than the rest of the notebook */ |
|
208 | /* Slightly bigger than the rest of the notebook */ | |
191 | font-size: 13pt; |
|
209 | font-size: 13pt; | |
192 | outline: none; |
|
210 | outline: none; | |
193 | resize: none; |
|
211 | resize: none; | |
194 | width: inherit; |
|
212 | width: inherit; | |
195 | border-style: none; |
|
213 | border-style: none; | |
196 | padding: 5px; |
|
214 | padding: 5px; | |
197 | color: black; |
|
215 | color: black; | |
198 | } |
|
216 | } | |
199 |
|
217 | |||
200 | div.text_cell_render em {font-style: italic;} |
|
218 | div.text_cell_render em {font-style: italic;} | |
201 | div.text_cell_render strong {font-weight: bold;} |
|
219 | div.text_cell_render strong {font-weight: bold;} | |
202 | div.text_cell_render u {text-decoration: underline;} |
|
220 | div.text_cell_render u {text-decoration: underline;} | |
203 | div.text_cell_render :link { text-decoration: underline } |
|
221 | div.text_cell_render :link { text-decoration: underline } | |
204 | div.text_cell_render :visited { text-decoration: underline } |
|
222 | div.text_cell_render :visited { text-decoration: underline } | |
205 | div.text_cell_render h1 {font-size: 2.0em; margin: .67em 0; font-weight: bold;} |
|
223 | div.text_cell_render h1 {font-size: 2.0em; margin: .67em 0; font-weight: bold;} | |
206 | div.text_cell_render h2 {font-size: 1.5em; margin: .75em 0; font-weight: bold;} |
|
224 | div.text_cell_render h2 {font-size: 1.5em; margin: .75em 0; font-weight: bold;} | |
207 | div.text_cell_render h3 {font-size: 1.17em; margin: .83em 0; font-weight: bold;} |
|
225 | div.text_cell_render h3 {font-size: 1.17em; margin: .83em 0; font-weight: bold;} | |
208 | div.text_cell_render h4 {margin: 1.12em 0; font-weight: bold;} |
|
226 | div.text_cell_render h4 {margin: 1.12em 0; font-weight: bold;} | |
209 | div.text_cell_render h5 {font-size: .83em; margin: 1.5em 0; font-weight: bold;} |
|
227 | div.text_cell_render h5 {font-size: .83em; margin: 1.5em 0; font-weight: bold;} | |
210 | div.text_cell_render h6 {font-size: .75em; margin: 1.67em 0; font-weight: bold;} |
|
228 | div.text_cell_render h6 {font-size: .75em; margin: 1.67em 0; font-weight: bold;} | |
211 | div.text_cell_render ul {list-style:disc; margin-left: 40px;} |
|
229 | div.text_cell_render ul {list-style:disc; margin-left: 40px;} | |
212 | div.text_cell_render ul ul {list-style:square; margin-left: 40px;} |
|
230 | div.text_cell_render ul ul {list-style:square; margin-left: 40px;} | |
213 | div.text_cell_render ul ul ul {list-style:circle; margin-left: 40px;} |
|
231 | div.text_cell_render ul ul ul {list-style:circle; margin-left: 40px;} | |
214 | div.text_cell_render ol {list-style:upper-roman; margin-left: 40px;} |
|
232 | div.text_cell_render ol {list-style:upper-roman; margin-left: 40px;} | |
215 | div.text_cell_render ol ol {list-style:upper-alpha;} |
|
233 | div.text_cell_render ol ol {list-style:upper-alpha;} | |
216 | div.text_cell_render ol ol ol {list-style:decimal;} |
|
234 | div.text_cell_render ol ol ol {list-style:decimal;} | |
217 | div.text_cell_render ol ol ol ol {list-style:lower-alpha;} |
|
235 | div.text_cell_render ol ol ol ol {list-style:lower-alpha;} | |
218 | div.text_cell_render ol ol ol ol ol {list-style:lower-roman;} |
|
236 | div.text_cell_render ol ol ol ol ol {list-style:lower-roman;} | |
219 |
|
237 | |||
220 |
|
238 |
@@ -1,62 +1,96 b'' | |||||
1 |
|
1 | |||
2 | //============================================================================ |
|
2 | //============================================================================ | |
3 | // On document ready |
|
3 | // On document ready | |
4 | //============================================================================ |
|
4 | //============================================================================ | |
5 |
|
5 | |||
6 |
|
6 | |||
7 | $(document).ready(function () { |
|
7 | $(document).ready(function () { | |
8 |
|
8 | |||
9 | $('div#wrapper').addClass('vbox border-box-sizing') |
|
9 | $('div#wrapper').addClass('vbox border-box-sizing') | |
10 |
$('div |
|
10 | $('div#notebook_app').addClass('hbox box-flex1 border-box-sizing') | |
|
11 | $('div#left_panel').addClass('vbox border-box-sizing ui-widget ui-widget-content') | |||
|
12 | $('div#pager_splitter').addClass('border-box-sizing ui-widget ui-widget-header') | |||
|
13 | $('div#notebook_panel').addClass('vbox box-flex1 border-box-sizing ui-widget ui-widget-content') | |||
|
14 | $('div#notebook').addClass('vbox box-flex1 border-box-sizing') | |||
|
15 | $('div#left_panel_splitter').addClass('border-box-sizing ui-widget ui-widget-header') | |||
|
16 | $('div#pager').addClass('border-box-sizing') | |||
|
17 | ||||
|
18 | $('div#pager_splitter').click(function () { | |||
|
19 | $('div#pager').toggle('fast'); | |||
|
20 | }); | |||
|
21 | ||||
|
22 | $('div#pager_splitter').hover( | |||
|
23 | function () { | |||
|
24 | $('div#pager_splitter').addClass('ui-state-hover'); | |||
|
25 | }, | |||
|
26 | function () { | |||
|
27 | $('div#pager_splitter').removeClass('ui-state-hover'); | |||
|
28 | } | |||
|
29 | ); | |||
|
30 | ||||
|
31 | $('div#pager').hide(); | |||
|
32 | ||||
|
33 | $('div#left_panel_splitter').click(function () { | |||
|
34 | $('div#left_panel').toggle('fast'); | |||
|
35 | }); | |||
|
36 | ||||
|
37 | $('div#left_panel_splitter').hover( | |||
|
38 | function () { | |||
|
39 | $('div#left_panel_splitter').addClass('ui-state-hover'); | |||
|
40 | }, | |||
|
41 | function () { | |||
|
42 | $('div#left_panel_splitter').removeClass('ui-state-hover'); | |||
|
43 | } | |||
|
44 | ); | |||
11 |
|
45 | |||
12 | MathJax.Hub.Config({ |
|
46 | MathJax.Hub.Config({ | |
13 | tex2jax: { |
|
47 | tex2jax: { | |
14 | inlineMath: [ ['$','$'], ["\\(","\\)"] ], |
|
48 | inlineMath: [ ['$','$'], ["\\(","\\)"] ], | |
15 | displayMath: [ ['$$','$$'], ["\\[","\\]"] ], |
|
49 | displayMath: [ ['$$','$$'], ["\\[","\\]"] ], | |
16 | }, |
|
50 | }, | |
17 | displayAlign: 'left', // Change this to 'center' to center equations. |
|
51 | displayAlign: 'left', // Change this to 'center' to center equations. | |
18 | "HTML-CSS": { |
|
52 | "HTML-CSS": { | |
19 | styles: {'.MathJax_Display': {"margin": 0}} |
|
53 | styles: {'.MathJax_Display': {"margin": 0}} | |
20 | } |
|
54 | } | |
21 | }); |
|
55 | }); | |
22 |
|
56 | |||
23 |
IPython.notebook = new IPython.Notebook('div |
|
57 | IPython.notebook = new IPython.Notebook('div#notebook'); | |
24 | IPython.notebook.insert_code_cell_after(); |
|
58 | IPython.notebook.insert_code_cell_after(); | |
25 |
|
59 | |||
26 | $("#menu_tabs").tabs(); |
|
60 | $("#menu_tabs").tabs(); | |
27 |
|
61 | |||
28 | $("#help_toolbar").buttonset(); |
|
62 | $("#help_toolbar").buttonset(); | |
29 |
|
63 | |||
30 | $("#kernel_toolbar").buttonset(); |
|
64 | $("#kernel_toolbar").buttonset(); | |
31 | $("#interrupt_kernel").click(function () {IPython.notebook.kernel.interrupt();}); |
|
65 | $("#interrupt_kernel").click(function () {IPython.notebook.kernel.interrupt();}); | |
32 | $("#restart_kernel").click(function () {IPython.notebook.kernel.restart();}); |
|
66 | $("#restart_kernel").click(function () {IPython.notebook.kernel.restart();}); | |
33 | $("#kernel_status").addClass("status_idle"); |
|
67 | $("#kernel_status").addClass("status_idle"); | |
34 |
|
68 | |||
35 | $("#move_cell").buttonset(); |
|
69 | $("#move_cell").buttonset(); | |
36 | $("#move_up").button("option", "icons", {primary:"ui-icon-arrowthick-1-n"}); |
|
70 | $("#move_up").button("option", "icons", {primary:"ui-icon-arrowthick-1-n"}); | |
37 | $("#move_up").button("option", "text", false); |
|
71 | $("#move_up").button("option", "text", false); | |
38 | $("#move_up").click(function () {IPython.notebook.move_cell_up();}); |
|
72 | $("#move_up").click(function () {IPython.notebook.move_cell_up();}); | |
39 | $("#move_down").button("option", "icons", {primary:"ui-icon-arrowthick-1-s"}); |
|
73 | $("#move_down").button("option", "icons", {primary:"ui-icon-arrowthick-1-s"}); | |
40 | $("#move_down").button("option", "text", false); |
|
74 | $("#move_down").button("option", "text", false); | |
41 | $("#move_down").click(function () {IPython.notebook.move_cell_down();}); |
|
75 | $("#move_down").click(function () {IPython.notebook.move_cell_down();}); | |
42 |
|
76 | |||
43 | $("#insert_delete").buttonset(); |
|
77 | $("#insert_delete").buttonset(); | |
44 | $("#insert_cell_before").click(function () {IPython.notebook.insert_code_cell_before();}); |
|
78 | $("#insert_cell_before").click(function () {IPython.notebook.insert_code_cell_before();}); | |
45 | $("#insert_cell_after").click(function () {IPython.notebook.insert_code_cell_after();}); |
|
79 | $("#insert_cell_after").click(function () {IPython.notebook.insert_code_cell_after();}); | |
46 | $("#delete_cell").button("option", "icons", {primary:"ui-icon-closethick"}); |
|
80 | $("#delete_cell").button("option", "icons", {primary:"ui-icon-closethick"}); | |
47 | $("#delete_cell").button("option", "text", false); |
|
81 | $("#delete_cell").button("option", "text", false); | |
48 | $("#delete_cell").click(function () {IPython.notebook.delete_cell();}); |
|
82 | $("#delete_cell").click(function () {IPython.notebook.delete_cell();}); | |
49 |
|
83 | |||
50 | $("#cell_type").buttonset(); |
|
84 | $("#cell_type").buttonset(); | |
51 | $("#to_code").click(function () {IPython.notebook.text_to_code();}); |
|
85 | $("#to_code").click(function () {IPython.notebook.text_to_code();}); | |
52 | $("#to_text").click(function () {IPython.notebook.code_to_text();}); |
|
86 | $("#to_text").click(function () {IPython.notebook.code_to_text();}); | |
53 |
|
87 | |||
54 | $("#sort").buttonset(); |
|
88 | $("#sort").buttonset(); | |
55 | $("#sort_cells").click(function () {IPython.notebook.sort_cells();}); |
|
89 | $("#sort_cells").click(function () {IPython.notebook.sort_cells();}); | |
56 |
|
90 | |||
57 | $("#toggle").buttonset(); |
|
91 | $("#toggle").buttonset(); | |
58 | $("#collapse").click(function () {IPython.notebook.collapse();}); |
|
92 | $("#collapse").click(function () {IPython.notebook.collapse();}); | |
59 | $("#expand").click(function () {IPython.notebook.expand();}); |
|
93 | $("#expand").click(function () {IPython.notebook.expand();}); | |
60 |
|
94 | |||
61 | }); |
|
95 | }); | |
62 |
|
96 |
@@ -1,112 +1,123 b'' | |||||
1 | <!DOCTYPE HTML> |
|
1 | <!DOCTYPE HTML> | |
2 | <html> |
|
2 | <html> | |
3 |
|
3 | |||
4 | <head> |
|
4 | <head> | |
5 | <meta charset="utf-8"> |
|
5 | <meta charset="utf-8"> | |
6 |
|
6 | |||
7 | <title>IPython Notebook</title> |
|
7 | <title>IPython Notebook</title> | |
8 |
|
8 | |||
9 | <link rel="stylesheet" href="static/jquery/css/themes/aristo/jquery-wijmo.css" type="text/css" /> |
|
9 | <link rel="stylesheet" href="static/jquery/css/themes/aristo/jquery-wijmo.css" type="text/css" /> | |
10 | <!-- <link rel="stylesheet" href="static/jquery/css/themes/rocket/jquery-wijmo.css" type="text/css" /> --> |
|
10 | <!-- <link rel="stylesheet" href="static/jquery/css/themes/rocket/jquery-wijmo.css" type="text/css" /> --> | |
11 | <!-- <link rel="stylesheet" href="static/jquery/css/themes/smoothness/jquery-ui-1.8.11.custom.css" type="text/css" /> --> |
|
11 | <!-- <link rel="stylesheet" href="static/jquery/css/themes/smoothness/jquery-ui-1.8.11.custom.css" type="text/css" /> --> | |
12 |
|
12 | |||
13 | <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" charset="utf-8"></script> |
|
13 | <script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML" charset="utf-8"></script> | |
14 | <!-- <script type='text/javascript' src='static/mathjax/MathJax.js?config=TeX-AMS_HTML' charset='utf-8'></script> --> |
|
14 | <!-- <script type='text/javascript' src='static/mathjax/MathJax.js?config=TeX-AMS_HTML' charset='utf-8'></script> --> | |
15 | <script type="text/javascript"> |
|
15 | <script type="text/javascript"> | |
16 | if (typeof MathJax == 'undefined') { |
|
16 | if (typeof MathJax == 'undefined') { | |
17 | console.log("Trying to load local copy of MathJax"); |
|
17 | console.log("Trying to load local copy of MathJax"); | |
18 | document.write(unescape("%3Cscript type='text/javascript' src='static/mathjax/MathJax.js%3Fconfig=TeX-AMS_HTML' charset='utf-8'%3E%3C/script%3E")); |
|
18 | document.write(unescape("%3Cscript type='text/javascript' src='static/mathjax/MathJax.js%3Fconfig=TeX-AMS_HTML' charset='utf-8'%3E%3C/script%3E")); | |
19 | } |
|
19 | } | |
20 | </script> |
|
20 | </script> | |
21 |
|
21 | |||
22 | <link rel="stylesheet" href="static/codemirror2/lib/codemirror.css"> |
|
22 | <link rel="stylesheet" href="static/codemirror2/lib/codemirror.css"> | |
23 | <link rel="stylesheet" href="static/codemirror2/mode/python/python.css"> |
|
23 | <link rel="stylesheet" href="static/codemirror2/mode/python/python.css"> | |
24 |
|
24 | |||
25 | <link rel="stylesheet" href="static/css/layout.css" type="text/css" /> |
|
25 | <link rel="stylesheet" href="static/css/layout.css" type="text/css" /> | |
26 | <link rel="stylesheet" href="static/css/notebook.css" type="text/css" /> |
|
26 | <link rel="stylesheet" href="static/css/notebook.css" type="text/css" /> | |
27 |
|
27 | |||
28 | </head> |
|
28 | </head> | |
29 |
|
29 | |||
30 | <body> |
|
30 | <body> | |
31 |
|
31 | |||
32 | <div id="wrapper"> |
|
32 | <div id="wrapper"> | |
33 |
|
33 | |||
34 | <div id="header"> |
|
34 | <div id="header"> | |
35 |
<span id="ipython_notebook"><h1> |
|
35 | <span id="ipython_notebook"><h1>IPython Notebook</h1></span> | |
36 | </div> |
|
36 | </div> | |
37 |
|
37 | |||
|
38 | <div id="notebook_app"> | |||
38 |
|
39 | |||
39 | <div id="tools"> |
|
40 | <div id="left_panel"></div> | |
40 |
|
41 | <div id="left_panel_splitter"></div> | ||
41 | <div id="menu_tabs"> |
|
42 | <div id="notebook_panel"> | |
42 | <span id="kernel_status">Idle</span> |
|
43 | <div id="notebook"></div> | |
43 | <ul> |
|
44 | <div id="pager_splitter"></div> | |
44 | <li><a href="#cell_tab">Cell</a></li> |
|
45 | <div id="pager">This is a test</div> | |
45 | <li><a href="#kernel_tab">Kernel</a></li> |
|
|||
46 | <li><a href="#help_tab">Help</a></li> |
|
|||
47 | </ul> |
|
|||
48 | <div id="cell_tab"> |
|
|||
49 | <span id="cell_toolbar"> |
|
|||
50 | <span id="move_cell"> |
|
|||
51 | <button id="move_up">Move up</button> |
|
|||
52 | <button id="move_down">Move down</button> |
|
|||
53 | </span> |
|
|||
54 | <span id="insert_delete"> |
|
|||
55 | <button id="insert_cell_before">Before</button> |
|
|||
56 | <button id="insert_cell_after">After</button> |
|
|||
57 | <button id="delete_cell">Delete</button> |
|
|||
58 | </span> |
|
|||
59 | <span id="cell_type"> |
|
|||
60 | <button id="to_code">Code</button> |
|
|||
61 | <button id="to_text">Text</button> |
|
|||
62 | </span> |
|
|||
63 | <span id="sort"> |
|
|||
64 | <button id="sort_cells">Sort</button> |
|
|||
65 | </span> |
|
|||
66 | <span id="toggle"> |
|
|||
67 | <button id="collapse">Collapse</button> |
|
|||
68 | <button id="expand">Expand</button> |
|
|||
69 | </span> |
|
|||
70 | </span> |
|
|||
71 | </div> |
|
46 | </div> | |
72 | <div id="kernel_tab"> |
|
|||
73 | <span id="kernel_toolbar"> |
|
|||
74 | <button id="interrupt_kernel">Interrupt</button> |
|
|||
75 | <button id="restart_kernel">Restart</button> |
|
|||
76 | </span> |
|
|||
77 | </div> |
|
|||
78 | <div id="help_tab"> |
|
|||
79 | <span id="help_toolbar"> |
|
|||
80 | <button><a href="http://docs.python.org" target="_blank">Python</a></button> |
|
|||
81 | <button><a href="http://ipython.github.com/ipython-doc/dev/index.html" target="_blank">IPython</a></button> |
|
|||
82 | <button><a href="http://matplotlib.sourceforge.net/" target="_blank">Matplotlib</a></button> |
|
|||
83 | <button><a href="http://docs.scipy.org/doc/numpy/reference/" target="_blank">NumPy</a></button> |
|
|||
84 | <button><a href="http://docs.scipy.org/doc/scipy/reference/" target="_blank">SciPy</a></button> |
|
|||
85 | <button><a href="http://docs.sympy.org/dev/index.html" target="_blank">SymPy</a></button> |
|
|||
86 | </span> |
|
|||
87 | </div> |
|
|||
88 | </div> |
|
|||
89 |
|
47 | |||
90 | </div> |
|
48 | </div> | |
91 |
|
49 | |||
92 | <div class="notebook"></div> |
|
|||
93 |
|
||||
94 | </div> |
|
50 | </div> | |
95 |
|
51 | |||
96 | <script src="static/jquery/js/jquery-1.5.1.min.js" type="text/javascript" charset="utf-8"></script> |
|
52 | <script src="static/jquery/js/jquery-1.5.1.min.js" type="text/javascript" charset="utf-8"></script> | |
97 | <script src="static/jquery/js/jquery-ui-1.8.11.custom.min.js" type="text/javascript" charset="utf-8"></script> |
|
53 | <script src="static/jquery/js/jquery-ui-1.8.11.custom.min.js" type="text/javascript" charset="utf-8"></script> | |
98 | <script src="static/jquery/js/jquery.autogrow.js" type="text/javascript" charset="utf-8"></script> |
|
54 | <script src="static/jquery/js/jquery.autogrow.js" type="text/javascript" charset="utf-8"></script> | |
99 | <script src="static/js/namespace.js" type="text/javascript" charset="utf-8"></script> |
|
55 | <script src="static/js/namespace.js" type="text/javascript" charset="utf-8"></script> | |
100 | <script src="static/js/utils.js" type="text/javascript" charset="utf-8"></script> |
|
56 | <script src="static/js/utils.js" type="text/javascript" charset="utf-8"></script> | |
101 | <script src="static/js/cell.js" type="text/javascript" charset="utf-8"></script> |
|
57 | <script src="static/js/cell.js" type="text/javascript" charset="utf-8"></script> | |
102 | <script src="static/js/codecell.js" type="text/javascript" charset="utf-8"></script> |
|
58 | <script src="static/js/codecell.js" type="text/javascript" charset="utf-8"></script> | |
103 | <script src="static/js/textcell.js" type="text/javascript" charset="utf-8"></script> |
|
59 | <script src="static/js/textcell.js" type="text/javascript" charset="utf-8"></script> | |
104 | <script src="static/js/kernel.js" type="text/javascript" charset="utf-8"></script> |
|
60 | <script src="static/js/kernel.js" type="text/javascript" charset="utf-8"></script> | |
105 | <script src="static/js/notebook.js" type="text/javascript" charset="utf-8"></script> |
|
61 | <script src="static/js/notebook.js" type="text/javascript" charset="utf-8"></script> | |
106 | <script src="static/js/notebook_main.js" type="text/javascript" charset="utf-8"></script> |
|
62 | <script src="static/js/notebook_main.js" type="text/javascript" charset="utf-8"></script> | |
107 | <script src="static/codemirror2/lib/codemirror.js"></script> |
|
63 | <script src="static/codemirror2/lib/codemirror.js"></script> | |
108 | <script src="static/codemirror2/mode/python/python.js"></script> |
|
64 | <script src="static/codemirror2/mode/python/python.js"></script> | |
109 |
|
65 | |||
110 | </body> |
|
66 | </body> | |
111 |
|
67 | |||
112 | </html> |
|
68 | </html> | |
|
69 | ||||
|
70 | ||||
|
71 | <!--<div id="tools">--> | |||
|
72 | ||||
|
73 | <!--<div id="menu_tabs">--> | |||
|
74 | <!-- <span id="kernel_status">Idle</span>--> | |||
|
75 | <!-- <ul>--> | |||
|
76 | <!-- <li><a href="#cell_tab">Cell</a></li>--> | |||
|
77 | <!-- <li><a href="#kernel_tab">Kernel</a></li>--> | |||
|
78 | <!-- <li><a href="#help_tab">Help</a></li>--> | |||
|
79 | <!-- </ul>--> | |||
|
80 | <!-- <div id="cell_tab">--> | |||
|
81 | <!-- <span id="cell_toolbar">--> | |||
|
82 | <!-- <span id="move_cell">--> | |||
|
83 | <!-- <button id="move_up">Move up</button>--> | |||
|
84 | <!-- <button id="move_down">Move down</button>--> | |||
|
85 | <!-- </span>--> | |||
|
86 | <!-- <span id="insert_delete">--> | |||
|
87 | <!-- <button id="insert_cell_before">Before</button>--> | |||
|
88 | <!-- <button id="insert_cell_after">After</button>--> | |||
|
89 | <!-- <button id="delete_cell">Delete</button>--> | |||
|
90 | <!-- </span>--> | |||
|
91 | <!-- <span id="cell_type">--> | |||
|
92 | <!-- <button id="to_code">Code</button>--> | |||
|
93 | <!-- <button id="to_text">Text</button>--> | |||
|
94 | <!-- </span>--> | |||
|
95 | <!-- <span id="sort">--> | |||
|
96 | <!-- <button id="sort_cells">Sort</button>--> | |||
|
97 | <!-- </span>--> | |||
|
98 | <!-- <span id="toggle">--> | |||
|
99 | <!-- <button id="collapse">Collapse</button>--> | |||
|
100 | <!-- <button id="expand">Expand</button>--> | |||
|
101 | <!-- </span>--> | |||
|
102 | <!-- </span>--> | |||
|
103 | <!-- </div>--> | |||
|
104 | <!-- <div id="kernel_tab">--> | |||
|
105 | <!-- <span id="kernel_toolbar">--> | |||
|
106 | <!-- <button id="interrupt_kernel">Interrupt</button>--> | |||
|
107 | <!-- <button id="restart_kernel">Restart</button>--> | |||
|
108 | <!-- </span>--> | |||
|
109 | <!-- </div>--> | |||
|
110 | <!-- <div id="help_tab">--> | |||
|
111 | <!-- <span id="help_toolbar">--> | |||
|
112 | <!-- <button><a href="http://docs.python.org" target="_blank">Python</a></button>--> | |||
|
113 | <!-- <button><a href="http://ipython.github.com/ipython-doc/dev/index.html" target="_blank">IPython</a></button>--> | |||
|
114 | <!-- <button><a href="http://matplotlib.sourceforge.net/" target="_blank">Matplotlib</a></button>--> | |||
|
115 | <!-- <button><a href="http://docs.scipy.org/doc/numpy/reference/" target="_blank">NumPy</a></button>--> | |||
|
116 | <!-- <button><a href="http://docs.scipy.org/doc/scipy/reference/" target="_blank">SciPy</a></button>--> | |||
|
117 | <!-- <button><a href="http://docs.sympy.org/dev/index.html" target="_blank">SymPy</a></button>--> | |||
|
118 | <!-- </span>--> | |||
|
119 | <!-- </div>--> | |||
|
120 | <!--</div>--> | |||
|
121 | ||||
|
122 | <!--</div>--> | |||
|
123 |
General Comments 0
You need to be logged in to leave comments.
Login now