[or-cvs] r17075: {website} update the css sidebar, add a css left-aligned sidebar, upda (in website/trunk: . en)
phobos at seul.org
phobos at seul.org
Mon Oct 13 23:47:35 UTC 2008
Author: phobos
Date: 2008-10-13 19:47:34 -0400 (Mon, 13 Oct 2008)
New Revision: 17075
Added:
website/trunk/en/30seconds.wml
Modified:
website/trunk/en/index.wml
website/trunk/en/torusers.wml
website/trunk/stylesheet-ltr.css
website/trunk/stylesheet.css
Log:
update the css sidebar, add a css left-aligned sidebar, update index and
torusers pages, add a new high-level overview page
Added: website/trunk/en/30seconds.wml
===================================================================
--- website/trunk/en/30seconds.wml (rev 0)
+++ website/trunk/en/30seconds.wml 2008-10-13 23:47:34 UTC (rev 17075)
@@ -0,0 +1,77 @@
+## translation metadata
+# Revision: $Revision: 16919 $
+# Translation-Priority: 1-high
+
+#include "head.wmi" TITLE="Tor Summary" CHARSET="UTF-8"
+
+<div class="main-column">
+
+<h2>Why You Need Tor</h2>
+<hr />
+<p>Few issues affect the legitimacy of the Internet more than protecting
+people's personal data while they're online. Because the vast majority
+of internet traffic passes along public routes, it is relatively easy
+for prying eyes to view the comings and goings of internet users -- and
+even gather some important financial or personal information. These
+snoopers can get their information almost anywhere. Like your internet
+service provider. Or your favorite website, which may be disclosing your
+shopping patterns. Or maybe a politically rigid government is compiling
+a list of its citizens reading outlawed journals. </p>
+
+<p>These activities are commonly called "traffic analysis" and
+corporations, governments and other parties are becoming increasingly
+sophisticated at it. While these organizations remain vague in their
+intentions, their affect on Internet users is clear. For some people,
+this electronic spying is a nuisance that can affect their pocketbook;
+for others, it could jeopardize their personal security.</p>
+
+<p>Since 2001, the Tor Project has been developing free and open-source
+software that helps provide anonymity for Internet users. It works by
+allowing users to travel the web on a circuitous route on a set of
+servers positioned around the world. When you use Tor, your route on
+the Internet appears haphazard, so snoops have a difficult time
+following your path and seizing vital information. Tor also has special
+functionality, called hidden services, that allows users to publish to
+websites without revealing their location.</p>
+
+<p>Tor is compatible with different operating systems, such as Microsoft
+Windows, Apple Mac, and various versions of Linux Tor works with most
+programs that connect your computer to the Internet.</p>
+
+<p>Today, Tor is used by hundreds of thousands of people to protect their
+activities online. This could be journalists or human rights workers in
+politically rigid countries communicating with whistle blowers and
+dissidents. Law enforcement officers on Internet sting operations stay
+anonymous with Tor. As do people wanting to post socially sensitive
+information in chat rooms, like rape or abuse survivors and those with
+illnesses. The Tor Network also provides protection for people looking
+for another layer of privacy from the millions of websites bent on
+collecting private information and tracking their moves online.</p>
+
+<h2>Why Tor Needs You</h2>
+<hr />
+<p>Other than a few developers, the Tor Project is largely run by
+volunteers. To help keep Tor's worldwide server network running and its
+open source software up-to-date, the Tor project is looking for new
+sponsors and funding. Join organizations like Google, Bell Security
+Solutions, Cyber Threat-Analytics, the National Science Foundation, the
+NLnet Foundation from the Netherlands, Human Rights Watch, and more than
+500 individuals who have donated funds to the Tor Project.</p>
+
+<p>We guarantee your money will be put to good use. For every dollar
+donated to the Tor Project, 75 cents goes directly into development. We
+also promise good service. Sponsors receive personal attention, better
+support and the chance to influence the direction of Tor.</p>
+
+<p>The Tor Project is a registered 501 (c)(3) non-profit, making donations
+tax deductible for those living in the United States or those paying
+taxes with charitable donation reciprocity with the U.S.</p>
+
+<p>In this day and age, Tor provides a vital layer of protection for you
+and your data. Your donations will help keep this project on the cutting
+edge. If you have any questions about funding the Tor Project, please
+contact: donations at torproject.org</p>
+
+</div><!-- #main -->
+
+#include <foot.wmi>
Modified: website/trunk/en/index.wml
===================================================================
--- website/trunk/en/index.wml 2008-10-13 19:02:37 UTC (rev 17074)
+++ website/trunk/en/index.wml 2008-10-13 23:47:34 UTC (rev 17075)
@@ -2,29 +2,29 @@
# Revision: $Revision$
# Translation-Priority: 1-high
-#include "head.wmi" TITLE="Tor: anonymity online"
+#include "head.wmi" TITLE="Tor: anonymity online" CHARSET="UTF-8"
-<!-- SIDEBAR (OPTIONAL) -->
-<div class="sidebar">
-<a href="<page download>"><img src="$(IMGROOT)/download_tor.png" alt="Download Tor" /></a>
+<div class="main-column">
-<br />
+<!-- PUT CONTENT AFTER THIS TAG -->
-<a href="<page overview>"><img src="$(IMGROOT)/how_tor_works_thumb.png" alt="How Tor Works" /></a>
+<h2>Tor: anonymity online</h2>
+<hr />
+
+<!-- BEGIN SIDEBAR -->
+<div class="sidebar">
+<h3>Summary</h3>
+<p>
+<p><a href="<page 30seconds>">What is Tor?</a></p>
+<p><a href="<page torusers>">Who uses Tor?</a></p>
+<p><a href="<page overview>">How does Tor work in detail?</a></p>
+<hr />
<div class="donatebutton">
-<a href="<page donate>">Support Tor: donate!</a>
+<p><a href="<page donate>">Donate to support Tor!</a></p>
</div>
-
</div>
<!-- END SIDEBAR -->
-<div class="main-column">
-
-<!-- PUT CONTENT AFTER THIS TAG -->
-
-<h2>Tor: anonymity online</h2>
-<hr />
-
<p>Tor is a software project that helps you defend against <a
href="<page overview>">traffic analysis</a>, a form of network
surveillance that threatens personal freedom and privacy, confidential
Modified: website/trunk/en/torusers.wml
===================================================================
--- website/trunk/en/torusers.wml 2008-10-13 19:02:37 UTC (rev 17074)
+++ website/trunk/en/torusers.wml 2008-10-13 23:47:34 UTC (rev 17075)
@@ -5,20 +5,26 @@
#include "head.wmi" TITLE="Who uses Tor?" CHARSET="UTF-8"
<div class="main-column">
-<h1>Who uses Tor?</h1>
+
+<h2>Inception</h2>
+
+<!-- BEGIN SIDEBAR -->
+<div class="sidebar-left">
+<h3>Who uses Tor?</h3>
<ul>
-<li><a href="<page torusers>#normalusers">Everyday, ordinary Internet users use Tor</a></li>
+<li><a href="<page torusers>#normalusers">Normal people use Tor</a></li>
<li><a href="<page torusers>#military">Militaries use Tor</a></li>
<li><a href="<page torusers>#journalist">Journalists and their audience use Tor</a></li>
<li><a href="<page torusers>#lawenforcement">Law enforcement officers use Tor</a></li>
<li><a href="<page torusers>#activists">Activists & Whistleblowers use Tor</a></li>
-<li><a href="<page torusers>#spotlight">Both high and low profile people use Tor</a></li>
+<li><a href="<page torusers>#spotlight">High & low profile people use Tor</a></li>
<li><a href="<page torusers>#executives">Business executives use Tor</a></li>
<li><a href="<page torusers>#bloggers">Bloggers use Tor</a></li>
</ul>
-<p>
+</div>
+<!-- END SIDEBAR -->
-<h2>Inception</h2>
+<hr />
<p>
Tor was originally designed, implemented, and deployed as a third-generation
<a href="http://www.onion-router.net/">onion routing project of the Naval Research Laboratory</a>.
@@ -27,7 +33,8 @@
</p>
<a name="normalusers"></a>
-<h2><a class="anchor" href="#normalusers">Everyday, ordinary Internet users use Tor</a></h2>
+<h2><a class="anchor" href="#normalusers">Normal people use Tor</a></h2>
+<hr />
<ul>
<li><strong>They protect their privacy from unscrupulous marketers and identity thieves.</strong>
Internet Service Providers (ISPs) <a href="http://seekingalpha.com/article/29449-compete-ceo-isps-sell-clickstreams-for-5-a-month">
@@ -58,6 +65,7 @@
<a name="military"></a>
<h2><a class="anchor" href="#military">Militaries use Tor</a></h2>
+<hr />
<ul>
<li>
@@ -84,6 +92,7 @@
<a name="journalist"></a>
<h2><a class="anchor" href="#journalist">Journalists and their audience use Tor</a></h2>
+<hr />
<ul>
<li><strong><a href="http://www.rsf.org/">Reporters without Borders</a></strong>
tracks Internet prisoners of conscience and jailed or harmed journalists all over the world. They advise
@@ -108,6 +117,7 @@
<a name="lawenforcement"></a>
<h2><a class="anchor" href="#lawenforcement">Law enforcement officers use Tor</a></h2>
+<hr />
<ul>
<li><strong>Online surveillance:</strong>
Tor allows officials to surf questionable web sites and services
@@ -133,6 +143,7 @@
<a name="activists"></a>
<h2><a class="anchor" href="#activists">Activists & Whistleblowers use Tor</a></h2>
+<hr />
<ul>
<li><strong>Human rights activists use Tor to anonymously report abuses from
danger zones.</strong> Internationally, labor rights workers use Tor and other
@@ -198,7 +209,8 @@
</ul>
<a name="spotlight"></a>
-<h2><a class="anchor" href="#spotlight">Both high and low profile people use Tor</a></h2>
+<h2><a class="anchor" href="#spotlight">High & low profile people use Tor</a></h2>
+<hr />
<ul>
<li>Does being in the public spotlight shut you off from having a private
life, forever, online? A rural lawyer in a New England state keeps
@@ -229,6 +241,7 @@
<a name="executives"></a>
<h2><a class="anchor" href="#executives">Business executives use Tor</a></h2>
+<hr />
<ul>
<li><strong>Security breach information clearinghouses:</strong>
Say a financial institution participates in a security clearinghouse
@@ -265,6 +278,7 @@
<a name="bloggers"></a>
<h2><a class="anchor" href="#bloggers">Bloggers use Tor</a></h2>
+<hr />
<ul>
<li>Every day we hear about bloggers who are
<a href="http://online.wsj.com/public/article/SB112541909221726743-Kl4kLxv0wSbjqrkXg_DieY3c8lg_20050930.html">sued</a> or
Modified: website/trunk/stylesheet-ltr.css
===================================================================
--- website/trunk/stylesheet-ltr.css 2008-10-13 19:02:37 UTC (rev 17074)
+++ website/trunk/stylesheet-ltr.css 2008-10-13 23:47:34 UTC (rev 17075)
@@ -1,5 +1,5 @@
body {
- background-color: #FFFFFF;
+ background-color: white;
margin-top: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 1em;
@@ -75,19 +75,30 @@
text-align: right;
}
-/* the sidebar */
+/* the sidebars */
div.sidebar {
+ background-color: #e5e5e5;
float: right;
- padding-top: 10px;
- padding-right: 10px;
- padding-bottom: 15px;
- padding-left: 10px;
- width: 260px;
+ margin: 0 0 10px 10px;
+ /* border: 2px solid #666; */
+ padding: 10px;
+ width: 150px;
text-align: center;
}
+div.sidebar-left {
+ background-color: #e5e5e5;
+ float: right;
+ margin: 0 0 5px 5px;
+ /* border: 2px solid #666; */
+ padding: 5px;
+ width: 275px;
+ text-align: left;
+}
+
+
/* The main column (left text) */
div.main-column {
Modified: website/trunk/stylesheet.css
===================================================================
--- website/trunk/stylesheet.css 2008-10-13 19:02:37 UTC (rev 17074)
+++ website/trunk/stylesheet.css 2008-10-13 23:47:34 UTC (rev 17075)
@@ -24,7 +24,7 @@
body {
background-color: #FFFFFF;
margin-top: 0px;
- font-family: Arial, Helvetica, sans-serif;
+ font-family: Helvetica, Arial, sans-serif;
font-size: 1em;
font-style: normal;
color: #000000;
@@ -101,16 +101,15 @@
/* the sidebar */
div.sidebar {
+ /* background-color: #80c97f; */
float: right;
- padding-top: 10px;
- padding-right: 10px;
- padding-bottom: 15px;
- padding-left: 10px;
- width: 260px;
+ margin: 0 0 10px 10px;
+ border: 1px solid #666;
+ padding: 10px;
+ width: 150px;
text-align: center;
}
-
/* The main column (left text) */
div.main-column {
@@ -267,10 +266,10 @@
display: block;
padding: 6px;
background-color: #00802B;
- border-top: 1px solid #00A838;
+ /* border-top: 1px solid #00A838;
border-left: 1px solid #00A838;
border-bottom: 1px solid #00591E;
- border-right: 1px solid #00591E;
+ border-right: 1px solid #00591E; */
color: #FFFFFF;
}
More information about the tor-commits
mailing list