commit c4da4e58b959f73e054bf2240433e1f146062d36 Author: antonela <antonela@torproject.org> Date: Fri Jul 24 13:35:59 2020 -0300 - Add Members - Add anchor links --- assets/static/images/membership/logos/Avast.png | Bin 0 -> 78009 bytes .../static/images/membership/logos/MullvadVPN.svg | 78 +++++++++++++++++++++ templates/membership.html | 42 +++-------- 3 files changed, 89 insertions(+), 31 deletions(-) diff --git a/assets/static/images/membership/logos/Avast.png b/assets/static/images/membership/logos/Avast.png new file mode 100755 index 00000000..d09b8bd5 Binary files /dev/null and b/assets/static/images/membership/logos/Avast.png differ diff --git a/assets/static/images/membership/logos/MullvadVPN.svg b/assets/static/images/membership/logos/MullvadVPN.svg new file mode 100644 index 00000000..94262ea9 --- /dev/null +++ b/assets/static/images/membership/logos/MullvadVPN.svg @@ -0,0 +1,78 @@ +<?xml version="1.0" encoding="utf-8"?> +<!-- Generator: Adobe Illustrator 23.0.6, SVG Export Plug-In . SVG Version: 6.00 Build 0) --> +<svg version="1.1" id="Mullvad_VPN_Logo_Positive" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" + x="0px" y="0px" viewBox="0 0 1405.7 575.4" style="enable-background:new 0 0 1405.7 575.4;" xml:space="preserve"> +<style type="text/css"> + .st0{fill-rule:evenodd;clip-rule:evenodd;fill:#192E45;} + .st1{fill-rule:evenodd;clip-rule:evenodd;fill:#D0933A;} + .st2{fill-rule:evenodd;clip-rule:evenodd;fill:#FFCC86;} + .st3{fill-rule:evenodd;clip-rule:evenodd;fill:#FDD321;} + .st4{fill:#FFFFFF;} + .st5{fill:#1D2A3A;} + .st6{fill:#192E45;} +</style> +<g id="Logo"> + <path id="bg" class="st0" d="M566.2,200c0,69.8,56.6,126.3,126.3,126.3S818.9,269.8,818.9,200S762.3,73.7,692.5,73.7 + S566.2,130.2,566.2,200L566.2,200L566.2,200L566.2,200z"/> + <path id="Mullvad_Fur" class="st1" d="M583.1,184.9l9.6-13.4c0,0.1-0.6,19.3-0.6,19.3l2.7-14.5c8,16.2,27.6,38.6,45.5,50.6 + c1.9,1.3,3.5,2.7,4.6,4.1c2.3,0.9,4.6,1.4,6.9,1.8c1.2,0.2,2.5,0.3,3.7,0.4c1.2,0.1,2.5,0.1,3.7,0.1c1.2,0,2.4-0.1,3.6-0.2 + c1.2-0.1,2.4-0.3,3.6-0.5c1.2-0.2,2.4-0.4,3.5-0.8c1.2-0.3,2.3-0.6,3.5-1c1.1-0.3,2.3-0.8,3.4-1.2c1.1-0.5,2.2-0.9,3.3-1.5 + c1.1-0.6,2.2-1.1,3.2-1.7c1.1-0.5,2.1-1.2,3.2-1.8c1.1-0.6,2.1-1.3,3.2-1.9c1.1-0.6,2.1-1.3,3.1-1.9c1-0.7,2.1-1.3,3.1-2 + c1-0.7,2.1-1.3,3.2-2l1-0.6l0.5,0.3l7.2,4.8l-7.3-1.9c-0.7,0.8-1.4,1.6-2.2,2.4c-0.9,0.9-1.9,1.8-2.8,2.7c-1,0.8-2,1.7-3.1,2.4 + c-1.1,0.8-2.1,1.5-3.3,2.2c-2.2,1.4-4.6,2.6-7.1,3.6c-1.2,0.5-2.5,1-3.7,1.4c-1.3,0.4-2.5,0.8-3.8,1.1c-1.3,0.3-2.6,0.6-3.9,0.8 + c-1.3,0.2-2.6,0.3-3.9,0.5c-2.6,0.1-5.3,0.1-7.9-0.3c-1.3-0.2-2.6-0.4-3.9-0.7c-1.3-0.3-2.5-0.7-3.7-1.1c-2.1-0.8-4.2-1.8-6.1-3 + c0,0-6.9,1-4.1,6.2c2.8,5.2,7,4.7,5,10.8c-1.4,3.3-3.4,6.5-5.6,9.5c-4.6,6.2-11.8,11.7-11.1,15c32.7,40.3,106.4,34.7,134.4-1.3 + c-0.4-5.2-8.6-7.7-14.3-20.4c1.6,0.5,4,1.2,4,1.1c0-0.1-6.8-11.1-7.1-12.2l4.4,0.3c0,0-5.8-7.2-6-7.9l5.9-0.8c0,0-7.4-8.5-7.5-9.2 + l7.5,1.2l-8.2-9.9h3.9l-4.6-6.7c-0.8-0.3-1.6-0.5-2.4-0.7c-1-0.3-2-0.6-3-0.9c-11.2-3.5-21.8-6.7-32-13.1 + c-14.3-8.9-27.1-19.8-36.7-28.3l-19.3-9.4c-18.5-1.4-35.9-0.9-46.5,1.2l6.8-11.6l-10.4,12.5c-0.7-0.2-0.9-0.6-0.9-0.6l0.7-15.4 + l-3.3,13.9c-1-0.5-2.2-0.7-3.4-0.7c-4.6,0-8.3,3.7-8.3,8.3c0,4.2,3.1,7.7,7.2,8.2L583.1,184.9L583.1,184.9L583.1,184.9L583.1,184.9 + z"/> + <path id="Mullvad_Nose" class="st2" d="M594.8,154.5c-1-0.4-2.2-0.7-3.3-0.7c-4.6,0-8.3,3.7-8.3,8.3c0,4,2.9,7.4,6.7,8.2 + c0.1,0,0.1,0,0.2,0c2.5-0.8,7.5-7.5,6.7-11.7C596.4,157.1,595.8,155.7,594.8,154.5L594.8,154.5L594.8,154.5L594.8,154.5z"/> + <path id="Mullvad_Helmet" class="st3" d="M667.6,143.8c-1.5-4.1-1.1-9.4,1-14.4c3-6.9,8.7-11.5,14.1-11.5c1.1,0,2.1,0.2,3.1,0.6 + c3.1-2.8,6.7-5.1,10.7-6.7c22.1-8.8,54.4,6.9,62.7,28.6c4,10.5,2.8,22-0.6,32.5c-2.8,8.6-13,21-9.2,30.4 + c-1.5-0.4-33.1-10.2-41.9-15.8c-14.1-8.8-26.8-19.6-36.3-28l-0.3-0.3L638.8,144c-0.4-0.2-0.8-0.4-1.1-0.6 + C642.3,143.4,659.8,145.5,667.6,143.8"/> + <g id="Helmet_Lamp"> + <path class="st4" d="M677.1,147.4c-0.9,0-1.6-0.2-2.3-0.5c-1.6-0.7-2.8-2-3.6-4c-1.4-3.4-1-8.1,0.9-12.5c2.5-5.6,7.3-9.7,11.5-9.7 + c0.8,0,1.6,0.2,2.4,0.5c2.1,0.9,3.6,3,4.1,6c0.6,3.2,0.1,6.9-1.5,10.4C686.2,143.3,681.3,147.4,677.1,147.4z"/> + <g> + <path class="st5" d="M683.6,122.3c0.6,0,1.2,0.1,1.8,0.4c1.6,0.7,2.8,2.5,3.2,4.9c0.5,2.9,0.1,6.3-1.4,9.5 + c-2.2,5.1-6.5,8.8-10.1,8.8c-0.6,0-1.2-0.1-1.7-0.3l0,0l0,0c-1.5-0.6-2.3-2-2.7-3.1c-1.2-3-0.9-7.4,0.8-11.4 + C675.7,126,680,122.3,683.6,122.3 M683.6,119.3c-4.8,0-10.1,4.4-12.9,10.7c-2.1,4.7-2.4,9.8-0.9,13.7c0.9,2.3,2.4,3.9,4.3,4.8 + c0.9,0.4,1.9,0.6,3,0.6c4.8,0,10.1-4.4,12.8-10.7c1.7-3.8,2.2-7.8,1.6-11.3c-0.6-3.5-2.4-6-5-7.1 + C685.6,119.5,684.6,119.3,683.6,119.3L683.6,119.3z"/> + </g> + </g> +</g> +<g> + <path class="st6" d="M212.8,369.7c0-0.9,0.6-1.5,1.5-1.5h17.8c1.2,0,2,0.4,2.4,1.5l25.8,58.2h0.6l25.3-58.2c0.4-1,1.2-1.5,2.4-1.5 + h17.5c0.9,0,1.5,0.6,1.5,1.5v99c0,0.9-0.6,1.5-1.5,1.5h-17c-0.9,0-1.5-0.6-1.5-1.5v-57.4h-0.6l-18.9,43c-0.6,1.4-1.5,2-2.8,2h-10.3 + c-1.3,0-2.2-0.6-2.8-2l-18.9-43h-0.6v57.4c0,0.9-0.6,1.5-1.5,1.5h-16.9c-0.9,0-1.5-0.6-1.5-1.5V369.7z"/> + <path class="st6" d="M329.8,432.7v-63c0-0.9,0.6-1.5,1.5-1.5h19c0.9,0,1.5,0.6,1.5,1.5v63.6c0,12.1,6.8,19,17.1,19 + c10.2,0,16.9-6.9,16.9-19v-63.6c0-0.9,0.6-1.5,1.5-1.5h19c0.9,0,1.5,0.6,1.5,1.5v63c0,25.3-16.2,39.1-39,39.1 + C346,471.9,329.8,458.1,329.8,432.7z"/> + <path class="st6" d="M430,369.7c0-0.9,0.6-1.5,1.5-1.5h19c0.9,0,1.5,0.6,1.5,1.5v79.9c0,0.6,0.3,0.9,0.9,0.9h45 + c0.9,0,1.5,0.6,1.5,1.5v16.6c0,0.9-0.6,1.5-1.5,1.5h-66.4c-0.9,0-1.5-0.6-1.5-1.5V369.7z"/> + <path class="st6" d="M515.5,369.7c0-0.9,0.6-1.5,1.5-1.5h19c0.9,0,1.5,0.6,1.5,1.5v79.9c0,0.6,0.3,0.9,0.9,0.9h45 + c0.9,0,1.5,0.6,1.5,1.5v16.6c0,0.9-0.6,1.5-1.5,1.5H517c-0.9,0-1.5-0.6-1.5-1.5V369.7z"/> + <path class="st6" d="M616.4,470.2c-1,0-1.6-0.6-1.9-1.5l-32.4-98.8c-0.3-1.1,0.3-1.6,1.3-1.6h19.5c1,0,1.7,0.4,2,1.5l20.4,66.9h0.4 + l19.8-66.9c0.3-1,0.9-1.5,1.9-1.5h19.3c0.9,0,1.5,0.6,1.2,1.6l-32.4,98.8c-0.3,0.9-0.9,1.5-1.8,1.5H616.4z"/> + <path class="st6" d="M703.9,369.7c0.3-0.9,0.9-1.5,2-1.5h18.9c1,0,1.6,0.6,1.9,1.5l34.5,99c0.3,0.9,0,1.5-1,1.5h-19.5 + c-1,0-1.7-0.5-2-1.5l-5.8-17.8h-35.7l-5.7,17.8c-0.3,1-0.9,1.5-2,1.5h-19.6c-1,0-1.3-0.6-1-1.5L703.9,369.7z M726.8,432.1 + l-11.5-35.7h-0.4l-11.5,35.7H726.8z"/> + <path class="st6" d="M776,369.7c0-0.9,0.6-1.5,1.5-1.5h37.9c17.8,0,30.3,7.6,35.2,22.9c1.8,5.7,2.7,11.4,2.7,28s-0.9,22.3-2.7,28 + c-4.9,15.3-17.4,22.9-35.2,22.9h-37.9c-0.9,0-1.5-0.6-1.5-1.5V369.7z M799,450.6h11.5c10.2,0,16.3-3,18.9-11.2 + c1-3,1.7-6.9,1.7-20.1c0-13.2-0.6-17.1-1.7-20.1c-2.5-8.2-8.7-11.2-18.9-11.2H799c-0.6,0-0.9,0.3-0.9,0.9v60.9 + C798.1,450.3,798.4,450.6,799,450.6z"/> + <path class="st6" d="M933.8,470.2c-1.1,0-1.7-0.6-2-1.5l-32.4-98.8c-0.3-1.1,0.3-1.6,1.3-1.6h19.5c1,0,1.7,0.4,2,1.5l20.4,66.9h0.4 + l19.8-66.9c0.3-1,0.9-1.5,1.9-1.5h19.3c0.9,0,1.5,0.6,1.2,1.6L953,468.7c-0.3,0.9-0.9,1.5-1.8,1.5H933.8z"/> + <path class="st6" d="M1001.3,470.2c-0.9,0-1.5-0.6-1.5-1.5v-99c0-0.9,0.6-1.5,1.5-1.5h39.6c22.2,0,35.5,13.3,35.5,32.8 + c0,19.2-13.5,32.7-35.5,32.7h-18.1c-0.6,0-0.9,0.3-0.9,0.9v34c0,0.9-0.6,1.5-1.5,1.5H1001.3z M1054.4,401.1 + c0-8.2-5.5-13.8-14.8-13.8h-16.8c-0.6,0-0.9,0.3-0.9,0.9v25.6c0,0.6,0.3,0.9,0.9,0.9h16.8C1048.9,414.7,1054.4,409.3,1054.4,401.1z + "/> + <path class="st6" d="M1093.6,369.7c0-0.9,0.6-1.5,1.5-1.5h18c1,0,2,0.4,2.5,1.5l36,64.2h0.8v-64.2c0-0.9,0.6-1.5,1.5-1.5h16.9 + c0.9,0,1.5,0.6,1.5,1.5v99c0,0.9-0.6,1.5-1.5,1.5H1153c-1.2,0-2-0.5-2.5-1.5l-36.1-64h-0.8v64c0,0.9-0.6,1.5-1.5,1.5h-16.9 + c-0.9,0-1.5-0.6-1.5-1.5V369.7z"/> +</g> +</svg> diff --git a/templates/membership.html b/templates/membership.html index 9aa1b949..f703df29 100644 --- a/templates/membership.html +++ b/templates/membership.html @@ -13,7 +13,7 @@ <img class="img-fluid p-3 align-self-center float-right" width="200px" src="{{ '../../static/images/membership/green.png' }}" /> </div> <div class="col-sm-8"> - <h4 class="h2 col-12 text-primary p-0">Green Onion Member</h4> + <a class="h2 col-12 text-primary p-0" href="#green">Green Onion Member</a> <p class="nick">$10,000 - $49,999 per year</p> <p>Your organization’s name, linking back to your website, is featured on our Membership Program page.</p> </div> @@ -23,7 +23,7 @@ <img class="img-fluid p-3 align-self-center float-right" width="200px" src="{{ '../../static/images/membership/vidalia.png' }}" /> </div> <div class="col-sm-8"> - <h4 class="h2 col-12 text-primary p-0">Vidalia Onion Member</h4> + <a class="h2 col-12 text-primary p-0" href="#vidalia">Vidalia Onion Member</a> <p class="nick">$50,000 - $99,999 per year</p> <p>Your organization’s logo, linking back to your website, is featured on our Membership Program page. We will also engage in social media promotion.</p> </div> @@ -33,20 +33,20 @@ <img class="img-fluid p-3 align-self-center float-right" width="200px" src="{{ '../../static/images/membership/shallot.png' }}" /> </div> <div class="col-sm-8"> - <h4 class="h2 col-12 text-primary p-0">Shallot Onion Member</h4> + <a class="h2 col-12 text-primary p-0" href="#shallot">Shallot Onion Member</a> <p class="nick">≥ $100,000 per year year</p> <p>Your organization’s logo, linking back to your website, along with a quote from your organization about your motivation for joining the Membership Program, is featured on our Membership Program page. We will also engage in social media, events, and other promotional mechanisms.</p> </div> </div> </div> -<div class="container"> +<div class="container" id="shallot"> <div class="row py-5"> <h3 class="col-12 text-primary display-4">Shallot Onion Members</h3> <div class="col-md-4 col-xl-4 my-2"> <div class="card border-1 h-100"> - <img class="card-img-top" src="#" alt="Card image cap"> + <img class="card-img-top" src="{{ '../../static/images/membership/logos/MullvadVPN.svg' }}" alt="MullvadVPN"> <div class="card-body"> - <h4><a href="#">Shallot Onion Member</a></h4> + <h4><a href="#">Mullvad VPN</a></h4> Some description </div> </div> @@ -71,32 +71,12 @@ </div> </div> </div> -<div class="container"> +<div class="container" id="vidalia"> <div class="row py-5"> <h3 class="col-12 text-primary display-4">Vidalia Onion Members</h3> <div class="col-md-3 col-xl-3 my-2"> <div class="card border-1 h-100"> - <img class="card-img-top" src="#" alt="Card image cap"> - </div> - </div> - <div class="col-md-3 col-xl-3 my-2"> - <div class="card border-1 h-100"> - <img class="card-img-top" src="#" alt="Card image cap"> - </div> - </div> - <div class="col-md-3 col-xl-3 my-2"> - <div class="card border-1 h-100"> - <img class="card-img-top" src="#" alt="Card image cap"> - </div> - </div> - <div class="col-md-3 col-xl-3 my-2"> - <div class="card border-1 h-100"> - <img class="card-img-top" src="#" alt="Card image cap"> - </div> - </div> - <div class="col-md-3 col-xl-3 my-2"> - <div class="card border-1 h-100"> - <img class="card-img-top" src="#" alt="Card image cap"> + <img class="card-img-top p-5" src="{{ '../../static/images/membership/logos/avast.png' }}" alt="Avast"> </div> </div> <div class="col-md-3 col-xl-3 my-2"> @@ -116,13 +96,13 @@ </div> </div> </div> -<div class="container"> +<div class="container" id="green"> <div class="row py-5"> <h3 class="col-12 text-primary display-4">{{ _('Green Onion Members') }}</h3> <div class="col-md-6"> <ul class="jobs-ul"> - <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li> - <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li> + <li><a href="#">Zcash Foundation</a></li> + <li><a href="#">ProtonMail</a></li> <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li> <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li> <li><a href="#">Green Onion Members</a> - <span> Green Onion Member</span></li>