commit b70c4830f149f3812256f5f8a0d03f785f62c3ba Author: Antonela <hola@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>