Browse Source

Merge pull request #3 from l-n-s/updates

Updates
pull/5/head
l-n-s 7 years ago committed by GitHub
parent
commit
0e4cc74147
  1. 37
      css/app.css
  2. BIN
      images/bg.jpg
  3. BIN
      images/github.png
  4. BIN
      images/twitter.png
  5. BIN
      images/wikipedia.png
  6. 40
      index.html
  7. 56
      js/app.js
  8. 43
      locales/data.ini
  9. 1
      locales/dev/translation.json
  10. 30
      locales/en/translation.json
  11. 30
      locales/ru/translation.json

37
css/app.css

@ -172,26 +172,34 @@ table { @@ -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;} @@ -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;} @@ -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;}

BIN
images/bg.jpg

Binary file not shown.

After

Width:  |  Height:  |  Size: 468 KiB

BIN
images/github.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.0 KiB

BIN
images/twitter.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

BIN
images/wikipedia.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.3 KiB

40
index.html

@ -4,6 +4,7 @@ @@ -4,6 +4,7 @@
<meta charset="utf-8">
<title>Invisible Internet Protocol Daemon</title>
<link href="css/app.css" rel="stylesheet">
<link rel="prefetch" type="application/l10n" href="locales/data.ini" />
<script src="js/app.js"></script>
<link rel="icon" type="image/png" href="images/favicon.png" />
</head>
@ -14,40 +15,40 @@ @@ -14,40 +15,40 @@
<div class="header">
<div class="align-center">
<img src="images/favicon.png" id="logo">
<h2 data-i18n="header.title">Invisible Internet Protocol:</h2>
<h1 data-i18n="header.slogan">Network without borders</h1>
<p data-i18n="header.p1">We are building network which helps people to communicate and share information without restrictions.</p>
<p data-i18n="header.p2">Free from censorship. Free from privacy violations.</p>
<h2 data-l10n-id="header-title">Invisible Internet Protocol:</h2>
<h1 data-l10n-id="header-slogan">Network without borders</h1>
<p data-l10n-id="header-p1">We are building network which helps people to communicate and share information without restrictions.</p>
<p data-l10n-id="header-p2">Free from censorship. Free from privacy violations.</p>
<div class="download">
<a href="https://github.com/PurpleI2P/i2pd/releases/latest"
id="dl-btn" target="_blank">Downloads</a>
</div>
<p class="header-links">
<a href="https://github.com/PurpleI2P/i2pd/releases/latest" id="all-dls"
data-i18n="header.dl-all" style="display: none;" target="_blank">
data-l10n-id="header-dl-all" style="display: none;" target="_blank">
All downloads</a>
<a href="https://i2pd.readthedocs.io/en/latest/" target="_blank"
data-i18n="header.docs">Documentation</a>
data-l10n-id="header-docs">Documentation</a>
</p>
</div>
</div>
<div class="content">
<p style="font-size: 1.2em;" data-i18n="content.how.title">i2pd (I2P Daemon) is a full-featured C++ implementation of I2P client</p>
<p data-i18n="content.how.p1">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.</p>
<p data-i18n="content.how.p2">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).</p>
<p data-i18n="content.how.p3">I2P allows people from all around the world to communicate and share information without restrictions.</p>
<p style="font-weight: bold;" data-l10n-id="content-how-title">i2pd (I2P Daemon) is a full-featured C++ implementation of I2P client</p>
<p data-l10n-id="content-how-p1">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.</p>
<p data-l10n-id="content-how-p2">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).</p>
<p data-l10n-id="content-how-p3">I2P allows people from all around the world to communicate and share information without restrictions.</p>
<p>
<span data-i18n="content.how.p4">If you are interested in deeper technical details, visit</span>
<a data-i18n="content.how.details" href="https://geti2p.net/en/about/intro"
<span data-l10n-id="content-how-p4">If you are interested in deeper technical details, visit</span>
<a data-l10n-id="content-how-details" href="https://geti2p.net/en/about/intro"
target="_blank">this page</a>.
</p>
<div class="p-hr"></div>
<h2 data-i18n="content.support.title">Let's make the world a better place</h2>
<p data-i18n="content.support.p1">I2P runs and is developed by people like you.</p>
<p data-i18n="content.support.p2">You can help to protect our civil rights online, just run I2P node 24/7 and spread the word!</p>
<p><a data-i18n="content.support.donate-link" href="#donations">Support with coins</a></p>
<h2 data-l10n-id="content-support-title">Let's make the world a better place</h2>
<p data-l10n-id="content-support-p1">I2P runs and is developed by people like you.</p>
<p data-l10n-id="content-support-p2">You can help to protect our civil rights online, just run I2P node 24/7 and spread the word!</p>
<p><a data-l10n-id="content-support-donate-link" href="#donations">Support with coins</a></p>
<div id="donations">
<h2 data-i18n="content.support.donate-text">Donations for Purple I2P developing:</h2>
<p style="font-weight: bold;" data-l10n-id="content-support-donate-text">Donations for Purple I2P developing:</p>
<p>E-Mail: i2porignal at yandex.ru</p>
<p>BTC: 1K7Ds6KUeR8ya287UC4rYTjvC96vXyZbDY</p>
<p>DASH: Xw8YUrQpYzP9tZBmbjqxS3M97Q7v3vJKUF</p>
@ -57,8 +58,9 @@ @@ -57,8 +58,9 @@
</div>
<div class="p-hr"></div>
<p class="links">
<a href="https://github.com/PurpleI2P/i2pd" target="_blank">@GitHub</a>
<a href="https://en.wikipedia.org/wiki/I2P" target="_blank">@Wikipedia</a>
<a href="https://github.com/PurpleI2P/i2pd" target="_blank"><img alt="@GitHub" src="images/github.png"></a>
<a href="https://en.wikipedia.org/wiki/I2P" target="_blank"><img alt="@Wikipedia" src="images/wikipedia.png"></a>
<a href="https://twitter.com/hashtag/i2pd" target="_blank"><img alt="@Twitter" src="images/twitter.png"></a>
<a href="https://geti2p.net/" target="_blank">Vanilla I2P</a>
</p>
</div>

