Update PrivacyTools logo (#1566)

README.md

@@ -1,4 +1,6 @@
-[![privacytools](./assets/img/layout/logo.png)](https://www.privacytools.io/)
+<a href="https://www.privacytools.io">
+	<img src="assets/img/svg/layout/brand/horizontal.svg" width="500px" alt="PrivacyTools" />
+</a>
 
 _Encryption Against Global Mass Surveillance._
 

_includes/footer.html

@@ -86,7 +86,11 @@
       Tor v3: <strong>privacy2zbidut4m4jyj3ksdqidzkw3uoip2vhvhbvwxbqux5xy5obyd.onion</strong>
       (<a href="https://write.privacytools.io/jonah/tor-on-privacytools-io">Learn More</a>)
     </p>
-    <small><p><a href="/privacy/">Privacy Statement</a> | <a href="/notices/">Notices &amp; Disclaimers</a></small>
+    <small>
+      <a href="/privacy/">Privacy Statement</a> |
+      <a href="/notices/">Notices &amp; Disclaimers</a> |
+      <a href="https://github.com/privacytoolsIO/brand">Brand Assets &amp; Guidelines</a>
+    </small>
 
   </div>
 </footer>

_includes/head.html

@@ -5,10 +5,6 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <meta name="keywords" content="privacy, anonymity, privacy tools, surveillance, encryption">
   <meta name="description" content="{% if page.description %}{{ page.description }}{% else %}{{ site.description }}{% endif %}">
-  <meta name="msapplication-TileColor" content="#da532c">
-  <meta name="msapplication-TileImage" content="/assets/img/favicons/mstile-144x144.png">
-  <meta name="msapplication-config" content="/assets/img/favicons/browserconfig.xml">
-  <meta name="theme-color" content="#ffffff">
   <link rel="canonical" href="{{ site.production_url }}{{ page.url | replace:'index.html',''}}">
 
   <!-- title -->
@@ -52,20 +48,16 @@
   {% endif %}
 
   <!-- icons -->
-  <link rel="apple-touch-icon" sizes="57x57" href="/assets/img/png/favicons/apple-touch-icon-57x57.png">
+  <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/png/favicons/apple-touch-icon.png?v=2">
-  <link rel="apple-touch-icon" sizes="60x60" href="/assets/img/png/favicons/apple-touch-icon-60x60.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/assets/img/png/favicons/favicon-32x32.png?v=2">
-  <link rel="apple-touch-icon" sizes="72x72" href="/assets/img/png/favicons/apple-touch-icon-72x72.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/assets/img/png/favicons/favicon-16x16.png?v=2">
-  <link rel="apple-touch-icon" sizes="76x76" href="/assets/img/png/favicons/apple-touch-icon-76x76.png">
+  <link rel="manifest" href="/assets/img/png/favicons/site.webmanifest?v=2">
-  <link rel="apple-touch-icon" sizes="114x114" href="/assets/img/png/favicons/apple-touch-icon-114x114.png">
+  <link rel="mask-icon" href="/assets/img/png/favicons/safari-pinned-tab.svg?v=2" color="#3498db">
-  <link rel="apple-touch-icon" sizes="120x120" href="/assets/img/png/favicons/apple-touch-icon-120x120.png">
+  <link rel="shortcut icon" href="/assets/img/png/favicons/favicon.ico?v=2">
-  <link rel="apple-touch-icon" sizes="144x144" href="/assets/img/png/favicons/apple-touch-icon-144x144.png">
+  <meta name="msapplication-TileColor" content="#3498db">
-  <link rel="apple-touch-icon" sizes="152x152" href="/assets/img/png/favicons/apple-touch-icon-152x152.png">
+  <meta name="msapplication-config" content="/assets/img/png/favicons/browserconfig.xml?v=2">
-  <link rel="apple-touch-icon" sizes="180x180" href="/assets/img/png/favicons/apple-touch-icon-180x180.png">
+  <meta name="theme-color" content="#ffffff">
-  <link rel="icon" type="image/png" href="/assets/img/png/favicons/favicon-32x32.png" sizes="32x32">
+
-  <link rel="icon" type="image/png" href="/assets/img/png/favicons/android-chrome-192x192.png" sizes="192x192">
-  <link rel="icon" type="image/png" href="/assets/img/png/favicons/favicon-96x96.png" sizes="96x96">
-  <link rel="icon" type="image/png" href="/assets/img/png/favicons/favicon-16x16.png" sizes="16x16">
-  <link rel="manifest" href="/assets/img/png/favicons/manifest.json">
 
   <!-- CSS stylesheets -->
   <link href="/assets/css/style.css?v=9" rel="stylesheet">

_includes/nav.html

@@ -2,7 +2,7 @@
   <div id="navbar" class="d-flex flex-wrap justify-content-between align-items-center">
     <div class="w-50">
       <a id="nav-home-mobile" class="nav-anchor" href="/index.html">
-        <img src="/assets/img/png/layout/logo_smaller.png" width="150px" />
+        <img src="/assets/img/svg/layout/brand/horizontal.svg" width="150px" />
       </a>
     </div>
     <input type="checkbox" id="nav-toggle" checked />

_includes/sections/header.html

@@ -3,7 +3,14 @@
 </div>
 
 <div class="jumbotron p-5">
-  <h1 class="display-4"><a href="{{ site.production_url }}" title="{{ site.name }}"><img src="/assets/img/png/layout/logo.png" width="600" height="88" class="img-fluid" alt="{{ site.name }}"></a></h1>
+  <h1 class="display-4">
+    <a href="{{ site.production_url }}" title="{{ site.name }}">
+      <img class="img-fluid d-none d-sm-block" src="/assets/img/svg/layout/brand/horizontal.svg" width="500px" alt="{{ site.name }}">
+      <div class="text-center">
+        <img class="img-fluid d-sm-none" src="/assets/img/svg/layout/brand/vertical.svg" width="300px" alt="{{ site.name }}">
+      </div>
+    </a>
+  </h1>
   <p class="lead">You are being watched. Private and state-sponsored organizations are monitoring and recording your online activities. {{ site.name }} provides services, tools and knowledge to protect your privacy against global mass surveillance.</p>
 </div>
 

assets/img/png/favicons/browserconfig.xml

@@ -1,12 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
-<browserconfig>
+<browserconfig>
-  <msapplication>
+    <msapplication>
-    <tile>
+        <tile>
-      <square70x70logo src="https://www.privacytools.io/img/favicons/mstile-70x70.png?v=2"/>
+            <square150x150logo src="/assets/img/png/favicons/mstile-150x150.png"/>
-      <square150x150logo src="https://www.privacytools.io/img/favicons/mstile-150x150.png?v=2"/>
+            <TileColor>#3498db</TileColor>
-      <square310x310logo src="https://www.privacytools.io/img/favicons/mstile-310x310.png?v=2"/>
+        </tile>
-      <wide310x150logo src="https://www.privacytools.io/img/favicons/mstile-310x150.png?v=2"/>
+    </msapplication>
-      <TileColor>#da532c</TileColor>
+</browserconfig>
-    </tile>
-  </msapplication>
-</browserconfig>

assets/img/png/favicons/manifest.json

@@ -1,41 +0,0 @@
-{
-	"name": "privacytools.io",
-	"icons": [
-		{
-			"src": "https:\/\/www.privacytools.io\/img\/png\/favicons\/android-chrome-36x36.png?v=2",
-			"sizes": "36x36",
-			"type": "image\/png",
-			"density": "0.75"
-		},
-		{
-			"src": "https:\/\/www.privacytools.io\/img\/png\/favicons\/android-chrome-48x48.png?v=2",
-			"sizes": "48x48",
-			"type": "image\/png",
-			"density": "1.0"
-		},
-		{
-			"src": "https:\/\/www.privacytools.io\/img\/png\/favicons\/android-chrome-72x72.png?v=2",
-			"sizes": "72x72",
-			"type": "image\/png",
-			"density": "1.5"
-		},
-		{
-			"src": "https:\/\/www.privacytools.io\/img\/png\/favicons\/android-chrome-96x96.png?v=2",
-			"sizes": "96x96",
-			"type": "image\/png",
-			"density": "2.0"
-		},
-		{
-			"src": "https:\/\/www.privacytools.io\/img\/png\/favicons\/android-chrome-144x144.png?v=2",
-			"sizes": "144x144",
-			"type": "image\/png",
-			"density": "3.0"
-		},
-		{
-			"src": "https:\/\/www.privacytools.io\/img\/png\/favicons\/android-chrome-192x192.png?v=2",
-			"sizes": "192x192",
-			"type": "image\/png",
-			"density": "4.0"
-		}
-	]
-}

assets/img/png/favicons/safari-pinned-tab.svg

@@ -0,0 +1,33 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3340 6975 c-63 -14 -124 -27 -135 -29 -34 -8 -310 -84 -362 -100
+-26 -8 -115 -36 -198 -61 -708 -219 -1467 -512 -1954 -753 -128 -64 -164 -87
+-210 -134 -64 -64 -112 -139 -148 -230 -25 -61 -25 -65 -19 -252 4 -105 9
+-216 11 -246 3 -30 7 -82 9 -115 6 -77 16 -182 21 -220 2 -16 7 -52 10 -80 3
+-27 10 -81 16 -120 6 -38 12 -81 14 -95 7 -44 26 -164 31 -195 6 -35 45 -229
+74 -365 106 -495 310 -1087 542 -1570 l79 -164 586 586 586 586 -26 79 c-30
+90 -53 189 -62 259 -4 27 -9 57 -12 68 -6 22 -6 323 0 334 3 4 8 32 12 62 15
+128 69 299 140 445 188 389 461 612 940 768 325 106 732 122 954 37 85 -33
+145 -67 159 -90 30 -50 16 -67 -403 -465 -530 -504 -541 -515 -555 -577 -16
+-64 -7 -197 18 -298 28 -109 74 -244 86 -253 6 -4 60 -23 120 -42 216 -69 378
+-85 458 -44 24 12 72 52 108 89 36 37 112 117 169 176 57 60 193 201 301 314
+109 113 230 240 270 282 76 81 123 108 158 89 23 -12 76 -111 101 -188 33
+-104 45 -203 44 -368 0 -143 -7 -208 -38 -370 -14 -75 -70 -256 -109 -353
+-141 -349 -312 -551 -631 -739 -112 -66 -338 -149 -465 -169 -19 -3 -37 -7
+-40 -9 -3 -2 -44 -7 -90 -11 -209 -20 -418 2 -619 62 l-114 35 -668 -668
+c-368 -367 -669 -671 -669 -675 0 -25 351 -375 503 -501 210 -175 431 -330
+597 -420 30 -16 62 -35 70 -42 16 -12 276 -141 345 -170 22 -10 66 -28 99 -41
+l58 -23 112 46 c297 124 661 337 896 523 24 19 53 42 64 50 146 113 412 365
+561 533 480 542 880 1258 1148 2057 96 284 185 609 233 845 2 11 15 74 29 140
+26 126 64 359 81 490 2 22 7 51 9 65 2 14 7 57 11 95 4 39 8 84 10 100 2 17 6
+71 9 120 4 50 9 101 11 115 2 14 7 115 10 225 6 187 5 204 -15 256 -43 114
+-135 240 -211 289 -196 125 -864 409 -1465 622 -425 151 -1046 343 -1200 372
+-11 2 -38 9 -61 15 -157 42 -252 46 -394 16z"/>
+</g>
+</svg>

assets/img/png/favicons/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/assets/img/png/favicons/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/assets/img/png/favicons/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}

pages/donate.html

@@ -7,7 +7,9 @@ permalink: /donate/
   <div class="row">
     <div class="mx-auto text-center">
       <div class="mt-4 mb-4">
-        <a href="{{ site.production_url }}"><img src="/assets/img/layout/logo.png" class="img-fluid" alt="{{ site.name }}"></a>
+        <a href="{{ site.production_url }}">
+          <img class="img-fluid" src="/assets/img/svg/layout/brand/horizontal.svg" width="450px" alt="{{ site.name }}">
+        </a>
       </div>
 
       <div class="card border-success mt-5 mb-5">

pages/notices.md

@@ -36,7 +36,7 @@ Code, including source files and code samples if any in the content, is released
 
 Portions of this notice itself were adopted from [opensource.guide](https://github.com/github/opensource.guide/blob/master/notices.md) on GitHub, released under [CC-BY-4.0](https://github.com/github/opensource.guide/blob/master/LICENSE).
 
-This means that you can use the code and content in this repository **except** for the PrivacyTools trademarks in your own projects. PrivacyTools's trademarks include the "PrivacyTools" wordmark and shield logo.
+This means that you can use the code and content in this repository **except** for the PrivacyTools [branding](https://github.com/privacytoolsIO/brand) in your own projects. PrivacyTools's brand trademarks include the "PrivacyTools" wordmark and shield logo. More information on the use of PrivacyTools's branding can be found on our [branding guidelines page](https://github.com/privacytoolsIO/brand).
 
 We believe that the logos and other images in `assets` from third-party providers are either in the public domain or **fair use**. In a nutshell, legal [fair use doctrine](https://en.wikipedia.org/wiki/Fair_use) allows the use of copyrighted image in order to identify the subject matter for purposes of public comment. However, these logos and other images may still be subject to trademark laws in one or more jurisdictions. Before using this content, please ensure that it is used to identify the entity or organization that owns the trademark and that you have the right to use it under the laws which apply in the circumstances of your intended use. *You are solely responsible for ensuring that you do not infringe someone else's trademark or copyright.*