github.com/soulteary/pocket-bookcase@v0.0.0-20240428065142-0b5a9a0fc98a/docs/Screenshots.md (about)

     1  Desktop
     2  ---
     3  
     4  <table style="width:100%">
     5      <tr align="center">
     6          <td colspan="2">
     7              <b>Login screen</b>
     8          </td>
     9      </tr>
    10      <tr valign="top" align="center">
    11          <td width="50%">
    12              <a href="./screenshots/01-login.png">
    13                  <img src="./screenshots/01-login.png">
    14              </a>
    15          </td>
    16          <td width="50%">
    17              <a href="./screenshots/05-dark-login.png">
    18                  <img src="./screenshots/05-dark-login.png">
    19              </a>
    20          </td>
    21      </tr>
    22      <tr align="center">
    23          <td colspan="2">
    24              <b>Grid mode</b>
    25          </td>
    26      </tr>
    27      <tr valign="top" align="center">
    28          <td width="50%">
    29              <a href="./screenshots/02-home.png">
    30                  <img src="./screenshots/02-home.png">
    31              </a>
    32          </td>
    33          <td width="50%">
    34              <a href="./screenshots/06-dark-home.png">
    35                  <img src="./screenshots/06-dark-home.png">
    36              </a>
    37          </td>
    38      </tr>
    39      <tr align="center">
    40          <td colspan="2">
    41              <b>List mode</b>
    42          </td>
    43      </tr>
    44      <tr valign="top" align="center">
    45          <td width="50%">
    46              <a href="./screenshots/03-home-list.png">
    47                  <img src="./screenshots/03-home-list.png">
    48              </a>
    49          </td>
    50          <td width="50%">
    51              <a href="./screenshots/07-dark-home-list.png">
    52                  <img src="./screenshots/07-dark-home-list.png">
    53              </a>
    54          </td>
    55      </tr>
    56      <tr align="center">
    57          <td colspan="2">
    58              <b>Options page</b>
    59          </td>
    60      </tr>
    61      <tr valign="top" align="center">
    62          <td width="50%">
    63              <a href="./screenshots/04-options.png">
    64                  <img src="./screenshots/04-options.png">
    65              </a>
    66          </td>
    67          <td width="50%">
    68              <a href="./screenshots/08-dark-options.png">
    69                  <img src="./screenshots/08-dark-options.png">
    70              </a>
    71          </td>
    72      </tr>
    73  </table>
    74  
    75  Mobile
    76  ------
    77  
    78  <table style="width:100%">
    79      <tr align="center">
    80          <td colspan="2">
    81              <b>Login screen</b>
    82          </td>
    83          <td colspan="2">
    84              <b>Grid mode</b>
    85          </td>
    86      </tr>
    87      <tr valign="top" align="center">
    88          <td width="25%">
    89              <a href="./screenshots/09-mobile-login.png">
    90                  <img src="./screenshots/09-mobile-login.png">
    91              </a>
    92          </td>
    93          <td width="25%">
    94              <a href="./screenshots/13-mobile-dark-login.png">
    95                  <img src="./screenshots/13-mobile-dark-login.png">
    96              </a>
    97          </td>
    98          <td width="25%">
    99              <a href="./screenshots/10-mobile-home.png">
   100                  <img src="./screenshots/10-mobile-home.png">
   101              </a>
   102          </td>
   103          <td width="25%">
   104              <a href="./screenshots/14-mobile-dark-home.png">
   105                  <img src="./screenshots/14-mobile-dark-home.png">
   106              </a>
   107          </td>
   108      </tr>
   109      <tr align="center">
   110          <td colspan="2">
   111              <b>List mode</b>
   112          </td>
   113          <td colspan="2">
   114              <b>Options page</b>
   115          </td>
   116      </tr>
   117      <tr valign="top" align="center">
   118          <td width="25%">
   119              <a href="./screenshots/11-mobile-home-list.png">
   120                  <img src="./screenshots/11-mobile-home-list.png">
   121              </a>
   122          </td>
   123          <td width="25%">
   124              <a href="./screenshots/15-mobile-dark-home-list.png">
   125                  <img src="./screenshots/15-mobile-dark-home-list.png">
   126              </a>
   127          </td>
   128          <td width="25%">
   129              <a href="./screenshots/12-mobile-options.png">
   130                  <img src="./screenshots/12-mobile-options.png">
   131              </a>
   132          </td>
   133          <td width="25%">
   134              <a href="./screenshots/16-mobile-dark-options.png">
   135                  <img src="./screenshots/16-mobile-dark-options.png">
   136              </a>
   137          </td>
   138      </tr>
   139  </table>