Remplace 32x32 PNG with SVG for GitHub mark

SimonSapin · SimonSapin · commit e110495400be · 2017-12-21T17:50:50.000+01:00
The PNG looks blurry on a high-resolution display. This SVG is extracted with Inkscape from GitHub-Mark.ai from https://github.com/logos.
diff --git a/app/templates/team.hbs b/app/templates/team.hbs
@@ -11,7 +11,7 @@
                 </h2>
             </div>
             {{#user-link user=model.team data-test-github-link=true}}
-                <img alt="GitHub profile" title="GitHub profile" src="/assets/GitHub-Mark-32px.png"/>
+                <img alt="GitHub profile" title="GitHub profile" src="/assets/GitHub-Mark.svg"/>
             {{/user-link}}
         </div>
     </div>
diff --git a/app/templates/user.hbs b/app/templates/user.hbs
@@ -4,7 +4,7 @@
         {{ model.user.login }}
     </h1>
     {{#user-link user=model.user data-test-user-link=true}}
-      <img alt="GitHub profile" title="GitHub profile" src="/assets/GitHub-Mark-32px.png"/>
+      <img alt="GitHub profile" title="GitHub profile" src="/assets/GitHub-Mark.svg"/>
     {{/user-link}}
 </div>
 
diff --git a/public/assets/GitHub-Mark-32px.png b/public/assets/GitHub-Mark-32px.png
diff --git a/public/assets/GitHub-Mark.svg b/public/assets/GitHub-Mark.svg
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg"
+     viewBox="0 0 32 32"
+     height="32"
+     width="32"
+     version="1.1">
+  <g transform="matrix(1.3333333,0,0,-1.3333333,-187.47924,589.01224)">
+    <g transform="matrix(0.73669298,0,0,0.73669298,152.60869,441.75919)">
+      <path style="fill:#1b1817;fill-opacity:1;fill-rule:evenodd;stroke:none"
+            d="m 0,0 c -8.995,0 -16.288,-7.293 -16.288,-16.29 0,-7.197 4.667,-13.302 11.14,-15.457 0.815,-0.149 1.112,0.354 1.112,0.786 0,0.386 -0.014,1.411 -0.022,2.77 -4.531,-0.984 -5.487,2.184 -5.487,2.184 -0.741,1.881 -1.809,2.382 -1.809,2.382 -1.479,1.011 0.112,0.991 0.112,0.991 1.635,-0.116 2.495,-1.679 2.495,-1.679 1.453,-2.489 3.813,-1.77 4.741,-1.354 0.148,1.053 0.568,1.771 1.034,2.178 -3.617,0.411 -7.42,1.809 -7.42,8.051 0,1.778 0.635,3.232 1.677,4.371 -0.168,0.412 -0.727,2.068 0.159,4.311 0,0 1.368,0.438 4.48,-1.67 1.299,0.361 2.693,0.542 4.078,0.548 1.383,-0.006 2.777,-0.187 4.078,-0.548 3.11,2.108 4.475,1.67 4.475,1.67 0.889,-2.243 0.33,-3.899 0.162,-4.311 1.044,-1.139 1.675,-2.593 1.675,-4.371 0,-6.258 -3.809,-7.635 -7.438,-8.038 0.585,-0.503 1.106,-1.497 1.106,-3.017 0,-2.177 -0.02,-3.934 -0.02,-4.468 0,-0.436 0.293,-0.943 1.12,-0.784 6.468,2.159 11.131,8.26 11.131,15.455 C 16.291,-7.293 8.997,0 0,0" /></g></g></svg>
diff --git a/tests/acceptance/team-page-test.js b/tests/acceptance/team-page-test.js
@@ -28,7 +28,7 @@ test('github link has image in team header', async function(assert) {
     await visit('/teams/github:org:thehydroimpulse');
 
     assert.dom('[data-test-heading] [data-test-github-link] img')
-        .hasAttribute('src', '/assets/GitHub-Mark-32px.png');
+        .hasAttribute('src', '/assets/GitHub-Mark.svg');
 });
 
 test('team organization details has github profile icon', async function(assert) {
diff --git a/tests/acceptance/user-page-test.js b/tests/acceptance/user-page-test.js
@@ -27,7 +27,7 @@ test('github link has image in user header', async function(assert) {
     await visit('/users/thehydroimpulse');
 
     assert.dom('[data-test-heading] [data-test-user-link] img')
-        .hasAttribute('src', '/assets/GitHub-Mark-32px.png');
+        .hasAttribute('src', '/assets/GitHub-Mark.svg');
 });
 
 test('user details has github profile icon', async function(assert) {
