[tor-commits] [tpo/translations] new templates

emmapeel at torproject.org emmapeel at torproject.org
Mon Aug 2 18:20:01 UTC 2021


commit f1edd6c463f934a2bc982f4c5dcb2fec64d6fdbc
Author: emma peel <emma.peel at riseup.net>
Date:   Mon Aug 2 19:24:16 2021 +0200

    new templates
---
 templates/download.html      |   2 +-
 templates/hero-download.html |  18 ++++++-
 templates/membership.html    |   6 +++
 templates/meta.html          |  39 +++++++-------
 templates/press.html         |  17 ------
 templates/privchat-4.html    | 126 +++++++++++++++++++++++++++++++++++++++++++
 templates/privchat.html      | 123 +++++++-----------------------------------
 7 files changed, 188 insertions(+), 143 deletions(-)

diff --git a/templates/download.html b/templates/download.html
index e0184c13..aa6e9162 100644
--- a/templates/download.html
+++ b/templates/download.html
@@ -7,7 +7,7 @@
       <h3 class="text-primary">{{ _('Get connected') }}</h3>
       <div class="row pl-3 pr-5 text-tpo">
               <p class="text-tpo"><span class="text-bold">{{ _('If you are in a country where Tor is blocked, you can configure Tor to connect to a bridge during the setup process.') }} </span></p>
-              <p class="text-tpo">{{ _('Select "Tor is censored in my country."') }}</p>
+              <p class="text-tpo">{{ _('Select "Tor Network Settings" and "Use a bridge".') }}</p>
       </div>
       <div class="row pl-3 pr-5 text-tpo">
               <p class="text-tpo">{{ _('If Tor is not censored, one of the most common reasons Tor won\'t connect is an incorrect system clock. Please make sure it\'s set correctly.') }}</p>
diff --git a/templates/hero-download.html b/templates/hero-download.html
index 90924f44..9efe7d3b 100644
--- a/templates/hero-download.html
+++ b/templates/hero-download.html
@@ -1,3 +1,11 @@
+{% block head_extra %}
+<script>
+  // we can't use jquery for the event listener because jquery isn't loaded yet
+  document.addEventListener("DOMContentLoaded", function() {
+    $('[data-toggle="tooltip"]').tooltip();
+  });
+</script>
+{% endblock %}
 <div class="row">
   <h1 class="mx-auto display-2 text-white text-center">{{ _('Defend yourself.') }}</h1>
 </div>
@@ -33,9 +41,15 @@
         <a class="downloadLink" href="{{ download_link }}">
           <i class="text-light fab fa-{{ id }}-png"></i>
         </a>
+        <script>
+         // we can't use jquery for the event listener because jquery isn't loaded yet
+         document.addEventListener("DOMContentLoaded", function() {
+           $('[data-toggle="tooltip"]').tooltip();
+         });
+        </script>
         <a class="btn btn-primary mt-4 downloadLink" href="{{ download_link }}">{{ _('Download for') }} {{ item.label }}</a>
-        <a class="link" href="{{ sig_link }}"><span class="nick text-white">{{ _('Signature') }}</span></a>
-        <a class="link" href="{{ 'https://support.torproject.org/' + this.alt + '/tbb/how-to-verify-signature/' }}" target="_blank"><i style="font-size:10px;" class="text-light fas fa-question-circle"></i></a>
+        <a class="link" href="{{ sig_link }}" download><span class="nick text-white" style="text-decoration: underline;">{{ _('Signature') }}</span></a>
+        <a class="link" href="{{ 'https://support.torproject.org/' + this.alt + '/tbb/how-to-verify-signature/' }}" target="_blank" data-toggle="tooltip" data-placement="top" title="{{ _('Learn how to verify a signature') }}"><i style="font-size:10px;" class="text-light fas fa-question-circle"></i></a>
       </div>
     </div>
     {% endfor %}
diff --git a/templates/membership.html b/templates/membership.html
index 56f487d2..80b42957 100644
--- a/templates/membership.html
+++ b/templates/membership.html
@@ -115,9 +115,15 @@
             <p><a href="https://www.goblank.io/" title="Blank" target="_blank">Blank</a></p>
           </li>
           <li class="list-group-item px-0">
+            <p><a href="https://blockchair.com/" title="Blockchair" target="_blank">Blockchair</a></p>
+          </li>
+	  <li class="list-group-item px-0">
             <p><a href="https://brave.com" title="Brave" target="_blank">Brave</a></p>
           </li>
           <li class="list-group-item px-0">
