[tor-commits] [community/develop] makes outreach/talk nice to read

antonela at torproject.org antonela at torproject.org
Wed May 13 13:31:19 UTC 2020


commit be002c5432a76ea594ee6f732f49b68cb178ab90
Author: Antonela <hola at antonela.me>
Date:   Wed May 13 10:31:14 2020 -0300

    makes outreach/talk nice to read
---
 content/outreach/talk/contents.lr | 30 +--------------
 templates/outreach-talk.html      | 81 +++++++++++++++++++++++++++++++++++++++
 2 files changed, 82 insertions(+), 29 deletions(-)

diff --git a/content/outreach/talk/contents.lr b/content/outreach/talk/contents.lr
index 496a54e..f7c6e94 100644
--- a/content/outreach/talk/contents.lr
+++ b/content/outreach/talk/contents.lr
@@ -12,34 +12,6 @@ subtitle: Here you'll find materials on basic Tor explainers and concepts, ideas
 ---
 key: 3
 ---
-html: two-columns-page.html
+html: outreach-talk.html
 ---
 body:
-
-Word of mouth is critical to reaching new people and helping them protect themselves online. Here's how you can help.
-
-## Explain how 
-    
-### Privacy and freedom are human rights. 
-
-These rights are denied online around the world, but Tor gives them back. 
-
-### Tracking and surveillance are widespread. 
-
-We think privacy should be the default online, and that's what our software provides.
-
-### Privacy isn't about having something to hide. 
-
-Privacy is about protecting who we are as human beings: our fears, our relationships, and our vulnerabilities. 
-
-### People shouldn't be exploited for using the internet. 
-
-Trackers are harvesting our every move, but a safer internet is possible. 
-
-### Tor software is developed by the Tor Project, a 501(c)3 nonprofit organization.
-
-We build free and open source software anyone can use. 
-
-### Tor software is used by millions of people around the world.
-
-Journalists, activists, and everyday internet users rely on Tor.
diff --git a/templates/outreach-talk.html b/templates/outreach-talk.html
new file mode 100644
index 0000000..72443f8
--- /dev/null
+++ b/templates/outreach-talk.html
@@ -0,0 +1,81 @@
+<div class="row">
+  <div class="container">
+    <h3 class="py-5">{{ _('Word of mouth is critical to reaching new people and helping them protect themselves online. Here\'s how you can help: ') }}</h3>
+    <div class="row">
+      <div class="col-md-6 col-sm-12 col-xl-4 py-4">
+        <div class="card h-100 p-2">
+          <div class="card-body">
+            <span class="display-4 text-primary">
+              <i class="fas fa-users pb-4"></i>
+            </span>
+            <h2 class="card-title ">{{ _('Privacy and freedom are human rights.') }}</h2>
+            <p class="card-text">{{ _('These rights are denied online around the world, but Tor gives them back.') }}</p>
+          </div>
+        </div>
+      </div>
+      <div class="col-md-6 col-sm-12 col-xl-4 py-4">
+        <div class="card h-100 p-2">
+          <div class="card-body">
+            <span class="display-4 text-primary">
+              <i class="fas fa-cookie-bite pb-4"></i>
+            </span>
+            <h2 class="card-title">{{ _('Tracking and surveillance are widespread.') }}</h2>
+            <p class="card-text">{{ _('We think privacy should be the default online, and that\'s what our software provides.') }}</p>
+          </div>
+        </div>
+      </div>
+      <div class="col-md-6 col-sm-12 col-xl-4 py-4">
+        <div class="card h-100 p-2">
+          <div class="card-body">
+            <span class="display-4 text-primary">
+              <i class="fas fa-person-booth pb-4"></i>
+            </span>
+            <h2 class="card-title">{{ _('Privacy isn\'t about having something to hide.') }}</h2>
+            <p class="card-text">{{ _('Privacy is about protecting who we are as human beings: our fears, our relationships, and our vulnerabilities.') }}</p>
+          </div>
+        </div>
+      </div>
+      <div class="col-md-6 col-sm-12 col-xl-4 py-4">
+        <div class="card h-100 p-2">
+          <div class="card-body">
+            <span class="display-4 text-primary">
+              <i class="fas fa-eye-slash pb-4"></i>
+            </span>
+            <h2 class="card-title">{{ _('People shouldn\'t be exploited for using the internet.') }}</h2>
+            <p class="card-text">{{ _('Trackers are harvesting our every move, but a safer internet is possible.') }}</p>
+          </div>
+        </div>
+      </div>
+      <div class="col-md-6 col-sm-12 col-xl-4 py-4">
+        <div class="card h-100 p-2">
+          <div class="card-body">
+            <span class="display-4 text-primary">
+              <i class="fas fa-hand-holding-heart pb-4"></i>
+            </span>
+            <h2 class="card-title">{{ _('Tor software is developed by the Tor Project, a 501(c)3 nonprofit organization.') }}</h2>
+            <p class="card-text">{{ _('We build free and open source software anyone can use.') }}</p>
+          </div>
+        </div>
+      </div>
+      <div class="col-md-6 col-sm-12 col-xl-4 py-4">
+        <div class="card h-100 p-2">
+          <div class="card-body">
+            <span class="display-4 text-primary">
+              <i class="fas fa-globe-africa pb-4"></i>
+            </span>
+            <h2 class="card-title">{{ _('Tor software is used by millions of people around the world.') }}</h2>
+            <p class="card-text">{{ _('Journalists, activists, and everyday internet users rely on Tor.') }}</p>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="card mt-5">
+      <ul class="list-group list-group-flush">
+        <!--li class="list-group-item"><a><span class="card-text text-muted">{{ _("Contributors to this page:") }} <a href="#" title="#">cypherpunk</a></span></li-->
+        <li class="list-group-item">
+                <a href="{{ this.parent|url }}">{{ _("Back to previous page: ") }}{{ this.parent.title }}</a> - <a href="https://github.com/torproject/community/edit/master/content{{ this.path }}/contents.lr">{{ _("Edit this page") }}</a>
+        </li>
+      </ul>
+    </div>
+</div>



More information about the tor-commits mailing list