index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3   <head>
   4     <meta charset="utf-8">
   5     <meta name="viewport" content="width=device-width">
   6     <title>lightcards</title>
   7     <style>
   8 body {
   9   margin: 40px auto;
  10   max-width: 650px;
  11   line-height: 1.6;
  12   font-size: 18px;
  13   padding: 0 10px;
  14 }
  15
  16 h1 {
  17   line-height: 0.75;
  18 }
  19
  20 h2 {
  21   line-height: 1;
  22 }
  23
  24 img {
  25   width: 100%;
  26 }
  27
  28 a {
  29   font-size: 1.1em;
  30   color: black;
  31 }
  32     </style>
  33     <link href=data:, rel=icon>
  34   </head>
  35   <body>
  36     <hr>
  37     <h1>lightcards</h1>
  38     <a href="https://sr.ht/~armaan/lightcards">Source code</a> |
  39     <a href="https://lists.sr.ht/~armaan/public-inbox">Mailing list</a> |
  40     <a href="https://pypi.org/project/lightcards">PyPI</a>
  41     <hr>
  42     <p>A terminal flashcards program that gets its data from Markdown.</p>
  43
  44     <h2>Gallery</h2>
  45     <img src="1.webp" alt="screenshot 1">
  46     <img src="2.webp" alt="screenshot 2">
  47
  48     <h2>Copyright</h2>
  49     <p>Copyright 2021 Armaan Bhojwani, MIT license.
  50     <hr>
  51   </body>
  52 </html>