+            <p><a href="https://defcon.org/" title="DEF CON" target="_blank">DEF CON</a></p>
+          </li>
+	  <li class="list-group-item px-0">
             <p><a href="https://duckduckgo.com" title="DuckDuckGo" target="_blank">DuckDuckGo</a></p>
           </li>
           <li class="list-group-item px-0">
diff --git a/templates/meta.html b/templates/meta.html
index 9e9c26b0..c446a9eb 100644
--- a/templates/meta.html
+++ b/templates/meta.html
@@ -1,23 +1,26 @@
 <!doctype html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="{{  this.alt }}" {% if bag('alternatives', this.alt, 'direction') == 'text-right' %}dir="rtl" {% endif %}>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<meta name="description" content="{{ _('Defend yourself against tracking and surveillance. Circumvent censorship.') }} | {{ this.title }}">
-<meta name="twitter:card" content="summary" />
-<meta name="twitter:site" content="@torproject" />
-<meta name="twitter:creator" content="@torproject" />
-<meta name="twitter:image" content="https://www.torproject.org/static/images/tor-project-logo-onions.png"/>
-<meta property="og:url" content="https://torproject.org" />
-<meta property="og:title" content="{{ _('The Tor Project | Privacy & Freedom Online') }}" />
-<meta property="og:description" content="{{ _('Defend yourself against tracking and surveillance. Circumvent censorship.') }}" />
-<meta property="og:image" content="https://www.torproject.org/static/images/tor-project-logo-onions.png" />
-<link rel="stylesheet" href="{{ '/static/css/bootstrap.css'|asseturl }}">
-<link rel="stylesheet" href="{{ '/static/fonts/fontawesome/css/all.min.css'|asseturl }}" rel="stylesheet">
-<!-- Standard favicon -->
-<link rel="icon" type="image/x-icon" href="https://www.torproject.org/static/images/favicon/favicon.ico">
-<!-- Recommended favicon format -->
-<link rel="icon" type="image/png" href="https://www.torproject.org/static/images/favicon/favicon.png">
-<title>{{ _("Tor Project") }} | {% block title %}{{ this.title }}{% endblock %}</title>
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="description" content="{{ _('Defend yourself against tracking and surveillance. Circumvent censorship.') }} | {{ this.title }}">
+  <meta name="twitter:card" content="summary" />
+  <meta name="twitter:site" content="@torproject" />
+  <meta name="twitter:creator" content="@torproject" />
+  <meta name="twitter:image" content="https://www.torproject.org/static/images/tor-project-logo-onions.png"/>
+  <meta property="og:url" content="https://torproject.org" />
+  <meta property="og:title" content="{{ _('The Tor Project | Privacy & Freedom Online') }}" />
+  <meta property="og:description" content="{{ _('Defend yourself against tracking and surveillance. Circumvent censorship.') }}" />
+  <meta property="og:image" content="https://www.torproject.org/static/images/tor-project-logo-onions.png" />
+  <link rel="stylesheet" href="{{ '/static/css/bootstrap.css'|asseturl }}">
+  <link rel="stylesheet" href="{{ '/static/fonts/fontawesome/css/all.min.css'|asseturl }}" rel="stylesheet">
+  <!-- Standard favicon -->
+  <link rel="icon" type="image/x-icon" href="https://www.torproject.org/static/images/favicon/favicon.ico">
+  <!-- Recommended favicon format -->
+  <link rel="icon" type="image/png" href="https://www.torproject.org/static/images/favicon/favicon.png">
+  <title>{{ _("Tor Project") }} | {% block title %}{{ this.title }}{% endblock %}</title>
+  {% block head_extra %}{% endblock %}
+</head>
 <body class="no-gutters">
   <header>
     {% if this.path == '/download' %}
diff --git a/templates/press.html b/templates/press.html
index 5509b85d..d63b46cb 100644
--- a/templates/press.html
+++ b/templates/press.html
@@ -32,23 +32,6 @@
     </div>
   </div>
 </div>
