readme.md, css fixes

This commit is contained in:
tezlm 2022-04-26 17:49:41 -07:00 committed by tezlm
parent 0000002077
commit 0000003f5a
Signed by: tezlm
GPG key ID: 649733FCD94AFBBA
5 changed files with 25 additions and 22 deletions

View file

@ -4,6 +4,7 @@
<title>@title</title>
<meta charset="utf8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="dark light">
<link rel="stylesheet" href="/assets/read.css"></link>
</head>
<body lang="@lang">

View file

@ -4,6 +4,7 @@
<title>error!</title>
<meta charset="utf8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="dark light">
<link rel="stylesheet" href="/assets/read.css"></link>
</head>
<body lang="en">

View file

@ -4,6 +4,7 @@
<title>readability proxy</title>
<meta charset="utf8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="color-scheme" content="dark light">
<link rel="stylesheet" href="/assets/read.css"></link>
</head>
<body lang="en">

View file

@ -7,7 +7,8 @@ body {
background: #fdfdfd;
color: #222222;
font: 16px/2 "times", serif;
margin: 2em auto;
padding: 2em;
margin: 0 auto;
max-width: 650px;
}
@ -21,20 +22,6 @@ h1, h2, h3 {
line-height: 1.2;
}
code, pre {
font-family: ui-monospace, "Segoe UI Mono", "Source Code Pro", monospace;
line-height: 1.2;
}
a {
color: #4361ee;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
p {
margin-top: 1em;
}
@ -48,8 +35,19 @@ body > ol, body > ul {
padding: 0;
}
a {
color: #4361ee;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
code, pre {
background: #222222;
font-family: ui-monospace, "Segoe UI Mono", "Source Code Pro", monospace;
line-height: 1.2;
background: #e3e3e3;
padding: 1px 2px;
border-radius: 2px;
}
@ -62,7 +60,7 @@ pre {
blockquote {
margin: 0;
padding-left: 1em;
border-left: solid #444444 3px;
border-left: solid #888888 3px;
}
img {
@ -77,8 +75,6 @@ figcaption {
color: #888;
}
/* the input looks h, disable dark mode for now */
/*
@media (prefers-color-scheme: dark) {
body {
background: #222;
@ -89,8 +85,8 @@ figcaption {
color: #7fdeff;
}
input {
border: solid #fbfbfb 2px;
code, pre {
background: #333333;
}
}
*/

4
readme.md Normal file
View file

@ -0,0 +1,4 @@
# readable
Proxies webpages and removes junk to make them more readable. Uses the mozilla [readability](https://github.com/mozilla/readability) lib.