en/index.wml (dd071c4b1) - tor-webwml.git

index.wml

## translation metadata
# Revision: $Revision$
# Translation-Priority: 1-high

#include "head.wmi" TITLE="Tor Project: Anonymity Online" CHARSET="UTF-8"

<div id="home">
    <div id="content" class="clearfix">
    	<div id="maincol">
      	<div id="banner">
        	<ul>
          	<li>Tor prevents people from learning your location or browsing habits.</li>
            <li>Tor is for web browsers, instant messaging clients, and more.</li>
            <li>Tor is free and open source for Windows, Mac, Linux/Unix, and Android</li>
          </ul>
        	<h1 class="headline">Anonymity Online</h1>
          <p class="desc">Protect your privacy. Defend yourself against network surveillance and traffic analysis.</p>

<div id="download">
        <a href="<page download/download-easy>">
          <span class="download-tor">Download Tor</span></a>
      </div>
      </div>
        <div class="subcol-container clearfix">
          <div class="subcol first">
            <h2>What is Tor?</h2> <p>Tor is free software and an open
            network that helps you defend against traffic analysis,
            a form of network surveillance that
            threatens personal freedom and privacy, confidential business
            activities and relationships, and state security.<br>
            <span class="continue"><a href="<page about/overview>">Learn
            more about Tor &raquo;</a></span></p>
          </div>
          
          <div class="subcol">
          <h2>Why Anonymity Matters</h2>
          <p>Tor protects you by bouncing your communications around a
          distributed network of relays run by volunteers all around
          the world: it prevents somebody watching your Internet
          connection from learning what sites you visit, and it prevents
          the sites you visit from learning your physical location.<br>
          <span class="continue"><a href="<page
          getinvolved/volunteer>">Get involved with Tor
          &raquo;</a></span></p>
          </div>
        </div>
        
        <div id="home-our-projects" class="clearfix">
          <h2>Our Projects</h2>
          <div class="fauxhead"></div>
          <table style="table-layout: fixed;">
            <tr>
              
              <td>
                <div class="project">
                <a href="https://tails.boum.org/"><img
                src="$(IMGROOT)/icon-Tails.jpg" alt="Tails Icon"></a>
                <h3><a href="https://tails.boum.org/">Tails</a></h3>
                <p>Live CD/USB operating system preconfigured to use
                Tor safely.</p>
                </div>
              </td>
              <td>
                <div class="project">
                <a href="https://guardianproject.info/apps/orbot/"><img
                src="$(IMGROOT)/icon-Orbot.jpg" alt="Orbot Icon"></a>
                <h3><a href="https://guardianproject.info/apps/orbot/">Orbot</a></h3>
                <p>Tor for Google Android devices.</p>
                </div>
              </td>
            </tr>
            <tr>
              <td>
                <div class="project">
                <a href="<page projects/torbrowser>"><img
                src="$(IMGROOT)/icon-TorBrowser.jpg" alt="TorBrowser Icon"></a>
                <h3><a href="<page projects/torbrowser>">Tor
                Browser</a></h3>
                <p>Tor Browser contains everything you need to safely
                browse the Internet.</p>
                </div>
              </td>
                
              <td>
                <div class="project">
                <a href="https://www.atagar.com/arm/"><img
                src="$(IMGROOT)/icon-Arm.jpg" alt="Arm Icon"></a>
                <h3><a href="https://www.atagar.com/arm/">Arm</a></h3>
                <p>Terminal (command line) application for monitoring
                and configuring Tor.</p>
                </div>
              </td>
            </tr>
            <tr>
                
	      <td>
              <div class="project">
                <a href="https://atlas.torproject.org/"><img
                src="$(IMGROOT)/icon-TorStatus.jpg" alt="Atlas Icon"></a>
                <h3><a href="https://atlas.torproject.org/">Atlas</a></h3>
                <p>Site providing an overview of the Tor network.</p>
                </div>
              </td>
                
              <td>
                <div class="project">
                <a href="<page projects/obfsproxy>"><img
                src="$(IMGROOT)/icon-Obfsproxy.jpg" alt="Pluggable Transports Icon"></a>
                <h3><a href="<page docs/pluggable-transports>">Pluggable Transports</a></h3>
                <p>Pluggable transports help you circumvent censorship.</p>
                </div>
              </td>
            </tr>
            <tr>
              <td>
               <div class="project">
              <a href="https://stem.torproject.org/"><img
              src="$(IMGROOT)/icon-stem.jpg" alt="Stem Icon"></a>
              <h3><a href="https://stem.torproject.org/">Stem</a></h3>
              <p>Library for writing scripts and applications that interact
              with Tor.</p>
                </div>
              </td>
              <td>
               <div class="project">
              <a href="https://cloud.torproject.org"><img
              src="$(IMGROOT)/icon-Cloud.jpg" alt="Cloud Icon"></a>
               <h3><a href="https://cloud.torproject.org">Tor cloud</a></h3>
               <p>A user-friendly way of deploying bridges to help users
               access the uncensored Internet.</p>
               </div>
               </td>
            </tr>
          </table>
	  <span class="continue"><a href="<page projects/projects>">Learn more about our projects &raquo;</a></span>
      	</div>
        
      </div>
      
      <div id="sidecol">
      
<:
  use strict;
  use warnings;
  use open ':std', ':encoding(UTF-8)';
  use LWP::Simple;