-<div class="container py-3">
-  <div class="row border-bottom border-light"><p></p></div>
-</div>
-<div class="container py-3">
-  <div class="row p-3">
-    <h3 class="text-primary display-5">{{ _('Press Releases') }}</h3>
-  </div>
-</div>
-<div class="container col-10">
-  <div class="row">
-    {% from "macros/press.html" import render_release %}
-    {% set items = site.query('/press').include_undiscoverable(true).filter(F.type == "release") %}
-    {% for item in items %}
-      {{ render_release(item, this.alt) }}
-    {% endfor %}
-  </div>
-</div>
 <div class="container">
   <div class="row p-3 pt-5">
     <h3 class="text-primary display-5">{{ _('Coverage') }}</h3>
diff --git a/templates/privchat-4.html b/templates/privchat-4.html
new file mode 100644
index 00000000..81556ef5
--- /dev/null
+++ b/templates/privchat-4.html
@@ -0,0 +1,126 @@
+<div class="container" style="background:url({{ '/static/images/privchat/pattern.png' }}) no-repeat center; background-size: contain;">
+  <div class="w-50 text-center mx-auto">
+    <img class="img-fluid p-3" height="auto" src="{{ '/static/images/privchat/privchat.svg' }}" /> <h1 class="display-2 text-primary">PrivChat</h1>
+    <p class="text-primary p-3"> a conversation about tech, human rights, <br/>and internet freedom brought to you by the Tor Project</p>
+  </div>
+</div>
+
+<div class="container pb-3 mt-5 preamble">
+  <p>
+    PrivChat is a fundraising event series held to raise donations for the Tor Project. Through PrivChat, we will bring you important information related to what is happening in tech, human rights, and internet freedom by convening experts for a chat with our community.
+  </p>
+
+  <hr class="mt-5"/>
+
+</div>
+
+<div class="container py-3 mt-5">
+    <p class="h2 text-primary" target="_blank">Chapter #4 - 25th Anniversary of Onion Routing</p>
+    <a class="btn btn-small bg-primary text-light my-4" href="https://www.youtube.com/watch?v=-wbivkG8TcU" target="_blank"><i class="mr-2 pt-1 fas fa-play-circle-png"></i> {{ _("Watch") }} </a>
+    <div>
+    <p class="font-family-serif">
+      Celebrate 25 years of onion routing with Tor!
+    </p>
+    <p class="font-family-serif">  
+      May 31, 2021 marks the 25th anniversary of the first public presentation of onion routing in Cambridge, UK at Isaac Newton Institute's first Information Hiding Workshop.
+    </p>
+    <p class="font-family-serif">
+      You're invited to celebrate this special moment with us to talk about the beginnings of onion routing, and how this idea became Tor, and how the Tor Project eventually came to be. We’ll be joined by <strong>Paul Syverson</strong>, one of the authors of the <a href="https://www.onion-router.net/Publications.html#IH-1996">first onion routing paper</a>, together with the Tor Project co-founders <strong>Roger Dingledine</strong> and <strong>Nick Mathewson</strong>.
+    </p>
+    <p class="font-family-serif">
+      We'll reflect on the first days of the onion routing network at the U.S. Naval Research Lab (NRL). (Back then, onion router connections went through five nodes instead of Tor's current three-nodes design!) It's no secret that the concept of onion routing originated at NRL (it's on <a href="https://www.torproject.org/about/history/">our history page</a>), but there is so much more we want to share about how Tor started and where we've come in the last 25 years.
+    </p>
+    <p class="font-family-serif">
+      <strong>Gabriella Coleman</strong> – anthropologist, author, and Tor board member – will join us as our host and moderator. Join us for a celebratory edition of PrivChat to commemorate the 25th anniversary of onion routing.
+    </p>
+    </div>
+</div>
+
+<div class="container pt-5 justify-content-center">
+
+    <h4>Host</h4>
+
+    <div class="row">
+      <div class="container">
+      <div class="card flex-row flex-wrap py-3">
+        <div class="col-3">
+            <img class="card-img-top" src="{{ '/static/images/privchat/biella.png' }}" alt="">
+        </div>
+        <div class="col">
+          <div class="card-block px-2">
+              <div class="pb-4">
+                <h4 class="display-4 text-primary">Gabriella Coleman</h4>
+                <strong class="display-5 text-primary mb-4">Professor @ McGill, Tor Board Member</strong>
+              </div>
+              <p class="text-tpo">
+                Gabriella (Biella) Coleman holds the Wolfe Chair in Scientific and Technological Literacy <a href="http://www.mcgill.ca/ahcs/people-contacts/faculty/gabriella-coleman">at McGill University.</a> Trained as an anthropologist, her scholarship <a href="https://www.journals.uchicago.edu/doi/pdfplus/10.1086/688697">covers the politics, cultures, and ethics of hacking</a>. She is the author of two books on computer hackers and the founder and editor of <a href="https://hackcur.io/">Hack_Curio</a>, a video portal into the cultures of hacking (you can learn more about the project <a href="https://media.ccc.de/v/36c3-10875-hack_curio#t=24">here</a>). She is currently working on a book of essays about hackers and the state and will deliver material from the book for the 2020 Henry Morgan Lectures.</p>
+<p  class="text-tpo">Her first book <a href="http://www.amazon.com/Coding-Freedom-Ethics-Aesthetics-Hacking/dp/0691144613/ref=sr_1_1?ie=UTF8&qid=1419086140&sr=8-1&keywords=Coding+Freedom">Coding Freedom: The Ethics and Aesthetics of Hacking</a> was published in 2013 with Princeton University Press. She then published <a href="http://www.versobooks.com/books/1749-hacker-hoaxer-whistleblower-spy">Hacker, Hoaxer, Whistleblower, Spy: The Many Faces of Anonymous</a> (Verso, 2014), which was named to <a href="https://www.kirkusreviews.com/lists/best-current-affairs-books-2014/hacker-hoaxer-whistleblower-spy/">Kirkus Reviews Best Books of 2014</a> and was awarded the <a href="http://blog.castac.org/2015/10/2015-forsythe/">Diana Forsythe Prize by the American Anthropological Association</a>. </p>
+<p  class="text-tpo">Committed to public ethnography, she routinely presents her work to <a href="https://www.youtube.com/watch?v=A8mtG4oMzLs">diverse audiences</a>, teaches undergraduate and graduate courses, and has written for popular media outlets, including the New York Times, Slate, Wired, MIT Technology Review, Huffington Post, and the Atlantic. She sits on the board of <a href="https://www.torproject.org/">The Tor Project</a>.</p>
+<p class="text-tpo">CV, contact information, including PGP key, and high res photos can be found <a href="http://gabriellacoleman.org/info/">here</a>.
+</p>
+          </div>
+        </div>
+      </div>
+      </div>
+    </div>
+
+  <h4 class="mt-5">Participants</h4>
+
+  <div class="row">
+    <div class="container">
+
+    <div class="card flex-row flex-wrap py-3 mb-5">
+      <div class="col-3">
+          <img class="card-img-top" src="{{ '/static/images/privchat/roger.png' }}" alt="">
+      </div>
+      <div class="col">
+        <div class="card-block px-2">
+            <div class="pb-4">
+              <h4 class="display-4 text-primary">Roger Dingledine</h4>
+              <strong class="display-5 text-primary mb-4">President & Co-Founder, the Tor Project</strong>
+            </div>
+            <p class="text-tpo">Roger Dingledine is president and co-founder of the Tor Project, a nonprofit that develops free and open source software to protect people from tracking, censorship, and surveillance online. He works with journalists and activists on many continents to help them understand and defend against the threats they face. Roger was chosen by the MIT Technology Review as one of its top 35 innovators under 35, he co-authored the Tor design paper that won the Usenix Security "Test of Time" award, and he has been recognized by Foreign Policy magazine as one of its top 100 global thinkers.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="card flex-row flex-wrap py-3 mb-5">
+      <div class="col-3">
+          <img class="card-img-top" src="{{ '/static/images/privchat/nick.png' }}" alt="">
+      </div>
+      <div class="col">
+        <div class="card-block px-2">
+            <div class="pb-4">
+              <h4 class="display-4 text-primary">Nick Mathewson</h4>
+              <strong class="display-5 text-primary mb-4">Network Chief Architect & Co-Funder, the Tor Project</strong>
+            </div>
+            <p class="text-tpo">He is one of the original designers of Tor and is an expert in implementing anonymity technologies. He began volunteering to program Tor in 2002, became the principal developer in 2007, and became the lead software architect in 2012. Nick was instrumental in writing Tor's comprehensive protocol specifications, which have enabled researchers to base their work on a solid foundation and have enabled multiple independent implementations of the Tor protocols.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="card flex-row flex-wrap py-3 mb-5">
+      <div class="col-3">
+          <img class="card-img-top" src="{{ '/static/images/privchat/paul.png' }}" alt="">
+      </div>
+      <div class="col">
+        <div class="card-block px-2">
+            <div class="pb-4">
+              <h4 class="display-4 text-primary">Paul Syverson</h4>
+              <strong class="display-5 text-primary mb-4">Mathematician, U.S. Naval Research Laboratory</strong>
+            </div>
+            <p class="text-tpo">Inventor of onion routing, creator of Tor, author of one book and over one hundred refereed papers, chair of many security and privacy conferences, aspiring unicycle commuter -- holds multiple advanced degrees in philosophy and mathematics. Paul is a founder of the Privacy Enhancing Technologies Symposium and the ACM Workshop on Privacy in the Electronic Society. He is also an EFF Pioneer and an ACM Fellow. During his three decades as Mathematician at the U.S. Naval Research Laboratory he has also been a visiting scholar at institutions in the U.S. and Europe.</p>
+        </div>
+      </div>
+    </div>
+
+</div>
+
+
+<div class="container">
+  <div class="row bg-secondary p-5 mx-1 my-5">
+    <h1><i class="fas fa-hand-holding-usd px-5 text-light"></i></h1>
+    <h3 class="preamble text-light text-center mx-auto">Your donations make this series and our work at Tor possible. <br/> The best way to support our work is to <a class="text-success" href="https://donate.torproject.org/monthly-giving" target="_blank">become a monthly donor.</a></h3>
+  </div>
+</div>
+
diff --git a/templates/privchat.html b/templates/privchat.html
index cc6e65c0..333591d7 100644
--- a/templates/privchat.html
+++ b/templates/privchat.html
@@ -21,123 +21,36 @@
 
 </div>
 
