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

166 lines
4.5KB

  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. iframe
  23. {
  24. width: 720px;
  25. height: 720px;
  26. }
  27. html
  28. {
  29. font-family: sans-serif;
  30. }
  31. body
  32. {
  33. line-height: 1.5em;
  34. }
  35. body
  36. {
  37. background: #FAFAFA;
  38. }
  39. table
  40. {
  41. border-collapse: collapse;
  42. width: 100%;
  43. }
  44. table, th, td
  45. {
  46. border: 1px solid #aaa;
  47. padding: 0.5em;
  48. margin-top: 0.5em;
  49. margin-bottom: 0.5em;
  50. }
  51. code, pre
  52. {
  53. font-family: monospace, serif;
  54. font-size: 1em;
  55. color: #7f0a0c;
  56. background: #f5f5f5;
  57. white-space: pre-wrap;
  58. }
  59. .contents
  60. {
  61. background: #FFFFFF;
  62. width: 720px;
  63. padding: 1em;
  64. margin-top: 2em;
  65. margin-bottom: 2em;
  66. border: 1px solid #E0E0E0;
  67. text-align: left;
  68. color: #444;
  69. }
  70. </style>
  71. <title>
  72. PSKOV - Opensource Game Studio static site generator
  73. </title>
  74. </head>
  75. <body>
  76. <div id="header">
  77. <strong id="title">PSKOV</strong>
  78. <a href="index.html">Tool</a>
  79. <a href="education.html">Education</a>
  80. </div>
  81. <center><h1>
  82. Education: 02. Dependencies
  83. </h1></center>
  84. <center><div class="contents">
  85. <table>
  86. <thead>
  87. <tr>
  88. <th>&lt; Back</th>
  89. <th>Index</th>
  90. <th>Next &gt;</th>
  91. </tr>
  92. </thead>
  93. <tbody>
  94. <tr>
  95. <td><a href="education.01.why.html">01. Why</a></td>
  96. <td><a href="education.html">Education</a></td>
  97. <td><a href="education.03.site.html">03. Site</a></td>
  98. </tr>
  99. </tbody>
  100. </table>
  101. <p></div><div class="contents"></p>
  102. <p>In this document we teach how to install <strong>PSKOV</strong> dependencies.</p>
  103. <p>Estimated completion time: ?? minutes.</p>
  104. <p><strong>Table of contents</strong></p>
  105. <ul>
  106. <li><a href="#deps">01. Dependencies</a></li>
  107. <li><a href="#lfsa">02. Install LFSA</a></li>
  108. <li><a href="#showdown">03. Showdown</a></li>
  109. </ul>
  110. <p><a name="deps"/></p>
  111. <h2 id="01dependencies">01. Dependencies</h2>
  112. <p>We designed <strong>PSKOV</strong> to run inside web browsers. Hence, here is a list of <strong>PSKOV dependencies</strong>:</p>
  113. <table>
  114. <thead>
  115. <tr>
  116. <th>№</th>
  117. <th>Dependency</th>
  118. <th>Note</th>
  119. </tr>
  120. </thead>
  121. <tbody>
  122. <tr>
  123. <td>1</td>
  124. <td>Web browser of 2010 or newer</td>
  125. <td><strong>PSKOV</strong> needs ECMAScript 5 (2009), any modern web browser should work</td>
  126. </tr>
  127. <tr>
  128. <td>2</td>
  129. <td>Local file system access (LFSA)</td>
  130. <td><a href="http://opengamestudio.org/lfsa">LFSA</a> gives <strong>PSKOV</strong> access to your local file system</td>
  131. </tr>
  132. </tbody>
  133. </table>
  134. <p>Since <strong>PSKOV</strong> is a client side JavaScript application, it has no direct access to your local file system to generate files. That's why we have also created <a href="http://opengamestudio.org/lfsa">LFSA</a>, a tiny Python server to provide read/write access to your local file system at 8000 port. LFSA is under 200 lines of code, feel free to <a href="TODO-LFSA-SRC">inspect it</a> to make sure we don't steal your data.</p>
  135. <p><a name="lfsa"/></p>
  136. <h2 id="02installlfsa">02. Install LFSA</h2>
  137. <p>TODO </p>
  138. <p><a name="showdown"/></p>
  139. <h2 id="03showdown">03. Showdown</h2>
  140. <p>Tell Showdown.JS is used to convert Markdown to HTML, so users should refer to Showdown.JS for rules.</p>
  141. <p></div><div class="contents"></p>
  142. <table>
  143. <thead>
  144. <tr>
  145. <th>&lt; Back</th>
  146. <th>Index</th>
  147. <th>Next &gt;</th>
  148. </tr>
  149. </thead>
  150. <tbody>
  151. <tr>
  152. <td><a href="education.01.why.html">01. Why</a></td>
  153. <td><a href="education.html">Education</a></td>
  154. <td><a href="education.03.site.html">03. Site</a></td>
  155. </tr>
  156. </tbody>
  157. </table>
  158. </div></center>
  159. <script type="text/javascript">
  160. </script>
  161. </body>
  162. </html>