Readme (eng): Tidy up layout, update text. Theme tweaks.

This commit is contained in:
z3d
2010-11-26 07:00:44 +00:00
parent ab57b55e64
commit d49c4f4658
3 changed files with 63 additions and 51 deletions

View File

@ -15,54 +15,38 @@
<div class="welcome"><h2>Welcome to I2P!</h2></div> <div class="welcome"><h2>Welcome to I2P!</h2></div>
<p>If you've just started I2P, the Active: numbers on the left should start to <p>If you've just started I2P, the Active: numbers on the left should start to
grow over the next few minutes and you'll see a "shared clients" local destination grow over the next few minutes and you'll see a "shared clients" local destination
listed on the left (if not, <a href="#trouble">see below</a>). Once those show listed at the bottom of the sidepanel on the left (if not, <a href="#trouble">see below</a>). Once green stars are indicated next to your local destinations, there are a range of services you can access including:</p>
up, you can:</p>
<ul> <ul class="links">
<li><b>browse "eepsites"</b> - on I2P there are anonymously hosted websites <li class="tidylist"><b>Anonymous Chat</b><br>Start your IRC client (eg. chatzilla)
- tell your browser to use the <b>HTTP proxy at 127.0.0.1 port 4444</b>, then and connect to the <a href="irc://127.0.0.1:6668/i2p">server</a> at <code>127.0.0.1 port 6668</code>. This points at
browse to an eepsite:<br> one of two IRC servers hosted by I2P stalwarts Postman and Badger on I2P, but neither you nor they know
where the other is.</li>
<li class="tidylist"><b>Anonymous E-mail</b><br>Postman's I2P-based mail system can be accessed either via <a href="/susimail/">I2P's built-in webmail</a> (aka susimail) or using any mail client that supports smtp and pop3. Accounts can send and receive mail from the normal internet. For an account, visit <a href="http://hq.postman.i2p/" target="_blank">hq.postman.i2p</a>. Alternately, <a href="http://i2pbote.i2p/" target="_blank">I2P-Bote</a> is a new serverless, end-to-end encrypted e-mail system (with web interface), installable as a plugin.</li>
<li class="tidylist"><b>Anonymous File Transfer</b><br><a href="/i2psnark" target="_blank">I2PSnark</a> is integrated into I2P, providing anonymous, encrypted bittorrent. There is also a port of e-mule to I2P called <a href="http://echelon.i2p/imule">i-mule</a>. [Urgently needs developers!]</li>
<li class="tidylist"><b>Forums & Blogging</b><br><a href="http://syndie.i2p2.de/" target="_blank">Syndie</a> is a distributed forum and blogging plaform for I2P. [Urgently needs developers!]</li>
<li class="tidylist"><b>Plugins for I2P</b><br>Extend the usefulness of I2P by installing plugins&hellip; you can browse the plugins and related info on <a href="http://i2plugins.i2p" target="_blank">i2plugins.i2p</a>.
<li class="tidylist"<b>Darknet & Public Web browsing</b><br>I2P makes anonymously hosted websites (aka eepsites) possible, and you can also access the normal web anonymously via I2P. Configure your browser to use the HTTP proxy at <code>127.0.0.1 port 4444</code>, then
browse to an eepsite (anonymous, encrypted webserver run over I2P) or a normal <code>http://</code> address. Some useful resources are listed below:<br>
<ul class="links"> <ul class="links">
<li><a href="http://forum.i2p/" target="_blank">forum.i2p</a>: a secure <li class="tidylist"><a href="http://forum.i2p/" target="_blank">forum.i2p</a>: a secure
and anonymous connection to <a href="http://forum.i2p2.de/" target="_blank">forum.i2p2.de</a></li> and anonymous connection to <a href="http://forum.i2p2.de/" target="_blank">forum.i2p2.de</a></li>
<li><a href="http://www.i2p2.i2p/" target="_blank">www.i2p2.i2p</a> and <li class="tidylist"><a href="http://www.i2p2.i2p/" target="_blank">www.i2p2.i2p</a> and
mirror <a href="http://i2p-projekt.i2p" target="_blank">i2p-projekt.i2p</a>: secure and mirror <a href="http://i2p-projekt.i2p" target="_blank">i2p-projekt.i2p</a>: secure and
anonymous connections to <a href="http://www.i2p2.de/" target="_blank">www.i2p2.de</a></li> anonymous connections to <a href="http://www.i2p2.de/" target="_blank">www.i2p2.de</a></li>
<li><a href="http://eepsites.i2p/" target="_blank">eepsites.i2p</a>: an <li class="tidylist"><a href="http://eepsites.i2p/" target="_blank">eepsites.i2p</a>: an
anonymously hosted search engine of eepsites</li> anonymously hosted search engine of eepsites</li>
<li><a href="http://ugha.i2p/" target="_blank">ugha.i2p</a>: ugha's eepsite, <li class="tidylist"><a href="http://ugha.i2p/" target="_blank">ugha.i2p</a>: ugha's eepsite,
a wiki that anyone can edit, and lots of links</li> a wiki that anyone can edit, and lots of links</li>
<li><a href="http://fproxy.tino.i2p" target="_blank">fproxy.tino.i2p</a>: <li class="tidylist"><a href="http://fproxy.tino.i2p" target="_blank">fproxy.tino.i2p</a>:
Freenet proxy</li> Freenet proxy</li>
<li><a href="http://echelon.i2p" target="_blank">echelon.i2p</a>: software <li class="tidylist"><a href="http://echelon.i2p" target="_blank">echelon.i2p</a>: software
archive (I2PFox, iMule, I2P-Messenger etc) and information about I2P including a beginner's guide.</li> archive (I2PFox, iMule, I2P-Messenger etc) and information about I2P including a beginner's guide.</li>
<li><a href="http://paste.i2p2.i2p" target="_blank">paste.i2p2.i2p</a>: secure and <li class="tidylist"><a href="http://paste.i2p2.i2p" target="_blank">paste.i2p2.i2p</a>: secure and
anonymous paste service.</li> anonymous paste service.</li>
</ul><br> <li class="tidylist">There are many more eepsites - just follow the links from the ones you see,
There are many more eepsites - just follow the links from the ones you see, bookmark your favorites, and visit them often! </li>
bookmark your favorites, and visit them often! </ul>
</li>
<ul>
<li class="tidylist"><b>browse the web</b> - there is currently an HTTP
"outproxy" in I2P hooked up to your own HTTP proxy on port 4444 - simply
set your browser's proxy to use it (as above) and go to any normal URL
- your requests will be bounced through the I2P network.</li>
<li class="tidylist"><b>transfer files</b> - there is an integrated <a href="/i2psnark" target="_blank">port</a>
of the <a href="http://www.klomp.org/snark/" target="_blank">Snark</a> <a href="http://www.bittorrent.com/" target="_blank">BitTorrent</a>
client.</li>
<li class="tidylist"><b>use anonymous email</b> - postman has created a
mail system compatible with normal mail clients (POP3 / SMTP) that allows
email within I2P as well as mail from and to the normal internet! get
your account at <a href="http://hq.postman.i2p/" target="_blank">hq.postman.i2p</a>. We
bundle <a href="/susimail/susimail" target="_blank">susimail</a>, a web based anonymity-oriented
pop3/smtp client configured to access postman's mail services.</li>
<li class="tidylist"><b>serverless e-mail</b> - there's also <a href="http://i2pbote.i2p/" target="_blank">I2P-Bote</a>, a new serverless, end-to-end encrypted e-mail system (with web interface), installable as a plugin.<br></li>
<li class="tidylist"><b>chat anonymously</b> - fire up your own IRC client
and connect to the server at <b>127.0.0.1 port 6668</b>. This points at
one of two anonymously hosted IRC servers, but neither you nor they know
where the other is.</li>
<li class="tidylist"><b>blog anonymously</b> - check out <a href="http://syndie.i2p2.de/" target="_blank">Syndie</a></li>
<li class="tidylist"><b>install plugins</b> - browse the plugins and related info on <a href="http://i2plugins.i2p" target="_blank">i2plugins.i2p</a>.</li>
<li class="tidylist">and lots more&hellip;</li>
</ul> </ul>
</ul> </ul>
<h2>Want your own eepsite?</h2> <h2>Want your own eepsite?</h2>

