From d49c4f46588f16206f7a76ea262a2c9f87d59905 Mon Sep 17 00:00:00 2001
From: z3d <z3d@mail.i2p>
Date: Fri, 26 Nov 2010 07:00:44 +0000
Subject: [PATCH] Readme (eng): Tidy up layout, update text. Theme tweaks.

---
 installer/resources/readme/readme.html        | 62 +++++++------------
 .../resources/themes/console/dark/console.css | 23 ++++---
 .../themes/console/midnight/console.css       | 29 +++++++--
 3 files changed, 63 insertions(+), 51 deletions(-)

diff --git a/installer/resources/readme/readme.html b/installer/resources/readme/readme.html
index a1f881f13..3a5d41987 100644
--- a/installer/resources/readme/readme.html
+++ b/installer/resources/readme/readme.html
@@ -15,54 +15,38 @@
 <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 
   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 
-up, you can:</p> 
-<ul>
-  <li><b>browse "eepsites"</b> - on I2P there are anonymously hosted websites 
-    - tell your browser to use the <b>HTTP proxy at 127.0.0.1 port 4444</b>, then 
-    browse to an eepsite:<br>
+  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> 
+
+<ul class="links">
+      <li class="tidylist"><b>Anonymous Chat</b><br>Start your IRC client (eg. chatzilla)
+        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 
+        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">
-      <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>
-      <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 
         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>
-      <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>
-      <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>
-      <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>
-      <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>
-    </ul><br>
-      There are many more eepsites - just follow the links from the ones you see, 
-      bookmark your favorites, and visit them often! 
-    </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>
+      <li class="tidylist">There are many more eepsites - just follow the links from the ones you see, 
+      bookmark your favorites, and visit them often! </li>
+    </ul>
     </ul>
 </ul>
 <h2>Want your own eepsite?</h2>
diff --git a/installer/resources/themes/console/dark/console.css b/installer/resources/themes/console/dark/console.css
index fc74266c0..5c8d210b4 100644
--- a/installer/resources/themes/console/dark/console.css
+++ b/installer/resources/themes/console/dark/console.css
@@ -399,7 +399,7 @@ div.messages {
      -khtml-border-radius: 4px;
      border-radius: 4px;
      border: 1px solid #494;
-     background: #000;/* url('images/lightbluetile.png');*/
+     background: #000  /*url('images/infotile.png') center left no-repeat;*/
      font-weight: bold;
      font-size: 9pt;
      color: #ddf;
@@ -417,8 +417,8 @@ div.messages li {
      text-align: justify !important;
      font-weight: bold;
      list-style: url(images/warning_dark.png) !important;
-     margin: 0 10px 0 35px !important;
-     padding: 5px 10px !important;
+     margin: 0 5px 0 50px !important;
+     padding: 0 10px 0 0 !important;
      border: 0px !important;
 }
 
@@ -542,13 +542,21 @@ div.main li {
      text-align: left;
      list-style: square;
      margin: 2px 0px 2px 30px;
-     padding: 1px 20px 1px 0px;
+     padding: 1px 20px 10px 0px;
 /*     line-height: 150%;*/
      word-wrap: break-word;
 }
 
+div.main li b {
+     color: #d60 !important;
+     letter-spacing: 0.07em;
+     font-size: 9.5pt;
+     line-height: 200%;
+}
+
 .tidylist {
      text-align: justify !important;
+     line-height: 150%;
 }
 
 .tidylist:first-child {
@@ -556,7 +564,7 @@ div.main li {
 }
 
 .tidylist:last-child {
-     padding-bottom: 5px;
+     padding-bottom: 10px;
 }
 
 ol {
@@ -573,8 +581,9 @@ ul {
 
 code {
      text-align: left;
-     font: 8.5pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
+     font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
      color: #dd0;
+     padding: 0 5px;
 }
 
 a:link, h2 a:link{
@@ -762,7 +771,7 @@ hr {
      background: #494;
      height: 1px;
      border: 0px solid #494;
-     margin: 10px 0;
+     margin: 20px 0 10px;
 }
 
 hr:last-child {
diff --git a/installer/resources/themes/console/midnight/console.css b/installer/resources/themes/console/midnight/console.css
index 357062e65..ebf9a804f 100644
--- a/installer/resources/themes/console/midnight/console.css
+++ b/installer/resources/themes/console/midnight/console.css
@@ -506,6 +506,12 @@ div.messages li, div.messages ul {
      margin: -10px 0 0 0;
 }
 
+div.main li b{
+     color: #bb7 !important;
+     letter-spacing: 0.07em;
+     font-size: 9.5pt;
+}
+
 div.messages span.error {
      color: #d00000;
 }
@@ -537,8 +543,8 @@ h2 {
      border-top: 1px solid #99f;
      border-left: 1px solid #99f;
      background: #000008;
-     font-variant: small-caps; 
-     text-transform: capitalize; 
+/*     font-variant: small-caps; */
+     text-transform: uppercase; 
      letter-spacing: 0.07em;
 }
 
@@ -551,7 +557,7 @@ h3 {
      letter-spacing: 0.04em;
      margin-bottom: 10px;
      font-weight: bold !important;
-     text-transform: capitalize;
+     text-transform: uppercase; 
 }
 
 h3 a {
@@ -738,10 +744,10 @@ p {
 }
 
 .langbox {
-     margin: 17px -30px 0px 5px;
+     margin: 17px 0px 0px 5px;
      color: #eef;
      font-size: 7pt;
-     width: 280px;
+     width: 240px;
      text-align: center;
      float: right;
      valign: middle;
@@ -760,6 +766,11 @@ p {
 
 .links li {
      list-style-image: url("images/link.png") !important;
+     padding-right: 20px !important;
+}
+
+.links li:last-child {
+     padding-bottom: 10px !important;
 }
 
 a:link{
@@ -871,3 +882,11 @@ table li:last-child{
 table ul {
      font-size: 8.5pt;
 }
+
+
+code {
+     text-align: left;
+     font: 9pt "Lucida Console", "DejaVu Sans Mono", Courier, mono;
+     color: #0d0;
+     padding: 0 5px;
+}