[tor-commits] [tpo/staging] - Add Members

hiro at torproject.org hiro at torproject.org
Mon Jul 27 14:03:07 UTC 2020


commit c4da4e58b959f73e054bf2240433e1f146062d36
Author: antonela <antonela at 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>





More information about the tor-commits mailing list