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.

135 lines
4.4KB

  1. <!DOCTYPE html>
  2. <html>
  3. <meta charset="utf-8">
  4. <head>
  5. <style>
  6. #header
  7. {
  8. background: #d86323;
  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: #6d2113;
  21. }
  22. img
  23. {
  24. width: 100%;
  25. }
  26. html
  27. {
  28. font-family: sans-serif;
  29. }
  30. body
  31. {
  32. line-height: 1.5em;
  33. }
  34. body
  35. {
  36. background: #FAFAFA;
  37. }
  38. table
  39. {
  40. border-collapse: collapse;
  41. width: 100%;
  42. }
  43. table, th, td
  44. {
  45. border: 1px solid #aaa;
  46. padding: 0.5em;
  47. margin-top: 0.5em;
  48. margin-bottom: 0.5em;
  49. }
  50. code, pre
  51. {
  52. font-family: monospace, serif;
  53. font-size: 1em;
  54. color: #7f0a0c;
  55. background: #f5f5f5;
  56. white-space: pre-wrap;
  57. }
  58. .contents
  59. {
  60. background: #FFFFFF;
  61. width: 720px;
  62. padding: 1em;
  63. margin-top: 2em;
  64. margin-bottom: 2em;
  65. border: 1px solid #E0E0E0;
  66. text-align: left;
  67. color: #444;
  68. }
  69. #footer
  70. {
  71. text-align: center;
  72. }
  73. #lang
  74. {
  75. float: right;
  76. }
  77. </style>
  78. <title>
  79. Local File System Access (LFSA) for Client Side Web Apps (CSWA)
  80. </title>
  81. </head>
  82. <body>
  83. <div id="header">
  84. <strong id="title">LFSA</strong>
  85. <div id="lang">
  86. <a href="../en/index.html">EN</a>
  87. <a href="../ru/index.html">RU</a>
  88. </div>
  89. </div>
  90. <center><h1>
  91. </h1></center>
  92. <center><div class="contents">
  93. <h2 id="overview">Overview</h2>
  94. <p>Local File System Access (LFSA) is:</p>
  95. <ul>
  96. <li>a tiny web server to allow client side JS access to local file system</li>
  97. <li>a buildling block for Client Side Web Apps (CSWA)</li>
  98. <li>a single Python file</li>
  99. </ul>
  100. <h2 id="cswa">CSWA</h2>
  101. <p>Client Side Web Apps run solely on your device, they are not related to cloud solutions in any way: nobody can pull the plug on you.
  102. CSWAs use LFSA to keep data at your hard drive, so you have complete control of your data.</p>
  103. <p><a href="http://opengamestudio.org/pskov">PSKOV</a> static site generator is the first CSWA to use LFSA.</p>
  104. <h2 id="install">Install</h2>
  105. <p>If you use Linux or macOS released after 2005 (yes, 2005), you only need to <a href="../lfsa-201905.py">download lfsa-201905.py</a>.</p>
  106. <p>If you use Windows 2000 or newer (excluding Windows ME), you need to:</p>
  107. <ul>
  108. <li><a href="https://www.python.org/downloads/windows/">download</a> and install Python 2.3 or newer</li>
  109. <li><a href="../lfsa-201905.py">download lfsa-201905.py</a></li>
  110. </ul>
  111. <h2 id="run">Run</h2>
  112. <p>If you use Linux or macOS, run LFSA in Terminal this way:</p>
  113. <pre><code>/path/to/lfsa-201905.py /path/to/dir
  114. </code></pre>
  115. <p>Here's how it looks like on macOS Mojave:</p>
  116. <p><img src="../img/lfsa-on-macos.png" alt="LFSA on macOS Mojave" /></p>
  117. <p>If you use Windows, run LFSA in <a href="https://en.wikipedia.org/wiki/Cmd.exe">CMD</a> this way:</p>
  118. <pre><code>C:/path/to/Python/installation/python.exe C:/path/to/lfsa-201905.py C:/path/to/dir
  119. </code></pre>
  120. <p>Here's how it looks like on Windows 2000:</p>
  121. <p><img src="../img/lfsa-on-windows.png" alt="LFSA on Windows 2000" /></p>
  122. <h2 id="durability">Durability</h2>
  123. <p>As you noticed, LFSA can run on really old operating systems dating back to 2000. That's intentional: we care about users, so we want to cover as many users as possible.</p>
  124. </div></center>
  125. <div id="footer">
  126. This site has been generated by <a href="http://opengamestudio.org/pskov">PSKOV</a>.
  127. Source code is <a href="http://github.com/ogstudio/site-lfsa">here</a>.
  128. </div>
  129. <script type="text/javascript">
  130. </script>
  131. </body>
  132. </html>