You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

165 lines
3.0 KiB

5 years ago
5 years ago
5 years ago
  1. <!DOCTYPE html>
  2. <html class="ocks-org do-not-copy">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Comprehensive Python Cheatsheet</title>
  6. <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
  7. <script src="https://d3js.org/d3.v3.min.js" charset="utf-8"></script>
  8. <script src="web/showdown.min.js"></script>
  9. <link rel="stylesheet" href="web/default.min.css">
  10. <script src="web/highlight.min.js"></script>
  11. <script src="web/script.js"></script>
  12. <meta name="twitter:card" content="summary_large_image">
  13. <meta name="twitter:title" content="Comprehensive Python Cheatsheet">
  14. <meta name="twitter:description" content="Exhaustive, simple, beautiful and concise. A truly pythonic cheat sheet about Python programming language.">
  15. <meta name="twitter:image" content="https://gto76.github.io/python-cheatsheet/web/image_twitter_card_2.jpeg">
  16. </head>
  17. <style>
  18. @import url(web/style.css);
  19. .join,
  20. .link,
  21. .node rect {
  22. fill: none;
  23. stroke: #636363;
  24. stroke-width: 1.5px;
  25. }
  26. .link {
  27. stroke: #969696;
  28. }
  29. .node rect {
  30. fill: white;
  31. }
  32. .link path,
  33. .node rect,
  34. .node text,
  35. .join {
  36. -webkit-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear;
  37. -moz-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear;
  38. -ms-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear;
  39. -o-transition: stroke-opacity 500ms linear, fill-opacity 500ms linear;
  40. transition: stroke-opacity 500ms linear, fill-opacity 500ms linear;
  41. }
  42. .node .element rect {
  43. fill: #bdbdbd;
  44. stroke: none;
  45. }
  46. .node .null rect {
  47. fill: none;
  48. stroke: none;
  49. }
  50. .node .null text {
  51. fill: #636363;
  52. }
  53. .node .selection rect {
  54. stroke: #e6550d;
  55. }
  56. .node .data rect {
  57. stroke: #3182bd;
  58. }
  59. .node .datum rect {
  60. fill: #d9d9d9;
  61. stroke: none;
  62. }
  63. .node .code text {
  64. font-family: monospace;
  65. }
  66. .node .key rect {
  67. fill: #a1d99b;
  68. stroke: none;
  69. }
  70. .link .to-key,
  71. .join {
  72. stroke: #a1d99b;
  73. }
  74. .join {
  75. stroke-dasharray: 2,2;
  76. }
  77. .link .to-null {
  78. stroke-dasharray: .5,3.5;
  79. stroke-linecap: round;
  80. }
  81. .link .from-data {
  82. stroke: #3182bd;
  83. }
  84. .play circle {
  85. fill: #fff;
  86. stroke: #000;
  87. stroke-width: 3px;
  88. }
  89. .play:hover path {
  90. fill: #f00;
  91. }
  92. .play.mousedown circle {
  93. fill: #f00;
  94. }
  95. .play.mousedown path {
  96. fill: #fff;
  97. }
  98. .play rect {
  99. fill: none;
  100. pointer-events: all;
  101. cursor: pointer;
  102. }
  103. code span {
  104. -webkit-transition: background 250ms linear;
  105. -moz-transition: background 250ms linear;
  106. -ms-transition: background 250ms linear;
  107. -o-transition: background 250ms linear;
  108. transition: background 250ms linear;
  109. }
  110. pre.prettyprint, code.prettyprint {
  111. background-color: #222;
  112. border-radius: 8px;
  113. font-size: 15px;
  114. }
  115. pre.prettyprint {
  116. width: 90%;
  117. margin: 0.5em;
  118. padding: 1em;
  119. white-space: pre-wrap;
  120. }
  121. </style>
  122. <body>
  123. <header>
  124. <aside>March 14, 2018</aside>
  125. <a href="../" rel="author">Jure Šorn</a>
  126. </header>
  127. <div id=main_container></div>
  128. <footer>
  129. <aside>March 14, 2018</aside>
  130. <a href="../" rel="author">Jure Šorn</a>
  131. </footer>
  132. <br>
  133. <br>
  134. <br>
  135. </body>
  136. </html>