Adjust sponsorship layout (#1593)

* Fix SVG being black
    Adobe Illustrator SVGs have rendering problems on PTIO for unknown to
    me reasons. Inkscape works fine.
* Rewrite with plain Flexbox
    Nicer end-user experience than Bootstrap grid
This commit is contained in:
Dawid Potocki 2020-01-06 00:35:30 +00:00 committed by Jonah Aragon
parent ee03264051
commit e0346ac501
7 changed files with 25 additions and 130 deletions

2
.github/CODEOWNERS vendored
View File

@ -11,7 +11,7 @@
/pages/notices.md @JonahAragon
/pages/sponsors.html @JonahAragon
/_includes/sponsors/ @JonahAragon
/assets/img/svg/sponsors/ @JonahAragon
/assets/img/svg/3rd-party/sponsors/ @JonahAragon
/README.md @JonahAragon @BurungHantu1605
/assets/js/redirects.js @JonahAragon
/.well-known/ @JonahAragon

View File

@ -1,13 +1,10 @@
<div class="container">
<div class="row justify-content-center">
<div class="col-10 col-sm-8 col-md-4 col-lg-3">
<a href="https://safing.io/" target="_blank" rel="noreferrer">
<img
src="/assets/img/svg/sponsors/safing.svg"
title="Safing Privacy Network - Launching on Kickstarter January 2nd, 2020"
alt="Safing Privacy Network - Safing.io Logo"
class="img-fluid" />
</a>
</div>
</div>
<div class="d-flex flex-wrap justify-content-center">
<a class="m-3" href="https://safing.io" target="_blank" rel="noreferrer">
<img
src="/assets/img/svg/3rd-party/sponsors/safing.svg"
data-theme-src="/assets/img/svg/3rd-party/sponsors/safing-dark.svg"
width="210rem"
title="Safing Privacy Network - Launching on Kickstarter January 2nd, 2020"
alt="Safing Privacy Network - Safing.io Logo" />
</a>
</div>

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.6 KiB

File diff suppressed because one or more lines are too long

After

Width:  |  Height:  |  Size: 6.7 KiB

View File

@ -1,111 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="829px"
height="286.3px" viewBox="0 0 829 286.3" enable-background="new 0 0 829 286.3" xml:space="preserve">
<g id="White_Background">
</g>
<g id="Main">
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="90.6387" y1="73.3311" x2="90.6387" y2="187.374">
<stop offset="0" style="stop-color:#6F6F6E"/>
<stop offset="1" style="stop-color:#575756"/>
</linearGradient>
<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_1_)" d="M116.195,90.495l-10.001-17.164
c-24.583,14.355-41.111,41-41.111,71.518c0,15.551,4.296,30.094,11.754,42.525l17.046-10.207c-5.667-9.445-8.933-20.5-8.933-32.318
C84.95,121.653,97.512,101.405,116.195,90.495z"/>
<linearGradient id="SVGID_2_" gradientUnits="userSpaceOnUse" x1="168.501" y1="162.0518" x2="168.501" y2="227.6465">
<stop offset="0" style="stop-color:#6F6F6E"/>
<stop offset="1" style="stop-color:#575756"/>
</linearGradient>
<path opacity="0.8" fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_2_)" d="M208.36,162.052
c-8.904,31.428-40.693,51.115-73.195,44.418c-5.87-1.211-11.368-3.217-16.431-5.857l-9.199,17.607
c6.662,3.477,13.896,6.117,21.62,7.707c42.764,8.813,84.598-17.092,96.312-58.443L208.36,162.052z"/>
<linearGradient id="SVGID_3_" gradientUnits="userSpaceOnUse" x1="128.6436" y1="109.3193" x2="128.6436" y2="196.4248">
<stop offset="0" style="stop-color:#6F6F6E"/>
<stop offset="1" style="stop-color:#575756"/>
</linearGradient>
<path opacity="0.6" fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_3_)" d="M157.846,182.759
c-3.188,0.838-6.533,1.287-9.983,1.287c-21.647,0-39.195-17.551-39.195-39.197c0-10.469,4.112-19.971,10.799-27.002l-8.968-8.527
c-8.799,9.251-14.21,21.755-14.21,35.529c0,28.482,23.089,51.576,51.574,51.576c4.54,0,8.941-0.592,13.136-1.695L157.846,182.759z"
/>
<linearGradient id="SVGID_4_" gradientUnits="userSpaceOnUse" x1="147.8633" y1="17.29" x2="147.8633" y2="272.4092">
<stop offset="0" style="stop-color:#6F6F6E"/>
<stop offset="1" style="stop-color:#575756"/>
</linearGradient>
<path fill-rule="evenodd" clip-rule="evenodd" fill="url(#SVGID_4_)" d="M147.863,241.794c-53.539,0-96.943-43.404-96.943-96.945
s43.404-96.945,96.943-96.945c53.542,0,96.945,43.404,96.945,96.945S201.405,241.794,147.863,241.794L147.863,241.794z
M275.422,144.849c0-70.449-57.111-127.559-127.56-127.559c-70.448,0-127.559,57.109-127.559,127.559
c0,70.447,57.111,127.561,127.559,127.561C218.311,272.409,275.422,215.296,275.422,144.849z"/>
<g>
<g>
<path d="M351.27,184.654c6.825,4.2,16.8,7.7,27.3,7.7c15.576,0,24.676-8.225,24.676-20.125c0-11.025-6.3-17.326-22.226-23.451
c-19.25-6.824-31.15-16.8-31.15-33.426c0-18.375,15.225-32.025,38.15-32.025c12.075,0,20.826,2.801,26.076,5.775l-4.2,12.426
c-3.85-2.101-11.725-5.601-22.4-5.601c-16.1,0-22.226,9.625-22.226,17.675c0,11.025,7.175,16.451,23.451,22.751
c19.95,7.7,30.101,17.325,30.101,34.65c0,18.2-13.475,33.95-41.301,33.95c-11.375,0-23.8-3.324-30.101-7.525L351.27,184.654z"/>
<path d="M486.544,203.204l-1.225-10.675h-0.525c-4.725,6.649-13.825,12.601-25.9,12.601c-17.15,0-25.9-12.076-25.9-24.326
c0-20.475,18.2-31.676,50.926-31.5v-1.75c0-7-1.925-19.601-19.25-19.601c-7.875,0-16.101,2.45-22.05,6.3l-3.5-10.15
c7-4.549,17.15-7.524,27.826-7.524c25.9,0,32.201,17.675,32.201,34.65v31.676c0,7.351,0.35,14.524,1.4,20.3H486.544z
M484.269,159.979c-16.8-0.351-35.875,2.625-35.875,19.074c0,9.976,6.65,14.701,14.525,14.701c11.025,0,18.025-7,20.475-14.176
c0.525-1.574,0.875-3.325,0.875-4.9V159.979z"/>
<path d="M525.567,203.204v-72.976h-11.9v-11.726h11.9v-4.55c0-22.4,13.125-36.926,36.926-36.926c7.875,0,17.15,2.45,21.525,5.601
l-4.375,11.725c-3.675-2.625-10.325-4.9-17.851-4.9c-16.275,0-21,11.375-21,24.852v4.199h49.176v84.701h-15.226v-72.976h-33.95
v72.976H525.567z"/>
<path d="M615.516,141.429c0-8.75-0.175-15.926-0.7-22.926h13.65l0.875,14h0.35c4.2-8.05,14-15.925,28-15.925
c11.725,0,29.925,7,29.925,36.051v50.575h-15.4v-48.825c0-13.65-5.075-25.025-19.6-25.025c-10.15,0-18.025,7.175-20.65,15.75
c-0.7,1.925-1.05,4.55-1.05,7.175v50.926h-15.4V141.429z"/>
<path d="M785.616,118.503c-0.35,6.125-0.7,12.95-0.7,23.275v49.176c0,19.426-3.85,31.326-12.075,38.676
c-8.225,7.701-20.125,10.15-30.8,10.15c-10.15,0-21.351-2.449-28.175-7l3.85-11.725c5.6,3.5,14.351,6.648,24.851,6.648
c15.75,0,27.301-8.225,27.301-29.574v-9.451h-0.35c-4.725,7.875-13.825,14.176-26.951,14.176c-21,0-36.051-17.85-36.051-41.301
c0-28.7,18.726-44.976,38.151-44.976c14.7,0,22.75,7.7,26.425,14.7h0.35l0.7-12.775H785.616z M769.69,151.929
c0-2.625-0.175-4.9-0.875-7c-2.8-8.926-10.325-16.275-21.525-16.275c-14.7,0-25.2,12.426-25.2,32.025
c0,16.625,8.4,30.451,25.025,30.451c9.45,0,18.025-5.951,21.35-15.751c0.875-2.625,1.225-5.601,1.225-8.226V151.929z"/>
</g>
<g>
<linearGradient id="SVGID_5_" gradientUnits="userSpaceOnUse" x1="566.5178" y1="77.0273" x2="566.5178" y2="239.7803">
<stop offset="0" style="stop-color:#6F6F6E"/>
<stop offset="1" style="stop-color:#575756"/>
</linearGradient>
<path fill="url(#SVGID_5_)" d="M351.27,184.654c6.825,4.2,16.8,7.7,27.3,7.7c15.576,0,24.676-8.225,24.676-20.125
c0-11.025-6.3-17.326-22.226-23.451c-19.25-6.824-31.15-16.8-31.15-33.426c0-18.375,15.225-32.025,38.15-32.025
c12.075,0,20.826,2.801,26.076,5.775l-4.2,12.426c-3.85-2.101-11.725-5.601-22.4-5.601c-16.1,0-22.226,9.625-22.226,17.675
c0,11.025,7.175,16.451,23.451,22.751c19.95,7.7,30.101,17.325,30.101,34.65c0,18.2-13.475,33.95-41.301,33.95
c-11.375,0-23.8-3.324-30.101-7.525L351.27,184.654z"/>
<linearGradient id="SVGID_6_" gradientUnits="userSpaceOnUse" x1="566.5178" y1="77.0273" x2="566.5178" y2="239.7803">
<stop offset="0" style="stop-color:#6F6F6E"/>
<stop offset="1" style="stop-color:#575756"/>
</linearGradient>
<path fill="url(#SVGID_6_)" d="M486.544,203.204l-1.225-10.675h-0.525c-4.725,6.649-13.825,12.601-25.9,12.601
c-17.15,0-25.9-12.076-25.9-24.326c0-20.475,18.2-31.676,50.926-31.5v-1.75c0-7-1.925-19.601-19.25-19.601
c-7.875,0-16.101,2.45-22.05,6.3l-3.5-10.15c7-4.549,17.15-7.524,27.826-7.524c25.9,0,32.201,17.675,32.201,34.65v31.676
c0,7.351,0.35,14.524,1.4,20.3H486.544z M484.269,159.979c-16.8-0.351-35.875,2.625-35.875,19.074
c0,9.976,6.65,14.701,14.525,14.701c11.025,0,18.025-7,20.475-14.176c0.525-1.574,0.875-3.325,0.875-4.9V159.979z"/>
<linearGradient id="SVGID_7_" gradientUnits="userSpaceOnUse" x1="566.5178" y1="77.0273" x2="566.5178" y2="239.7803">
<stop offset="0" style="stop-color:#6F6F6E"/>
<stop offset="1" style="stop-color:#575756"/>
</linearGradient>
<path fill="url(#SVGID_7_)" d="M525.567,203.204v-72.976h-11.9v-11.726h11.9v-4.55c0-22.4,13.125-36.926,36.926-36.926
c7.875,0,17.15,2.45,21.525,5.601l-4.375,11.725c-3.675-2.625-10.325-4.9-17.851-4.9c-16.275,0-21,11.375-21,24.852v4.199h49.176
v84.701h-15.226v-72.976h-33.95v72.976H525.567z"/>
<linearGradient id="SVGID_8_" gradientUnits="userSpaceOnUse" x1="566.5178" y1="77.0273" x2="566.5178" y2="239.7803">
<stop offset="0" style="stop-color:#6F6F6E"/>
<stop offset="1" style="stop-color:#575756"/>
</linearGradient>
<path fill="url(#SVGID_8_)" d="M615.516,141.429c0-8.75-0.175-15.926-0.7-22.926h13.65l0.875,14h0.35
c4.2-8.05,14-15.925,28-15.925c11.725,0,29.925,7,29.925,36.051v50.575h-15.4v-48.825c0-13.65-5.075-25.025-19.6-25.025
c-10.15,0-18.025,7.175-20.65,15.75c-0.7,1.925-1.05,4.55-1.05,7.175v50.926h-15.4V141.429z"/>
<linearGradient id="SVGID_9_" gradientUnits="userSpaceOnUse" x1="566.5178" y1="77.0273" x2="566.5178" y2="239.7803">
<stop offset="0" style="stop-color:#6F6F6E"/>
<stop offset="1" style="stop-color:#575756"/>
</linearGradient>
<path fill="url(#SVGID_9_)" d="M785.616,118.503c-0.35,6.125-0.7,12.95-0.7,23.275v49.176c0,19.426-3.85,31.326-12.075,38.676
c-8.225,7.701-20.125,10.15-30.8,10.15c-10.15,0-21.351-2.449-28.175-7l3.85-11.725c5.6,3.5,14.351,6.648,24.851,6.648
c15.75,0,27.301-8.225,27.301-29.574v-9.451h-0.35c-4.725,7.875-13.825,14.176-26.951,14.176c-21,0-36.051-17.85-36.051-41.301
c0-28.7,18.726-44.976,38.151-44.976c14.7,0,22.75,7.7,26.425,14.7h0.35l0.7-12.775H785.616z M769.69,151.929
c0-2.625-0.175-4.9-0.875-7c-2.8-8.926-10.325-16.275-21.525-16.275c-14.7,0-25.2,12.426-25.2,32.025
c0,16.625,8.4,30.451,25.025,30.451c9.45,0,18.025-5.951,21.35-15.751c0.875-2.625,1.225-5.601,1.225-8.226V151.929z"/>
</g>
</g>
</g>
<g id="Helpers" display="none">
</g>
</svg>

