Add an app icon

It doesn’t cover all use cases (see [this article](https://css-tricks.com/favicon-quiz/), but it’s
a good start.
This commit is contained in:
Gergely Polonkai 2018-07-01 07:24:44 +02:00
parent 4668089901
commit 6b3d36ff21
8 changed files with 393 additions and 1 deletions

Binary file not shown.

After

Width:  |  Height:  |  Size: 653 B

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 19 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.4 KiB

View File

@ -0,0 +1,201 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
x="0px"
y="0px"
viewBox="0 0 46 46"
xml:space="preserve"
id="svg4656"
sodipodi:docname="calendar-social-icon-no-circle.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)"
inkscape:export-filename="/home/polesz/Pictures/calendar-social-icon-32.png"
inkscape:export-xdpi="66.639999"
inkscape:export-ydpi="66.639999"
width="46"
height="46"><metadata
id="metadata4662"><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></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs4660" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="997"
id="namedview4658"
showgrid="false"
inkscape:zoom="4"
inkscape:cx="12.121291"
inkscape:cy="12.202432"
inkscape:window-x="0"
inkscape:window-y="23"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1"
fit-margin-top="0"
fit-margin-left="3"
fit-margin-right="3"
fit-margin-bottom="0" />
<style
type="text/css"
id="style4610">
.st0{fill:#77B3D4;}
.st1{opacity:0.2;}
.st2{fill:#231F20;}
.st3{fill:#FFFFFF;}
.st4{fill:#C75C5C;}
.st5{fill:#4F5D73;}
.st6{fill:#E0E0D1;}
</style>
<g
id="Layer_1"
transform="translate(-9,-8)">
<g
id="g4614">
</g>
<g
id="g4652">
<g
class="st1"
id="g4618"
style="opacity:0.2">
<path
class="st2"
d="m 12,25 v 25 c 0,2.2 1.8,4 4,4 h 32 c 2.2,0 4,-1.8 4,-4 V 25 Z"
id="path4616"
inkscape:connector-curvature="0"
style="fill:#231f20" />
</g>
<g
id="g4622">
<path
class="st3"
d="m 12,23 v 25 c 0,2.2 1.8,4 4,4 h 32 c 2.2,0 4,-1.8 4,-4 V 23 Z"
id="path4620"
inkscape:connector-curvature="0"
style="fill:#ffffff" />
</g>
<g
class="st1"
id="g4626"
style="opacity:0.2">
<path
class="st2"
d="M 48,14 H 16 c -2.2,0 -4,1.8 -4,4 v 7 h 40 v -7 c 0,-2.2 -1.8,-4 -4,-4 z"
id="path4624"
inkscape:connector-curvature="0"
style="fill:#231f20" />
</g>
<g
id="g4630">
<path
class="st4"
d="M 48,12 H 16 c -2.2,0 -4,1.8 -4,4 v 7 h 40 v -7 c 0,-2.2 -1.8,-4 -4,-4 z"
id="path4628"
inkscape:connector-curvature="0"
style="fill:#c75c5c" />
</g>
<g
id="g4634-3"
transform="matrix(0.57125605,0,0,0.57125605,20.265475,18.937918)"><path
class="st5"
d="m 32,48 c -1.1,0 -2,-0.9 -2,-2 0,-5.5 1.8,-9.5 3.5,-12 H 27 c -1.1,0 -2,-0.9 -2,-2 0,-1.1 0.9,-2 2,-2 h 11 c 0.9,0 1.6,0.6 1.9,1.4 0.3,0.8 0,1.7 -0.7,2.2 C 39,33.8 34,37.5 34,46 c 0,1.1 -0.9,2 -2,2 z"
id="path4632-6"
inkscape:connector-curvature="0"
style="fill:#c75c5c;fill-opacity:1" /><circle
style="fill:#c75c5c;fill-opacity:1;stroke:none;stroke-width:9.57298088;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path4664-7"
cx="32.684433"
cy="23.473127"
r="5.0143828" /></g><g
id="g4634-3-6"
transform="matrix(0.57125605,0,0,0.57125605,7.0614955,19.226475)"><path
class="st5"
d="m 32,48 c -1.1,0 -2,-0.9 -2,-2 0,-5.5 1.8,-9.5 3.5,-12 H 27 c -1.1,0 -2,-0.9 -2,-2 0,-1.1 0.9,-2 2,-2 h 11 c 0.9,0 1.6,0.6 1.9,1.4 0.3,0.8 0,1.7 -0.7,2.2 C 39,33.8 34,37.5 34,46 c 0,1.1 -0.9,2 -2,2 z"
id="path4632-6-2"
inkscape:connector-curvature="0"
style="fill:#77b3d4;fill-opacity:1"
inkscape:export-xdpi="600"
inkscape:export-ydpi="600" /><circle
style="fill:#77b3d4;fill-opacity:1;stroke:none;stroke-width:9.57298088;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path4664-7-9"
cx="32.684433"
cy="23.473127"
r="5.0143828"
inkscape:export-xdpi="600"
inkscape:export-ydpi="600" /></g><g
id="g4634"
transform="matrix(0.7302377,0,0,0.7302377,8.769411,12.94859)">
<path
class="st5"
d="m 32,48 c -1.1,0 -2,-0.9 -2,-2 0,-5.5 1.8,-9.5 3.5,-12 H 27 c -1.1,0 -2,-0.9 -2,-2 0,-1.1 0.9,-2 2,-2 h 11 c 0.9,0 1.6,0.6 1.9,1.4 0.3,0.8 0,1.7 -0.7,2.2 C 39,33.8 34,37.5 34,46 c 0,1.1 -0.9,2 -2,2 z"
id="path4632"
inkscape:connector-curvature="0"
style="fill:#4f5d73" />
<circle
style="fill:#4f5d73;fill-opacity:1;stroke:none;stroke-width:9.57298088;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path4664"
cx="32.684433"
cy="23.473127"
r="5.0143828" /></g>
<g
class="st1"
id="g4638"
style="opacity:0.2">
<path
class="st2"
d="m 20,21 c -1.1,0 -2,-0.9 -2,-2 v -7 c 0,-1.1 0.9,-2 2,-2 v 0 c 1.1,0 2,0.9 2,2 v 7 c 0,1.1 -0.9,2 -2,2 z"
id="path4636"
inkscape:connector-curvature="0"
style="fill:#231f20" />
</g>
<g
class="st1"
id="g4642"
style="opacity:0.2">
<path
class="st2"
d="m 45,21 c -1.1,0 -2,-0.9 -2,-2 v -7 c 0,-1.1 0.9,-2 2,-2 v 0 c 1.1,0 2,0.9 2,2 v 7 c 0,1.1 -0.9,2 -2,2 z"
id="path4640"
inkscape:connector-curvature="0"
style="fill:#231f20" />
</g>
<g
id="g4646">
<path
class="st6"
d="m 20,19 c -1.1,0 -2,-0.9 -2,-2 v -7 c 0,-1.1 0.9,-2 2,-2 v 0 c 1.1,0 2,0.9 2,2 v 7 c 0,1.1 -0.9,2 -2,2 z"
id="path4644"
inkscape:connector-curvature="0"
style="fill:#e0e0d1" />
</g>
<g
id="g4650">
<path
class="st6"
d="m 45,19 c -1.1,0 -2,-0.9 -2,-2 v -7 c 0,-1.1 0.9,-2 2,-2 v 0 c 1.1,0 2,0.9 2,2 v 7 c 0,1.1 -0.9,2 -2,2 z"
id="path4648"
inkscape:connector-curvature="0"
style="fill:#e0e0d1" />
</g>
</g>
</g>
<g
id="Layer_2"
transform="translate(-9,-8)">
</g>
</svg>

After

Width:  |  Height:  |  Size: 6.2 KiB

View File

@ -0,0 +1,179 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<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:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
version="1.1"
x="0px"
y="0px"
viewBox="0 0 64 64"
xml:space="preserve"
id="svg4656"
sodipodi:docname="calendar-social-icon.svg"
inkscape:version="0.92.3 (2405546, 2018-03-11)"
inkscape:export-filename="/home/polesz/Pictures/calendar-social-icon-192.png"
inkscape:export-xdpi="288"
inkscape:export-ydpi="288"
style="enable-background:new 0 0 64 64;"><metadata
id="metadata4662"><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></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs4660" /><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="997"
id="namedview4658"
showgrid="false"
inkscape:zoom="4"
inkscape:cx="-38.878709"
inkscape:cy="11.202432"
inkscape:window-x="0"
inkscape:window-y="23"
inkscape:window-maximized="1"
inkscape:current-layer="Layer_1" />
<style
type="text/css"
id="style4610">
.st0{fill:#77B3D4;}
.st1{opacity:0.2;}
.st2{fill:#231F20;}
.st3{fill:#FFFFFF;}
.st4{fill:#C75C5C;}
.st5{fill:#4F5D73;}
.st6{fill:#E0E0D1;}
</style>
<g
id="Layer_1">
<g
id="g4614">
<circle
class="st0"
cx="32"
cy="32"
r="32"
id="circle4612" />
</g>
<g
id="g4652">
<g
class="st1"
id="g4618">
<path
class="st2"
d="M12,25v25c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V25H12z"
id="path4616" />
</g>
<g
id="g4622">
<path
class="st3"
d="M12,23v25c0,2.2,1.8,4,4,4h32c2.2,0,4-1.8,4-4V23H12z"
id="path4620" />
</g>
<g
class="st1"
id="g4626">
<path
class="st2"
d="M48,14H16c-2.2,0-4,1.8-4,4v7h40v-7C52,15.8,50.2,14,48,14z"
id="path4624" />
</g>
<g
id="g4630">
<path
class="st4"
d="M48,12H16c-2.2,0-4,1.8-4,4v7h40v-7C52,13.8,50.2,12,48,12z"
id="path4628" />
</g>
<g
id="g4634-3"
transform="matrix(0.57125605,0,0,0.57125605,20.265475,18.937918)"><path
class="st5"
d="m 32,48 c -1.1,0 -2,-0.9 -2,-2 0,-5.5 1.8,-9.5 3.5,-12 H 27 c -1.1,0 -2,-0.9 -2,-2 0,-1.1 0.9,-2 2,-2 h 11 c 0.9,0 1.6,0.6 1.9,1.4 0.3,0.8 0,1.7 -0.7,2.2 C 39,33.8 34,37.5 34,46 c 0,1.1 -0.9,2 -2,2 z"
id="path4632-6"
inkscape:connector-curvature="0"
style="fill:#c75c5c;fill-opacity:1" /><circle
style="fill:#c75c5c;fill-opacity:1;stroke:none;stroke-width:9.57298088;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path4664-7"
cx="32.684433"
cy="23.473127"
r="5.0143828" /></g><g
id="g4634-3-6"
transform="matrix(0.57125605,0,0,0.57125605,7.0614955,19.226475)"><path
class="st5"
d="m 32,48 c -1.1,0 -2,-0.9 -2,-2 0,-5.5 1.8,-9.5 3.5,-12 H 27 c -1.1,0 -2,-0.9 -2,-2 0,-1.1 0.9,-2 2,-2 h 11 c 0.9,0 1.6,0.6 1.9,1.4 0.3,0.8 0,1.7 -0.7,2.2 C 39,33.8 34,37.5 34,46 c 0,1.1 -0.9,2 -2,2 z"
id="path4632-6-2"
inkscape:connector-curvature="0"
style="fill:#77b3d4;fill-opacity:1"
inkscape:export-xdpi="600"
inkscape:export-ydpi="600" /><circle
style="fill:#77b3d4;fill-opacity:1;stroke:none;stroke-width:9.57298088;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path4664-7-9"
cx="32.684433"
cy="23.473127"
r="5.0143828"
inkscape:export-xdpi="600"
inkscape:export-ydpi="600" /></g><g
id="g4634"
transform="matrix(0.7302377,0,0,0.7302377,8.769411,12.94859)">
<path
class="st5"
d="m 32,48 c -1.1,0 -2,-0.9 -2,-2 0,-5.5 1.8,-9.5 3.5,-12 H 27 c -1.1,0 -2,-0.9 -2,-2 0,-1.1 0.9,-2 2,-2 h 11 c 0.9,0 1.6,0.6 1.9,1.4 0.3,0.8 0,1.7 -0.7,2.2 C 39,33.8 34,37.5 34,46 c 0,1.1 -0.9,2 -2,2 z"
id="path4632"
inkscape:connector-curvature="0"
style="fill:#4f5d73" />
<circle
style="fill:#4f5d73;fill-opacity:1;stroke:none;stroke-width:9.57298088;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1"
id="path4664"
cx="32.684433"
cy="23.473127"
r="5.0143828" /></g>
<g
class="st1"
id="g4638">
<path
class="st2"
d="M20,21c-1.1,0-2-0.9-2-2v-7c0-1.1,0.9-2,2-2l0,0c1.1,0,2,0.9,2,2v7C22,20.1,21.1,21,20,21L20,21z"
id="path4636" />
</g>
<g
class="st1"
id="g4642">
<path
class="st2"
d="M45,21c-1.1,0-2-0.9-2-2v-7c0-1.1,0.9-2,2-2l0,0c1.1,0,2,0.9,2,2v7C47,20.1,46.1,21,45,21L45,21z"
id="path4640" />
</g>
<g
id="g4646">
<path
class="st6"
d="M20,19c-1.1,0-2-0.9-2-2v-7c0-1.1,0.9-2,2-2l0,0c1.1,0,2,0.9,2,2v7C22,18.1,21.1,19,20,19L20,19z"
id="path4644" />
</g>
<g
id="g4650">
<path
class="st6"
d="M45,19c-1.1,0-2-0.9-2-2v-7c0-1.1,0.9-2,2-2l0,0c1.1,0,2,0.9,2,2v7C47,18.1,46.1,19,45,19L45,19z"
id="path4648" />
</g>
</g>
</g>
<g
id="Layer_2">
</g>
</svg>

After

Width:  |  Height:  |  Size: 5.5 KiB

View File

@ -2,8 +2,17 @@
<html>
<head>
<title>Calendar.Social</title>
<link rel="icon" type="image/png" sizes="16x16" href="{{ url_for('static', filename='images/calendar-social-icon-16.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='images/calendar-social-icon-32.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='images/calendar-social-icon-96.png') }}">
<link rel="icon" type="image/png" sizes="32x32" href="{{ url_for('static', filename='images/calendar-social-icon-192.png') }}">
{% block head %}
<style>
header > h1 > img {
height: 1em;
}
footer {
margin-top: 3em;
font-weight: bold;
@ -15,7 +24,10 @@
</head>
<body>
<header>
<h1>Calendar.social</h1>
<h1>
<img src="{{ url_for('static', filename='images/calendar-social-icon.svg') }}">
Calendar.social
</h1>
<nav class="menu">
{% if current_user.is_authenticated %}
{{ _('Logged in as %(username)s', username=current_user.username) }}