Add new Pontoon logo

mozilla · Oct 11, 2024 · dd544d5 · dd544d5
1 parent d619331
commit dd544d5
Show file tree

Hide file tree

Showing 9 changed files with 29 additions and 16 deletions.
diff --git a/pontoon/base/static/img/apple-touch-icon.png b/pontoon/base/static/img/apple-touch-icon.png
diff --git a/pontoon/base/static/img/favicon.ico b/pontoon/base/static/img/favicon.ico
diff --git a/pontoon/base/static/img/logo.svg b/pontoon/base/static/img/logo.svg
diff --git a/pontoon/base/templates/500.html b/pontoon/base/templates/500.html
@@ -11,6 +11,10 @@
     <meta name="author" content="Mozilla">
     <meta name="color-scheme" content="only light">
 
+    <link rel="icon" href="/favicon.ico" sizes="32x32">
+    <link rel="icon" href="/static/logo.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/static/apple-touch-icon.png">
+
     <style>
       /* 
         HTML5 ✰ Boilerplate 
@@ -107,7 +111,7 @@
 
 
       body, select, input, textarea { 
-        /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
+        /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
         color: #444; 
         /* set your base font here, to apply evenly */
         /* font-family: Georgia, serif;  */   
@@ -134,7 +138,7 @@
       small { font-size: 85%; }
       strong, th { font-weight: bold; }
 
-      td, td img { vertical-align: top; } 
+      td, td img { vertical-align: top; }
 
       sub { vertical-align: sub; font-size: smaller; }
       sup { vertical-align: super; font-size: smaller; }
@@ -191,7 +195,7 @@
          www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
       button {  width: auto; overflow: visible; }
 
-      /* bicubic resizing for non-native sized IMG: 
+      /* bicubic resizing for non-native sized IMG:
          code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
       .ie7 img { -ms-interpolation-mode: bicubic; }
 
@@ -357,7 +361,7 @@
       <div class="container">
         <nav>
 
-          <a href="/" class="logo"><img src="{{ static('img/logo.svg') }}" width="32" height="32"></a>
+          <a href="/" class="logo"><img src="/static/img/logo.svg" width="26" height="32"></a>
 
           <ul class="links">
             <li><a href="/teams">Teams</a></li>

diff --git a/pontoon/base/templates/base.html b/pontoon/base/templates/base.html
@@ -11,9 +11,9 @@
     <meta name="author" content="Mozilla">
     <meta name="color-scheme" content="only light">
 
-    <!-- Defining a type is a workaround for bug 1422289. -->
+    <link rel="icon" href="{{ static('img/favicon.ico') }}" sizes="32x32">
     <link rel="icon" href="{{ static('img/logo.svg') }}" type="image/svg+xml">
-    <link rel="icon" href="{{ static('img/favicon.ico') }}">
+    <link rel="apple-touch-icon" href="{{ static('img/apple-touch-icon.png') }}">
 
     {% block site_css %}
     <!-- Inlining CSS mitigates/prevents fouc. -->

diff --git a/pontoon/base/templates/django/base.html b/pontoon/base/templates/django/base.html
@@ -13,6 +13,11 @@
     <meta name="description" content="Mozilla’s Localization Platform">
     <meta name="author" content="Mozilla">
     <meta name="color-scheme" content="only light">
+
+    <link rel="icon" href="{% static 'img/favicon.ico' %}" sizes="32x32">
+    <link rel="icon" href="{% static 'img/logo.svg' %}" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="{% static 'img/apple-touch-icon.png' %}">
+
     <link rel="stylesheet" href="{% static 'css/fontawesome-all.css' %}" title="" type="text/css" />
     <link rel="stylesheet" href="{% static 'css/nprogress.css' %}" title="" type="text/css" />
     <link rel="stylesheet" href="{% static 'css/fonts.css' %}" title="" type="text/css" />
@@ -44,7 +49,7 @@
 
       <div class="container">
         <nav>
-          <a href="{% url 'pontoon.homepage' %}" class="logo"><img src="{% static 'img/logo.svg' %}" width="32" height="32"></a>
+          <a href="{% url 'pontoon.homepage' %}" class="logo"><img src="{% static 'img/logo.svg' %}" width="26" height="32"></a>
 
           <ul class="links">
             <li><a href="{% url 'pontoon.teams' %}">Teams</a></li>

diff --git a/pontoon/base/templates/header.html b/pontoon/base/templates/header.html
@@ -13,7 +13,7 @@
 
   <div class="container">
     <nav>
-      <a href="{{ url('pontoon.homepage') }}" class="logo"><img src="{{ static('img/logo.svg') }}" width="32" height="32"></a>
+      <a href="{{ url('pontoon.homepage') }}" class="logo"><img src="{{ static('img/logo.svg') }}" width="26" height="32"></a>
 
       <ul class="links">
         <li><a href="{{ url('pontoon.teams') }}">Teams</a></li>

diff --git a/translate/public/translate.html b/translate/public/translate.html
@@ -7,12 +7,11 @@
     <meta name="description" content="Mozilla’s Localization Platform">
     <meta name="author" content="Mozilla">
     <meta name="color-scheme" content="only light">
-    <!--
-      manifest.json provides metadata used when your web app is added to the
-      homescreen on Android. See https://developers.google.com/web/fundamentals/engage-and-retain/web-app-manifest/
-    -->
-    <link rel="manifest" href="/manifest.json">
-    <link rel="shortcut icon" href="/favicon.ico">
+
+    <link rel="icon" href="/favicon.ico" sizes="32x32">
+    <link rel="icon" href="/static/logo.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/static/apple-touch-icon.png">
+
     <title>Pontoon</title>
 
     <!-- Inlining CSS mitigates/prevents fouc. -->

diff --git a/translate/src/modules/navbar/components/Navigation.tsx b/translate/src/modules/navbar/components/Navigation.tsx
@@ -38,7 +38,7 @@ export function Navigation(): React.ReactElement<'nav'> {
           <a href='/'>
             <img
               src='/static/img/logo.svg'
-              width='32'
+              width='26'
               height='32'
               alt='Pontoon logo'
             />