commit 0c73fa4b871f89e95b82f8438e64043a27b707ba Author: antonela <antonela@torproject.org> Date: Mon Jul 20 11:34:18 2020 -0300 Add membership program page --- assets/static/images/membership/green.png | Bin 0 -> 239288 bytes assets/static/images/membership/shallot.png | Bin 0 -> 208458 bytes assets/static/images/membership/vidalia.png | Bin 0 -> 169283 bytes content/about/membership/contents.lr | 13 +++ templates/membership.html | 152 ++++++++++++++++++++++++++++ 5 files changed, 165 insertions(+) diff --git a/assets/static/images/membership/green.png b/assets/static/images/membership/green.png new file mode 100644 index 00000000..c98a2222 Binary files /dev/null and b/assets/static/images/membership/green.png differ diff --git a/assets/static/images/membership/shallot.png b/assets/static/images/membership/shallot.png new file mode 100644 index 00000000..985a38d3 Binary files /dev/null and b/assets/static/images/membership/shallot.png differ diff --git a/assets/static/images/membership/vidalia.png b/assets/static/images/membership/vidalia.png new file mode 100644 index 00000000..4c70c63a Binary files /dev/null and b/assets/static/images/membership/vidalia.png differ diff --git a/content/about/membership/contents.lr b/content/about/membership/contents.lr new file mode 100644 index 00000000..fd7aa00f --- /dev/null +++ b/content/about/membership/contents.lr @@ -0,0 +1,13 @@ +section: About +--- +section_id: membership +--- +html: membership.html +--- +color: primary +--- +title: Membership +--- +body: + +Community has always been at the heart of Tor's strength. In this spirit, we created the Tor Project's Membership Program. Our goal is to build a supportive relationship between our nonprofit and private sector companies and organizations that use our technology or want to support our mission. diff --git a/templates/membership.html b/templates/membership.html new file mode 100644 index 00000000..6fc3cbd0 --- /dev/null +++ b/templates/membership.html @@ -0,0 +1,152 @@ +<div class="container py-3"> + <h3 class="text-primary display-5">{{ _('Show your support for privacy online') }}</h3> + <p>{{ _('When your organization joins the Tor Project’s Membership Program, you are demonstrating your commitment to privacy online and supporting Tor’s agility and development. In return, you become a closer part of our community with three specific benefits: access to our Onion Advisors group to help you integrate Tor into your product, inclusion in conversations and exclusive meetings with the Tor Project team to learn about what we are cooking at Tor, and public promotion of your membership. + If you are interested in becoming a member, please reach out to us at giving@torproject.org.') }}</p> +</div> +<div class="container py-3"> + <h3 class="text-primary display-5">{{ _('Membership Tiers') }}</h3> + <p>{{ _('Membership tiers differ in their level of public promotion. No matter the level of your contribution, members receive the same community benefits: access to our Onion Advisors group to help integrate Tor into your project and inclusion in conversations and exclusive meetings with the Tor Project team. At Tor, we love all of the onions, but shallots are the tastiest!') }}</p> +</div> +<div class="container"> + <div class="row py-3"> + <div class="col"> + <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> + <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> + </div> + <div class="row py-3"> + <div class="col"> + <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> + <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> + </div> + <div class="row py-3"> + <div class="col"> + <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> + <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="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"> + <div class="card-body"> + <h4><a href="#">Shallot Onion Member</a></h4> + Some description + </div> + </div> + </div> + <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"> + <div class="card-body"> + <h4><a href="#">Shallot Onion Member</a></h4> + Some description + </div> + </div> + </div> + <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"> + <div class="card-body"> + <h4><a href="#">Shallot Onion Member</a></h4> + Some description + </div> + </div> + </div> + </div> +</div> +<div class="container"> + <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"> + </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> +</div> +<div class="container"> + <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="#">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> + <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> + </ul> + </div> + <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="#">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> + <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> + </ul> + </div> + </div> +</div> +<div class="row col-sm-8 py-5 text-center mx-auto"> + <h2 class="text-primary text-center mx-auto">{{ _('Become a Member') }}</h2> + <p class="text-center"> + {{ _('Join the Tor Project Membership Program and demonstrate your commitment to privacy online and become more deeply involved in the Tor community. Email us at giving@torproject.org to get started.') }}</p> +</div>