##// END OF EJS Templates
regen slide references as merging by hand was too hard
Matthias BUSSONNIER -
Show More
This diff has been collapsed as it changes many lines, (1073 lines changed) Show them Hide them
@@ -1,7 +1,3 b''
1 <<<<<<< HEAD
2 =======
3
4 >>>>>>> damianavila/reveal_css_fix
5 1 <!DOCTYPE html>
6 2 <html>
7 3 <head>
@@ -108,8 +104,6 b' b,strong { font-weight: bold; }'
108 104
109 105 </style>
110 106 <style type="text/css">
111 <<<<<<< HEAD
112 <<<<<<< HEAD
113 107 article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}
114 108 audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}
115 109 audio:not([controls]){display:none;}
@@ -1130,584 +1124,6 b' div.output_prompt {'
1130 1124 }
1131 1125 </style>
1132 1126 <meta charset="UTF-8">
1133 =======
1134 =======
1135 >>>>>>> damianavila/reveal_css_fix
1136
1137 /* Flexible box model classes */
1138 /* Taken from Alex Russell http://infrequently.org/2009/08/css-3-progress/ */
1139
1140 .hbox {
1141 display: -webkit-box;
1142 -webkit-box-orient: horizontal;
1143 -webkit-box-align: stretch;
1144
1145 display: -moz-box;
1146 -moz-box-orient: horizontal;
1147 -moz-box-align: stretch;
1148
1149 display: box;
1150 box-orient: horizontal;
1151 box-align: stretch;
1152 }
1153
1154 .hbox > * {
1155 -webkit-box-flex: 0;
1156 -moz-box-flex: 0;
1157 box-flex: 0;
1158 }
1159
1160 .vbox {
1161 display: -webkit-box;
1162 -webkit-box-orient: vertical;
1163 -webkit-box-align: stretch;
1164
1165 display: -moz-box;
1166 -moz-box-orient: vertical;
1167 -moz-box-align: stretch;
1168
1169 display: box;
1170 box-orient: vertical;
1171 box-align: stretch;
1172 }
1173
1174 .vbox > * {
1175 -webkit-box-flex: 0;
1176 -moz-box-flex: 0;
1177 box-flex: 0;
1178 }
1179
1180 .reverse {
1181 -webkit-box-direction: reverse;
1182 -moz-box-direction: reverse;
1183 box-direction: reverse;
1184 }
1185
1186 .box-flex0 {
1187 -webkit-box-flex: 0;
1188 -moz-box-flex: 0;
1189 box-flex: 0;
1190 }
1191
1192 .box-flex1, .box-flex {
1193 -webkit-box-flex: 1;
1194 -moz-box-flex: 1;
1195 box-flex: 1;
1196 }
1197
1198 .box-flex2 {
1199 -webkit-box-flex: 2;
1200 -moz-box-flex: 2;
1201 box-flex: 2;
1202 }
1203
1204 .box-group1 {
1205 -webkit-box-flex-group: 1;
1206 -moz-box-flex-group: 1;
1207 box-flex-group: 1;
1208 }
1209
1210 .box-group2 {
1211 -webkit-box-flex-group: 2;
1212 -moz-box-flex-group: 2;
1213 box-flex-group: 2;
1214 }
1215
1216 .start {
1217 -webkit-box-pack: start;
1218 -moz-box-pack: start;
1219 box-pack: start;
1220 }
1221
1222 .end {
1223 -webkit-box-pack: end;
1224 -moz-box-pack: end;
1225 box-pack: end;
1226 }
1227
1228 .center {
1229 -webkit-box-pack: center;
1230 -moz-box-pack: center;
1231 box-pack: center;
1232 }
1233
1234 </style>
1235 <style type="text/css">
1236 /**
1237 * Primary styles
1238 *
1239 * Author: IPython Development Team
1240 */
1241
1242
1243 body {
1244 overflow: hidden;
1245 }
1246
1247 span#save_widget {
1248 padding: 5px;
1249 margin: 0px 0px 0px 300px;
1250 display:inline-block;
1251 }
1252
1253 span#notebook_name {
1254 height: 1em;
1255 line-height: 1em;
1256 padding: 3px;
1257 border: none;
1258 font-size: 146.5%;
1259 }
1260
1261 .ui-menubar-item .ui-button .ui-button-text {
1262 padding: 0.4em 1.0em;
1263 font-size: 100%;
1264 }
1265
1266 .ui-menu {
1267 -moz-box-shadow: 0px 6px 10px -1px #adadad;
1268 -webkit-box-shadow: 0px 6px 10px -1px #adadad;
1269 box-shadow: 0px 6px 10px -1px #adadad;
1270 }
1271
1272 .ui-menu .ui-menu-item a {
1273 border: 1px solid transparent;
1274 padding: 2px 1.6em;
1275 }
1276
1277 .ui-menu .ui-menu-item a.ui-state-focus {
1278 margin: 0;
1279 }
1280
1281 .ui-menu hr {
1282 margin: 0.3em 0;
1283 }
1284
1285 #menubar_container {
1286 position: relative;
1287 }
1288
1289 #notification {
1290 position: absolute;
1291 right: 3px;
1292 top: 3px;
1293 height: 25px;
1294 padding: 3px 6px;
1295 z-index: 10;
1296 }
1297
1298 #toolbar {
1299 padding: 3px 15px;
1300 }
1301
1302 #cell_type {
1303 font-size: 85%;
1304 }
1305
1306
1307 div#main_app {
1308 width: 100%;
1309 position: relative;
1310 }
1311
1312 span#quick_help_area {
1313 position: static;
1314 padding: 5px 0px;
1315 margin: 0px 0px 0px 0px;
1316 }
1317
1318 .help_string {
1319 float: right;
1320 width: 170px;
1321 padding: 0px 5px;
1322 text-align: left;
1323 font-size: 85%;
1324 }
1325
1326 .help_string_label {
1327 float: right;
1328 font-size: 85%;
1329 }
1330
1331 div#notebook_panel {
1332 margin: 0px 0px 0px 0px;
1333 padding: 0px;
1334 }
1335
1336 div#notebook {
1337 overflow-y: scroll;
1338 overflow-x: auto;
1339 width: 100%;
1340 /* This spaces the cell away from the edge of the notebook area */
1341 padding: 5px 5px 15px 5px;
1342 margin: 0px;
1343 background-color: white;
1344 }
1345
1346 div#pager_splitter {
1347 height: 8px;
1348 }
1349
1350 div#pager {
1351 padding: 15px;
1352 overflow: auto;
1353 display: none;
1354 }
1355
1356 div.ui-widget-content {
1357 border: 1px solid #aaa;
1358 outline: none;
1359 }
1360
1361 .cell {
1362 border: 1px solid transparent;
1363 }
1364
1365 div.cell {
1366 width: 100%;
1367 padding: 5px 5px 5px 0px;
1368 /* This acts as a spacer between cells, that is outside the border */
1369 margin: 2px 0px 2px 0px;
1370 }
1371
1372 div.code_cell {
1373 background-color: white;
1374 }
1375
1376 /* any special styling for code cells that are currently running goes here */
1377 div.code_cell.running {
1378 }
1379
1380 div.prompt {
1381 /* This needs to be wide enough for 3 digit prompt numbers: In[100]: */
1382 width: 11ex;
1383 /* This 0.4em is tuned to match the padding on the CodeMirror editor. */
1384 padding: 0.4em;
1385 margin: 0px;
1386 font-family: monospace;
1387 text-align:right;
1388 }
1389
1390 div.input {
1391 page-break-inside: avoid;
1392 }
1393
1394 /* input_area and input_prompt must match in top border and margin for alignment */
1395 div.input_area {
1396 color: black;
1397 border: 1px solid #ddd;
1398 border-radius: 3px;
1399 background: #f7f7f7;
1400 }
1401
1402 div.input_prompt {
1403 color: navy;
1404 border-top: 1px solid transparent;
1405 }
1406
1407 div.output_wrapper {
1408 /* This is a spacer between the input and output of each cell */
1409 margin-top: 5px;
1410 margin-left: 5px;
1411 /* FF needs explicit width to stretch */
1412 width: 100%;
1413 /* this position must be relative to enable descendents to be absolute within it */
1414 position: relative;
1415 }
1416
1417 /* class for the output area when it should be height-limited */
1418 div.output_scroll {
1419 /* ideally, this would be max-height, but FF barfs all over that */
1420 height: 24em;
1421 /* FF needs this *and the wrapper* to specify full width, or it will shrinkwrap */
1422 width: 100%;
1423
1424 overflow: auto;
1425 border-radius: 3px;
1426 box-shadow: inset 0 2px 8px rgba(0, 0, 0, .8);
1427 }
1428
1429 /* output div while it is collapsed */
1430 div.output_collapsed {
1431 margin-right: 5px;
1432 }
1433
1434 div.out_prompt_overlay {
1435 height: 100%;
1436 padding: 0px;
1437 position: absolute;
1438 border-radius: 3px;
1439 }
1440
1441 div.out_prompt_overlay:hover {
1442 /* use inner shadow to get border that is computed the same on WebKit/FF */
1443 box-shadow: inset 0 0 1px #000;
1444 background: rgba(240, 240, 240, 0.5);
1445 }
1446
1447 div.output_prompt {
1448 color: darkred;
1449 /* 5px right shift to account for margin in parent container */
1450 margin: 0 5px 0 -5px;
1451 }
1452
1453 /* This class is the outer container of all output sections. */
1454 div.output_area {
1455 padding: 0px;
1456 page-break-inside: avoid;
1457 }
1458
1459 /* This class is for the output subarea inside the output_area and after
1460 the prompt div. */
1461 div.output_subarea {
1462 padding: 0.4em 0.4em 0.4em 0.4em;
1463 }
1464
1465 /* The rest of the output_* classes are for special styling of the different
1466 output types */
1467
1468 /* all text output has this class: */
1469 div.output_text {
1470 text-align: left;
1471 color: black;
1472 font-family: monospace;
1473 }
1474
1475 /* stdout/stderr are 'text' as well as 'stream', but pyout/pyerr are *not* streams */
1476 div.output_stream {
1477 padding-top: 0.0em;
1478 padding-bottom: 0.0em;
1479 }
1480 div.output_stdout {
1481 }
1482 div.output_stderr {
1483 background: #fdd; /* very light red background for stderr */
1484 }
1485
1486 div.output_latex {
1487 text-align: left;
1488 color: black;
1489 }
1490
1491 div.output_html {
1492 }
1493
1494 div.output_png {
1495 }
1496
1497 div.output_jpeg {
1498 }
1499
1500 div.text_cell {
1501 background-color: white;
1502 padding: 5px 5px 5px 5px;
1503 }
1504
1505 div.text_cell_input {
1506 color: black;
1507 border: 1px solid #ddd;
1508 border-radius: 3px;
1509 background: #f7f7f7;
1510 }
1511
1512 div.text_cell_render {
1513 font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
1514 outline: none;
1515 resize: none;
1516 width: inherit;
1517 border-style: none;
1518 padding: 5px;
1519 color: black;
1520 }
1521
1522 /* The following gets added to the <head> if it is detected that the user has a
1523 * monospace font with inconsistent normal/bold/italic height. See
1524 * notebookmain.js. Such fonts will have keywords vertically offset with
1525 * respect to the rest of the text. The user should select a better font.
1526 * See: https://github.com/ipython/ipython/issues/1503
1527 *
1528 * .CodeMirror span {
1529 * vertical-align: bottom;
1530 * }
1531 */
1532
1533 .CodeMirror {
1534 line-height: 1.231; /* Changed from 1em to our global default */
1535 }
1536
1537 .CodeMirror-scroll {
1538 height: auto; /* Changed to auto to autogrow */
1539 /* The CodeMirror docs are a bit fuzzy on if overflow-y should be hidden or visible.*/
1540 /* We have found that if it is visible, vertical scrollbars appear with font size changes.*/
1541 overflow-y: hidden;
1542 overflow-x: auto; /* Changed from auto to remove scrollbar */
1543 }
1544
1545 /* CSS font colors for translated ANSI colors. */
1546
1547
1548 .ansiblack {color: black;}
1549 .ansired {color: darkred;}
1550 .ansigreen {color: darkgreen;}
1551 .ansiyellow {color: brown;}
1552 .ansiblue {color: darkblue;}
1553 .ansipurple {color: darkviolet;}
1554 .ansicyan {color: steelblue;}
1555 .ansigrey {color: grey;}
1556 .ansibold {font-weight: bold;}
1557
1558 .completions {
1559 position: absolute;
1560 z-index: 10;
1561 overflow: hidden;
1562 border: 1px solid grey;
1563 }
1564
1565 .completions select {
1566 background: white;
1567 outline: none;
1568 border: none;
1569 padding: 0px;
1570 margin: 0px;
1571 overflow: auto;
1572 font-family: monospace;
1573 }
1574
1575 option.context {
1576 background-color: #DEF7FF;
1577 }
1578 option.introspection {
1579 background-color: #EBF4EB;
1580 }
1581
1582 /*fixed part of the completion*/
1583 .completions p b {
1584 font-weight:bold;
1585 }
1586
1587 .completions p {
1588 background: #DDF;
1589 /*outline: none;
1590 padding: 0px;*/
1591 border-bottom: black solid 1px;
1592 padding: 1px;
1593 font-family: monospace;
1594 }
1595
1596 pre.dialog {
1597 background-color: #f7f7f7;
1598 border: 1px solid #ddd;
1599 border-radius: 3px;
1600 padding: 0.4em;
1601 padding-left: 2em;
1602 }
1603
1604 p.dialog {
1605 padding : 0.2em;
1606 }
1607
1608 .shortcut_key {
1609 display: inline-block;
1610 width: 15ex;
1611 text-align: right;
1612 font-family: monospace;
1613 }
1614
1615 .shortcut_descr {
1616 }
1617
1618 /* Word-wrap output correctly. This is the CSS3 spelling, though Firefox seems
1619 to not honor it correctly. Webkit browsers (Chrome, rekonq, Safari) do.
1620 */
1621 pre, code, kbd, samp { white-space: pre-wrap; }
1622
1623 #fonttest {
1624 font-family: monospace;
1625 }
1626
1627 </style>
1628 <style type="text/css">
1629 .rendered_html {color: black;}
1630 .rendered_html em {font-style: italic;}
1631 .rendered_html strong {font-weight: bold;}
1632 .rendered_html u {text-decoration: underline;}
1633 .rendered_html :link { text-decoration: underline }
1634 .rendered_html :visited { text-decoration: underline }
1635 .rendered_html h1 {font-size: 197%; margin: .65em 0; font-weight: bold;}
1636 .rendered_html h2 {font-size: 153.9%; margin: .75em 0; font-weight: bold;}
1637 .rendered_html h3 {font-size: 123.1%; margin: .85em 0; font-weight: bold;}
1638 .rendered_html h4 {font-size: 100% margin: 0.95em 0; font-weight: bold;}
1639 .rendered_html h5 {font-size: 85%; margin: 1.5em 0; font-weight: bold;}
1640 .rendered_html h6 {font-size: 77%; margin: 1.65em 0; font-weight: bold;}
1641 .rendered_html ul {list-style:disc; margin: 1em 2em;}
1642 .rendered_html ul ul {list-style:square; margin: 0em 2em;}
1643 .rendered_html ul ul ul {list-style:circle; margin-left: 0em 2em;}
1644 .rendered_html ol {list-style:upper-roman; margin: 1em 2em;}
1645 .rendered_html ol ol {list-style:upper-alpha; margin: 0em 2em;}
1646 .rendered_html ol ol ol {list-style:decimal; margin: 0em 2em;}
1647 .rendered_html ol ol ol ol {list-style:lower-alpha; margin 0em 2em;}
1648 .rendered_html ol ol ol ol ol {list-style:lower-roman; 0em 2em;}
1649
1650 .rendered_html hr {
1651 color: black;
1652 background-color: black;
1653 }
1654
1655 .rendered_html pre {
1656 margin: 1em 2em;
1657 }
1658
1659 .rendered_html blockquote {
1660 margin: 1em 2em;
1661 }
1662
1663 .rendered_html table {
1664 border: 1px solid black;
1665 border-collapse: collapse;
1666 margin: 1em 2em;
1667 }
1668
1669 .rendered_html td {
1670 border: 1px solid black;
1671 text-align: left;
1672 vertical-align: middle;
1673 padding: 4px;
1674 }
1675
1676 .rendered_html th {
1677 border: 1px solid black;
1678 text-align: left;
1679 vertical-align: middle;
1680 padding: 4px;
1681 font-weight: bold;
1682 }
1683
1684 .rendered_html tr {
1685 border: 1px solid black;
1686 }
1687
1688 .rendered_html p + p {
1689 margin-top: 1em;
1690 }
1691
1692
1693 </style>
1694 <style type="text/css">
1695 /* Overrides of notebook CSS for static HTML export
1696
1697 */
1698 body {
1699 overflow: visible;
1700 padding: 8px;
1701 }
1702 .input_area {
1703 padding: 0.4em;
1704 }
1705
1706 </style>
1707 <<<<<<< HEAD
1708 >>>>>>> A new implementation of reveal converter with jinja templates.
1709 =======
1710 >>>>>>> damianavila/reveal_css_fix
1711 1127 <style type="text/css">
1712 1128 .highlight .hll { background-color: #ffffcc }
1713 1129 .highlight { background: #f8f8f8; }
@@ -1772,55 +1188,10 b' body {'
1772 1188 .highlight .vi { color: #19177C } /* Name.Variable.Instance */
1773 1189 .highlight .il { color: #666666 } /* Literal.Number.Integer.Long */
1774 1190 </style>
1775
1776 <<<<<<< HEAD
1777 =======
1778
1779 >>>>>>> damianavila/reveal_css_fix
1780 <style type="text/css">
1781 /* Overrides of notebook CSS for static HTML export */
1782
1783 .reveal {
1784 font-size: 20px;
1785 }
1786 .reveal pre {
1787 width: 100%;
1788 padding: 0.2em;
1789 margin: 0px auto;
1790 font-family: monospace, sans-serif;
1791 font-size: 60%;
1792 box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
1793 }
1794 .reveal section img {
1795 border: 0px solid black;
1796 box-shadow: 0 0 10px rgba(0, 0, 0, 0);
1797 }
1798 div.input_area {
1799 padding: 0.2em;
1800 }
1801 div.code_cell {
1802 background-color: transparent;
1803 }
1804 div.prompt {
1805 width: 11ex;
1806 padding: 0.0em;
1807 margin: 0px;
1808 font-family: monospace;
1809 font-size: 60%;
1810 text-align: center;
1811 }
1812 div.output_prompt {
1813 /* 5px right shift to account for margin in parent container */
1814 margin: 5px 5px 0 -5px;
1815 }
1816 </style>
1817 1191 </head>
1818
1819 1192 <body>
1820 1193 <div class="reveal"><div class="slides">
1821
1822 1194 <section>
1823 <section>
1824 1195 <div class="text_cell_render border-box-sizing rendered_html">
1825 1196 <h1>A brief tour of the IPython notebook</h1>
1826 1197 <p>This document will give you a brief tour of the capabilities of the IPython notebook.<br />
@@ -1831,8 +1202,8 b' system.<br />'
1831 1202 </p>
1832 1203 <p>The rest of the notebooks in this directory illustrate various other aspects and
1833 1204 capabilities of the IPython notebook; some of them may require additional libraries to be executed.</p>
1834 </div><aside class="notes">
1835
1205 </div>
1206 <aside class="notes">
1836 1207 <div class="text_cell_render border-box-sizing rendered_html">
1837 1208 <p><strong>NOTE:</strong> This notebook <em>must</em> be run from its own directory, so you must <code>cd</code>
1838 1209 to this directory and then start the notebook, but do <em>not</em> use the <code>--notebook-dir</code>
@@ -1840,9 +1211,9 b' option to run it from another location.</p>'
1840 1211 <p>The first thing you need to know is that you are still controlling the same old IPython you're used to,
1841 1212 so things like shell aliases and magic commands still work:</p>
1842 1213 </div>
1843 </aside></section>
1844 </section><section>
1845 <section>
1214 </aside>
1215 </section>
1216 <section>
1846 1217 <div class="cell border-box-sizing code_cell vbox">
1847 1218 <div class="input hbox">
1848 1219 <div class="prompt input_prompt">In&nbsp;[1]:</div>
@@ -1852,15 +1223,11 b' so things like shell aliases and magic commands still work:</p>'
1852 1223
1853 1224 </div>
1854 1225 </div>
1855 <div class="output_wrapper">
1226 <div class="vbox output_wrapper">
1856 1227 <div class="output vbox">
1857 <div class="prompt output_prompt">
1858 <div class="output vbox">Out[1]:</div>
1859 </div>
1860 1228 <div class="hbox output_area">
1861 <div class="prompt"></div>
1862 <div class="box-flex1 output_subarea output_pyout">
1863
1229 <div class="prompt output_prompt">Out[1]:</div>
1230 <div class="output_subarea output_pyout">
1864 1231 <pre>u&apos;/Users/minrk/dev/ip/mine/docs/examples/notebooks&apos;</pre>
1865 1232 </div>
1866 1233 </div>
@@ -1876,14 +1243,11 b' so things like shell aliases and magic commands still work:</p>'
1876 1243
1877 1244 </div>
1878 1245 </div>
1879 <div class="output_wrapper">
1246 <div class="vbox output_wrapper">
1880 1247 <div class="output vbox">
1881 <div class="prompt output_prompt">
1882 <div class="output vbox"></div>
1883 </div>
1884 1248 <div class="hbox output_area">
1885 <div class="prompt"></div>
1886 <div class="box-flex1 output_subarea output_stream output_stdout">
1249 <div class="prompt output_prompt"></div>
1250 <div class="output_subarea output_stream output_stdout">
1887 1251 <pre>00_notebook_tour.ipynb callbacks.ipynb python-logo.svg
1888 1252 01_notebook_introduction.ipynb cython_extension.ipynb rmagic_extension.ipynb
1889 1253 Animations_and_Progress.ipynb display_protocol.ipynb sympy.ipynb
@@ -1907,29 +1271,26 b' animation.m4v progbar.ipynb'
1907 1271
1908 1272 </div>
1909 1273 </div>
1910 <div class="output_wrapper">
1274 <div class="vbox output_wrapper">
1911 1275 <div class="output vbox">
1912 <div class="prompt output_prompt">
1913 <div class="output vbox"></div>
1914 </div>
1915 1276 <div class="hbox output_area">
1916 <div class="prompt"></div>
1917 <div class="box-flex1 output_subarea output_stream output_stdout">
1277 <div class="prompt output_prompt"></div>
1278 <div class="output_subarea output_stream output_stdout">
1918 1279 <pre>The IPython notebook is great!
1919 1280 </pre>
1920 1281 </div>
1921 1282 </div>
1922 1283 </div>
1923 1284 </div>
1924 </div></section>
1925 </section><section>
1926 <section>
1285 </div>
1286 </section>
1287 <section>
1288 <section>
1927 1289 <div class="text_cell_render border-box-sizing rendered_html">
1928 1290 <h2>
1929 1291 Plots with matplotlib
1930 1292 </h2>
1931 1293 </div>
1932
1933 1294 <div class="text_cell_render border-box-sizing rendered_html">
1934 1295 <p>IPython adds an 'inline' matplotlib backend,
1935 1296 which embeds any matplotlib figures into the notebook.</p>
@@ -1943,14 +1304,11 b' which embeds any matplotlib figures into the notebook.</p>'
1943 1304
1944 1305 </div>
1945 1306 </div>
1946 <div class="output_wrapper">
1307 <div class="vbox output_wrapper">
1947 1308 <div class="output vbox">
1948 <div class="prompt output_prompt">
1949 <div class="output vbox"></div>
1950 </div>
1951 1309 <div class="hbox output_area">
1952 <div class="prompt"></div>
1953 <div class="box-flex1 output_subarea output_stream output_stdout">
1310 <div class="prompt output_prompt"></div>
1311 <div class="output_subarea output_stream output_stdout">
1954 1312 <pre>
1955 1313 Welcome to pylab, a matplotlib-based Python environment [backend: module://IPython.zmq.pylab.backend_inline].
1956 1314 For more information, type &apos;help(pylab)&apos;.
@@ -1971,15 +1329,11 b' For more information, type &apos;help(pylab)&apos;.'
1971 1329
1972 1330 </div>
1973 1331 </div>
1974 <div class="output_wrapper">
1332 <div class="vbox output_wrapper">
1975 1333 <div class="output vbox">
1976 <div class="prompt output_prompt">
1977 <div class="output vbox"></div>
1978 </div>
1979 1334 <div class="hbox output_area">
1980 <div class="prompt"></div>
1981 <div class="box-flex1 output_subarea output_display_data">
1982
1335 <div class="prompt output_prompt"></div>
1336 <div class="output_subarea output_display_data">
1983 1337 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAX0AAAEICAYAAACzliQjAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz
1984 1338 AAALEgAACxIB0t1+/AAAIABJREFUeJztfXt0VdWd/+fmwSvhlUDeAcSECREFFWtLi8YKWlBTrS8c
1985 1339 q1StZVppO21XZ3XNrJnqmqmF6XSpa9EquqYVOlZp+6tCUfHZKK2ltIpohcqjonnwCOQBeSc35/fH
@@ -2339,7 +1693,8 b' kL6BgYHBGML/B3suibfww4xPAAAAAElFTkSuQmCC'
2339 1693 </div>
2340 1694 </div>
2341 1695 </div>
2342 </div></section><section>
1696 </div>
1697 </section><section>
2343 1698 <div class="text_cell_render border-box-sizing rendered_html">
2344 1699 <p>You can paste blocks of input with prompt markers, such as those from
2345 1700 <a href="http://docs.python.org/tutorial/interpreter.html#interactive-mode">the official Python tutorial</a></p>
@@ -2355,21 +1710,19 b' kL6BgYHBGML/B3suibfww4xPAAAAAElFTkSuQmCC'
2355 1710
2356 1711 </div>
2357 1712 </div>
2358 <div class="output_wrapper">
1713 <div class="vbox output_wrapper">
2359 1714 <div class="output vbox">
2360 <div class="prompt output_prompt">
2361 <div class="output vbox"></div>
2362 </div>
2363 1715 <div class="hbox output_area">
2364 <div class="prompt"></div>
2365 <div class="box-flex1 output_subarea output_stream output_stdout">
1716 <div class="prompt output_prompt"></div>
1717 <div class="output_subarea output_stream output_stdout">
2366 1718 <pre>Be careful not to fall off!
2367 1719 </pre>
2368 1720 </div>
2369 1721 </div>
2370 1722 </div>
2371 1723 </div>
2372 </div></section><section>
1724 </div>
1725 </section><section>
2373 1726 <div class="text_cell_render border-box-sizing rendered_html">
2374 1727 <p>Errors are shown in informative ways:</p>
2375 1728 </div>
@@ -2382,14 +1735,11 b' kL6BgYHBGML/B3suibfww4xPAAAAAElFTkSuQmCC'
2382 1735
2383 1736 </div>
2384 1737 </div>
2385 <div class="output_wrapper">
1738 <div class="vbox output_wrapper">
2386 1739 <div class="output vbox">
2387 <div class="prompt output_prompt">
2388 <div class="output vbox"></div>
2389 </div>
2390 1740 <div class="hbox output_area">
2391 <div class="prompt"></div>
2392 <div class="box-flex1 output_subarea output_stream output_stderr">
1741 <div class="prompt output_prompt"></div>
1742 <div class="output_subarea output_stream output_stderr">
2393 1743 <pre>ERROR: File &#96;u&apos;non_existent_file.py&apos;&#96; not found.</pre>
2394 1744 </div>
2395 1745 </div>
@@ -2407,16 +1757,12 b' kL6BgYHBGML/B3suibfww4xPAAAAAElFTkSuQmCC'
2407 1757
2408 1758 </div>
2409 1759 </div>
2410 <div class="output_wrapper">
1760 <div class="vbox output_wrapper">
2411 1761 <div class="output vbox">
2412 <div class="prompt output_prompt">
2413 <div class="output vbox"></div>
2414 </div>
2415 1762 <div class="hbox output_area">
2416 <div class="prompt"></div>
2417 <div class="box-flex1 output_subarea output_pyerr">
2418 <pre>
2419 <span class="ansired">---------------------------------------------------------------------------</span>
1763 <div class="prompt output_prompt"></div>
1764 <div class="output_subarea output_pyerr">
1765 <pre><span class="ansired">---------------------------------------------------------------------------</span>
2420 1766 <span class="ansired">ZeroDivisionError</span> Traceback (most recent call last)
2421 1767 <span class="ansigreen">&lt;ipython-input-8-dc39888fd1d2&gt;</span> in <span class="ansicyan">&lt;module&gt;</span><span class="ansiblue">()</span>
2422 1768 <span class="ansigreen"> 1</span> x <span class="ansiyellow">=</span> <span class="ansicyan">1</span><span class="ansiyellow"></span>
@@ -2428,13 +1774,13 b' kL6BgYHBGML/B3suibfww4xPAAAAAElFTkSuQmCC'
2428 1774 </div>
2429 1775 </div>
2430 1776 </div>
2431 </div></section><section>
1777 </div>
1778 </section><section>
2432 1779 <div class="text_cell_render border-box-sizing rendered_html">
2433 1780 <p>When IPython needs to display additional information (such as providing details on an object via <code>x?</code>
2434 1781 it will automatically invoke a pager at the bottom of the screen:</p>
2435 </div><div class="fragment">
2436
2437 <div class="cell border-box-sizing code_cell vbox">
1782 </div>
1783 <div class="fragment" class="cell border-box-sizing code_cell vbox">
2438 1784 <div class="input hbox">
2439 1785 <div class="prompt input_prompt">In&nbsp;[18]:</div>
2440 1786 <div class="input_area box-flex1">
@@ -2444,9 +1790,9 b' it will automatically invoke a pager at the bottom of the screen:</p>'
2444 1790 </div>
2445 1791 </div>
2446 1792 </div>
2447 </div></section>
2448 </section><section>
2449 <section>
1793 </section>
1794 </section>
1795 <section>
2450 1796 <div class="text_cell_render border-box-sizing rendered_html">
2451 1797 <h2>Non-blocking output of kernel</h2>
2452 1798 <p>If you execute the next cell, you will see the output arriving as it is generated, not all at the end.</p>
@@ -2463,23 +1809,20 b' it will automatically invoke a pager at the bottom of the screen:</p>'
2463 1809
2464 1810 </div>
2465 1811 </div>
2466 <div class="output_wrapper">
1812 <div class="vbox output_wrapper">
2467 1813 <div class="output vbox">
2468 <div class="prompt output_prompt">
2469 <div class="output vbox"></div>
2470 </div>
2471 1814 <div class="hbox output_area">
2472 <div class="prompt"></div>
2473 <div class="box-flex1 output_subarea output_stream output_stdout">
1815 <div class="prompt output_prompt"></div>
1816 <div class="output_subarea output_stream output_stdout">
2474 1817 <pre>0 1 2 3 4 5 6 7
2475 1818 </pre>
2476 1819 </div>
2477 1820 </div>
2478 1821 </div>
2479 1822 </div>
2480 </div></section>
2481 </section><section>
2482 <section>
1823 </div>
1824 </section>
1825 <section>
2483 1826 <div class="text_cell_render border-box-sizing rendered_html">
2484 1827 <h2>Clean crash and restart</h2>
2485 1828 <p>We call the low-level system libc.time routine with the wrong argument via
@@ -2499,9 +1842,10 b' ctypes to segfault the Python interpreter:</p>'
2499 1842
2500 1843 </div>
2501 1844 </div>
2502 </div></section>
2503 </section><section>
2504 <section>
1845 </div>
1846 </section>
1847 <section>
1848 <section>
2505 1849 <div class="text_cell_render border-box-sizing rendered_html">
2506 1850 <h2>Markdown cells can contain formatted text and code</h2>
2507 1851 <p>You can <em>italicize</em>, <strong>boldface</strong></p>
@@ -2520,14 +1864,17 b' ctypes to segfault the Python interpreter:</p>'
2520 1864 x += 4;
2521 1865 }
2522 1866 </code></pre>
2523 </div></section><section>
1867 </div>
1868 </section><section>
2524 1869 <div class="text_cell_render border-box-sizing rendered_html">
2525 1870 <p>Courtesy of MathJax, you can include mathematical expressions both inline:
2526 1871 $e^{i\pi} + 1 = 0$ and displayed:</p>
2527 1872 <p>$$e^x=\sum_{i=0}^\infty \frac{1}{i!}x^i$$</p>
2528 </div></section>
2529 </section><section>
2530 <section>
1873 </div>
1874 </section>
1875 </section>
1876 <section>
1877 <section>
2531 1878 <div class="text_cell_render border-box-sizing rendered_html">
2532 1879 <h2>Rich displays: include anyting a browser can show</h2>
2533 1880 <p>Note that we have an actual protocol for this, see the <code>display_protocol</code> notebook for further details.</p>
@@ -2543,15 +1890,11 b' $e^{i\\pi} + 1 = 0$ and displayed:</p>'
2543 1890
2544 1891 </div>
2545 1892 </div>
2546 <div class="output_wrapper">
1893 <div class="vbox output_wrapper">
2547 1894 <div class="output vbox">
2548 <div class="prompt output_prompt">
2549 <div class="output vbox">Out[1]:</div>
2550 </div>
2551 1895 <div class="hbox output_area">
2552 <div class="prompt"></div>
2553 <div class="box-flex1 output_subarea output_pyout">
2554
1896 <div class="prompt output_prompt">Out[1]:</div>
1897 <div class="output_subarea output_pyout">
2555 1898 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAggAAABDCAYAAAD5/P3lAAAABHNCSVQICAgIfAhkiAAAAAlwSFlz
2556 1899 AAAH3AAAB9wBYvxo6AAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAACAASURB
2557 1900 VHic7Z15uBxF1bjfugkJhCWBsCSAJGACNg4QCI3RT1lEAVE+UEBNOmwCDcjHT1wQgU+WD3dFxA1o
@@ -2719,7 +2062,8 b' HMRRca/E5hVINNIVwI2B56z6/3ExLRI31pXNAAAAAElFTkSuQmCC'
2719 2062 </div>
2720 2063 </div>
2721 2064 </div>
2722 </div></section><section>
2065 </div>
2066 </section><section>
2723 2067 <div class="text_cell_render border-box-sizing rendered_html">
2724 2068 <p>An image can also be displayed from raw data or a url</p>
2725 2069 </div>
@@ -2732,29 +2076,21 b' HMRRca/E5hVINNIVwI2B56z6/3ExLRI31pXNAAAAAElFTkSuQmCC'
2732 2076
2733 2077 </div>
2734 2078 </div>
2735 <div class="output_wrapper">
2079 <div class="vbox output_wrapper">
2736 2080 <div class="output vbox">
2737 <div class="prompt output_prompt">
2738 <div class="output vbox">Out[2]:</div>
2739 </div>
2740 2081 <div class="hbox output_area">
2741 <div class="prompt"></div>
2742 <div class="box-flex1 output_subarea output_pyout">
2743 <div class="output_html rendered_html">
2082 <div class="prompt output_prompt">Out[2]:</div>
2083 <div class="output_subarea output_pyout output_html rendered_html">
2744 2084 <img src="http://python.org/images/python-logo.gif" />
2745 2085 </div>
2746 2086 </div>
2747 2087 </div>
2748 2088 </div>
2749 2089 </div>
2750 </div><div style=display:none>
2751
2752 <div class="text_cell_render border-box-sizing rendered_html">
2090 <div style=display:none class="text_cell_render border-box-sizing rendered_html">
2753 2091 <p>SVG images are also supported out of the box (since modern browsers do a good job of rendering them):</p>
2754 2092 </div>
2755 </div><div style=display:none>
2756
2757 <div class="cell border-box-sizing code_cell vbox">
2093 <div style=display:none class="cell border-box-sizing code_cell vbox">
2758 2094 <div class="input hbox">
2759 2095 <div class="prompt input_prompt">In&nbsp;[3]:</div>
2760 2096 <div class="input_area box-flex1">
@@ -2764,14 +2100,11 b' HMRRca/E5hVINNIVwI2B56z6/3ExLRI31pXNAAAAAElFTkSuQmCC'
2764 2100
2765 2101 </div>
2766 2102 </div>
2767 <div class="output_wrapper">
2103 <div class="vbox output_wrapper">
2768 2104 <div class="output vbox">
2769 <div class="prompt output_prompt">
2770 <div class="output vbox">Out[3]:</div>
2771 </div>
2772 2105 <div class="hbox output_area">
2773 <div class="prompt"></div>
2774 <div class="box-flex1 output_subarea output_pyout">
2106 <div class="prompt output_prompt">Out[3]:</div>
2107 <div class="output_subarea output_pyout">
2775 2108 <svg height="115.02pt" id="svg2" inkscape:version="0.43" sodipodi:docbase="/home/sdeibel" sodipodi:docname="logo-python-generic.svg" sodipodi:version="0.32" version="1.0" width="388.84pt" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://web.resource.org/cc/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:sodipodi="http://inkscape.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2776 2109 <metadata id="metadata2193">
2777 2110 <rdf:RDF>
@@ -2838,9 +2171,10 b' HMRRca/E5hVINNIVwI2B56z6/3ExLRI31pXNAAAAAElFTkSuQmCC'
2838 2171 </div>
2839 2172 </div>
2840 2173 </div>
2841 </div></section>
2842 </section><section>
2843 <section>
2174 </section>
2175 </section>
2176 <section>
2177 <section>
2844 2178 <div class="text_cell_render border-box-sizing rendered_html">
2845 2179 <h4>Embedded vs Non-embedded Images</h4>
2846 2180 </div>
@@ -2864,7 +2198,8 b' HMRRca/E5hVINNIVwI2B56z6/3ExLRI31pXNAAAAAElFTkSuQmCC'
2864 2198
2865 2199 </div>
2866 2200 </div>
2867 </div></section><section>
2201 </div>
2202 </section><section>
2868 2203 <div class="text_cell_render border-box-sizing rendered_html">
2869 2204 <p>Today's image from a webcam at Berkeley, (at the time I created this notebook). This should also work in the Qtconsole.
2870 2205 Drawback is that the saved notebook will be larger, but the image will still be present offline.</p>
@@ -2878,15 +2213,11 b' Drawback is that the saved notebook will be larger, but the image will still be '
2878 2213
2879 2214 </div>
2880 2215 </div>
2881 <div class="output_wrapper">
2216 <div class="vbox output_wrapper">
2882 2217 <div class="output vbox">
2883 <div class="prompt output_prompt">
2884 <div class="output vbox">Out[5]:</div>
2885 </div>
2886 2218 <div class="hbox output_area">
2887 <div class="prompt"></div>
2888 <div class="box-flex1 output_subarea output_pyout">
2889
2219 <div class="prompt output_prompt">Out[5]:</div>
2220 <div class="output_subarea output_pyout">
2890 2221 <img src="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQEAtAC0AAD//gAdQ29weXJpZ2h0IDIwMTIgVS5DLiBSZWdlbnRz/+Ef/kV4
2891 2222 aWYAAElJKgAIAAAACgAOAQIAIAAAAIYAAAAPAQIABgAAAKYAAAAQAQIAFAAAAKwAAAASAQMAAQAA
2892 2223 AAEAAAAaAQUAAQAAAMwAAAAbAQUAAQAAANQAAAAoAQMAAQAAAAIAAAAyAQIAFAAAANwAAAATAgMA
@@ -4085,7 +3416,8 b' iCexrNEssiuIRldxwPzrVLcxNEI8+g474/zFc3F2CidRLiNFyPXFBYQqgNKFOfw1pPRTStwsP4ZC'
4085 3416 </div>
4086 3417 </div>
4087 3418 </div>
4088 </div></section><section>
3419 </div>
3420 </section><section>
4089 3421 <div class="text_cell_render border-box-sizing rendered_html">
4090 3422 <p>Today's image from same webcam at Berkeley, (refreshed every minutes, if you reload the notebook), visible only with an active internet connexion, that should be different from the previous one. This will not work on Qtconsole.
4091 3423 Notebook saved with this kind of image will be lighter and always reflect the current version of the source, but the image won't display offline.</p>
@@ -4099,29 +3431,23 b' Notebook saved with this kind of image will be lighter and always reflect the cu'
4099 3431
4100 3432 </div>
4101 3433 </div>
4102 <div class="output_wrapper">
3434 <div class="vbox output_wrapper">
4103 3435 <div class="output vbox">
4104 <div class="prompt output_prompt">
4105 <div class="output vbox">Out[6]:</div>
4106 </div>
4107 3436 <div class="hbox output_area">
4108 <div class="prompt"></div>
4109 <div class="box-flex1 output_subarea output_pyout">
4110 <div class="output_html rendered_html">
3437 <div class="prompt output_prompt">Out[6]:</div>
3438 <div class="output_subarea output_pyout output_html rendered_html">
4111 3439 <img src="http://scienceview.berkeley.edu/view/images/newview.jpg" />
4112 3440 </div>
4113 3441 </div>
4114 3442 </div>
4115 3443 </div>
4116 3444 </div>
4117 </div><div style=display:none>
4118
4119 <div class="text_cell_render border-box-sizing rendered_html">
3445 <div style=display:none class="text_cell_render border-box-sizing rendered_html">
4120 3446 <p>Of course, if you re-run the all notebook, the two images will be the same again.</p>
4121 3447 </div>
4122 </div></section>
4123 </section><section>
4124 <section>
3448 </section>
3449 </section>
3450 <section>
4125 3451 <div class="text_cell_render border-box-sizing rendered_html">
4126 3452 <h3>Video</h3>
4127 3453 </div>
@@ -4143,15 +3469,11 b' hosted content is trivial):</p>'
4143 3469
4144 3470 </div>
4145 3471 </div>
4146 <div class="output_wrapper">
3472 <div class="vbox output_wrapper">
4147 3473 <div class="output vbox">
4148 <div class="prompt output_prompt">
4149 <div class="output vbox">Out[7]:</div>
4150 </div>
4151 3474 <div class="hbox output_area">
4152 <div class="prompt"></div>
4153 <div class="box-flex1 output_subarea output_pyout">
4154 <div class="output_html rendered_html">
3475 <div class="prompt output_prompt">Out[7]:</div>
3476 <div class="output_subarea output_pyout output_html rendered_html">
4155 3477
4156 3478 <iframe
4157 3479 width="400"
@@ -4166,9 +3488,7 b' hosted content is trivial):</p>'
4166 3488 </div>
4167 3489 </div>
4168 3490 </div>
4169 </div><div style=display:none>
4170
4171 <div class="text_cell_render border-box-sizing rendered_html">
3491 <div style=display:none class="text_cell_render border-box-sizing rendered_html">
4172 3492 <p>Using the nascent video capabilities of modern browsers, you may also be able to display local
4173 3493 videos. At the moment this doesn't work very well in all browsers, so it may or may not work for you;
4174 3494 we will continue testing this and looking for ways to make it more robust.<br />
@@ -4177,9 +3497,7 b' we will continue testing this and looking for ways to make it more robust.<br />'
4177 3497 transport, and uses the HTML5 video tag to load it. On Chrome 15 it works correctly, displaying a control
4178 3498 bar at the bottom with a play/pause button and a location slider.</p>
4179 3499 </div>
4180 </div><div style=display:none>
4181
4182 <div class="cell border-box-sizing code_cell vbox">
3500 <div style=display:none class="cell border-box-sizing code_cell vbox">
4183 3501 <div class="input hbox">
4184 3502 <div class="prompt input_prompt">In&nbsp;[8]:</div>
4185 3503 <div class="input_area box-flex1">
@@ -4192,15 +3510,11 b' bar at the bottom with a play/pause button and a location slider.</p>'
4192 3510
4193 3511 </div>
4194 3512 </div>
4195 <div class="output_wrapper">
3513 <div class="vbox output_wrapper">
4196 3514 <div class="output vbox">
4197 <div class="prompt output_prompt">
4198 <div class="output vbox">Out[8]:</div>
4199 </div>
4200 3515 <div class="hbox output_area">
4201 <div class="prompt"></div>
4202 <div class="box-flex1 output_subarea output_pyout">
4203 <div class="output_html rendered_html">
3516 <div class="prompt output_prompt">Out[8]:</div>
3517 <div class="output_subarea output_pyout output_html rendered_html">
4204 3518 <video controls alt="test" src="data:video/x-m4v;base64,AAAAHGZ0eXBNNFYgAAACAGlzb21pc28yYXZjMQAAAAhmcmVlAAAqiW1kYXQAAAKMBgX//4jcRem9
4205 3519 5tlIt5Ys2CDZI+7veDI2NCAtIGNvcmUgMTE4IC0gSC4yNjQvTVBFRy00IEFWQyBjb2RlYyAtIENv
4206 3520 cHlsZWZ0IDIwMDMtMjAxMSAtIGh0dHA6Ly93d3cudmlkZW9sYW4ub3JnL3gyNjQuaHRtbCAtIG9w
@@ -4416,10 +3730,8 b' AAAAAAAALGlsc3QAAAAkqXRvbwAAABxkYXRhAAAAAQAAAABMYXZmNTIuMTExLjA='
4416 3730 </div>
4417 3731 </div>
4418 3732 </div>
4419 </div>
4420 </div></section>
4421 </section><section>
4422 <section>
3733 </section>
3734 <section>
4423 3735 <div class="text_cell_render border-box-sizing rendered_html">
4424 3736 <h2>Local Files</h2>
4425 3737 <p>The above examples embed images and video from the notebook filesystem in the output
@@ -4427,9 +3739,8 b' areas of code cells. It is also possible to request these files directly in mar'
4427 3739 if they reside in the notebook directory via relative urls prefixed with <code>files/</code>:</p>
4428 3740 <pre><code>files/[subdirectory/]&lt;filename&gt;
4429 3741 </code></pre>
4430 </div><div style=display:none>
4431
4432 <div class="text_cell_render border-box-sizing rendered_html">
3742 </div>
3743 <div style=display:none class="text_cell_render border-box-sizing rendered_html">
4433 3744 <p>For example, in the example notebook folder, we have the Python logo, addressed as:</p>
4434 3745 <pre><code>&lt;img src="files/python-logo.svg" /&gt;
4435 3746 </code></pre>
@@ -4453,9 +3764,9 b' directory at a high level in your filesystem (e.g. your home directory).'
4453 3764 When you run the notebook in a password-protected manner, local file access is restricted
4454 3765 to authenticated users unless read-only views are active.
4455 3766 </div>
4456 </div></section>
4457 </section><section>
4458 <section>
3767 </section>
3768 <section>
3769 <section>
4459 3770 <div class="text_cell_render border-box-sizing rendered_html">
4460 3771 <h2>Linking to files and directories for viewing in the browser</h2>
4461 3772 <p>It is also possible to link directly to files or directories so they can be opened in the browser. This is especially convenient if you're interacting with a tool within IPython that generates HTML pages, and you'd like to easily be able to open those in a new browser window. Alternatively, if your IPython notebook server is on a remote system, creating links provides an easy way to download any files that get generated.</p>
@@ -4470,14 +3781,11 b' to authenticated users unless read-only views are active.'
4470 3781
4471 3782 </div>
4472 3783 </div>
4473 <div class="output_wrapper">
3784 <div class="vbox output_wrapper">
4474 3785 <div class="output vbox">
4475 <div class="prompt output_prompt">
4476 <div class="output vbox"></div>
4477 </div>
4478 3786 <div class="hbox output_area">
4479 <div class="prompt"></div>
4480 <div class="box-flex1 output_subarea output_stream output_stdout">
3787 <div class="prompt output_prompt"></div>
3788 <div class="output_subarea output_stream output_stdout">
4481 3789 <pre>00_notebook_tour.ipynb formatting.ipynb
4482 3790 01_notebook_introduction.ipynb octavemagic_extension.ipynb
4483 3791 Animations_and_Progress.ipynb publish_data.ipynb
@@ -4491,7 +3799,8 b' display_protocol.ipynb trapezoid_rule.ipynb'
4491 3799 </div>
4492 3800 </div>
4493 3801 </div>
4494 </div></section><section>
3802 </div>
3803 </section><section>
4495 3804 <div class="text_cell_render border-box-sizing rendered_html">
4496 3805 <p>If we want to create a link to one of them, we can call use the <code>FileLink</code> object.</p>
4497 3806 </div>
@@ -4505,22 +3814,18 b' display_protocol.ipynb trapezoid_rule.ipynb'
4505 3814
4506 3815 </div>
4507 3816 </div>
4508 <div class="output_wrapper">
3817 <div class="vbox output_wrapper">
4509 3818 <div class="output vbox">
4510 <div class="prompt output_prompt">
4511 <div class="output vbox">Out[2]:</div>
4512 </div>
4513 3819 <div class="hbox output_area">
4514 <div class="prompt"></div>
4515 <div class="box-flex1 output_subarea output_pyout">
4516 <div class="output_html rendered_html">
3820 <div class="prompt output_prompt">Out[2]:</div>
3821 <div class="output_subarea output_pyout output_html rendered_html">
4517 3822 <a href='files/00_notebook_tour.ipynb' target='_blank'>00_notebook_tour.ipynb</a><br>
4518 3823 </div>
4519 3824 </div>
4520 3825 </div>
4521 3826 </div>
4522 3827 </div>
4523 </div></section><section>
3828 </section><section>
4524 3829 <div class="text_cell_render border-box-sizing rendered_html">
4525 3830 <p>Alternatively, if we want to link to all of them, we can use the <code>FileLinks</code> object, passing <code>'.'</code> to indicate that we want links generated for the current working directory. Note that if there were other directories under the current directory, <code>FileLinks</code> would work in a recursive manner creating links to files in all sub-directories as well.</p>
4526 3831 </div>
@@ -4534,15 +3839,11 b' display_protocol.ipynb trapezoid_rule.ipynb'
4534 3839
4535 3840 </div>
4536 3841 </div>
4537 <div class="output_wrapper">
3842 <div class="vbox output_wrapper">
4538 3843 <div class="output vbox">
4539 <div class="prompt output_prompt">
4540 <div class="output vbox">Out[7]:</div>
4541 </div>
4542 3844 <div class="hbox output_area">
4543 <div class="prompt"></div>
4544 <div class="box-flex1 output_subarea output_pyout">
4545 <div class="output_html rendered_html">
3845 <div class="prompt output_prompt">Out[7]:</div>
3846 <div class="output_subarea output_pyout output_html rendered_html">
4546 3847 <a href='files/./00_notebook_tour.ipynb' target='_blank'>00_notebook_tour.ipynb</a><br>
4547 3848 <a href='files/./01_notebook_introduction.ipynb' target='_blank'>01_notebook_introduction.ipynb</a><br>
4548 3849 <a href='files/./animation.m4v' target='_blank'>animation.m4v</a><br>
@@ -4564,9 +3865,9 b' display_protocol.ipynb trapezoid_rule.ipynb'
4564 3865 </div>
4565 3866 </div>
4566 3867 </div>
4567 </div></section>
4568 </section><section>
4569 <section>
3868 </section>
3869 </section>
3870 <section>
4570 3871 <div class="text_cell_render border-box-sizing rendered_html">
4571 3872 <h3>External sites</h3>
4572 3873 <p>You can even embed an entire page from another site in an iframe; for example this is today's Wikipedia
@@ -4581,24 +3882,20 b' page for mobile users:</p>'
4581 3882
4582 3883 </div>
4583 3884 </div>
4584 <div class="output_wrapper">
3885 <div class="vbox output_wrapper">
4585 3886 <div class="output vbox">
4586 <div class="prompt output_prompt">
4587 <div class="output vbox">Out[9]:</div>
4588 </div>
4589 3887 <div class="hbox output_area">
4590 <div class="prompt"></div>
4591 <div class="box-flex1 output_subarea output_pyout">
4592 <div class="output_html rendered_html">
3888 <div class="prompt output_prompt">Out[9]:</div>
3889 <div class="output_subarea output_pyout output_html rendered_html">
4593 3890 <iframe src=http://en.mobile.wikipedia.org/?useformat=mobile width=700 height=350></iframe>
4594 3891 </div>
4595 3892 </div>
4596 3893 </div>
4597 3894 </div>
4598 3895 </div>
4599 </div></section>
4600 </section><section>
4601 <section>
3896 </section>
3897 <section>
3898 <section>
4602 3899 <div class="text_cell_render border-box-sizing rendered_html">
4603 3900 <h3>Mathematics</h3>
4604 3901 <p>And we also support the display of mathematical expressions typeset in LaTeX, which is rendered
@@ -4619,21 +3916,18 b' renders it. The <code>Math</code> object will add the needed LaTeX delimiters ('
4619 3916
4620 3917 </div>
4621 3918 </div>
4622 <div class="output_wrapper">
3919 <div class="vbox output_wrapper">
4623 3920 <div class="output vbox">
4624 <div class="prompt output_prompt">
4625 <div class="output vbox">Out[10]:</div>
4626 </div>
4627 3921 <div class="hbox output_area">
4628 <div class="prompt"></div>
4629 <div class="box-flex1 output_subarea output_pyout">
4630
3922 <div class="prompt output_prompt">Out[10]:</div>
3923 <div class="output_subarea output_pyout">
4631 3924 $$F(k) = \int_{-\infty}^{\infty} f(x) e^{2\pi i k} dx$$
4632 3925 </div>
4633 3926 </div>
4634 3927 </div>
4635 3928 </div>
4636 </div></section><section>
3929 </div>
3930 </section><section>
4637 3931 <div class="text_cell_render border-box-sizing rendered_html">
4638 3932 <p>With the <code>Latex</code> class, you have to include the delimiters yourself. This allows you to use other LaTeX modes such as <code>eqnarray</code>:</p>
4639 3933 </div>
@@ -4652,15 +3946,11 b' $$F(k) = \\int_{-\\infty}^{\\infty} f(x) e^{2\\pi i k} dx$$'
4652 3946
4653 3947 </div>
4654 3948 </div>
4655 <div class="output_wrapper">
3949 <div class="vbox output_wrapper">
4656 3950 <div class="output vbox">
4657 <div class="prompt output_prompt">
4658 <div class="output vbox">Out[11]:</div>
4659 </div>
4660 3951 <div class="hbox output_area">
4661 <div class="prompt"></div>
4662 <div class="box-flex1 output_subarea output_pyout">
4663
3952 <div class="prompt output_prompt">Out[11]:</div>
3953 <div class="output_subarea output_pyout">
4664 3954 \begin{eqnarray}
4665 3955 \nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} & = \frac{4\pi}{c}\vec{\mathbf{j}} \\
4666 3956 \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\
@@ -4671,7 +3961,8 b' $$F(k) = \\int_{-\\infty}^{\\infty} f(x) e^{2\\pi i k} dx$$'
4671 3961 </div>
4672 3962 </div>
4673 3963 </div>
4674 </div></section><section>
3964 </div>
3965 </section><section>
4675 3966 <div class="text_cell_render border-box-sizing rendered_html">
4676 3967 <p>Or you can enter latex directly with the <code>%%latex</code> cell magic:</p>
4677 3968 </div>
@@ -4690,15 +3981,11 b' $$F(k) = \\int_{-\\infty}^{\\infty} f(x) e^{2\\pi i k} dx$$'
4690 3981
4691 3982 </div>
4692 3983 </div>
4693 <div class="output_wrapper">
3984 <div class="vbox output_wrapper">
4694 3985 <div class="output vbox">
4695 <div class="prompt output_prompt">
4696 <div class="output vbox"></div>
4697 </div>
4698 3986 <div class="hbox output_area">
4699 <div class="prompt"></div>
4700 <div class="box-flex1 output_subarea output_display_data">
4701
3987 <div class="prompt output_prompt"></div>
3988 <div class="output_subarea output_display_data">
4702 3989 \begin{aligned}
4703 3990 \nabla \times \vec{\mathbf{B}} -\, \frac1c\, \frac{\partial\vec{\mathbf{E}}}{\partial t} & = \frac{4\pi}{c}\vec{\mathbf{j}} \\
4704 3991 \nabla \cdot \vec{\mathbf{E}} & = 4 \pi \rho \\
@@ -4709,15 +3996,15 b' $$F(k) = \\int_{-\\infty}^{\\infty} f(x) e^{2\\pi i k} dx$$'
4709 3996 </div>
4710 3997 </div>
4711 3998 </div>
4712 </div><div style=display:none>
4713
4714 <div class="text_cell_render border-box-sizing rendered_html">
3999 </div>
4000 <div style=display:none class="text_cell_render border-box-sizing rendered_html">
4715 4001 <p>There is also a <code>%%javascript</code> cell magic for running javascript directly,
4716 4002 and <code>%%svg</code> for manually entering SVG content.</p>
4717 4003 </div>
4718 </div></section>
4719 </section><section>
4720 <section>
4004 </section>
4005 </section>
4006 <section>
4007 <section>
4721 4008 <div class="text_cell_render border-box-sizing rendered_html">
4722 4009 <h1>Loading external codes</h1>
4723 4010 <ul>
@@ -4726,12 +4013,12 b' and <code>%%svg</code> for manually entering SVG content.</p>'
4726 4013 </ul>
4727 4014 <p>In this notebook we've kept the output saved so you can see the result, but you should run the next
4728 4015 cell yourself (with an active internet connection).</p>
4729 </div></section><section>
4016 </div>
4017 </section><section>
4730 4018 <div class="text_cell_render border-box-sizing rendered_html">
4731 4019 <p>Let's make sure we have pylab again, in case we have restarted the kernel due to the crash demo above</p>
4732 </div><div class="fragment">
4733
4734 <div class="cell border-box-sizing code_cell vbox">
4020 </div>
4021 <div class="fragment" class="cell border-box-sizing code_cell vbox">
4735 4022 <div class="input hbox">
4736 4023 <div class="prompt input_prompt">In&nbsp;[12]:</div>
4737 4024 <div class="input_area box-flex1">
@@ -4740,14 +4027,11 b' cell yourself (with an active internet connection).</p>'
4740 4027
4741 4028 </div>
4742 4029 </div>
4743 <div class="output_wrapper">
4030 <div class="vbox output_wrapper">
4744 4031 <div class="output vbox">
4745 <div class="prompt output_prompt">
4746 <div class="output vbox"></div>
4747 </div>
4748 4032 <div class="hbox output_area">
4749 <div class="prompt"></div>
4750 <div class="box-flex1 output_subarea output_stream output_stdout">
4033 <div class="prompt output_prompt"></div>
4034 <div class="output_subarea output_stream output_stdout">
4751 4035 <pre>
4752 4036 Welcome to pylab, a matplotlib-based Python environment [backend: module://IPython.zmq.pylab.backend_inline].
4753 4037 For more information, type &apos;help(pylab)&apos;.
@@ -4757,9 +4041,7 b' For more information, type &apos;help(pylab)&apos;.'
4757 4041 </div>
4758 4042 </div>
4759 4043 </div>
4760 </div><div class="fragment">
4761
4762 <div class="cell border-box-sizing code_cell vbox">
4044 <div class="fragment" class="cell border-box-sizing code_cell vbox">
4763 4045 <div class="input hbox">
4764 4046 <div class="prompt input_prompt">In&nbsp;[15]:</div>
4765 4047 <div class="input_area box-flex1">
@@ -4769,9 +4051,7 b' For more information, type &apos;help(pylab)&apos;.'
4769 4051 </div>
4770 4052 </div>
4771 4053 </div>
4772 </div><div style=display:none>
4773
4774 <div class="cell border-box-sizing code_cell vbox">
4054 <div style=display:none class="cell border-box-sizing code_cell vbox">
4775 4055 <div class="input hbox">
4776 4056 <div class="prompt input_prompt">In&nbsp;[16]:</div>
4777 4057 <div class="input_area box-flex1">
@@ -4813,15 +4093,11 b' For more information, type &apos;help(pylab)&apos;.'
4813 4093
4814 4094 </div>
4815 4095 </div>
4816 <div class="output_wrapper">
4096 <div class="vbox output_wrapper">
4817 4097 <div class="output vbox">
4818 <div class="prompt output_prompt">
4819 <div class="output vbox"></div>
4820 </div>
4821 4098 <div class="hbox output_area">
4822 <div class="prompt"></div>
4823 <div class="box-flex1 output_subarea output_display_data">
4824
4099 <div class="prompt output_prompt"></div>
4100 <div class="output_subarea output_display_data">
4825 4101 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV0AAAD5CAYAAACEcub7AAAABHNCSVQICAgIfAhkiAAAAAlwSFlz
4826 4102 AAALEgAACxIB0t1+/AAAIABJREFUeJzt3Xl0VPX5x/H3ZN9JkLAkASMYoiTIvoqgxRU3/LmgBVRq
4827 4103 XVHEVqFq0UiVRVwDatWjiBZcTottpYhSUBQw7ARIIAsQQljDEkJ2MjO/PwYoSMg6M3fu5PM6h2NJ
@@ -4982,9 +4258,8 b' X07vG9Z4QUTEBQ4dOkRpaSklJSVnnQPx/xV9BfkfDyZLAAAAAElFTkSuQmCC'
4982 4258 </div>
4983 4259 </div>
4984 4260 </div>
4985 </div></section>
4986 </section>
4987
4261 </section>
4262 </section>
4988 4263 </div></div>
4989 4264
4990 4265 <!-- Social buttons -->
@@ -5000,8 +4275,6 b' X07vG9Z4QUTEBQ4dOkRpaSklJSVnnQPx/xV9BfkfDyZLAAAAAElFTkSuQmCC'
5000 4275 <!-- MathJax configuration -->
5001 4276 <script type="text/x-mathjax-config">
5002 4277 MathJax.Hub.Config({
5003 <<<<<<< HEAD
5004 <<<<<<< HEAD
5005 4278 tex2jax: {
5006 4279 inlineMath: [ ['$','$'], ["\\(","\\)"] ],
5007 4280 displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
@@ -5010,21 +4283,6 b" displayAlign: 'left', // Change this to 'center' to center equations."
5010 4283 "HTML-CSS": {
5011 4284 styles: {'.MathJax_Display': {"margin": 0}}
5012 4285 }
5013 =======
5014 =======
5015 >>>>>>> damianavila/reveal_css_fix
5016 tex2jax: {
5017 inlineMath: [ ['$','$'], ["\\(","\\)"] ],
5018 displayMath: [ ['$$','$$'], ["\\[","\\]"] ]
5019 },
5020 displayAlign: 'center', // Change this to 'center' to center equations.
5021 "HTML-CSS": {
5022 styles: {'.MathJax_Display': {"margin": 0}}
5023 }
5024 <<<<<<< HEAD
5025 >>>>>>> Fixed mathjax inline and some not implemented notice.
5026 =======
5027 >>>>>>> damianavila/reveal_css_fix
5028 4286 });
5029 4287 </script>
5030 4288 <!-- End of mathjax configuration -->
@@ -5061,10 +4319,5 b" Reveal.addEventListener( 'slidechanged', function( event ) {"
5061 4319 MathJax.Hub.Rerender(event.currentSlide);
5062 4320 });
5063 4321 </script>
5064 <<<<<<< HEAD
5065 =======
5066
5067 >>>>>>> damianavila/reveal_css_fix
5068 4322 </body>
5069
5070 </html>
4323 </html> No newline at end of file
General Comments 0
You need to be logged in to leave comments. Login now