-
-<div class="container py-3 mt-5">
-    <p class="h2 text-primary" target="_blank">Chapter #4 - 25th Anniversary of Onion Routing</p>
-    <div>
-      <p><span class="text-primary nick" style="font-size:18px;"><mark>5/26 ∙ 18:00 UTC ∙ 14:00 Eastern ∙ 11:00 Pacific ∙ <a href="https://www.youtube.com/watch?v=-wbivkG8TcU" title="Tor Project YouTube Channel" target="_blank"><i class="fab fa-youtube"></i> @torproject YouTube channel</a></mark></span></p>
-    </div>
-    <a class="btn btn-small bg-primary text-light my-4" href="https://www.youtube.com/watch?v=-wbivkG8TcU" target="_blank"><i class="mr-2 pt-1 fas fa-thumbtack-png"></i> {{ _("Save the Date") }} </a>
-    <div>
-    <p class="font-family-serif">
-      Celebrate 25 years of onion routing with Tor!
-    </p>
-    <p class="font-family-serif">  
-      May 31, 2021 marks the 25th anniversary of the first public presentation of onion routing in Cambridge, UK at Isaac Newton Institute's first Information Hiding Workshop.
-    </p>
-    <p class="font-family-serif">
-      You're invited to celebrate this special moment with us to talk about the beginnings of onion routing, and how this idea became Tor, and how the Tor Project eventually came to be. We’ll be joined by <strong>Paul Syverson</strong>, one of the authors of the <a href="https://www.onion-router.net/Publications.html#IH-1996">first onion routing paper</a>, together with the Tor Project co-founders <strong>Roger Dingledine</strong> and <strong>Nick Mathewson</strong>.
-    </p>
-    <p class="font-family-serif">
-      We'll reflect on the first days of the onion routing network at the U.S. Naval Research Lab (NRL). (Back then, onion router connections went through five nodes instead of Tor's current three-nodes design!) It's no secret that the concept of onion routing originated at NRL (it's on <a href="https://www.torproject.org/about/history/">our history page</a>), but there is so much more we want to share about how Tor started and where we've come in the last 25 years.
-    </p>
-    <p class="font-family-serif">
-      <strong>Gabriella Coleman</strong> – anthropologist, author, and Tor board member – will join us as our host and moderator. Join us for a celebratory edition of PrivChat to commemorate the 25th anniversary of onion routing.
-    </p>
-    </div>
+<div class="container">
+  <div class="row bg-secondary p-5 mx-1 my-5">
+    <h1><i class="fas fa-hand-holding-usd px-5 text-light"></i></h1>
+    <h3 class="preamble text-light text-center mx-auto">Your donations make this series and our work at Tor possible. <br/> The best way to support our work is to <a class="text-success" href="https://donate.torproject.org/monthly-giving" target="_blank">become a monthly donor.</a></h3>
+  </div>
 </div>
 
 <div class="container pt-5 justify-content-center">
