25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

169 lines
4.4KB

  1. <!DOCTYPE html>
  2. <html>
  3. <meta charset="utf-8">
  4. <head>
  5. <style>
  6. #header
  7. {
  8. background: #856d51;
  9. padding: 0.7em;
  10. text-align: left;
  11. }
  12. #header a
  13. {
  14. color: white;
  15. text-decoration: none;
  16. padding: 0.5em 1em 0.5em 1em;
  17. }
  18. #title
  19. {
  20. color: #433729;
  21. }
  22. html
  23. {
  24. font-family: sans-serif;
  25. }
  26. body
  27. {
  28. line-height: 1.5em;
  29. }
  30. body
  31. {
  32. background: #FAFAFA;
  33. }
  34. table
  35. {
  36. border-collapse: collapse;
  37. width: 100%;
  38. }
  39. table, th, td
  40. {
  41. border: 1px solid #aaa;
  42. padding: 0.5em;
  43. margin-top: 0.5em;
  44. margin-bottom: 0.5em;
  45. }
  46. code, pre
  47. {
  48. font-family: monospace, serif;
  49. font-size: 1em;
  50. color: #7f0a0c;
  51. background: #f5f5f5;
  52. white-space: pre-wrap;
  53. }
  54. .contents
  55. {
  56. background: #FFFFFF;
  57. width: 720px;
  58. padding: 1em;
  59. margin-top: 2em;
  60. margin-bottom: 2em;
  61. border: 1px solid #E0E0E0;
  62. text-align: left;
  63. color: #444;
  64. }
  65. </style>
  66. <title>
  67. PSKOV-201905
  68. </title>
  69. </head>
  70. <body>
  71. <div id="header">
  72. <strong id="title">PSKOV</strong>
  73. <a href="tool.pskov.html">Tool</a>
  74. <a href="education.html">Education</a>
  75. </div>
  76. <center><h1>
  77. Education: 02. Dependencies
  78. </h1></center>
  79. <center><div class="contents">
  80. <table>
  81. <thead>
  82. <tr>
  83. <th>&lt; Back</th>
  84. <th>Index</th>
  85. <th>Next &gt;</th>
  86. </tr>
  87. </thead>
  88. <tbody>
  89. <tr>
  90. <td><a href="education.01.why.html">01. Why</a></td>
  91. <td><a href="education.html">Education</a></td>
  92. <td><a href="education.03.site.html">03. Site</a></td>
  93. </tr>
  94. </tbody>
  95. </table>
  96. <p></div><div class="contents"></p>
  97. <p>In this document we describe <strong>PSKOV</strong> dependencies and how to get them.</p>
  98. <p>Estimated completion time: 5 minutes.</p>
  99. <p><strong>Table of contents</strong></p>
  100. <ul>
  101. <li><a href="#deps">01. Dependencies</a></li>
  102. <li><a href="#details">02. Details</a></li>
  103. </ul>
  104. <p><a name="deps"/></p>
  105. <h2 id="01dependencies">01. Dependencies</h2>
  106. <p>We designed <strong>PSKOV</strong> to run inside web browsers. Here is what you need to run <strong>PSKOV</strong>:</p>
  107. <table>
  108. <thead>
  109. <tr>
  110. <th>№</th>
  111. <th>PSKOV dependency</th>
  112. <th>Notes</th>
  113. </tr>
  114. </thead>
  115. <tbody>
  116. <tr>
  117. <td>1</td>
  118. <td>Web browser of 2010 or newer</td>
  119. <td><strong>PSKOV</strong> needs ECMAScript 5 (2009), any modern web browser should work</td>
  120. </tr>
  121. <tr>
  122. <td>2</td>
  123. <td>Local file system access</td>
  124. <td><a href="http://opengamestudio.org/lfsa">LFSA</a> gives <strong>PSKOV</strong> access to your local file system. Install LFSA to be able to use <strong>PSKOV</strong>.</td>
  125. </tr>
  126. </tbody>
  127. </table>
  128. <p><strong>Note</strong>: <a href="http://opengamestudio.org/lfsa">install LFSA</a> to be able to use <strong>PSKOV</strong>.</p>
  129. <p><a name="details"/></p>
  130. <h2 id="02details">02. Details</h2>
  131. <p><strong>PSKOV</strong>:</p>
  132. <ul>
  133. <li>is a client side JavaScript application</li>
  134. <li>has no direct access to local file system</li>
  135. <li>uses <a href="http://opengamestudio.org/lfsa">LFSA</a> to access local file system</li>
  136. <li>uses <a href="https://github.com/showdownjs/showdown">Showdown</a> to convert Markdown to HTML</li>
  137. </ul>
  138. <p><strong>LFSA</strong>:</p>
  139. <ul>
  140. <li>is a tiny Python server to provide read/write access to local file system</li>
  141. <li>runs at 8000 port</li>
  142. <li>is under 200 lines of code, feel free to <a href="https://bitbucket.org/ogstudio/lfsa/src/default/lfsa-201905.py">inspect it</a></li>
  143. </ul>
  144. <p></div><div class="contents"></p>
  145. <table>
  146. <thead>
  147. <tr>
  148. <th>&lt; Back</th>
  149. <th>Index</th>
  150. <th>Next &gt;</th>
  151. </tr>
  152. </thead>
  153. <tbody>
  154. <tr>
  155. <td><a href="education.01.why.html">01. Why</a></td>
  156. <td><a href="education.html">Education</a></td>
  157. <td><a href="education.03.site.html">03. Site</a></td>
  158. </tr>
  159. </tbody>
  160. </table>
  161. </div></center>
  162. <script type="text/javascript">
  163. </script>
  164. </body>
  165. </html>