01/01: website: base: Update icon size and format for modern devices.

[Luis Felipe López Acevedo]

lfla pushed a commit to branch master
in repository guix-artwork.

commit 01a02ccdb2701bb9e6f84635be859342d4fc3ae4
Author: sirgazil <address@hidden>
Date:   Tue Dec 19 19:41:59 2017 -0500

    website: base: Update icon size and format for modern devices.
    
    This change makes the website icon 192x192 pixels, so that it looks
    better in mobile devices; for example, when a user creates a launcher
    icon to put in the home screen.
    
    An SVG version of the icon is provided for devices that support it.
    
    The bigger size icon is usually scaled down in Web clients that
    display smaller icons (16x16 or 32x32 px).
    
    * website/apps/base/templates/theme.scm (theme): Use the new PNG and
      SVG icons.
    
    * website/apps/blog/templates/feed.scm (atom-feed-t): Use new PNG
      icon.
    
    * website/static/base/img/favicon.png: Delete it.
    
    * website/static/base/img/icon.png: Update background color and size.
    
    * website/static/base/img/icon.svg: Add it.
---
 website/apps/base/templates/theme.scm |   4 +-
 website/apps/blog/templates/feed.scm  |   2 +-
 website/static/base/img/favicon.png   | Bin 1354 -> 0 bytes
 website/static/base/img/icon.png      | Bin 9689 -> 6912 bytes
 website/static/base/img/icon.svg      | 220 ++++++++++++++++++++++++++++++++++
 5 files changed, 224 insertions(+), 2 deletions(-)