-
-    <h4>Host</h4>
-
-    <div class="row">
-      <div class="container">
-      <div class="card flex-row flex-wrap py-3">
-        <div class="col-3">
-            <img class="card-img-top" src="{{ '/static/images/privchat/biella.png' }}" alt="">
-        </div>
-        <div class="col">
-          <div class="card-block px-2">
-              <div class="pb-4">
-                <h4 class="display-4 text-primary">Gabriella Coleman</h4>
-                <strong class="display-5 text-primary mb-4">Professor @ McGill, Tor Board Member</strong>
-              </div>
-              <p class="text-tpo">
-                Gabriella (Biella) Coleman holds the Wolfe Chair in Scientific and Technological Literacy <a href="http://www.mcgill.ca/ahcs/people-contacts/faculty/gabriella-coleman">at McGill University.</a> Trained as an anthropologist, her scholarship <a href="https://www.journals.uchicago.edu/doi/pdfplus/10.1086/688697">covers the politics, cultures, and ethics of hacking</a>. She is the author of two books on computer hackers and the founder and editor of <a href="https://hackcur.io/">Hack_Curio</a>, a video portal into the cultures of hacking (you can learn more about the project <a href="https://media.ccc.de/v/36c3-10875-hack_curio#t=24">here</a>). She is currently working on a book of essays about hackers and the state and will deliver material from the book for the 2020 Henry Morgan Lectures.</p>
-<p  class="text-tpo">Her first book <a href="http://www.amazon.com/Coding-Freedom-Ethics-Aesthetics-Hacking/dp/0691144613/ref=sr_1_1?ie=UTF8&qid=1419086140&sr=8-1&keywords=Coding+Freedom">Coding Freedom: The Ethics and Aesthetics of Hacking</a> was published in 2013 with Princeton University Press. She then published <a href="http://www.versobooks.com/books/1749-hacker-hoaxer-whistleblower-spy">Hacker, Hoaxer, Whistleblower, Spy: The Many Faces of Anonymous</a> (Verso, 2014), which was named to <a href="https://www.kirkusreviews.com/lists/best-current-affairs-books-2014/hacker-hoaxer-whistleblower-spy/">Kirkus Reviews Best Books of 2014</a> and was awarded the <a href="http://blog.castac.org/2015/10/2015-forsythe/">Diana Forsythe Prize by the American Anthropological Association</a>. </p>
-<p  class="text-tpo">Committed to public ethnography, she routinely presents her work to <a href="https://www.youtube.com/watch?v=A8mtG4oMzLs">diverse audiences</a>, teaches undergraduate and graduate courses, and has written for popular media outlets, including the New York Times, Slate, Wired, MIT Technology Review, Huffington Post, and the Atlantic. She sits on the board of <a href="https://www.torproject.org/">The Tor Project</a>.</p>
-<p class="text-tpo">CV, contact information, including PGP key, and high res photos can be found <a href="http://gabriellacoleman.org/info/">here</a>.
-</p>
-          </div>
-        </div>
-      </div>
-      </div>
-    </div>
-
-  <h4 class="mt-5">Participants</h4>
+  <h4>Editions</h4>
 
   <div class="row">
     <div class="container">
 
