]> git.armaanb.net Git - lightcards-http.git/blob - index.html
Various small improvements
[lightcards-http.git] / 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     <meta name="description" content="lightcards - terminal flashcards program homepage">
7     <meta name="robots" content="index, follow">
8     <meta http-equiv="Content-Security-Policy" content="default-src 'none'; connect-src 'self'; img-src data: 'self'; style-src 'unsafe-inline';">
9     <meta name="referrer" content="no-referrer">
10     <title>lightcards</title>
11     <style>
12 body {
13   margin: 1em auto;
14   max-width: 650px;
15   line-height: 1.6;
16   padding: 0 10px;
17   font-size: 18px;
18   font-family: serif;
19 }
20
21 h1 {
22   line-height: 0.75;
23 }
24
25 h2 {
26   line-height: 1;
27 }
28
29 img {
30   width: 100%;
31 }
32
33 a {
34   font-size: 1.1em;
35   color: black;
36 }
37     </style>
38     <link href=data:, rel=icon>
39   </head>
40   <body>
41     <header>
42       <hr>
43       <h1>lightcards</h1>
44       <nav>
45         <a href="https://sr.ht/~armaan/lightcards">Source code</a> | 
46         <a href="https://lists.sr.ht/~armaan/public-inbox">Mailing list</a> | 
47         <a href="https://pypi.org/project/lightcards">PyPI</a>
48         <hr>
49         <p>A terminal flashcards program that gets its data from Markdown.</p>
50       </nav>
51     </header>
52
53     <section>
54       <h2>Gallery</h2>
55       <a href="1.webp">
56         <img src="1.webp" alt="screenshot 1">
57       </a>
58       <a href="2.webp">
59         <img src="2.webp" alt="screenshot 2">
60       </a>
61     </section>
62
63     <section>
64       <h2>Copyright</h2>
65       <p>Copyright 2021 Armaan Bhojwani, MIT license.
66       <hr>
67     </section>
68   </body>
69 </html>