Add about page

Fixes #31
This commit is contained in:
Zed 2019-09-09 04:41:20 +02:00
parent 9ff3ba2005
commit 2e58b7e197
3 changed files with 47 additions and 1 deletions

View file

@ -1304,6 +1304,20 @@ legend {
content: '\e803';
}
.about-page {
max-width: 600px;
margin: 0 auto;
width: 100%;
margin-top: 10px;
background-color: #1f1f1f;
padding: 8px 15px;
align-self: start;
}
.about-list {
padding-left: 1.3em;
}
@media (max-width: 600px) {
.profile-tabs {
width: 100vw;

View file

@ -4,7 +4,7 @@ from net import Port
import jester
import types, config, prefs
import views/general
import views/[general, about]
import routes/[preferences, timeline, media]
const configPath {.strdefine.} = "./nitter.conf"
@ -23,6 +23,9 @@ routes:
get "/":
resp renderMain(renderSearch(), Prefs(), cfg.title)
get "/about":
resp renderMain(renderAbout(), Prefs(), cfg.title)
post "/search":
if @"query".len == 0:
resp Http404, showError("Please enter a username.", cfg.title)

29
src/views/about.nim Normal file
View file

@ -0,0 +1,29 @@
import karax/[karaxdsl, vdom]
proc renderAbout*(): VNode =
buildHtml(tdiv(class="about-page")):
h1: text "About"
p:
text "Nitter is a free and open source alternative Twitter front-end focused on privacy. "
text "The source is available on GitHub at "
a(href="https://github.com/zedeus/nitter"): text "https://github.com/zedeus/nitter"
ul(class="about-list"):
li: text "No JavaScript or ads"
li: text "All requests go through the backend, client never talks to Twitter"
li: text "Prevents Twitter from tracking your IP or JavaScript fingerprint"
li: text "Uses unofficial API (no developer account required)"
li: text "AGPLv3 licensed, no proprietary instances permitted"
li: text "Lightweight (for @nim_lang, 36KB vs 580KB from twitter.com)"
h2: text "Why use Nitter?"
p: text "It's basically impossible to use Twitter without JavaScript enabled. If you try, you're redirected to the legacy mobile version which is awful both functionally and aesthetically. For privacy-minded folks, preventing JavaScript analytics and potential IP-based tracking is important, but apart from using the legacy mobile version and a VPN, it's impossible."
p: text "Using an instance of Nitter (hosted on a VPS for example), you can browse Twitter without JavaScript while retaining your privacy. In addition to respecting your privacy, Nitter is on average around 15 times lighter than Twitter, and in some cases serves pages faster."
p: text "In the future a simple account system will be added that lets you follow Twitter users, allowing you to have a clean chronological timeline without needing a Twitter account."
h2: text "Contact"
p:
text "Feel free to join our Freenode IRC channel at #nitter, or our "
a(href="https://riot.im/app/#/room/#nitter:matrix.org"):
text "Matrix server"
text "."