-    <div class="card flex-row flex-wrap py-3 mb-5">
-      <div class="col-3">
-          <img class="card-img-top" src="{{ '/static/images/privchat/roger.png' }}" alt="">
-      </div>
-      <div class="col">
-        <div class="card-block px-2">
-            <div class="pb-4">
-              <h4 class="display-4 text-primary">Roger Dingledine</h4>
-              <strong class="display-5 text-primary mb-4">President & Co-Founder, the Tor Project</strong>
-            </div>
-            <p class="text-tpo">Roger Dingledine is president and co-founder of the Tor Project, a nonprofit that develops free and open source software to protect people from tracking, censorship, and surveillance online. He works with journalists and activists on many continents to help them understand and defend against the threats they face. Roger was chosen by the MIT Technology Review as one of its top 35 innovators under 35, he co-authored the Tor design paper that won the Usenix Security "Test of Time" award, and he has been recognized by Foreign Policy magazine as one of its top 100 global thinkers.</p>
-        </div>
-      </div>
-    </div>
-
-    <div class="card flex-row flex-wrap py-3 mb-5">
-      <div class="col-3">
-          <img class="card-img-top" src="{{ '/static/images/privchat/nick.png' }}" alt="">
-      </div>
-      <div class="col">
-        <div class="card-block px-2">
-            <div class="pb-4">
-              <h4 class="display-4 text-primary">Nick Mathewson</h4>
-              <strong class="display-5 text-primary mb-4">Network Chief Architect & Co-Funder, the Tor Project</strong>
-            </div>
-            <p class="text-tpo">He is one of the original designers of Tor and is an expert in implementing anonymity technologies. He began volunteering to program Tor in 2002, became the principal developer in 2007, and became the lead software architect in 2012. Nick was instrumental in writing Tor's comprehensive protocol specifications, which have enabled researchers to base their work on a solid foundation and have enabled multiple independent implementations of the Tor protocols.</p>
-        </div>
+      <div class="p-5 mt-5 border">
+          <img class="card-img-top mb-5" src="{{ '/static/images/privchat/privchat4-cover.png' }}" alt="PrivChat with Tor" />
+          <a class="h2 text-primary" href="chapter-4">Chapter #4 - 25th Anniversary of Onion Routing</a>
+          <div>
+            <p><span class="text-primary nick"><mark>With Roger Dingledine, Nick Mathewson, Paul Syverson. Hosted by Gabriella Coleman.</mark></span></p>
+          </div>
+          <div>
+          <p class="font-family-serif">
+      Celebrate 25 years of onion routing with Tor! May 31, 2021 marks the 25th anniversary of the first public presentation of onion routing in Cambridge, UK at Isaac Newton Institute's first Information Hiding Workshop. You're invited to celebrate this special moment with us to talk about the beginnings of onion routing, and how this idea became Tor, and how the Tor Project eventually came to be. We’ll be joined by <strong>Paul Syverson</strong>, one of the authors of the <a href="https://www.onion-router.net/Publications.html#IH-1996">first onion routing paper</a>, together with the Tor Project co-founders <strong>Roger Dingledine</strong> and <strong>Nick Mathewson</strong>. We'll reflect on the first days of the onion routing network at the U.S. Naval Research Lab (NRL). (Back then, onion router connections went through five nodes instead of Tor's current three-nodes design!) It's no secret that the concept of onion routing originated at NRL (it's on <a href="https://www.torp
 roject.org/about/history/">our history page</a>), but there is so much more we want to share about how Tor started and where we've come in the last 25 years.
