1 changed files with 213 additions and 0 deletions
@ -0,0 +1,213 @@ |
|||
<!DOCTYPE html> |
|||
<html lang="en"> |
|||
<head> |
|||
<title>Feed Reader Apps</title> |
|||
<meta charset="utf-8"> |
|||
<meta name="author" content="Dustin Wilson"> |
|||
<meta http-equiv="x-ua-compatible" content="ie=edge"> |
|||
<meta name="viewport" content="width=device-width,initial-scale=1"> |
|||
|
|||
<style> |
|||
*, |
|||
*:after, |
|||
*:before { |
|||
box-sizing: inherit; |
|||
} |
|||
|
|||
html { |
|||
box-sizing: border-box; |
|||
font-size: 62.5%; |
|||
} |
|||
|
|||
body { |
|||
color: #606c76; |
|||
font-family: system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Helvetica,Arial,sans-serif; |
|||
font-size: 1.6em; |
|||
font-weight: 300; |
|||
letter-spacing: .01em; |
|||
line-height: 1.6; |
|||
} |
|||
|
|||
a { |
|||
color: #9b4dca; |
|||
text-decoration: none; |
|||
} |
|||
|
|||
a:focus, a:hover { |
|||
color: #606c76; |
|||
} |
|||
|
|||
dl dl, |
|||
dl ol, |
|||
dl ul, |
|||
ol dl, |
|||
ol ol, |
|||
ol ul, |
|||
ul dl, |
|||
ul ol, |
|||
ul ul { |
|||
font-size: 90%; |
|||
margin: 1.5rem 0 1.5rem 3.0rem; |
|||
} |
|||
|
|||
ol { |
|||
list-style: decimal inside; |
|||
} |
|||
|
|||
ul { |
|||
list-style: circle inside; |
|||
} |
|||
|
|||
dd, |
|||
dt, |
|||
li { |
|||
margin-bottom: 1.0rem; |
|||
} |
|||
|
|||
|
|||
dl, |
|||
ol, |
|||
p, |
|||
table, |
|||
ul { |
|||
margin-bottom: 2.5rem; |
|||
} |
|||
|
|||
table { |
|||
border-spacing: 0; |
|||
border-collapse: collapse; |
|||
width: 100%; |
|||
} |
|||
|
|||
td, |
|||
th { |
|||
border: 0.1rem solid #e1e1e1; |
|||
padding: 1.2rem 1.5rem; |
|||
text-align: left; |
|||
} |
|||
|
|||
th { |
|||
background-color: #f5f5f5; |
|||
} |
|||
|
|||
td.center, th.center { |
|||
text-align: center; |
|||
} |
|||
|
|||
td.notes, th.notes { |
|||
width: 25%; |
|||
} |
|||
|
|||
b, |
|||
strong { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
p { |
|||
margin-top: 0; |
|||
} |
|||
|
|||
p:last-child { |
|||
margin-bottom: 0; |
|||
} |
|||
|
|||
h1, |
|||
h2, |
|||
h3, |
|||
h4, |
|||
h5, |
|||
h6 { |
|||
font-weight: 300; |
|||
letter-spacing: -.1rem; |
|||
margin-bottom: 2.0rem; |
|||
margin-top: 0; |
|||
} |
|||
|
|||
h1 { |
|||
font-size: 4.6rem; |
|||
line-height: 1.2; |
|||
} |
|||
|
|||
h2 { |
|||
font-size: 3.6rem; |
|||
line-height: 1.25; |
|||
} |
|||
|
|||
h3 { |
|||
font-size: 2.8rem; |
|||
line-height: 1.3; |
|||
} |
|||
|
|||
h4 { |
|||
font-size: 2.2rem; |
|||
letter-spacing: -.08rem; |
|||
line-height: 1.35; |
|||
} |
|||
|
|||
h5 { |
|||
font-size: 1.8rem; |
|||
letter-spacing: -.05rem; |
|||
line-height: 1.5; |
|||
} |
|||
|
|||
h6 { |
|||
font-size: 1.6rem; |
|||
letter-spacing: 0; |
|||
line-height: 1.4; |
|||
} |
|||
</style> |
|||
</head> |
|||
|
|||
<body> |
|||
<header> |
|||
<h1>Feed Reader Apps</h1> |
|||
</header> |
|||
|
|||
<table> |
|||
<thead> |
|||
<tr> |
|||
<th rowspan="2">Name</th> |
|||
<th rowspan="2">OS</th> |
|||
<th colspan="3" class="center">Protocol</th> |
|||
<th class="notes" rowspan="2">Notes</th> |
|||
</tr> |
|||
<tr> |
|||
<th class="center">Fever</th> |
|||
<th class="center">Nextcloud News</th> |
|||
<th class="center">Tiny Tiny RSS</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
<tr> |
|||
<td><a href="http://reederapp.com">Reeder</a></td> |
|||
<td>macOS & iOS</td> |
|||
<td class="center">✔</td> |
|||
<td class="center">✘</td> |
|||
<td class="center">✘</td> |
|||
<td class="notes"><p>Supports other services which use derivatives of the Google Reader API, but the settings do not allow input of a server.</p></td> |
|||
</tr> |
|||
<tr> |
|||
<td><a href="http://cocoacake.net/apps/fiery/">Fiery Feeds</a></td> |
|||
<td>iOS</td> |
|||
<td class="center">✔</td> |
|||
<td class="center">✘</td> |
|||
<td class="center">✔</td> |
|||
<td class="notes"> |
|||
<p>Supports other services which use derivatives of the Google Reader API, but the settings do not allow input of a server.</p> |
|||
<p>Currently keeps showing items in the unread badge which have already been read.</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td><a href="https://peterandlinda.com/cloudnews/">CloudNews</a></td> |
|||
<td>iOS</td> |
|||
<td class="center">✘</td> |
|||
<td class="center">✔</td> |
|||
<td class="center">✘</td> |
|||
<td class="notes"> |
|||
<p>Has a lot of difficulty showing feeds in correct order. Maybe when atom feeds are updated they show up again?</p> |
|||
</td> |
|||
</tr> |
|||
</tbody> |
|||
</table> |
|||
</body> |
|||
</html> |
|||
Loading…
Reference in new issue