index.html (34876B)
1 <!DOCTYPE html> 2 <html style="font-size:20px !important"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width initial-scale=1" /> 6 <title>index</title> 7 <style type="text/css"> 8 html { 9 overflow-x: initial !important; 10 } 11 :root { 12 --bg-color: #ffffff; 13 --text-color: #333333; 14 --select-text-bg-color: #b5d6fc; 15 --select-text-font-color: auto; 16 --monospace: "Lucida Console", Consolas, "Courier", monospace; 17 } 18 html { 19 font-size: 14px; 20 background-color: var(--bg-color); 21 color: var(--text-color); 22 font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 23 -webkit-font-smoothing: antialiased; 24 } 25 body { 26 margin: 0px; 27 padding: 0px; 28 height: auto; 29 bottom: 0px; 30 top: 0px; 31 left: 0px; 32 right: 0px; 33 font-size: 1rem; 34 line-height: 1.42857143; 35 overflow-x: hidden; 36 background-image: inherit; 37 background-size: inherit; 38 background-attachment: inherit; 39 background-origin: inherit; 40 background-clip: inherit; 41 background-color: inherit; 42 tab-size: 4; 43 background-position: inherit inherit; 44 background-repeat: inherit inherit; 45 } 46 iframe { 47 margin: auto; 48 } 49 a.url { 50 word-break: break-all; 51 } 52 a:active, 53 a:hover { 54 outline: 0px; 55 } 56 .in-text-selection, 57 ::selection { 58 text-shadow: none; 59 background: var(--select-text-bg-color); 60 color: var(--select-text-font-color); 61 } 62 #write { 63 margin: 0px auto; 64 height: auto; 65 width: inherit; 66 word-break: normal; 67 word-wrap: break-word; 68 position: relative; 69 white-space: normal; 70 overflow-x: visible; 71 padding-top: 40px; 72 } 73 #write.first-line-indent p { 74 text-indent: 2em; 75 } 76 #write.first-line-indent li p, 77 #write.first-line-indent p * { 78 text-indent: 0px; 79 } 80 #write.first-line-indent li { 81 margin-left: 2em; 82 } 83 .for-image #write { 84 padding-left: 8px; 85 padding-right: 8px; 86 } 87 body.typora-export { 88 padding-left: 30px; 89 padding-right: 30px; 90 } 91 .typora-export .footnote-line, 92 .typora-export li, 93 .typora-export p { 94 white-space: pre-wrap; 95 } 96 .typora-export .task-list-item input { 97 pointer-events: none; 98 } 99 @media screen and (max-width: 500px) { 100 body.typora-export { 101 padding-left: 0px; 102 padding-right: 0px; 103 } 104 #write { 105 padding-left: 20px; 106 padding-right: 20px; 107 } 108 .CodeMirror-sizer { 109 margin-left: 0px !important; 110 } 111 .CodeMirror-gutters { 112 display: none !important; 113 } 114 } 115 #write li > figure:last-child { 116 margin-bottom: 0.5rem; 117 } 118 #write ol, 119 #write ul { 120 position: relative; 121 } 122 img { 123 max-width: 100%; 124 vertical-align: middle; 125 image-orientation: from-image; 126 } 127 button, 128 input, 129 select, 130 textarea { 131 color: inherit; 132 font-family: inherit; 133 font-size: inherit; 134 font-style: inherit; 135 font-variant-caps: inherit; 136 font-weight: inherit; 137 font-stretch: inherit; 138 line-height: inherit; 139 } 140 input[type="checkbox"], 141 input[type="radio"] { 142 line-height: normal; 143 padding: 0px; 144 } 145 *, 146 ::after, 147 ::before { 148 box-sizing: border-box; 149 } 150 #write h1, 151 #write h2, 152 #write h3, 153 #write h4, 154 #write h5, 155 #write h6, 156 #write p, 157 #write pre { 158 width: inherit; 159 } 160 #write h1, 161 #write h2, 162 #write h3, 163 #write h4, 164 #write h5, 165 #write h6, 166 #write p { 167 position: relative; 168 } 169 p { 170 line-height: inherit; 171 } 172 h1, 173 h2, 174 h3, 175 h4, 176 h5, 177 h6 { 178 break-after: avoid-page; 179 break-inside: avoid; 180 orphans: 4; 181 } 182 p { 183 orphans: 4; 184 } 185 h1 { 186 font-size: 2rem; 187 } 188 h2 { 189 font-size: 1.8rem; 190 } 191 h3 { 192 font-size: 1.6rem; 193 } 194 h4 { 195 font-size: 1.4rem; 196 } 197 h5 { 198 font-size: 1.2rem; 199 } 200 h6 { 201 font-size: 1rem; 202 } 203 .md-math-block, 204 .md-rawblock, 205 h1, 206 h2, 207 h3, 208 h4, 209 h5, 210 h6, 211 p { 212 margin-top: 1rem; 213 margin-bottom: 1rem; 214 } 215 .hidden { 216 display: none; 217 } 218 .md-blockmeta { 219 color: rgb(204, 204, 204); 220 font-weight: 700; 221 font-style: italic; 222 } 223 a { 224 cursor: pointer; 225 } 226 sup.md-footnote { 227 padding: 2px 4px; 228 background-color: rgba(238, 238, 238, 0.7); 229 color: rgb(85, 85, 85); 230 border-top-left-radius: 4px; 231 border-top-right-radius: 4px; 232 border-bottom-right-radius: 4px; 233 border-bottom-left-radius: 4px; 234 cursor: pointer; 235 } 236 sup.md-footnote a, 237 sup.md-footnote a:hover { 238 color: inherit; 239 text-transform: inherit; 240 text-decoration: inherit; 241 } 242 #write input[type="checkbox"] { 243 cursor: pointer; 244 width: inherit; 245 height: inherit; 246 } 247 figure { 248 overflow-x: auto; 249 margin: 1.2em 0px; 250 max-width: calc(100% + 16px); 251 padding: 0px; 252 } 253 figure > table { 254 margin: 0px; 255 } 256 tr { 257 break-inside: avoid; 258 break-after: auto; 259 } 260 thead { 261 display: table-header-group; 262 } 263 table { 264 border-collapse: collapse; 265 border-spacing: 0px; 266 width: 100%; 267 overflow: auto; 268 break-inside: auto; 269 text-align: left; 270 } 271 table.md-table td { 272 min-width: 32px; 273 } 274 .CodeMirror-gutters { 275 border-right-width: 0px; 276 background-color: inherit; 277 } 278 .CodeMirror-linenumber { 279 } 280 .CodeMirror { 281 text-align: left; 282 } 283 .CodeMirror-placeholder { 284 opacity: 0.3; 285 } 286 .CodeMirror pre { 287 padding: 0px 4px; 288 } 289 .CodeMirror-lines { 290 padding: 0px; 291 } 292 div.hr:focus { 293 cursor: none; 294 } 295 #write pre { 296 white-space: pre-wrap; 297 } 298 #write.fences-no-line-wrapping pre { 299 white-space: pre; 300 } 301 #write pre.ty-contain-cm { 302 white-space: normal; 303 } 304 .CodeMirror-gutters { 305 margin-right: 4px; 306 } 307 .md-fences { 308 font-size: 0.9rem; 309 display: block; 310 break-inside: avoid; 311 text-align: left; 312 overflow: visible; 313 white-space: pre; 314 background-image: inherit; 315 background-size: inherit; 316 background-attachment: inherit; 317 background-origin: inherit; 318 background-clip: inherit; 319 background-color: inherit; 320 position: relative !important; 321 background-position: inherit inherit; 322 background-repeat: inherit inherit; 323 } 324 .md-diagram-panel { 325 width: 100%; 326 margin-top: 10px; 327 text-align: center; 328 padding-top: 0px; 329 padding-bottom: 8px; 330 overflow-x: auto; 331 } 332 #write .md-fences.mock-cm { 333 white-space: pre-wrap; 334 } 335 .md-fences.md-fences-with-lineno { 336 padding-left: 0px; 337 } 338 #write.fences-no-line-wrapping .md-fences.mock-cm { 339 white-space: pre; 340 overflow-x: auto; 341 } 342 .md-fences.mock-cm.md-fences-with-lineno { 343 padding-left: 8px; 344 } 345 .CodeMirror-line, 346 twitterwidget { 347 break-inside: avoid; 348 } 349 .footnotes { 350 opacity: 0.8; 351 font-size: 0.9rem; 352 margin-top: 1em; 353 margin-bottom: 1em; 354 } 355 .footnotes + .footnotes { 356 margin-top: 0px; 357 } 358 .md-reset { 359 margin: 0px; 360 padding: 0px; 361 border: 0px; 362 outline: 0px; 363 vertical-align: top; 364 text-decoration: none; 365 text-shadow: none; 366 float: none; 367 position: static; 368 width: auto; 369 height: auto; 370 white-space: nowrap; 371 cursor: inherit; 372 line-height: normal; 373 font-weight: 400; 374 text-align: left; 375 box-sizing: content-box; 376 direction: ltr; 377 background-position: 0px 0px; 378 background-repeat: initial initial; 379 } 380 li div { 381 padding-top: 0px; 382 } 383 blockquote { 384 margin: 1rem 0px; 385 } 386 li .mathjax-block, 387 li p { 388 margin: 0.5rem 0px; 389 } 390 li { 391 margin: 0px; 392 position: relative; 393 } 394 blockquote > :last-child { 395 margin-bottom: 0px; 396 } 397 blockquote > :first-child, 398 li > :first-child { 399 margin-top: 0px; 400 } 401 .footnotes-area { 402 color: rgb(136, 136, 136); 403 margin-top: 0.714rem; 404 padding-bottom: 0.143rem; 405 white-space: normal; 406 } 407 #write .footnote-line { 408 white-space: pre-wrap; 409 } 410 @media print { 411 body, 412 html { 413 border: 1px solid transparent; 414 height: 99%; 415 break-after: avoid; 416 break-before: avoid; 417 font-variant-ligatures: no-common-ligatures; 418 } 419 #write { 420 margin-top: 0px; 421 padding-top: 0px; 422 border-color: transparent !important; 423 } 424 .typora-export * { 425 -webkit-print-color-adjust: exact; 426 } 427 html.blink-to-pdf { 428 font-size: 13px; 429 } 430 .typora-export #write { 431 break-after: avoid; 432 } 433 .typora-export #write::after { 434 height: 0px; 435 } 436 .is-mac table { 437 break-inside: avoid; 438 } 439 } 440 .footnote-line { 441 margin-top: 0.714em; 442 font-size: 0.7em; 443 } 444 a img, 445 img a { 446 cursor: pointer; 447 } 448 pre.md-meta-block { 449 font-size: 0.8rem; 450 min-height: 0.8rem; 451 white-space: pre-wrap; 452 background-color: rgb(204, 204, 204); 453 display: block; 454 overflow-x: hidden; 455 background-position: initial initial; 456 background-repeat: initial initial; 457 } 458 p > .md-image:only-child:not(.md-img-error) img, 459 p > img:only-child { 460 display: block; 461 margin: auto; 462 } 463 #write.first-line-indent p > .md-image:only-child:not(.md-img-error) img { 464 left: -2em; 465 position: relative; 466 } 467 p > .md-image:only-child { 468 display: inline-block; 469 width: 100%; 470 } 471 #write .MathJax_Display { 472 margin: 0.8em 0px 0px; 473 } 474 .md-math-block { 475 width: 100%; 476 } 477 .md-math-block:not(:empty)::after { 478 display: none; 479 } 480 [contenteditable="true"]:active, 481 [contenteditable="true"]:focus, 482 [contenteditable="false"]:active, 483 [contenteditable="false"]:focus { 484 outline: 0px; 485 box-shadow: none; 486 } 487 .md-task-list-item { 488 position: relative; 489 list-style-type: none; 490 } 491 .task-list-item.md-task-list-item { 492 padding-left: 0px; 493 } 494 .md-task-list-item > input { 495 position: absolute; 496 top: 0px; 497 left: 0px; 498 margin-left: -1.2em; 499 margin-top: calc(1em - 10px); 500 border: none; 501 } 502 .math { 503 font-size: 1rem; 504 } 505 .md-toc { 506 min-height: 3.58rem; 507 position: relative; 508 font-size: 0.9rem; 509 border-top-left-radius: 10px; 510 border-top-right-radius: 10px; 511 border-bottom-right-radius: 10px; 512 border-bottom-left-radius: 10px; 513 } 514 .md-toc-content { 515 position: relative; 516 margin-left: 0px; 517 } 518 .md-toc-content::after, 519 .md-toc::after { 520 display: none; 521 } 522 .md-toc-item { 523 display: block; 524 color: rgb(65, 131, 196); 525 } 526 .md-toc-item a { 527 text-decoration: none; 528 } 529 .md-toc-inner:hover { 530 text-decoration: underline; 531 } 532 .md-toc-inner { 533 display: inline-block; 534 cursor: pointer; 535 } 536 .md-toc-h1 .md-toc-inner { 537 margin-left: 0px; 538 font-weight: 700; 539 } 540 .md-toc-h2 .md-toc-inner { 541 margin-left: 2em; 542 } 543 .md-toc-h3 .md-toc-inner { 544 margin-left: 4em; 545 } 546 .md-toc-h4 .md-toc-inner { 547 margin-left: 6em; 548 } 549 .md-toc-h5 .md-toc-inner { 550 margin-left: 8em; 551 } 552 .md-toc-h6 .md-toc-inner { 553 margin-left: 10em; 554 } 555 @media screen and (max-width: 48em) { 556 .md-toc-h3 .md-toc-inner { 557 margin-left: 3.5em; 558 } 559 .md-toc-h4 .md-toc-inner { 560 margin-left: 5em; 561 } 562 .md-toc-h5 .md-toc-inner { 563 margin-left: 6.5em; 564 } 565 .md-toc-h6 .md-toc-inner { 566 margin-left: 8em; 567 } 568 } 569 a.md-toc-inner { 570 font-size: inherit; 571 font-style: inherit; 572 font-weight: inherit; 573 line-height: inherit; 574 } 575 .footnote-line a:not(.reversefootnote) { 576 color: inherit; 577 } 578 .md-attr { 579 display: none; 580 } 581 .md-fn-count::after { 582 content: "."; 583 } 584 code, 585 pre, 586 samp, 587 tt { 588 font-family: var(--monospace); 589 } 590 kbd { 591 margin: 0px 0.1em; 592 padding: 0.1em 0.6em; 593 font-size: 0.8em; 594 color: rgb(36, 39, 41); 595 background-color: rgb(255, 255, 255); 596 border: 1px solid rgb(173, 179, 185); 597 border-top-left-radius: 3px; 598 border-top-right-radius: 3px; 599 border-bottom-right-radius: 3px; 600 border-bottom-left-radius: 3px; 601 box-shadow: rgba(12, 13, 14, 0.2) 0px 1px 0px, 602 rgb(255, 255, 255) 0px 0px 0px 2px inset; 603 white-space: nowrap; 604 vertical-align: middle; 605 background-position: initial initial; 606 background-repeat: initial initial; 607 } 608 .md-comment { 609 color: rgb(162, 127, 3); 610 opacity: 0.8; 611 font-family: var(--monospace); 612 } 613 code { 614 text-align: left; 615 } 616 a.md-print-anchor { 617 white-space: pre !important; 618 border: none !important; 619 display: inline-block !important; 620 position: absolute !important; 621 width: 1px !important; 622 right: 0px !important; 623 outline: 0px !important; 624 text-shadow: initial !important; 625 background-position: 0px 0px !important; 626 background-repeat: initial initial !important; 627 } 628 .md-inline-math .MathJax_SVG .noError { 629 display: none !important; 630 } 631 .html-for-mac .inline-math-svg .MathJax_SVG { 632 vertical-align: 0.2px; 633 } 634 .md-math-block .MathJax_SVG_Display { 635 text-align: center; 636 margin: 0px; 637 position: relative; 638 text-indent: 0px; 639 max-width: none; 640 max-height: none; 641 min-height: 0px; 642 min-width: 100%; 643 width: auto; 644 overflow-y: hidden; 645 display: block !important; 646 } 647 .MathJax_SVG_Display, 648 .md-inline-math .MathJax_SVG_Display { 649 width: auto; 650 margin: inherit; 651 display: inline-block !important; 652 } 653 .MathJax_SVG .MJX-monospace { 654 font-family: var(--monospace); 655 } 656 .MathJax_SVG .MJX-sans-serif { 657 font-family: sans-serif; 658 } 659 .MathJax_SVG { 660 display: inline; 661 font-style: normal; 662 font-weight: 400; 663 line-height: normal; 664 zoom: 90%; 665 text-indent: 0px; 666 text-align: left; 667 text-transform: none; 668 letter-spacing: normal; 669 word-spacing: normal; 670 word-wrap: normal; 671 white-space: nowrap; 672 float: none; 673 direction: ltr; 674 max-width: none; 675 max-height: none; 676 min-width: 0px; 677 min-height: 0px; 678 border: 0px; 679 padding: 0px; 680 margin: 0px; 681 } 682 .MathJax_SVG * { 683 transition: none; 684 } 685 .MathJax_SVG_Display svg { 686 vertical-align: middle !important; 687 margin-bottom: 0px !important; 688 margin-top: 0px !important; 689 } 690 .os-windows.monocolor-emoji .md-emoji { 691 font-family: "Segoe UI Symbol", sans-serif; 692 } 693 .md-diagram-panel > svg { 694 max-width: 100%; 695 } 696 [lang="flow"] svg, 697 [lang="mermaid"] svg { 698 max-width: 100%; 699 height: auto; 700 } 701 [lang="mermaid"] .node text { 702 font-size: 1rem; 703 } 704 table tr th { 705 border-bottom-width: 0px; 706 } 707 video { 708 max-width: 100%; 709 display: block; 710 margin: 0px auto; 711 } 712 iframe { 713 max-width: 100%; 714 width: 100%; 715 border: none; 716 } 717 .highlight td, 718 .highlight tr { 719 border: 0px; 720 } 721 svg[id^="mermaidChart"] { 722 line-height: 1em; 723 } 724 mark { 725 background-color: rgb(255, 255, 0); 726 color: rgb(0, 0, 0); 727 background-position: initial initial; 728 background-repeat: initial initial; 729 } 730 .md-html-inline .md-plain, 731 .md-html-inline strong, 732 mark .md-inline-math, 733 mark strong { 734 color: inherit; 735 } 736 mark .md-meta { 737 color: rgb(0, 0, 0); 738 opacity: 0.3 !important; 739 } 740 @media print { 741 .typora-export h1, 742 .typora-export h2, 743 .typora-export h3, 744 .typora-export h4, 745 .typora-export h5, 746 .typora-export h6 { 747 break-inside: avoid; 748 } 749 } 750 751 html { 752 font-size: 19px; 753 } 754 755 html, 756 body { 757 margin: auto; 758 background: #fefefe; 759 } 760 body { 761 font-family: "CMU Serif"; 762 color: #333; 763 line-height: 1.4; 764 text-align: justify; 765 } 766 767 #write { 768 max-width: 960px; 769 margin: 0 auto; 770 margin-bottom: 2em; 771 line-height: 1.53; 772 padding-top: 40px; 773 } 774 775 @media only screen and (min-width: 1400px) { 776 #write { 777 max-width: 1100px; 778 } 779 } 780 781 /* Typography 782 -------------------------------------------------------- */ 783 784 #write > h1:first-child, 785 h1 { 786 margin-top: 1.6em; 787 font-weight: normal; 788 } 789 790 h1 { 791 font-size: 3em; 792 } 793 794 h2 { 795 margin-top: 2em; 796 font-weight: normal; 797 } 798 799 h3 { 800 font-weight: normal; 801 font-style: italic; 802 margin-top: 3em; 803 } 804 805 h1, 806 h2, 807 h3 { 808 text-align: center; 809 } 810 811 h2:after { 812 border-bottom: 1px solid #2f2f2f; 813 content: ""; 814 width: 100px; 815 display: block; 816 margin: 0 auto; 817 height: 1px; 818 } 819 820 h1 + h2, 821 h2 + h3 { 822 margin-top: 0.83em; 823 } 824 825 p, 826 .mathjax-block { 827 margin-top: 0; 828 -webkit-hypens: auto; 829 -moz-hypens: auto; 830 hyphens: auto; 831 } 832 ul { 833 margin-left: 1.2em; 834 list-style: disc; 835 padding-left: 1.2em; 836 } 837 ol { 838 margin-left: 2.4em; 839 padding-left: 1.2em; 840 } 841 blockquote { 842 margin-left: 1em; 843 padding-left: 1em; 844 border-left: 1px solid #ddd; 845 } 846 code, 847 pre { 848 font-family: "CMU Typewriter Text Variable width", monospace; 849 font-size: 0.9em; 850 background: white; 851 } 852 .md-fences { 853 margin-left: 1em; 854 padding-left: 1em; 855 border: 1px solid #ddd; 856 padding-bottom: 8px; 857 padding-top: 6px; 858 margin-bottom: 1.5em; 859 } 860 861 a { 862 color: #2484c1; 863 text-decoration: none; 864 } 865 a:hover { 866 text-decoration: underline; 867 } 868 a img { 869 border: none; 870 } 871 h1 a, 872 h1 a:hover { 873 color: #333; 874 text-decoration: none; 875 } 876 hr { 877 color: #ddd; 878 height: 1px; 879 margin: 2em 0; 880 border-top: solid 1px #ddd; 881 border-bottom: none; 882 border-left: 0; 883 border-right: 0; 884 } 885 .ty-table-edit { 886 background: #ededed; 887 padding-top: 4px; 888 } 889 table { 890 margin-bottom: 1.333333rem; 891 } 892 table th, 893 table td { 894 padding: 8px; 895 line-height: 1.333333rem; 896 vertical-align: top; 897 border-top: 1px solid #ddd; 898 } 899 table th { 900 font-weight: bold; 901 } 902 table thead th { 903 vertical-align: bottom; 904 } 905 table caption + thead tr:first-child th, 906 table caption + thead tr:first-child td, 907 table colgroup + thead tr:first-child th, 908 table colgroup + thead tr:first-child td, 909 table thead:first-child tr:first-child th, 910 table thead:first-child tr:first-child td { 911 border-top: 0; 912 } 913 table tbody + tbody { 914 border-top: 2px solid #ddd; 915 } 916 917 .task-list { 918 padding: 0; 919 } 920 921 .md-task-list-item { 922 padding-left: 1.6rem; 923 } 924 925 .md-task-list-item > input:before { 926 content: "\221A"; 927 display: inline-block; 928 width: 1.33333333rem; 929 height: 1.6rem; 930 vertical-align: middle; 931 text-align: center; 932 color: #ddd; 933 background-color: #fefefe; 934 } 935 936 .md-task-list-item > input:checked:before, 937 .md-task-list-item > input[checked]:before { 938 color: inherit; 939 } 940 .md-tag { 941 color: inherit; 942 font: inherit; 943 } 944 #write pre.md-meta-block { 945 min-height: 35px; 946 padding: 0.5em 1em; 947 } 948 #write pre.md-meta-block { 949 white-space: pre; 950 background: #f8f8f8; 951 border: 0px; 952 color: #999; 953 954 width: 100vw; 955 max-width: calc(100% + 60px); 956 margin-left: -30px; 957 border-left: 30px #f8f8f8 solid; 958 border-right: 30px #f8f8f8 solid; 959 960 margin-bottom: 2em; 961 margin-top: -1.3333333333333rem; 962 padding-top: 26px; 963 padding-bottom: 10px; 964 line-height: 1.8em; 965 font-size: 0.9em; 966 font-size: 0.76em; 967 padding-left: 0; 968 } 969 .md-img-error.md-image > .md-meta { 970 vertical-align: bottom; 971 } 972 #write > h5.md-focus:before { 973 top: 2px; 974 } 975 976 .md-toc { 977 margin-top: 40px; 978 } 979 980 .md-toc-content { 981 padding-bottom: 20px; 982 } 983 984 .outline-expander:before { 985 color: inherit; 986 font-size: 14px; 987 top: auto; 988 content: "\f0da"; 989 font-family: FontAwesome; 990 } 991 992 .outline-expander:hover:before, 993 .outline-item-open > .outline-item > .outline-expander:before { 994 content: "\f0d7"; 995 } 996 997 /** source code mode */ 998 #typora-source { 999 font-family: "CMU Typewriter Text Variable width", monospace; 1000 color: #6a6a6a; 1001 } 1002 1003 .html-for-mac #typora-sidebar { 1004 -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 1005 box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); 1006 } 1007 1008 .cm-s-typora-default .cm-header, 1009 .cm-s-typora-default .cm-property, 1010 .CodeMirror.cm-s-typora-default div.CodeMirror-cursor { 1011 color: #428bca; 1012 } 1013 1014 .cm-s-typora-default .cm-atom, 1015 .cm-s-typora-default .cm-number { 1016 color: #777777; 1017 } 1018 1019 .typora-node .file-list-item-parent-loc, 1020 .typora-node .file-list-item-time, 1021 .typora-node .file-list-item-summary { 1022 font-family: "CMU Bright", sans-serif; 1023 } 1024 1025 .md-task-list-item > input { 1026 margin-left: -1.3em; 1027 margin-top: calc(1rem - 12px); 1028 } 1029 1030 .md-mathjax-midline { 1031 background: #fafafa; 1032 } 1033 1034 .md-fences .code-tooltip { 1035 bottom: -2em !important; 1036 } 1037 1038 .dropdown-menu .divider { 1039 border-color: #e5e5e5; 1040 } 1041 1042 .typora-export li, 1043 .typora-export p, 1044 .typora-export, 1045 .footnote-line { 1046 white-space: normal; 1047 } 1048 </style> 1049 </head> 1050 <body class="typora-export"> 1051 <div id="write" class=""> 1052 <h1> 1053 <a name="web-surfing" class="md-header-anchor"></a 1054 ><span>Web surfing</span> 1055 </h1> 1056 <div class="md-toc" mdtype="toc"> 1057 <p class="md-toc-content" role="list"> 1058 <span role="listitem" class="md-toc-item md-toc-h1" data-ref="n0" 1059 ><a class="md-toc-inner" href="#web-surfing">Web surfing</a></span 1060 ><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n3" 1061 ><a class="md-toc-inner" href="#about-this-page" 1062 >About this page</a 1063 ></span 1064 ><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n6" 1065 ><a class="md-toc-inner" href="#lists">Lists</a></span 1066 ><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n10" 1067 ><a class="md-toc-inner" href="#society">Society</a></span 1068 ><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n11" 1069 ><a class="md-toc-inner" href="#discrimination" 1070 >Discrimination</a 1071 ></span 1072 ><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n15" 1073 ><a class="md-toc-inner" href="#programming">Programming</a></span 1074 ><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n16" 1075 ><a class="md-toc-inner" href="#c">C++</a></span 1076 ><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n20" 1077 ><a class="md-toc-inner" href="#haskell">Haskell</a></span 1078 ><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n24" 1079 ><a class="md-toc-inner" href="#libraries">Libraries</a></span 1080 ><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n28" 1081 ><a class="md-toc-inner" href="#philosophy">Philosophy</a></span 1082 ><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n32" 1083 ><a class="md-toc-inner" href="#digital-rights" 1084 >Digital rights</a 1085 ></span 1086 ><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n33" 1087 ><a class="md-toc-inner" href="#dmca">DMCA</a></span 1088 ><span role="listitem" class="md-toc-item md-toc-h2" data-ref="n39" 1089 ><a class="md-toc-inner" href="#operating-systems" 1090 >Operating Systems</a 1091 ></span 1092 ><span role="listitem" class="md-toc-item md-toc-h3" data-ref="n40" 1093 ><a class="md-toc-inner" href="#unix">UNIX</a></span 1094 > 1095 </p> 1096 </div> 1097 <h2> 1098 <a name="about-this-page" class="md-header-anchor"></a 1099 ><span>About this page</span> 1100 </h2> 1101 <p> 1102 <span 1103 >Over the years, I have learned a great deal of things from Dr John N 1104 Shutt. One of the things that Dr Shutt would mention was their surfing 1105 page.</span 1106 > 1107 </p> 1108 <p> 1109 <span 1110 >I was careless to lose that message. Ironically, in that message, Dr 1111 Shutt had explained how he would save a list of all the resources that 1112 he had found helpful over the years. While that message is lost, the 1113 intent is passed on successfully. This is my page of the 1114 resources.</span 1115 > 1116 </p> 1117 <h2><a name="lists" class="md-header-anchor"></a><span>Lists</span></h2> 1118 <ul> 1119 <li> 1120 <a href="https://web.cs.wpi.edu/~jshutt/surfing.html" 1121 ><span>Web Surfing</span></a 1122 ><span> by Dr John N. Shutt. </span 1123 ><a 1124 href="http://web.archive.org/web/20200620195809/https://web.cs.wpi.edu/~jshutt/surfing.html" 1125 ><span>Archived link</span></a 1126 ><span>.</span> 1127 </li> 1128 </ul> 1129 <h2> 1130 <a name="society" class="md-header-anchor"></a><span>Society</span> 1131 </h2> 1132 <h3> 1133 <a name="discrimination" class="md-header-anchor"></a 1134 ><span>Discrimination</span> 1135 </h3> 1136 <ul> 1137 <li> 1138 <a 1139 href="https://www.haydenplanetarium.org/tyson/commentary/2020-06-03-reflections-on-color-of-my-skin.php" 1140 ><span>Reflections on the Color of My Skin</span></a 1141 ><span> (</span 1142 ><strong 1143 ><span 1144 >"when you see black kids in the street, think of what they 1145 can be rather than what you think they are"</span 1146 ></strong 1147 ><span>) by Neil deGrasse Tyson. Dated June 3, 2020. </span 1148 ><a 1149 href="http://web.archive.org/web/20200617143634/https://haydenplanetarium.org/tyson/commentary/2020-06-03-reflections-on-color-of-my-skin.php" 1150 ><span>Archived link</span></a 1151 ><span>.</span> 1152 </li> 1153 </ul> 1154 <h2> 1155 <a name="programming" class="md-header-anchor"></a 1156 ><span>Programming</span> 1157 </h2> 1158 <h3><a name="c" class="md-header-anchor"></a><span>C++</span></h3> 1159 <ul> 1160 <li> 1161 <a href="http://harmful.cat-v.org/software/c++/linus" 1162 ><span 1163 >Re: [RFC] Convert builin-mailinfo.c to use The Better String 1164 Library.</span 1165 ></a 1166 ><span> (</span 1167 ><strong 1168 ><span>Quite frankly, even if the choice of C were to do </span 1169 ><em><span>nothing</span></em 1170 ><span> 1171 but keep the C++ programmers out, that in itself would be a huge 1172 reason to use C.</span 1173 ></strong 1174 ><span>) by Linus Torvalds. Dated September 6, 2007 </span 1175 ><a 1176 href="https://web.archive.org/web/20201101005415/http://harmful.cat-v.org/software/c++/linus" 1177 ><span>Archived link</span></a 1178 ><span>.</span> 1179 </li> 1180 </ul> 1181 <h3> 1182 <a name="haskell" class="md-header-anchor"></a><span>Haskell</span> 1183 </h3> 1184 <ul> 1185 <li> 1186 <a 1187 href="https://www.youtube.com/watch?v=pUN3algpvMs&feature=youtu.be" 1188 ><span>Haskell for JavaScript programmers</span></a 1189 ><span> by Alexey Kutepov. Dated January 19, 2018 </span 1190 ><a 1191 href="http://web.archive.org/web/20201120090312/https://www.youtube.com/watch?v=pUN3algpvMs" 1192 ><span>Archived link</span></a 1193 ><span>.</span> 1194 </li> 1195 </ul> 1196 <h3> 1197 <a name="libraries" class="md-header-anchor"></a><span>Libraries</span> 1198 </h3> 1199 <ul> 1200 <li> 1201 <a 1202 href="https://matplotlib.org/3.1.1/api/_as_gen/matplotlib.pyplot.xkcd.html" 1203 ><span>matplotlib.pyplot.xkcd</span></a 1204 ><span> (</span 1205 ><strong><span>Turn on xkcd sketch-style drawing mode</span></strong 1206 ><span>) by Matplotlib. Date of access November 24, 2020 </span 1207 ><a 1208 href="http://web.archive.org/web/20201101014822/https://matplotlib.org/3.1.1/api/_as_gen/matplotlib.pyplot.xkcd.html" 1209 ><span>Archived link</span></a 1210 ><span>.</span> 1211 </li> 1212 </ul> 1213 <h3> 1214 <a name="philosophy" class="md-header-anchor"></a 1215 ><span>Philosophy</span> 1216 </h3> 1217 <ul> 1218 <li> 1219 <a 1220 href="https://cemerick.com/2009/03/24/why-mit-now-uses-python-instead-of-scheme-for-its-undergraduate-cs-program/" 1221 ><span 1222 >Why MIT now uses python instead of scheme for its undergraduate 1223 CS program</span 1224 ></a 1225 ><span> (</span 1226 ><strong 1227 ><span 1228 >"what generaly happened was a programmer would think for a 1229 really long time, and then write just a little bit of code [...] 1230 It was a much simpler time"</span 1231 ></strong 1232 ><span>) by Chas Emerick. Dated March 24, 2009. </span 1233 ><a 1234 href="https://web.archive.org/web/20200625002236/https://cemerick.com/2009/03/24/why-mit-now-uses-python-instead-of-scheme-for-its-undergraduate-cs-program/" 1235 ><span>Archived link</span></a 1236 ><span>.</span> 1237 </li> 1238 </ul> 1239 <h2> 1240 <a name="digital-rights" class="md-header-anchor"></a 1241 ><span>Digital rights</span> 1242 </h2> 1243 <h3><a name="dmca" class="md-header-anchor"></a><span>DMCA</span></h3> 1244 <ul> 1245 <li> 1246 <a href="https://pluralistic.net/2020/10/24/1201-v-dl-youtube/#1201" 1247 ><span>RIAA kills youtube-dl</span></a 1248 ><span> (</span 1249 ><strong 1250 ><span 1251 >"But from the very first days, it was clear that DMCA1201 1252 was NOT about preventing copyright infringement, it was about 1253 enforcing business models."</span 1254 ></strong 1255 ><span>) by Cory Doctorow. Dated October 24, 2020. </span 1256 ><a 1257 href="http://web.archive.org/web/20201025091726/https://pluralistic.net/2020/10/24/1201-v-dl-youtube/#1201" 1258 ><span>Archived link</span></a 1259 ><span>.</span> 1260 </li> 1261 <li> 1262 <a 1263 href="https://games.slashdot.org/comments.pl?sid=151312&cid=12701745" 1264 ><span>Parasites by John Carmack</span></a 1265 ><span> (</span 1266 ><strong 1267 ><span 1268 >Why should society reward that? What benefit does it bring? It 1269 doesn't help bring more, better, or cheaper products to 1270 market. Those all come from competition, not arbitrary 1271 monopolies.</span 1272 ></strong 1273 ><span>) by John Carmack. Dated June 01, 2005. </span 1274 ><a 1275 href="http://web.archive.org/web/20170809054444/https://games.slashdot.org/comments.pl?sid=151312&cid=12701745" 1276 ><span>Archived link</span></a 1277 ><span>.</span> 1278 </li> 1279 </ul> 1280 <h2> 1281 <a name="operating-systems" class="md-header-anchor"></a 1282 ><span>Operating Systems</span> 1283 </h2> 1284 <h3><a name="unix" class="md-header-anchor"></a><span>UNIX</span></h3> 1285 <ul> 1286 <li> 1287 <a href="https://www.youtube.com/watch?v=tc4ROCJYbm0" 1288 ><span>AT&T Archives: The UNIX Operating System</span></a 1289 ><span> by AT&T Tech Channel. Dated February 22, 2012. </span 1290 ><a 1291 href="http://web.archive.org/web/20201007024906if_/https://www.youtube.com/watch?v=tc4ROCJYbm0" 1292 ><span>Archived link</span></a 1293 ><span>.</span> 1294 </li> 1295 </ul> 1296 </div> 1297 </body> 1298 </html>