commit b70c4830f149f3812256f5f8a0d03f785f62c3ba
Author: Antonela <h...@antonela.me>
Date: Wed Feb 6 17:21:24 2019 +0200
ui review - contact, press
---
templates/contact.html | 34 +++++++++++++++---------------
templates/press.html | 56 ++++++++++++++++++++++++++++++--------------------
2 files changed, 51 insertions(+), 39 deletions(-)
diff --git a/templates/contact.html b/templates/contact.html
index 9adcb23..6da9e23 100644
--- a/templates/contact.html
+++ b/templates/contact.html
@@ -4,29 +4,29 @@
<div class="container py-5">
<div class="row">
<div class="col-8">
- <h3 class="text-primary display-5 pb-3"><i class="fas fa-table-tennis
text-primary pr-2"></i> Chat with us on <u>OFTC IRC</u></h3>
- <p class="text-tpo"><span class="text-primary">#tor</span> - Ask
questions about using Tor.</p>
- <p class="text-tpo"><span class="text-primary">#tor-dev</span> - Discuss
Tor-related coding, protocols, and ideas are all welcome.</p>
- <p class="text-tpo"><span class="text-primary">#tor-project</span> -
Discuss organization and community related topics: meetups, outreach,
translation, or website improvements.</p>
- <p class="text-tpo"><span class="text-primary">#tor-meeting</span> -
Watch or join publicly logged team meetings.</p>
- <p class="text-tpo"><span class="text-primary">#tor-relays</span> -
Discuss running a Tor relay.</p>
- <p class="text-tpo"><span class="text-primary">#tor-south</span> - Talk
with Torâs global south community.</p>
+ <h3 class="text-secondary display-5 mb-4"><i class="fas fa-table-tennis
text-primary pr-2"></i> Chat with us on <a href="https://webchat.oftc.net/";
title="Tor Project IRC" target="_blank">OFTC IRC</a></h3>
+ <p class="text-tpo"><span class="text-primary nick">#tor</span> - Ask
questions about using Tor.</p>
+ <p class="text-tpo"><span class="text-primary nick">#tor-dev</span> -
Discuss Tor-related coding, protocols, and ideas are all welcome.</p>
+ <p class="text-tpo"><span class="text-primary nick">#tor-project</span>
- Discuss organization and community related topics: meetups, outreach,
translation, or website improvements.</p>
+ <p class="text-tpo"><span class="text-primary nick">#tor-meeting</span>
- Watch or join publicly logged team meetings.</p>
+ <p class="text-tpo"><span class="text-primary nick">#tor-relays</span> -
Discuss running a Tor relay.</p>
+ <p class="text-tpo"><span class="text-primary nick">#tor-south</span> -
Talk with Torâs global south community.</p>
</div>
<div class="col-4">
- <h3 class="text-primary display-5"><i class="fas fa-comments
text-primary pr-2"></i> Find us on Social Media</h3>
- <ul class="jobs-ul text-primary pb-3">
- <li class="py-3"><i class="fab fa-twitter display-5"></i><span
class="pl-3">Twitter</span></li>
- <li class="py-3"><i class="fab fa-facebook-square display-5"></i><span
class="pl-3">Facebook</span></li>
- <li class="py-3"><i class="fab fa-linkedin display-5"></i><span
class="pl-3">Linkedin</span></li>
- <li class="py-3"><i class="fab fa-mastodon display-5"></i><span
class="pl-3">Mastodon</span></li>
- <li class="py-3"><i class="fab fa-instagram display-5"></i><span
class="pl-3">Instagram</span></li>
- <li class="py-3"><i class="fab fa-youtube display-5"></i><span
class="pl-3">YouTube</span></li>
+ <h3 class="text-secondary display-5 mb-4"><i class="fas fa-comments
text-primary pr-2"></i> Find us on Social Media</h3>
+ <ul class="jobs-ul text-primary">
+ <li class="py-2"><i class="fab fa-twitter display-5"></i><a
class="pl-3" href="https://twitter.com/torproject"; title="@torproject"
target="_blank">Twitter</a></li>
+ <li class="py-2"><i class="fab fa-facebook-square display-5"></i><a
class="pl-3" href="https://www.facebook.com/TorProject"; title="Tor Project"
target="_blank">Facebook</a></li>
+ <li class="py-2"><i class="fab fa-linkedin display-5"></i><a
class="pl-3" href="https://www.linkedin.com/company/tor-project/"; title="Tor
Project" target="_blank">Linkedin</a></li>
+ <li class="py-2"><i class="fab fa-mastodon display-5"></i><a
class="pl-3" href="https://mastodon.social/@torproject"; title="Tor Project"
target="_blank">Mastodon</a></li>
+ <li class="py-2"><i class="fab fa-instagram display-5"></i><a
class="pl-3" href="https://www.instagram.com/torproject/"; title="@torproject"
target="_blank">Instagram</a></li>
+ <li class="py-2"><i class="fab fa-youtube display-5"></i><a
class="pl-3" href="https://www.youtube.com/user/TheTorProject/"; title="Tor
Project" target="_blank">YouTube</a></li>
</ul>
</div>
</div>
</div>
-<div class="container-fluid pt-5 bg-dark">
- <div class="row bg-dark justify-content-center p-3">
+<div class="container-fluid p-4 bg-dark">
+ <div class="row bg-dark justify-content-center pt-3">
<h3 class="text-white display-4">Volunteer with Tor</h3>
</div>
<div class="row bg-dark justify-content-center p-3">
diff --git a/templates/press.html b/templates/press.html
index 3582efb..29f6c61 100644
--- a/templates/press.html
+++ b/templates/press.html
@@ -1,32 +1,38 @@
+<div class="container py-3">
+ <div class="row border-bottom border-light"><p></p></div>
+</div>
<div class="container py-5">
<div class="row">
<div class="col-6">
- <h3 class="text-primary display-5">Get support</h3>
- <div class="row pl-3 text-tpo">
- <p>Visit our support portal</p>
+ <h4 class="text-secondary mb-4"><i class="fas fa-life-ring text-primary
pr-2"></i> Get support</h4>
+ <div class="row pl-3">
+ <a class="h5 text-primary" href="https://support.torproject.org/";
title="Tor Project Support Portal" target="_blank">Visit our Support Portal</a>
</div>
<div class="row pl-3 text-tpo">
- <p>Ask us on #tor</p>
+ <a class="h5 text-primary" href="https://webchat.oftc.net/"; title="Tor
Project IRC" target="_blank">Ask us on #tor</a>
</div>
<div class="row pl-3 text-tpo">
- <p>Write to a mailing pst</p>
+ <a class="h5 text-primary" href="http://lists.torproject.org/";
title="Tor Project Mailing List" target="_blank">Write to a mailing list</a>
</div>
</div>
<div class="col-6">
- <h3 class="text-primary display-5">Brand Assets</h3>
+ <h4 class="text-secondary mb-4"><i class="fas fa-folder-open
text-primary pr-2"></i> Brand Assets</h4>
<div class="row pl-3 text-tpo">
- <p>The Tor Project</p>
+ <a class="h5 text-primary"
href="https://styleguide.torproject.org/visuals/#assets"; title="The Tor Project
Brand Assets" target="_blank">The Tor Project</a>
</div>
<div class="row pl-3 text-tpo">
- <p>Tor Browser</p>
+ <a class="h5 text-primary"
href="https://styleguide.torproject.org/visuals/#assets"; title="The Tor Browser
Brand Assets" target="_blank">The Tor Browser</a>
</div>
<div class="row pl-3 text-tpo">
- <p>Onion Services</p>
+ <a class="h5 text-primary"
href="https://styleguide.torproject.org/visuals/#assets"; title="Onion Services"
target="_blank">Onion Services</a>
</div>
</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>
@@ -36,37 +42,43 @@
<div class="card mx-auto" style="width: 365px; height: 485px;">
<img class="card-img-top" src="{{ '/static/images/index.svg'|asseturl
}}" alt="Card image cap">
<div class="card-body">
- <p class="text-primary description description-small"><u>New Release:
Tor Browser 8.0a10</u></p>
- <p class="card-text description description-small">Tor Browser 8.0a10
is now available from the Tor Browser Project page and also from our
distribution directory. It is the second alpha release based on Firefox ESR 60
and contains a number of improvements and bug fixes.</p>
+ <div class="card-title">
+ <a class="h4 text-primary" href="#" title="#">New Release: Tor
Browser 8.0a10</a>
+ </div>
+ <p class="card-text description">Tor Browser 8.0a10 is now available
from the Tor Browser Project page and also from our distribution directory. It
is the second alpha release based on Firefox ESR 60 and contains a number of
improvements and bug fixes.</p>
</div>
</div>
<div class="card mx-auto" style="width: 365px; height: 485px;">
<img class="card-img-top" src="{{ '/static/images/index.svg'|asseturl
}}" alt="Card image cap">
<div class="card-body">
- <p class="text-primary description description-small"><u>Help Us
Translate Our New Support Portal</u></p>
- <p class="card-text description description-small">Over 2 million
people around the world rely on Tor for private access to the open web
everyday, and we want to make sure that Tor and our resources are localized for
as many of our users as possible.</p>
+ <div class="card-title">
+ <a class="h4 text-primary" href="#" title="#">Help Us Translate Our
New Support Portal</a>
+ </div>
+ <p class="card-text description">Over 2 million people around the
world rely on Tor for private access to the open web everyday, and we want to
make sure that Tor and our resources are localized for as many of our users as
possible.</p>
</div>
</div>
<div class="card mx-auto" style="width: 365px; height: 485px;">
<img class="card-img-top" src="{{ '/static/images/index.svg'|asseturl
}}" alt="Card image cap">
<div class="card-body">
- <p class="text-primary description description-small"><u>New Release:
Tor 0.3.4.7-rc</u></p>
- <p class="card-text description description-small">There's a new
release candidate available for download. If you build Tor from source, you can
download the source code for Tor 0.3.4.6-rc from the download page on the
website.</p>
+ <div class="card-title">
+ <a class="h4 text-primary" href="#" title="#">New Release: Tor
0.3.4.7-rc</a>
+ </div>
+ <p class="card-text description">There's a new release candidate
available for download. If you build Tor from source, you can download the
source code for Tor 0.3.4.6-rc from the download page on the website.</p>
</div>
</div>
</div>
</div>
-<div class="container py-3">
- <div class="row p-3">
+<div class="container">
+ <div class="row p-3 pt-5">
<h3 class="text-primary display-5">Coverage</h3>
</div>
</div>
-<div class="container py-3">
+<div class="container">
<table class="table">
<thead>
<tr>
<th scope="col">Date</th>
- <th scope="col">Pubblication</th>
+ <th scope="col">Publication</th>
<th scope="col">Topic</th>
</tr>
</thead>
@@ -74,17 +86,17 @@
<tr>
<th scope="row">2018 Feb 3</th>
<td>Wired</td>
- <td><a href="">Tor could be the answer to safer connected sex</a></td>
+ <td><a class="h5 text-primary" href="">Tor could be the answer to safer
connected sex</a></td>
</tr>
<tr>
<th scope="row">2018 Jan 25</th>
<td>International Business Times</td>
- <td><a href="">Tor Browser 7.5 Update Released: What's New?</a></td>
+ <td><a class="h5 text-primary" href="">Tor Browser 7.5 Update Released:
What's New?</a></td>
</tr>
<tr>
<th scope="row">2018 Jan 24</th>
<td>Tom's Hardware</td>
- <td><a href="">Tor Browser 7.5 Launches With Support For Next-Gen Onion
Services</a></td>
+ <td><a class="h5 text-primary" href="">Tor Browser 7.5 Launches With
Support For Next-Gen Onion Services</a></td>
</tr>
</tbody>
</table>
_______________________________________________
tor-commits mailing list
tor-commits@lists.torproject.org
https://lists.torproject.org/cgi-bin/mailman/listinfo/tor-commits
