diff --git a/css/app.css b/css/app.css index 24ecd85..7eb27a2 100644 --- a/css/app.css +++ b/css/app.css @@ -172,26 +172,34 @@ table { html, body { font-family: "Open Sans", sans-serif; font-size: 20px; - background: #BB32FF; + background: #800080; color: #EFDFFF; + text-shadow: 1px 1px 3px black; } h1, h2, p {padding: 10px;} -h1 {font-size: 2em;} -h2 {font-size: 1.5em;} -a {color: #800080; text-decoration: none;} -a:hover {color: #A020B0;} +h1 {font-size: 3em;} +h2 {font-size: 2em;} +a {color: gold; text-decoration: none;} +a:hover {color: lightgrey;} .container {text-align: center;} -.header {padding: 40px; height: calc(100vh - 80px); background: #800080;} -.align-center { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); } -.header .align-center { width: 80%; } +.header { + padding: 40px; + background: url('../images/bg.jpg') no-repeat center center fixed; + background-size: cover; + border-bottom: 1px #EFDFFF solid; +} .download {margin-top: 20px;} #dl-btn { font-size: 1.5em; background: #C145FF; display: inline-block; padding: 25px; margin: 10px; + text-shadow: none; +} +#dl-btn:hover { + background: #C859FF; } .header a { padding: 15px; color: #EFDFFF;} @@ -199,12 +207,15 @@ a:hover {color: #A020B0;} .content { padding: 40px; - border-top: 1px #EFDFFF solid; -} -.content p { - max-width: 800px; + max-width: 600px; margin: auto; font-size: 0.8em; + line-height: 150%; + text-align: justify; +} + +@media only screen and (max-device-width: 600px) { + .content { text-align: left; } } #donations {display: none;} @@ -217,4 +228,6 @@ a:hover {color: #A020B0;} margin-bottom: 30px; } +.links { text-align: center; } .links a {font-size: 1.2em; padding: 10px;} +.links img {max-height: 50px;} diff --git a/images/bg.jpg b/images/bg.jpg new file mode 100644 index 0000000..cd0a5be Binary files /dev/null and b/images/bg.jpg differ diff --git a/images/github.png b/images/github.png new file mode 100644 index 0000000..475bd55 Binary files /dev/null and b/images/github.png differ diff --git a/images/twitter.png b/images/twitter.png new file mode 100644 index 0000000..69a9f77 Binary files /dev/null and b/images/twitter.png differ diff --git a/images/wikipedia.png b/images/wikipedia.png new file mode 100644 index 0000000..1eefcfb Binary files /dev/null and b/images/wikipedia.png differ diff --git a/index.html b/index.html index 46b5400..5a7e092 100644 --- a/index.html +++ b/index.html @@ -33,7 +33,7 @@
-

i2pd (I2P Daemon) is a full-featured C++ implementation of I2P client

+

i2pd (I2P Daemon) is a full-featured C++ implementation of I2P client

I2P (Invisible Internet Protocol) is a universal anonymous network layer. All communications over I2P are anonymous and end-to-end encrypted, participants don't reveal their real IP addresses.

I2P client is a software used for building and using anonymous I2P networks. Such networks are commonly used for anonymous peer-to-peer applications (filesharing, cryptocurrencies) and anonymous client-server applications (websites, instant messengers, chat-servers).

I2P allows people from all around the world to communicate and share information without restrictions.

@@ -48,7 +48,7 @@

You can help to protect our civil rights online, just run I2P node 24/7 and spread the word!

Support with coins

-

Donations for Purple I2P developing:

+

Donations for Purple I2P developing:

E-Mail: i2porignal at yandex.ru

BTC: 1K7Ds6KUeR8ya287UC4rYTjvC96vXyZbDY

DASH: Xw8YUrQpYzP9tZBmbjqxS3M97Q7v3vJKUF

@@ -58,8 +58,9 @@