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 was merged in pull request #1593.
	This commit is contained in:
		
							
								
								
									
										2
									
								
								.github/CODEOWNERS
									
									
									
									
										vendored
									
									
								
							
							
						
						
									
										2
									
								
								.github/CODEOWNERS
									
									
									
									
										vendored
									
									
								
							@@ -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
 | 
			
		||||
 
 | 
			
		||||
@@ -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">
 | 
			
		||||
<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/sponsors/safing.svg"
 | 
			
		||||
      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"
 | 
			
		||||
        class="img-fluid" />
 | 
			
		||||
      alt="Safing Privacy Network - Safing.io Logo" />
 | 
			
		||||
  </a>
 | 
			
		||||
    </div>
 | 
			
		||||
  </div>
 | 
			
		||||
</div>
 | 
			
		||||
 
 | 
			
		||||
							
								
								
									
										2
									
								
								assets/img/svg/3rd-party/sponsors/safing-dark.svg
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						
									
										2
									
								
								assets/img/svg/3rd-party/sponsors/safing-dark.svg
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							| 
		 After Width: | Height: | Size: 6.6 KiB  | 
							
								
								
									
										2
									
								
								assets/img/svg/3rd-party/sponsors/safing.svg
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
							
						
						
									
										2
									
								
								assets/img/svg/3rd-party/sponsors/safing.svg
									
									
									
									
										vendored
									
									
										Normal file
									
								
							
										
											
												File diff suppressed because one or more lines are too long
											
										
									
								
							| 
		 After Width: | Height: | Size: 6.7 KiB  | 
@@ -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  | 
@@ -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 %}
 | 
			
		||||
 
 | 
			
		||||
@@ -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>
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user