Before

Width:  |  Height:  |  Size: 8.7 KiB

View File

@ -5,12 +5,16 @@ layout: default
<script src="/assets/js/redirects.js"></script>
{% include sections/header.html %}
{% include sections/resources.html %}
<h1 id="sponsors" class="anchor"><a href="#sponsors"><i class="fas fa-link anchor-icon"></i></a> Sponsors</h1>
<div class="alert alert-success mb-5" role="alert">
<div class="alert alert-success" role="alert">
<strong>New!</strong> Showcase your brand as a sponsor of PrivacyTools and support our mission of creating a world free of mass surveillance! <a href="/sponsors/" class="alert-link">Learn more...</a>
</div>
{% include sponsors/gold.html %}
<div class="mt-4">
{% include sponsors/gold.html %}
</div>
{% include sections/quotes.html %}
{% include sections/privacy-resources.html %}
{% include sections/participate.html %}

View File

@ -7,21 +7,22 @@ permalink: /sponsors/
<div class="col-12">
<div class="row">
<div class="mx-auto text-center">
<div class="mt-4 mb-4">
<div class="my-4">
<h1>Sponsors of {{ site.name }}</h1>
</div>
<div class="mt-5 mb-5">
<div class="mt-4 mb-3">
{% include sponsors/gold.html %}
</div>
<div class="mb-4">
<p>The {{ site.name }} website and services are a community project. There is no advertising, affiliate links, or other forms of monetization.<br><strong>Your donations here directly support hosting this website and compensating contributors to this project.</strong></p>
<p>
<a href="https://opencollective.com/privacytoolsio#section-contribute" class="btn btn-success mb-5">Become a Sponsor</a>
<a href="/donate/" class="btn btn-outline-danger mb-5"><span class="fas fa-heart fa-fw"></span> Donate Directly</a>
<a href="https://opencollective.com/privacytoolsio#section-contribute" class="btn btn-success">Become a Sponsor</a>
<a href="/donate/" class="btn btn-outline-danger"><span class="fas fa-heart fa-fw"></span> Donate Directly</a>
</p>
</div>
</div>
</div>
<h3>Why sponsor {{ site.name }}?</h3>
<p>This sponsorship program is designed to allow companies, organizations, and individuals partner with the {{ site.name }} team to support our vision of a more privacy-respecting internet and the greater online community.</p>
<p>With this exposure and sponsorship, your customers will recognize your intrinsic understanding and commitment to user privacy. Moreover, you'll directly contribute to our mission of spreading privacy-respecting tools and knowledge worldwide!</p>