op public repos

Blob

Date:: Fri Nov 5 19:22:15 2021 UTC
Message:: import the telescope site
Actions:: History | Blame | Raw File
1 <!doctype html>
2 <html>
3   <head>
4     <title>Gallery | Telescope</title>
5     <meta charset="utf8">
6     <meta name="viewport" content="width=device-width, initial-scale=1">
7     <style>
8     body {
9       font-family: monospace;
10       font-size: 14px;
11       max-width: 780px;
12       margin: 0 auto;
13       padding: 20px;
14       padding-bottom: 80px;
15     }
16 
17     h1::before {
18       content: "# ";
19     }
20 
21     h2 {
22       margin-top: 40px;
23     }
24 
25     h2::before {
26       content: "## ";
27     }
28 
29     h3::before {
30       content: "### ";
31     }
32 
33     blockquote {
34       margin: 0;
35       padding: 0;
36     }
37 
38     blockquote::before {
39       content: "> ";
40     }
41 
42     blockquote p {
43       font-style: italic;
44       display: inline;
45     }
46 
47     p.link::before {
48       content: "→ ";
49     }
50 
51     hr {
52       border: 0;
53       height: 1px;
54       background-color: #222;
55       width: 100%;
56       display: block;
57       margin: 2em auto;
58     }
59 
60     pre {
61       overflow: auto;
62     }
63 
64     pre.banner {
65       display: flex;
66       flex-direction: row;
67       justify-content: center;
68     }
69 
70     code, kbd {
71       color: #9d109d;
72     }
73 
74     img {
75       display: block;
76       margin: 0 auto;
77       max-width: 100%;
78     }
79 
80     figcaption {
81       margin: 0;
82       padding: 10px 0;
83       text-align: center;
84     }
85 
86     main {
87       display: flex;
88       flex-direction: row;
89       flex-wrap: wrap;
90       justify-content: space-around;
91     }
92 
93     figure {
94       width: 40%;
95       margin: 1rem;
96     }
97 
98     @media (prefers-color-scheme: dark) {
99       body {
100         background-color: #222;
101         color: white;
102       }
103 
104       img {
105         filter: brightness(0.65);
106         transition: filter 0.2s ease-in-out;
107       }
108 
109       img:hover {
110         filter: brightness(1.0);
111       }
112 
113       a {
114         color: aqua;
115       }
116 
117       hr {
118         background-color: #ddd;
119       }
120 
121       code, kbd {
122         color: #ff4cff;
123       }
124     }
125 
126     @media (max-width: 400px) {
127       pre.banner { font-size: 9px; }
128     }
129 
130     @media (max-width: 500px) {
131       pre.banner { font-size: 10px; }
132     }
133     </style>
134   </head>
135   <body>
136     <header>
137       <nav>
138         <a href="/">Home</a> | Gallery | <a href="/telescope.1.html">Docs</a>
139       </nav>
140     </header>
141     <main>
142 
143       <figure>
144         <a href="xterm-default-look.png">
145           <img src="thumb-xterm-default-look.png" alt="xterm-default-look.png" />
146         </a>
147         <figcaption>default look on bright terminal</figcaption>
148       </figure>
149 
150       <figure>
151         <a href="kitty-default-look.png">
152           <img src="thumb-kitty-default-look.png" alt="kitty-default-look.png" />
153         </a>
154         <figcaption>default look on dark terminal</figcaption>
155       </figure>
156 
157       <figure>
158         <a href="xterm-contrib-light.png">
159           <img src="thumb-xterm-contrib-light.png" alt="xterm-contrib-light.png" />
160         </a>
161         <figcaption>the contrib/light theme</figcaption>
162       </figure>
163 
164       <figure>
165         <a href="kitty-contrib-dark.png">
166           <img src="thumb-kitty-contrib-dark.png" alt="kitty-contrib-dark.png" />
167         </a>
168         <figcaption>the contrib/dark theme</figcaption>
169       </figure>
170 
171       <figure>
172         <a href="xterm-contrib-light-swiper.png">
173           <img src="thumb-xterm-contrib-light-swiper.png" alt="xterm-contrib-light-swiper.png" />
174         </a>
175         <figcaption>swiper with the contrib/light theme</figcaption>
176       </figure>
177 
178       <figure>
179         <a href="kitty-contrib-dark-swiper.png">
180           <img src="thumb-kitty-contrib-dark-swiper.png" alt="kitty-contrib-dark-swiper.png" />
181         </a>
182         <figcaption>swiper with the contrib/dark theme</figcaption>
183       </figure>
184 
185       <figure>
186         <a href="xterm-contrib-light-about-help.png">
187           <img src="thumb-xterm-contrib-light-about-help.png" alt="xterm-contrib-light-about-help.png" />
188         </a>
189         <figcaption>about:help with the contrib/light theme</figcaption>
190       </figure>
191 
192       <figure>
193         <a href="kitty-contrib-dark-about-help.png">
194           <img src="thumb-kitty-contrib-dark-about-help.png" alt="kitty-contrib-dark-about-help.png" />
195         </a>
196         <figcaption>about:help with the contrib/dark theme</figcaption>
197       </figure>
198 
199       <figure>
200         <a href="contrib-brutalist.png">
201           <img src="thumb-contrib-brutalist.png" alt="contrib-brutalist.png" />
202         </a>
203         <figcaption>Brutalist theme</figcaption>
204       </figure>
205 
206     </main>
207   </body>
208 </html>