org-demo.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. <div id="org-demo">
  2. <asside class="label-left">Metadata </asside>
  3. <pre class="label-left">
  4. #+title: <span class="org-document-title">Example Org File</span>
  5. #+author: <span class="org-document-info">TEC</span>
  6. #+date: <span class="org-document-info">2020-10-27</span>
  7. </pre>
  8. <details open><summary>
  9. <asside class="right">
  10. <h4>Outlining</h4>
  11. Headlines and folding make structured editing a breeze.
  12. Plain text makes it easy to sync and version control Org files.
  13. </asside>
  14. <pre>
  15. <span class="org-level-1">* Revamp orgmode.org website</span>
  16. </pre> </summary>
  17. <asside class="left">
  18. <h4>Agenda</h4>
  19. List todos across all your files.
  20. Filter content, and update it in place.
  21. </asside>
  22. <pre>
  23. The <i>/beauty/</i> of org <b>*must*</b> be shared.
  24. </pre>
  25. <details class="replace"> <summary>
  26. <pre>
  27. <span class="org-link">[[https://upload.wikimedia.org/wikipedia/commons/b/bd/Share_Icon.svg]]</span>
  28. </pre> </summary>
  29. <img src="https://upload.wikimedia.org/wikipedia/commons/b/bd/Share_Icon.svg" alt="share icon" style="height: 3em; margin-left: 1.5em"/>
  30. </details>
  31. <details open class="br"><summary><pre>
  32. <span class="org-level-2">** <span class="org-done">DONE Make screenshots</span></span>
  33. </pre></summary><pre>
  34. <span class="org-special-keyword">CLOSED:</span> <span class="org-date">[2020-09-03 Thu 18:24]</span>
  35. </pre></details>
  36. <details open><summary><pre>
  37. <span class="org-level-2">** <span class="org-todo-active">HOLD</span> Restyle Site CSS</span>
  38. </pre></summary><pre>
  39. Go through <span class="org-link"><a href="/resources/style/org.css">[[file:style.scss][stylesheet]]</a></span>
  40. </pre></details>
  41. <details><summary><pre>
  42. <span class="org-level-2">** <span class="org-todo">TODO</span> Check CSS on main pages <span class="org-checkbox-statistics-todo">[28%]</span></span>
  43. </pre></summary><pre>
  44. <span class="org-list-dt">-</span> <span class="org-done">[X] Index page</span>
  45. <span class="org-list-dt">-</span> <span class="org-checkbox">[-]</span> Quickstart
  46. <span class="org-list-dt">-</span> <span class="org-done">[X] Features</span>
  47. <span class="org-list-dt">-</span> <span class="org-checkbox">[ ]</span> Releases
  48. <span class="org-list-dt">-</span> <span class="org-checkbox">[-]</span> Install
  49. <span class="org-list-dt">-</span> <span class="org-checkbox">[ ]</span> Manual
  50. <span class="org-list-dt">-</span> <span class="org-checkbox">[ ]</span> Contribute
  51. </pre></details>
  52. </details>
  53. <details open class="label-left"><summary>
  54. <asside class="label-left">Prose</asside>
  55. <pre><span class="org-level-1">* Update Manual</span></pre>
  56. </summary><pre>
  57. We should provide a simpler experience for new users.
  58. Org has a lot to offer, but it's easy to become overwhelmed.
  59. Providing a clearer introduction to the basics would be a good improvement.
  60. Hopefully the new "Quickstart" page will help with that.
  61. </pre>
  62. <details open><summary><pre>
  63. <span class="org-level-2">** Feedback</span>
  64. </pre></summary><pre>
  65. <span class="org-special-keyword">#+include: "other/feedback.org*manual" :only-contents t</span>
  66. </pre></details></details>
  67. <details open><summary><pre>
  68. <span class="org-level-1">* Investigate some prime moduli</span>
  69. </pre></summary>
  70. <asside class="right">
  71. <h4>Babel</h4>
  72. Perform literate programing in org,
  73. with notebook-like live code execution in the buffer.
  74. </asside>
  75. <asside class="label-left">Code</asside>
  76. <details open><summary>
  77. <pre class="label-left" style="background-color: #ccc4">
  78. <span class="org-block-begin-line">#+begin_src python</span>
  79. </pre></summary>
  80. <pre class="src label-left" style="background-color: #fff4">
  81. <span class="org-variable-name">primes</span> = [2, 5, 7, 11]
  82. <span class="org-variable-name">remainders</span> = []
  83. <span class="org-keyword">for</span> i <span class="org-keyword">in</span> <span class="org-builtin">range</span>(2, 6):
  84. remainders.append([p % i <span class="org-keyword">for</span> p <span class="org-keyword">in</span> primes])
  85. <span class="org-keyword">return</span> remainders
  86. </pre><pre class="label-left" style="background-color: #ccc4">
  87. <span class="org-block-end-line">#+end_src</span>
  88. </pre></details>
  89. <details open><summary>
  90. <asside class="label-left">Evaluated results</asside>
  91. <pre class="label-left br"> <span class="org-block-begin-line">#+RESULTS:</span>
  92. </pre></summary>
  93. <pre class="label-left">
  94. <span class="org-table">| 0 | 1 | 1 | 1 |
  95. | 2 | 2 | 1 | 2 |
  96. | 2 | 1 | 3 | 3 |
  97. | 2 | 0 | 2 | 1 |
  98. </span>
  99. </pre></details>
  100. </details>
  101. </div>