diff --git a/website/apps/base/templates/theme.scm 
b/website/apps/base/templates/theme.scm
index 6ea820b..1d90478 100644
--- a/website/apps/base/templates/theme.scm
+++ b/website/apps/base/templates/theme.scm
@@ -94,7 +94,9 @@
               (title "GuixSD — Activity Feed")
               (href ,(guix-url "feeds/blog.atom"))))
       (link (@ (rel "icon") (type "image/png")
-              (href ,(guix-url "static/base/img/favicon.png"))))
+              (href ,(guix-url "static/base/img/icon.png"))))
+      (link (@ (rel "icon") (type "image/svg+xml") (sizes "any")
+              (href ,(guix-url "static/base/img/icon.svg"))))
       ;; Additional scripts.
       ,@(map (lambda (script)
               `(script (@ (src ,script)) ""))
diff --git a/website/apps/blog/templates/feed.scm 
b/website/apps/blog/templates/feed.scm
index 8713ade..d0566ad 100644
--- a/website/apps/blog/templates/feed.scm
+++ b/website/apps/blog/templates/feed.scm
@@ -29,7 +29,7 @@
       (id ,id)
       (title ,title)
       (author (name "GuixSD") (uri ,domain))
-      (icon ,(guix-url "static/base/img/favicon.png"))
+      (icon ,(guix-url "static/base/img/icon.png"))
       (updated ,(date->string (current-date) "~4"))
       (link (@ (rel "alternate") (href ,alternate)))
 
diff --git a/website/static/base/img/favicon.png 
b/website/static/base/img/favicon.png
deleted file mode 100644
index cbbff44..0000000
Binary files a/website/static/base/img/favicon.png and /dev/null differ
diff --git a/website/static/base/img/icon.png b/website/static/base/img/icon.png
index 5dd8adf..a76ef88 100644
Binary files a/website/static/base/img/icon.png and 
b/website/static/base/img/icon.png differ
diff --git a/website/static/base/img/icon.svg b/website/static/base/img/icon.svg
new file mode 100644
index 0000000..3aa54f2
--- /dev/null
+++ b/website/static/base/img/icon.svg
@@ -0,0 +1,220 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   xmlns:dc="http://purl.org/dc/elements/1.1/";
+   xmlns:cc="http://creativecommons.org/ns#";
+   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#";
+   xmlns:svg="http://www.w3.org/2000/svg";
+   xmlns="http://www.w3.org/2000/svg";
+   xmlns:xlink="http://www.w3.org/1999/xlink";
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd";
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape";
+   width="320"
+   height="320"
+   id="svg2"
+   version="1.1"
+   inkscape:version="0.92.1 r15371"
+   sodipodi:docname="icon.svg"
+   inkscape:export-filename="icon.png"
+   inkscape:export-xdpi="320.10001"
+   inkscape:export-ydpi="320.10001">
+  <title
+     id="title3310">GNU Guix Logotype</title>
+  <defs
+     id="defs4">
+    <linearGradient
+       id="linearGradient4696-5">
+      <stop
+         style="stop-color:#ffb638;stop-opacity:1;"
+         offset="0"
+         id="stop4698-6" />
+      <stop
+         style="stop-color:#f0ae26;stop-opacity:1;"
+         offset="1"
+         id="stop4700-2" />
+    </linearGradient>
+    <linearGradient
+       id="linearGradient4702-3">
+      <stop
+         style="stop-color:#ff0000;stop-opacity:0.58431375;"
+         offset="0"
+         id="stop4704-1" />
+      <stop
+         style="stop-color:#ffcc00;stop-opacity:1;"
+         offset="1"
+         id="stop4706-8" />
+    </linearGradient>
+    <color-profile
+       id="color-profile21"
+       xlink:href="/usr/share/color/icc/ghostscript/ps_cmyk.icc"
+       name="Artifex-PS-CMYK-Profile" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4702-3"
+       id="linearGradient3940"
+       gradientUnits="userSpaceOnUse"
+       
gradientTransform="matrix(-0.94723535,0,0,0.94723535,645.52224,963.77918)"
+       x1="142.96875"
+       y1="63.65625"
+       x2="177.04297"
+       y2="69.791016" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4696-5"
+       id="linearGradient3943"
+       gradientUnits="userSpaceOnUse"
+       
gradientTransform="matrix(-0.53041908,0,0,0.53041908,602.5784,553.93577)"
+       x1="108.08774"
+       y1="1025.709"
+       x2="80.655251"
+       y2="1043.709" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4702-3"
+       id="linearGradient3946"
+       gradientUnits="userSpaceOnUse"
+       
gradientTransform="matrix(0.94723535,0,0,0.94723535,453.11411,156.39095)"
+       x1="113.5146"
+       y1="1004.8033"
+       x2="78.000107"
+       y2="922.07178" />
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient4702-3"
+       id="linearGradient3950"
+       gradientUnits="userSpaceOnUse"
+       
gradientTransform="matrix(0.94723535,0,0,0.94723535,453.14474,963.77949)"
+       x1="142.96875"
+       y1="63.65625"
+       x2="176.60477"
+       y2="70.667412" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="1.0610305"
+     inkscape:cx="449.07324"
+     inkscape:cy="55.078054"
+     inkscape:document-units="px"
+     inkscape:current-layer="layer1"
+     showgrid="false"
+     inkscape:window-width="1918"
+     inkscape:window-height="1026"
+     inkscape:window-x="0"
+     inkscape:window-y="26"
+     inkscape:window-maximized="1"
+     inkscape:showpageshadow="false"
+     showborder="true"
+     borderlayer="true"
+     inkscape:object-nodes="true"
+     inkscape:snap-global="true"
+     inkscape:snap-page="true"
+     showguides="false">
+    <inkscape:grid
+       type="axonomgrid"
+       id="grid3004"
+       units="mm"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true"
+       spacingy="3.7mm"
+       originx="-4mm"
+       originy="-8.5mm" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata7">
+    <rdf:RDF>
+      <cc:Work
+         rdf:about="">
+        <dc:format>image/svg+xml</dc:format>
+        <dc:type
+           rdf:resource="http://purl.org/dc/dcmitype/StillImage"; />
+        <dc:title>GNU Guix Logotype</dc:title>
+        <dc:date>2016-12-16</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Luis Felipe López Acevedo</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:rights>
+          <cc:Agent>
+            <dc:title>Luis Felipe López Acevedo</dc:title>
+          </cc:Agent>
+        </dc:rights>
+        <cc:license
+           rdf:resource="http://creativecommons.org/licenses/by-sa/4.0/"; />
+        <dc:description />
+      </cc:Work>
+      <cc:License
+         rdf:about="http://creativecommons.org/licenses/by-sa/4.0/";>
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Reproduction"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#Distribution"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Notice"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#Attribution"; />
+        <cc:permits
+           rdf:resource="http://creativecommons.org/ns#DerivativeWorks"; />
+        <cc:requires
+           rdf:resource="http://creativecommons.org/ns#ShareAlike"; />
+      </cc:License>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:label="layer"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="translate(0,-802.51966)">
+    <rect
+       y="802.51965"
+       x="2.0836631e-14"
+       height="320"
+       width="320"
+       id="rect4237"
+       style="fill:#232323;fill-opacity:1;stroke:none;stroke-width:1.66707385" 
/>
+    <g
+       id="g155"
+       transform="matrix(1.6575274,0,0,1.6575274,-750.53493,-792.70746)">
+      <path
+         id="path3324"
+         d="m 627.08094,1008.773 c -1.70832,3.1221 -3.44263,5.6639 
-5.2098,7.6667 -1.7083,1.944 -3.5921,3.4989 -5.65381,4.677 -2.00284,1.1193 
-4.27528,1.9265 -6.80825,2.3977 -2.47408,0.4123 -5.31486,0.6217 -8.55472,0.6216 
-2.38991,0 -4.53773,-0.1224 -6.42345,-0.3552 -0.007,0 -0.022,0 -0.0297,0 
-0.23907,-0.017 -0.73283,-0.098 -1.24324,-0.1776 -0.53761,-0.084 
-1.08715,-0.1653 -1.95369,-0.3256 -15.88367,-2.9389 -21.15151,8.0878 
-22.28963,11.13 -0.17815,0.4762 -0.2664,0.7696 -0.2664,0.7696 l [...]
+         
style="font-style:normal;font-weight:bold;font-size:144px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans
 
Bold';letter-spacing:0px;word-spacing:0px;fill:#ffbf2d;fill-opacity:1;stroke:none;stroke-width:1.06666672"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path3326"
+         d="m 627.08033,1008.7752 c -1.70832,3.1221 -3.4425,5.6604 
-5.2097,7.6632 -1.70826,1.944 -3.59281,3.4996 -5.65451,4.6777 -0.496,0.2772 
-1.00736,0.5319 -1.53631,0.7705 -0.005,0 -0.009,0.01 -0.0139,0.01 
-0.66579,0.4682 -1.52215,0.8702 -2.68281,1.1465 -13.38656,3.1873 
-22.50458,15.117 -23.36103,16.2711 0.38833,-0.3193 0.77922,-0.58 
1.16943,-0.7796 0.0587,-0.031 0.11554,-0.059 0.17427,-0.087 0.01,0 0.0181,-0.01 
0.0275,-0.014 0.0681,-0.032 0.1383,-0.06 0.20637,-0.087 2.16444,0.3027 4. [...]
+         
style="font-style:normal;font-weight:bold;font-size:144px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans
 
Bold';letter-spacing:0px;word-spacing:0px;fill:url(#linearGradient3950);fill-opacity:1;stroke:none;stroke-width:1.06666672"
 />
+      <path
+         id="path3328"
+         d="m 471.58617,1008.773 c 1.70832,3.1221 3.4426,5.6639 5.20979,7.6667 
1.7083,1.944 3.59209,3.4989 5.65381,4.677 2.00283,1.1193 4.27528,1.9265 
6.80825,2.3977 2.47409,0.4124 5.31485,0.6217 8.55472,0.6216 2.38992,0 
4.53772,-0.1224 6.42343,-0.3552 0.007,0 0.022,0 0.0297,0 0.23905,-0.017 
0.73283,-0.098 1.24325,-0.1776 0.53761,-0.084 1.08714,-0.1653 1.95367,-0.3256 
15.88368,-2.9389 21.15152,8.0878 22.28964,11.13 0.17814,0.4762 0.2664,0.7696 
0.2664,0.7696 l 19.29992,53.8148 11.84045,20 [...]
+         
style="font-style:normal;font-weight:bold;font-size:144px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans
 
Bold';letter-spacing:0px;word-spacing:0px;fill:#ffbf2d;fill-opacity:1;stroke:none;stroke-width:1.06666672"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:connector-curvature="0"
+         
style="font-style:normal;font-weight:bold;font-size:144px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans
 
Bold';letter-spacing:0px;word-spacing:0px;fill:url(#linearGradient3946);fill-opacity:1;stroke:none;stroke-width:1.06666672"
+         d="m 471.58521,1008.7723 c 1.70832,3.1221 3.4426,5.6639 
5.20979,7.6666 1.7083,1.944 3.59209,3.4989 5.6538,4.677 2.00284,1.1193 
4.27529,1.9265 6.80826,2.3977 2.47409,0.4125 5.31485,0.6217 8.55473,0.6216 
2.38991,0 4.53771,-0.1224 6.42343,-0.3552 0.007,0 0.022,0 0.0296,0 
0.23907,-0.017 0.73284,-0.098 1.24326,-0.1776 0.5376,-0.084 1.08714,-0.1653 
1.95366,-0.3256 15.88369,-2.9389 21.15152,8.0878 22.28964,11.13 0.17814,0.4762 
0.2664,0.7696 0.2664,0.7696 l 19.29993,53.8149 9.94597,20.1 [...]
+         id="path3330"
+         sodipodi:nodetypes="ccccccccsscccccccccccc" />
+      <path
+         sodipodi:nodetypes="ccc"
+         d="m 549.3137,1088.9836 -11.79398,20.1373 h 23.63946"
+         
style="font-style:normal;font-weight:bold;font-size:144px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans
 
Bold';letter-spacing:0px;word-spacing:0px;fill:url(#linearGradient3943);fill-opacity:1;stroke:none;stroke-width:1.06666672"
+         id="path3332"
+         inkscape:connector-curvature="0" />
+      <path
+         inkscape:connector-curvature="0"
+         id="path3334"
+         d="m 471.58777,1008.7752 -5.38855,2.0087 c 0.62589,1.5463 
1.26316,3.0258 1.91236,4.4347 0.12984,0.2817 0.25904,0.5583 0.38981,0.8346 
5.1e-4,0 -5e-4,0 0,0 0.13018,0.2749 0.2633,0.5468 0.3944,0.8163 0.0436,0.09 
0.0892,0.1767 0.13299,0.266 0.21987,0.448 0.43795,0.8926 0.66038,1.3253 10e-4,0 
0.003,0 0.004,0 0.13259,0.2578 0.26549,0.5135 0.39899,0.7658 0.53841,1.018 
1.08418,1.9922 1.6372,2.9213 0.13809,0.232 0.27373,0.4569 0.41274,0.6833 
0.0539,0.088 0.10645,0.1745 0.16051,0.2614 0.0 [...]
+         
style="font-style:normal;font-weight:bold;font-size:144px;line-height:125%;font-family:Sans;-inkscape-font-specification:'Sans
 
Bold';letter-spacing:0px;word-spacing:0px;fill:url(#linearGradient3940);fill-opacity:1;stroke:none;stroke-width:1.06666672"
 />
+    </g>
+  </g>
+</svg>