diff --git a/ui/raw/index.pug b/ui/raw/index.pug index 5b55d52..cdc5b96 100644 --- a/ui/raw/index.pug +++ b/ui/raw/index.pug @@ -29,6 +29,35 @@ #results + #info + h1 What is dns-watch.org? + p + | dns-watch.org is a service that allows you to see which (mainly + | German) Internet Service Providers (ISPs) try to censor internet access + | of their customers.
+ | The CUII, which is a German institution + | consisting of the biggest German ISPs and rightsholders, censors parts + | of the Internet to reduce the number of copyright infringements in the + | World Wide Web. In order to block these sites, they use the already + | existing DNS provided by German ISPs. When your device asks your ISP + | where it can find a website, it will give you wrong information and + | instead redirect you to the page of CUII.
+ | Using dns-watch.org, you can check which ISPs actively censor parts of + | the Internet. This tool can also help developers of blocked sites by + | giving them information on which ISPs are blocking their web services.
+ | We support a Free Web without Internet censorship, and so should you! + + h1 What can I do against it? + p + | If you happen to be affected by Internet censorship an you're still + | using your ISP's default DNS settings, we provide resources that can + | help you switch to a more trustworthy and most of the time even faster + | DNS, thus regainig a Free Web without censorship! Read our + | tutorial on how to gain back your freedom in the + | World Wide Web and circumvent DNS-blocking by ISPs! + + a.moreinfo( href='/why' ) More Information + #footer span dns-watch.org by a( href='https://www.tjdev.de' ) tjdev.de diff --git a/ui/raw/index.sass b/ui/raw/index.sass index 8e26698..92ca4f5 100644 --- a/ui/raw/index.sass +++ b/ui/raw/index.sass @@ -198,6 +198,35 @@ input, button vertical-align: -.2rem width: 1.2rem +#info + margin: 5rem auto + max-width: 50rem + width: 100vw + h1 + color: $c-blue + font-size: 1.5rem + font-weight: 300 + padding-bottom: 1rem + padding-top: 5rem + svg + vertical-align: -.2rem + margin-right: .3rem + p + line-height: 1.8rem + a + color: $c-blue + b + color: $c-blue + br + display: block + margin-top: 1.2rem + + a.moreinfo + color: $c-blue + display: block + margin-top: 5rem + text-align: center + #footer color: darken($c-fg, 30%) height: 9rem