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 @@
- @GitHub
- @Wikipedia
+
+
+
Vanilla I2P