# RSS feed url
  my $url = 'https://blog.torproject.org/blog/feed';
  # Number of posts to show
  my $showPosts = "5";
  # Maximum characters in post title to allow before truncating
  my $titleMaxLength = "35";
  # Maximum characters in author name to allow before truncating
  my $authorMaxLength = "15";
  
  # Retreive url
  my $data = get( $url );
  
  if ($data) # Url returned data
  {
    my $check = $data;
    $check =~ m{<rss(.*?)>}i;
    my $checkVal = $1;

if ($checkVal) # Is an rss feed
    {
      my $titleStr = $data;
      my $linkStr = $data;
      my $dateStr = $data;
      my $authorStr = $data;
    
      print "<div class='blogFeed'>
             <div class='blogFirstRow'>
             <h2>Recent Blog Posts</h2>
             </div>";

# Generate posts
      for my $i (0..$showPosts)
      {  
      	
	# Parse title
	$titleStr =~ m{<title>(.*?)</title>}g;
	my $titleVal = $1;
	my $titleLength = length($titleVal);
	my $title = $titleVal;

# Check title length and trim if necessary
      	my $titleTrim = $title;
        if ($titleLength > $titleMaxLength)
      	{
    	    my $trimLength = $titleMaxLength - 3;
    	    my $titleTxt = substr($title, 0, $trimLength);
    	    $titleTrim = "$titleTxt...";
      	}
    
	# Parse link
	$linkStr =~ m{<link>(.*?)</link>}g;
	my $link = $1;

if ($i != 0)
        {
	  # Parse date
	  $dateStr =~ m{<pubDate>(.*?)</pubDate>}g;
	  my $date = $1;

# Trim date
	  my $dateTrim = substr($date, 0, -15);

# Parse author
	  $authorStr =~ m{<dc:creator>(.*?)\s*</dc:creator>}g;
	  my $author = $1;

# Check author length and trim if necessary
	  my $authorLength = length($author);
	  my $authorTrim = $author;
	  if ($authorLength > $authorMaxLength)
	  {
	      my $authorTrimLength = $authorMaxLength - 3;
	      my $authorTxt = substr($author, 0, $authorTrimLength);
	      $authorTrim = "$authorTxt...";
	  }

# Begin html output
	  print "<a href=\'$link\' title=\'$title\'>";
	  
	  # Required for alternating row colors - switch blogRow# to change order
	  if (0 == $i % 2) {
	      print "<div class='blogRow blogRow1'>";
	  } else {
	      print "<div class='blogRow blogRow0'>";
	  }
	  
	  print "<p class='blogTitle'>$titleTrim</p>
		<p class='blogDate'>$dateTrim</p>
		<p class='blogAuthor'>Posted by: <em>$authorTrim</em></p>
		</div>
		</a>";    
	}
      }
      
    } else {	# Not an rss feed
      print "<div class='blogRow blogRow1'>";
      print "<br /><p class='blogDate' style=\"text-align:center;color:\#999;line-height:16px;\"><em>Recent posts are temporarily unavailable</em></p></div>";    
    }
  
  } else {	# Url did not return any data
    print "<div class='blogRow blogRow1'>";
    print "<br /><p class='blogDate' style=\"text-align:center;color:\#999;line-height:16px;\"><em>Recent posts are temporarily unavailable</em></p></div>";    
  }
  
  print "<a href='https://blog.torproject.org' title='Tor Blog Home'>
  <div class='blogRow blogLastRow'>
	<p>View all blog posts &raquo;</p>
	</div>
	</a>
	</div>";
:>
      
      	<div id="home-users">
          <h2>Who Uses Tor?</h2>
	  <div class="fauxhead"></div>
          <div class="user">
            <h3>
              <a href="<page about/torusers>#normalusers"><img src="$(IMGROOT)/family.jpg" alt="Normal People">Family &amp; Friends</a>
            </h3>
            <p>People like you and your family use Tor to protect themselves, their children, and their dignity while using the Internet.</p>
          </div>
          <div class="user">
            <h3>
              <a href="<page about/torusers>#executives"><img src="$(IMGROOT)/consumers.jpg" alt="Businesses">Businesses</a>
            </h3>
            <p>Businesses use Tor to research competition, keep business strategies confidential, and facilitate internal accountability.</p>
          </div>
          <div class="user">
            <h3>
              <a href="<page about/torusers>#activists"><img src="$(IMGROOT)/activists.jpg" alt="Activists &amp; Whistleblowers">Activists</a>
            </h3>
            <p>Activists use Tor to anonymously report abuses from danger zones.  Whistleblowers use Tor to safely report on corruption.</p>
          </div>
          <div class="user">
            <h3>
              <a href="<page about/torusers>#journalist"><img src="$(IMGROOT)/media.jpg" alt="Journalists and the Media">Media</a>
            </h3>
            <p>Journalists and the media use Tor to protect their research and sources online.</p>
          </div>
          <div class="user">
            <h3>
              <a href="<page about/torusers>#military"><img src="$(IMGROOT)/military.jpg" alt="Military and Law Enforcement">Military &amp; Law Enforcement</a>
            </h3>
            <p>Militaries and law enforcement use Tor to protect their communications, investigations, and intelligence gathering online.</p>
          </div>
        </div>
        
      </div>
      
    </div>
    
  </div>
  
#include <foot.wmi>

tor-webwml.git

remove Announcements in favor of rss feed integrated blog posts section.