View File

@ -399,7 +399,7 @@ div.messages {
-khtml-border-radius: 4px; -khtml-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
border: 1px solid #494; border: 1px solid #494;
background: #000;/* url('images/lightbluetile.png');*/ background: #000 /*url('images/infotile.png') center left no-repeat;*/
font-weight: bold; font-weight: bold;
font-size: 9pt; font-size: 9pt;
color: #ddf; color: #ddf;
@ -417,8 +417,8 @@ div.messages li {
text-align: justify !important; text-align: justify !important;
font-weight: bold; font-weight: bold;
list-style: url(images/warning_dark.png) !important; list-style: url(images/warning_dark.png) !important;
margin: 0 10px 0 35px !important; margin: 0 5px 0 50px !important;
padding: 5px 10px !important; padding: 0 10px 0 0 !important;
border: 0px !important; border: 0px !important;
} }
@ -542,13 +542,21 @@ div.main li {
text-align: left; text-align: left;
list-style: square; list-style: square;
margin: 2px 0px 2px 30px; margin: 2px 0px 2px 30px;
padding: 1px 20px 1px 0px; padding: 1px 20px 10px 0px;
/* line-height: 150%;*/ /* line-height: 150%;*/
word-wrap: break-word; word-wrap: break-word;
} }
div.main li b {
color: #d60 !important;
letter-spacing: 0.07em;
font-size: 9.5pt;
line-height: 200%;
}
.tidylist { .tidylist {
text-align: justify !important; text-align: justify !important;
line-height: 150%;
} }
.tidylist:first-child { .tidylist:first-child {
@ -556,7 +564,7 @@ div.main li {
} }
.tidylist:last-child { .tidylist:last-child {
padding-bottom: 5px; padding-bottom: 10px;
} }
ol { ol {
@ -573,8 +581,9 @@ ul {
code { code {
text-align: left; text-align: left;
font: 8.5pt "Lucida Console", "DejaVu Sans Mono", Courier, mono; font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
color: #dd0; color: #dd0;
padding: 0 5px;
} }
a:link, h2 a:link{ a:link, h2 a:link{
@ -762,7 +771,7 @@ hr {
background: #494; background: #494;
height: 1px; height: 1px;
border: 0px solid #494; border: 0px solid #494;
margin: 10px 0; margin: 20px 0 10px;
} }
hr:last-child { hr:last-child {

View File

@ -506,6 +506,12 @@ div.messages li, div.messages ul {
margin: -10px 0 0 0; margin: -10px 0 0 0;
} }
div.main li b{
color: #bb7 !important;
letter-spacing: 0.07em;
font-size: 9.5pt;
}
div.messages span.error { div.messages span.error {
color: #d00000; color: #d00000;
} }
@ -537,8 +543,8 @@ h2 {
border-top: 1px solid #99f; border-top: 1px solid #99f;
border-left: 1px solid #99f; border-left: 1px solid #99f;
background: #000008; background: #000008;
font-variant: small-caps; /* font-variant: small-caps; */
text-transform: capitalize; text-transform: uppercase;
letter-spacing: 0.07em; letter-spacing: 0.07em;
} }
@ -551,7 +557,7 @@ h3 {
letter-spacing: 0.04em; letter-spacing: 0.04em;
margin-bottom: 10px; margin-bottom: 10px;
font-weight: bold !important; font-weight: bold !important;
text-transform: capitalize; text-transform: uppercase;
} }
h3 a { h3 a {
@ -738,10 +744,10 @@ p {
} }
.langbox { .langbox {
margin: 17px -30px 0px 5px; margin: 17px 0px 0px 5px;
color: #eef; color: #eef;
font-size: 7pt; font-size: 7pt;
width: 280px; width: 240px;
text-align: center; text-align: center;
float: right; float: right;
valign: middle; valign: middle;
@ -760,6 +766,11 @@ p {
.links li { .links li {
list-style-image: url("images/link.png") !important; list-style-image: url("images/link.png") !important;
padding-right: 20px !important;
}
.links li:last-child {
padding-bottom: 10px !important;
} }
a:link{ a:link{
@ -871,3 +882,11 @@ table li:last-child{
table ul { table ul {
font-size: 8.5pt; font-size: 8.5pt;
} }
code {
text-align: left;
font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
color: #0d0;
padding: 0 5px;
}