WebStick/sd_card/www/about.html

<div class="ts-container is-very-narrow">
  <div class="ts-image is-rounded">
      <img src="img/wallpaper.jpg" width="100%">
  </div>
  <div class="ts-header has-top-spaced-large">What is a WebStick?</div>
  <span class="ts-text">WebStick is a USB stick form factor web server powered by a ESP12E/F module. 
      The web content is serve over the SD card connected to the MCU via SPI link, 
      providing basic HTTP web server function with less than 2W of power usage.</span>
  <div class="ts-divider has-top-spaced-large has-bottom-spaced-large"></div>

  <div class="ts-header">Why WebStick?</div>

  <span class="ts-text">If you are just hosting a web server for personal use with a few occasional guests, 
      you do not need a Raspberry Pi that draws 15W 24/7 just for this purpose.</span>

  <span class="ts-text">Instead, a WebStick with ESP8266 is just enough to do the tasks. 
      With the help of CDN and Caching, even a 2W MCU running over WiFi 
      can provide relatively acceptable performance for basic HTTP web services.</span>
  <div class="ts-divider has-top-spaced-large has-bottom-spaced-large"></div>
      
  <div class="ts-header">Specification</div>
  <table class="ts-table is-single-line has-top-spaced-small">
      <thead>
        <tr><th>Item</th>
        <th>Properties</th>
      </tr></thead>
      <tbody>
        <tr>
          <td data-label="">Power Requirement</td>
          <td data-label="">5V 1A</td>
        </tr>
        <tr>
          <td data-label="">Actual Power Draw</td>
          <td data-label="">around 2 - 3W</td>
        </tr>
        <tr>
          <td data-label="">Wireless Network Speed</td>
          <td data-label="">2 - 4 Mbps</td>
        </tr>
        <tr>
          <td data-label="">Max SD card size</td>
          <td data-label="">4GB</td>
        </tr>
        <tr>
          <td data-label="">SD card format</td>
          <td data-label="">FAT32</td>
        </tr>
        <tr>
          <td data-label="">Arduino IDE Support</td>
          <td data-label=""><span class="ts-icon is-check-icon" style="color:var(--ts-positive-400);"></span></td>
        </tr>
        <tr>
          <td data-label="">Run PHP / nodejs</td>
          <td data-label=""><span class="ts-icon is-xmark-icon" style="color:var(--ts-negative-400);"></span></td>
        </tr>
        <tr>
          <td data-label="">Max No. of Users</td>
          <td data-label="">~20 viewers per day</td>
        </tr>
      </tbody>
    </table>
</div>