[Date Prev][Date Next][Thread Prev][Thread Next][Date Index][Thread Index]
01/01: website: base: Update icon size and format for modern devices.
From: |
Luis Felipe López Acevedo |
Subject: |
01/01: website: base: Update icon size and format for modern devices. |
Date: |
Tue, 19 Dec 2017 20:00:52 -0500 (EST) |
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>