56
js/app.js

File diff suppressed because one or more lines are too long

43
locales/data.ini

@ -0,0 +1,43 @@ @@ -0,0 +1,43 @@
[en-US]
header-title = Invisible Internet Protocol:
header-slogan = Network without borders
header-p1 = We are building network which helps people to communicate and share information without restrictions.
header-p2 = Free from censorship. Free from privacy violations.
header-dl-btn = Download
header-dl-btn-windows = Download for Windows
header-dl-btn-android = Download for Android
header-dl-all = All downloads
header-docs = Documentation
content-how-title = i2pd (I2P Daemon) is a full-featured C++ implementation of I2P client
content-how-p1 = 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.
content-how-p2 = 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).
content-how-p3 = I2P allows people from all around the world to communicate and share information without restrictions.
content-how-p4 = If you are interested in deeper technical details, visit
content-how-details = this page
content-support-title = Let's make the world a better place
content-support-p1 = I2P runs and is developed by people like you.
content-support-p2 = You can help to protect our civil rights online, just run I2P node 24/7 and spread the word!
content-support-donate-link = Support with coins
content-support-donate-text = Donations for Purple I2P developing:
[ru]
header-title = Невидимый Интернет Протокол:
header-slogan = Сеть без границ
header-p1 = Мы строим сеть, которая позволяет людям общаться и обмениваться информацией без искуственных преград.
header-p2 = Без цензуры. Без нарушений права на частную жизнь.
header-dl-btn = Скачать
header-dl-btn-windows = Скачать для Windows
header-dl-btn-android = Скачать для Android
header-dl-all = Все загрузки
header-docs = Документация
content-how-title = i2pd (I2P Daemon) это полнофункциональная реализация I2P клиента на языке C++
content-how-p1 = I2P (Невидимый Интернет Протокол) это универсальный анонимный сетевой уровень. Все соединения через I2P анонимны и используют сквозное (end-to-end) шифрование, участники не раскрывают свои настоящие IP адреса.
content-how-p2 = I2P клиент это программа для построения и использования анонимных I2P сетей. Подобные сети обычно используются для анонимных peer-to-peer приложений (файлообмен, криптовалюты) и для анонимных клиент-серверных приложений (вебсайты, мессенджеры, чат-серверы).
content-how-p3 = I2P позволяет людям со всего мира общаться и делиться информацией без ограничений.
content-how-p4 = Если заинтересовали более глубокие технические детали, посетите
content-how-details = эту страницу
content-support-title = Сделаем мир лучше
content-support-p1 = I2P работает и разрабатывается благодаря обычным людям, таким же, как и Вы.
content-support-p2 = Помочь защитить наши общие гражданские права в сети легко, просто держите I2P ноду рабочей 24/7 и рассказывайте о нас всем!
content-support-donate-link = Помочь монетками
content-support-donate-text = Пожертвования на разработку Пурпурного I2P:

1
locales/dev/translation.json

@ -1 +0,0 @@ @@ -1 +0,0 @@
{}

30
locales/en/translation.json

@ -1,30 +0,0 @@ @@ -1,30 +0,0 @@
{
"header": {
"title": "Invisible Internet Protocol:",
"slogan": "Network without borders",
"p1": "We are building network which helps people to communicate and share information without restrictions.",
"p2": "Free from censorship. Free from privacy violations.",
"dl-btn": "Download",
"dl-btn-windows": "Download for Windows",
"dl-btn-android": "Download for Android",
"dl-all": "All downloads",
"docs": "Documentation"
},
"content": {
"how": {
"title": "i2pd (I2P Daemon) is a full-featured C++ implementation of I2P client",
"p1": "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.",
"p2": "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).",
"p3": "I2P allows people from all around the world to communicate and share information without restrictions.",
"p4": "If you are interested in deeper technical details, visit",
"details": "this page"
},
"support": {
"title": "Let's make the world a better place",
"p1": "I2P runs and is developed by people like you.",
"p2": "You can help to protect our civil rights online, just run I2P node 24/7 and spread the word!",
"donate-link": "Support with coins",
"donate-text": "Donations for Purple I2P developing:"
}
}
}

30
locales/ru/translation.json

@ -1,30 +0,0 @@ @@ -1,30 +0,0 @@
{
"header": {
"title": "Невидимый Интернет Протокол:",
"slogan": "Сеть без границ",
"p1": "Мы строим сеть, которая позволяет людям общаться и обмениваться информацией без искуственных преград.",
"p2": "Без цензуры. Без нарушений права на частную жизнь.",
"dl-btn": "Скачать",
"dl-btn-windows": "Скачать для Windows",
"dl-btn-android": "Скачать для Android",
"dl-all": "Все загрузки",
"docs": "Документация"
},
"content": {
"how": {
"title": "i2pd (I2P Daemon) это полнофункциональная реализация I2P клиента на языке C++",
"p1": "I2P (Невидимый Интернет Протокол) это универсальный анонимный сетевой уровень. Все соединения через I2P анонимны и используют сквозное (end-to-end) шифрование, участники не раскрывают свои настоящие IP адреса.",
"p2": "I2P клиент это программа для построения и использования анонимных I2P сетей. Подобные сети обычно используются для анонимных peer-to-peer приложений (файлообмен, криптовалюты) и для анонимных клиент-серверных приложений (вебсайты, мессенджеры, чат-серверы).",
"p3": "I2P позволяет людям со всего мира общаться и делиться информацией без ограничений.",
"p4": "Если заинтересовали более глубокие технические детали, посетите",
"details": "эту страницу"
},
"support": {
"title": "Сделаем мир лучше",
"p1": "I2P работает и разрабатывается благодаря обычным людям, таким же, как и Вы.",
"p2": "Помочь защитить наши общие гражданские права в сети легко, просто держите I2P ноду рабочей 24/7 и рассказывайте о нас всем!",
"donate-link": "Помочь монетками",
"donate-text": "Пожертвования на разработку Пурпурного I2P:"
}
}
}
Loading…
Cancel
Save