+          </p>
+          </div>
       </div>
-    </div>
 
-    <div class="card flex-row flex-wrap py-3 mb-5">
-      <div class="col-3">
-          <img class="card-img-top" src="{{ '/static/images/privchat/paul.png' }}" alt="">
-      </div>
-      <div class="col">
-        <div class="card-block px-2">
-            <div class="pb-4">
-              <h4 class="display-4 text-primary">Paul Syverson</h4>
-              <strong class="display-5 text-primary mb-4">Mathematician, U.S. Naval Research Laboratory</strong>
-            </div>
-            <p class="text-tpo">Inventor of onion routing, creator of Tor, author of one book and over one hundred refereed papers, chair of many security and privacy conferences, aspiring unicycle commuter -- holds multiple advanced degrees in philosophy and mathematics. Paul is a founder of the Privacy Enhancing Technologies Symposium and the ACM Workshop on Privacy in the Electronic Society. He is also an EFF Pioneer and an ACM Fellow. During his three decades as Mathematician at the U.S. Naval Research Laboratory he has also been a visiting scholar at institutions in the U.S. and Europe.</p>
-        </div>
-      </div>
     </div>
-
-</div>
-
-<div class="container">
-  <div class="row bg-secondary p-5 mx-1 my-5">
-    <h1><i class="fas fa-hand-holding-usd px-5 text-light"></i></h1>
-    <h3 class="preamble text-light text-center mx-auto">Your donations make this series and our work at Tor possible. <br/> The best way to support our work is to <a class="text-success" href="https://donate.torproject.org/monthly-giving" target="_blank">become a monthly donor.</a></h3>
   </div>
-</div>
 
-<div class="container pt-5 justify-content-center">
-  <h4>Editions</h4>
-
-  <div class="row">
+ <div class="row">
     <div class="container">
 
       <div class="p-5 mt-5 border">





More information about the tor-commits mailing list