libre-net-society
9 years ago
8 changed files with 399 additions and 6 deletions
@ -0,0 +1,218 @@
@@ -0,0 +1,218 @@
|
||||
/* http://meyerweb.com/eric/tools/css/reset/ |
||||
v2.0 | 20110126 |
||||
License: none (public domain) |
||||
*/ |
||||
|
||||
html, body, div, span, applet, object, iframe, |
||||
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
||||
a, abbr, acronym, address, big, cite, code, |
||||
del, dfn, em, img, ins, kbd, q, s, samp, |
||||
small, strike, strong, sub, sup, tt, var, |
||||
b, u, i, center, |
||||
dl, dt, dd, ol, ul, li, |
||||
fieldset, form, label, legend, |
||||
table, caption, tbody, tfoot, thead, tr, th, td, |
||||
article, aside, canvas, details, embed, |
||||
figure, figcaption, footer, header, hgroup, |
||||
menu, nav, output, ruby, section, summary, |
||||
time, mark, audio, video { |
||||
margin: 0; |
||||
padding: 0; |
||||
border: 0; |
||||
font-size: 100%; |
||||
font: inherit; |
||||
vertical-align: baseline; |
||||
} |
||||
/* HTML5 display-role reset for older browsers */ |
||||
article, aside, details, figcaption, figure, |
||||
footer, header, hgroup, menu, nav, section { |
||||
display: block; |
||||
} |
||||
body { |
||||
line-height: 1; |
||||
} |
||||
ol, ul { |
||||
list-style: none; |
||||
} |
||||
blockquote, q { |
||||
quotes: none; |
||||
} |
||||
blockquote:before, blockquote:after, |
||||
q:before, q:after { |
||||
content: ''; |
||||
content: none; |
||||
} |
||||
table { |
||||
border-collapse: collapse; |
||||
border-spacing: 0; |
||||
} |
||||
|
||||
/*! |
||||
* "Fork me on GitHub" CSS ribbon v0.2.0 | MIT License |
||||
* https://github.com/simonwhitaker/github-fork-ribbon-css |
||||
*/ |
||||
|
||||
.github-fork-ribbon { |
||||
width: 12.1em; |
||||
height: 12.1em; |
||||
position: absolute; |
||||
overflow: hidden; |
||||
top: 0; |
||||
right: 0; |
||||
z-index: 9999; |
||||
pointer-events: none; |
||||
font-size: 13px; |
||||
text-decoration: none; |
||||
text-indent: -999999px; |
||||
} |
||||
|
||||
.github-fork-ribbon.fixed { |
||||
position: fixed; |
||||
} |
||||
|
||||
.github-fork-ribbon:before, .github-fork-ribbon:after { |
||||
/* The right and left classes determine the side we attach our banner to */ |
||||
position: absolute; |
||||
display: block; |
||||
width: 15.38em; |
||||
height: 1.54em; |
||||
|
||||
top: 3.23em; |
||||
right: -3.23em; |
||||
|
||||
-webkit-transform: rotate(45deg); |
||||
-moz-transform: rotate(45deg); |
||||
-ms-transform: rotate(45deg); |
||||
-o-transform: rotate(45deg); |
||||
transform: rotate(45deg); |
||||
} |
||||
|
||||
.github-fork-ribbon:before { |
||||
content: ""; |
||||
|
||||
/* Add a bit of padding to give some substance outside the "stitching" */ |
||||
padding: .38em 0; |
||||
|
||||
/* Set the base colour */ |
||||
background-color: #a00; |
||||
|
||||
/* Set a gradient: transparent black at the top to almost-transparent black at the bottom */ |
||||
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.15))); |
||||
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); |
||||
background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); |
||||
background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); |
||||
background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); |
||||
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.15)); |
||||
|
||||
/* Add a drop shadow */ |
||||
-webkit-box-shadow: 0 .15em .23em 0 rgba(0, 0, 0, 0.5); |
||||
-moz-box-shadow: 0 .15em .23em 0 rgba(0, 0, 0, 0.5); |
||||
box-shadow: 0 .15em .23em 0 rgba(0, 0, 0, 0.5); |
||||
|
||||
pointer-events: auto; |
||||
} |
||||
|
||||
.github-fork-ribbon:after { |
||||
/* Set the text from the title attribute */ |
||||
content: attr(title); |
||||
|
||||
/* Set the text properties */ |
||||
color: #fff; |
||||
font: 700 1em "Helvetica Neue", Helvetica, Arial, sans-serif; |
||||
line-height: 1.54em; |
||||
text-decoration: none; |
||||
text-shadow: 0 -.08em rgba(0, 0, 0, 0.5); |
||||
text-align: center; |
||||
text-indent: 0; |
||||
|
||||
/* Set the layout properties */ |
||||
padding: .15em 0; |
||||
margin: .15em 0; |
||||
|
||||
/* Add "stitching" effect */ |
||||
border-width: .08em 0; |
||||
border-style: dotted; |
||||
border-color: #fff; |
||||
border-color: rgba(255, 255, 255, 0.7); |
||||
} |
||||
|
||||
.github-fork-ribbon.left-top, .github-fork-ribbon.left-bottom { |
||||
right: auto; |
||||
left: 0; |
||||
} |
||||
|
||||
.github-fork-ribbon.left-bottom, .github-fork-ribbon.right-bottom { |
||||
top: auto; |
||||
bottom: 0; |
||||
} |
||||
|
||||
.github-fork-ribbon.left-top:before, .github-fork-ribbon.left-top:after, .github-fork-ribbon.left-bottom:before, .github-fork-ribbon.left-bottom:after { |
||||
right: auto; |
||||
left: -3.23em; |
||||
} |
||||
|
||||
.github-fork-ribbon.left-bottom:before, .github-fork-ribbon.left-bottom:after, .github-fork-ribbon.right-bottom:before, .github-fork-ribbon.right-bottom:after { |
||||
top: auto; |
||||
bottom: 3.23em; |
||||
} |
||||
|
||||
.github-fork-ribbon.left-top:before, .github-fork-ribbon.left-top:after, .github-fork-ribbon.right-bottom:before, .github-fork-ribbon.right-bottom:after { |
||||
-webkit-transform: rotate(-45deg); |
||||
-moz-transform: rotate(-45deg); |
||||
-ms-transform: rotate(-45deg); |
||||
-o-transform: rotate(-45deg); |
||||
transform: rotate(-45deg); |
||||
}@font-face { |
||||
font-family: 'Open Sans'; |
||||
font-style: normal; |
||||
font-weight: 400; |
||||
src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans.ttf) format('truetype'); |
||||
} |
||||
|
||||
html, body { |
||||
font-family: "Open Sans", sans-serif; |
||||
font-size: 20px; |
||||
background: #BB32FF; |
||||
color: #EFDFFF; |
||||
} |
||||
|
||||
h1, h2, p {padding: 10px;} |
||||
h1 {font-size: 2em;} |
||||
h2 {font-size: 1.5em;} |
||||
a {color: #800080; text-decoration: none;} |
||||
a:hover {color: #A020B0;} |
||||
|
||||
.container {text-align: center;} |
||||
.header {padding: 40px; background: #800080;} |
||||
.download {margin-top: 20px;} |
||||
|
||||
#dl-btn { |
||||
font-size: 1.5em; |
||||
background: #C145FF; display: inline-block; |
||||
padding: 25px; margin: 10px; |
||||
} |
||||
|
||||
.header a { padding: 15px; color: #EFDFFF;} |
||||
.header a:hover {color: #FFFFFF;} |
||||
|
||||
.content { |
||||
padding: 40px; |
||||
border-top: 1px #EFDFFF solid; |
||||
} |
||||
.content p { |
||||
max-width: 800px; |
||||
margin: auto; |
||||
font-size: 0.8em; |
||||
} |
||||
|
||||
#donations {display: none;} |
||||
#donations:target {display: block;} |
||||
.p-hr { |
||||
border-top: 1px #EFDFFF solid; |
||||
max-width: 600px; |
||||
margin: auto; |
||||
margin-top: 30px; |
||||
margin-bottom: 30px; |
||||
} |
||||
|
||||
.links a {font-size: 1.2em; padding: 10px;} |
||||
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
@ -1,8 +1,64 @@
@@ -1,8 +1,64 @@
|
||||
<!DOCTYPE html> |
||||
<html> |
||||
Donations for i2pd development<br> |
||||
BTC: 1K7Ds6KUeR8ya287UC4rYTjvC96vXyZbDY<br> |
||||
DASH: Xw8YUrQpYzP9tZBmbjqxS3M97Q7v3vJKUF<br> |
||||
LTC: LKQirrYrDeTuAPnpYq5y7LVKtywfkkHi59<br> |
||||
ANC: AQJYweYYUqM1nVfLqfoSMpUMfzxvS4Xd7z<br> |
||||
DOGE: DNXLQKziRPAsD9H3DFNjk4fLQrdaSX893Y<br> |
||||
<head> |
||||
<meta charset="utf-8"> |
||||
<title>Invisible Internet Project: Purple</title> |
||||
<link href="css/app.css" rel="stylesheet"> |
||||
<script src="js/app.js"></script> |
||||
</head> |
||||
<body> |
||||
<a class="github-fork-ribbon" href="https://github.com/PurpleI2P/i2pd" |
||||
title="Fork me on GitHub">Fork me on GitHub</a> |
||||
<div class="container"> |
||||
<div class="header"> |
||||
<img src="images/purplei2p.png" id="logo"> |
||||
<h2 data-i18n="header.title">Invisible Internet Project:</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> |
||||
<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"> |
||||
All downloads</a> |
||||
<a href="https://i2pd.readthedocs.io/en/latest/" target="_blank" |
||||
data-i18n="header.docs">Documentation</a> |
||||
</p> |
||||
</div> |
||||
<div class="content"> |
||||
<h2 data-i18n="content.how.title">How Invisible Internet works?</h2> |
||||
<p data-i18n="content.how.p1">I2P (Invisible Internet Project) is anonymous network which works on top of public Internet.</p> |
||||
<p data-i18n="content.how.p2">Privacy and anonymity are achieved by strong encryption and bouncing your traffic through thousands of I2P nodes all around the world.</p> |
||||
<p data-i18n="content.how.p3">Nobody can track your activities inside Invisible Internet.</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" |
||||
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> |
||||
<div id="donations"> |
||||
<h2 data-i18n="content.support.donate-text">Donations for Purple I2P developing:</h2> |
||||
<p>E-Mail: i2porignal at yandex.ru</p> |
||||
<p>BTC: 1K7Ds6KUeR8ya287UC4rYTjvC96vXyZbDY</p> |
||||
<p>DASH: Xw8YUrQpYzP9tZBmbjqxS3M97Q7v3vJKUF</p> |
||||
<p>LTC: LKQirrYrDeTuAPnpYq5y7LVKtywfkkHi59</p> |
||||
<p>ANC: AQJYweYYUqM1nVfLqfoSMpUMfzxvS4Xd7z</p> |
||||
<p>DOGE: DNXLQKziRPAsD9H3DFNjk4fLQrdaSX893Y</p> |
||||
</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://geti2p.net/" target="_blank">Vanilla I2P</a> |
||||
</p> |
||||
</div> |
||||
</div> |
||||
</body> |
||||
</html> |
||||
|
||||
File diff suppressed because one or more lines are too long
@ -0,0 +1,7 @@
@@ -0,0 +1,7 @@
|
||||
{ |
||||
"header": { |
||||
"title1": "Penis", |
||||
"title2": "jkjkj" |
||||
}, |
||||
"content": {} |
||||
} |
||||
@ -0,0 +1,30 @@
@@ -0,0 +1,30 @@
|
||||
{ |
||||
"header": { |
||||
"title": "Invisible Internet Project:", |
||||
"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": "How Invisible Internet works?", |
||||
"p1": "I2P (Invisible Internet Project) is anonymous network which works on top of public Internet.", |
||||
"p2": "Privacy and anonymity are achieved by strong encryption and bouncing your traffic through thousands of I2P nodes all around the world.", |
||||
"p3": "Nobody can track your activities inside Invisible Internet.", |
||||
"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:" |
||||
} |
||||
} |
||||
} |
||||
@ -0,0 +1,30 @@
@@ -0,0 +1,30 @@
|
||||
{ |
||||
"header": { |
||||
"title": "Проект \"Невидимый Интернет\":", |
||||
"slogan": "Сеть без границ", |
||||
"p1": "Мы строим сеть, которая позволяет людям общаться и обмениваться информацией без искуственных преград.", |
||||
"p2": "Без цензуры. Без нарушений права на частную жизнь.", |
||||
"dl-btn": "Скачать", |
||||
"dl-btn-windows": "Скачать для Windows", |
||||
"dl-btn-android": "Скачать для Android", |
||||
"dl-all": "Все загрузки", |
||||
"docs": "Документация" |
||||
}, |
||||
"content": { |
||||
"how": { |
||||
"title": "Как работает Невидимый Интернет?", |
||||
"p1": "I2P (Invisible Internet Project) это анонимная сеть поверх обычного Интернета.", |
||||
"p2": "Приватность и анонимность достигается применением сильного шифрования и маршрутизацией сетевого трафика через тысячи I2P нод по всему миру.", |
||||
"p3": "Никто не может отследить вашу активность в Невидимом Интернете.", |
||||
"p4": "Если заинтересовали более глубокие технические детали, посетите", |
||||
"details": "эту страницу" |
||||
}, |
||||
"support": { |
||||
"title": "Сделаем мир лучше", |
||||
"p1": "I2P работает и разрабатывается благодаря обычным людям, таким же, как и Вы.", |
||||
"p2": "Помочь защитить наши общие гражданские права в сети легко, просто держите I2P ноду рабочей 24/7 и рассказывайте о нас всем!", |
||||
"donate-link": "Помочь монетками", |
||||
"donate-text": "Пожертвования на разработку Пурпурного I2P:" |
||||
} |
||||
} |
||||
} |
||||
Loading…
Reference in new issue