website: replace the png logo with embedded svg

This commit is contained in:
Daniel Pavel 2013-07-16 16:36:00 +02:00
parent a4c0ad3d73
commit 8112e90ded
4 changed files with 18 additions and 7 deletions

View File

@ -0,0 +1,14 @@
<svg xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" style="width: 48px; height:48px; margin-bottom: -10px;">
<defs>
<linearGradient id="gradient_blue">
<stop style="stop-color:#009099;stop-opacity:1" offset="0" />
<stop style="stop-color:#00a899;stop-opacity:0.9" offset="1" />
</linearGradient>
<linearGradient x1="5" y1="50" x2="95" y2="50" id="gradient_rect" xlink:href="#gradient_blue" gradientUnits="userSpaceOnUse" />
<linearGradient x1="37" y1="50" x2="63" y2="50" id="gradient_dot" xlink:href="#gradient_blue" gradientUnits="userSpaceOnUse" />
</defs>
<g transform="scale(0.48)">
<path d="M 21.5,5.5 C 12.636,5.5 5.5,12.636 5.5,21.5 L 5.5,78.5 C 5.5,87.364 12.636,94.5 21.5,94.5 L 78.5,94.5 C 87.364,94.5 94.5,87.364 94.5,78.5 L 94.5,21.5 C 94.5,12.636 87.364,5.5 78.5,5.5 L 21.5,5.5 z M 37.6875,16.6875 46.71875,32.3125 C 47.784179,32.115965 48.877705,32 50,32 51.122295,32 52.215821,32.115965 53.28125,32.3125 L 62.3125,16.6875 72.6875,22.6875 63.65625,38.3125 C 65.078123,39.972287 66.191785,41.898777 66.9375,44 L 85,44 85,56 66.9375,56 C 66.191785,58.101223 65.078123,60.027713 63.65625,61.6875 L 72.6875,77.3125 62.3125,83.3125 53.28125,67.6875 C 52.215821,67.884035 51.122295,68 50,68 48.877705,68 47.784179,67.884035 46.71875,67.6875 L 37.6875,83.3125 27.3125,77.3125 36.34375,61.6875 C 34.921877,60.027713 33.808215,58.101223 33.0625,56 L 15,56 15,44 33.0625,44 C 33.808215,41.898777 34.921877,39.972287 36.34375,38.3125 L 27.3125,22.6875 37.6875,16.6875 z" style="fill:url(#gradient_rect);fill-opacity:1;fill-rule:nonzero;stroke:#16161d;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-opacity:1" />
<path d="M 62,50 A 12,12 0 1 1 38,50 12,12 0 1 1 62,50 z" style="fill:url(#gradient_dot);fill-opacity:1;fill-rule:nonzero;stroke:#16161d;stroke-opacity:1" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -16,7 +16,7 @@
<header class="inner"> <header class="inner">
<a id="forkme_banner" href="{{ site.repository }}">View on GitHub</a> <a id="forkme_banner" href="{{ site.repository }}">View on GitHub</a>
<h1 id="project_title"><img class="logo" alt="logo" src="images/solaar-logo.png" /> {{ site.title }}</h1> <h1 id="project_title">{% include solaar.svg %} {{ site.title }}</h1>
<h2 id="project_tagline">{{ site.tagline }}</h2> <h2 id="project_tagline">{{ site.tagline }}</h2>
<section id="downloads"> <section id="downloads">

View File

@ -15,7 +15,7 @@
<div id="header_wrap" class="outer"> <div id="header_wrap" class="outer">
<header class="inner"> <header class="inner">
<h1 id="project_title"> <h1 id="project_title">
<a href="index.html"><img alt="logo" class="logo" src="images/solaar-logo.png" /> {{ site.title }}</a> <a href="index.html">{% include solaar.svg %} {{ site.title }}</a>
</h1> </h1>
</header> </header>
</div> </div>

View File

@ -55,11 +55,9 @@ fix_times() {
# #
/bin/cp --archive --update "$SELF/jekyll"/* "$BUILD/" /bin/cp --archive --update "$SELF/jekyll"/* "$BUILD/"
# convert the svg logo to png for the web site # convert the svg logo to png for the web site favicon
/usr/bin/convert.im6 "$SELF/share/solaar/icons/solaar.svg" -transparent white \ /usr/bin/convert.im6 "$SELF/share/solaar/icons/solaar.svg" -transparent white \
-resize 48x48 "$BUILD/images/solaar-logo.png" -resize 32x32 "$BUILD/images/favicon.png"
/usr/bin/convert.im6 "$SELF/share/solaar/icons/solaar.svg" -transparent white \
-resize 16x16 "$BUILD/images/favicon.png"
# optimize the converted pngs # optimize the converted pngs
command -V optipng && optipng -preserve -quiet -o 7 "$BUILD/images"/*.png command -V optipng && optipng -preserve -quiet -o 7 "$BUILD/images"/*.png
@ -133,6 +131,5 @@ fix_times docs/devices.md devices.html
fix_times docs/installation.md installation.html fix_times docs/installation.md installation.html
fix_times docs/debian.md debian.html fix_times docs/debian.md debian.html
fix_times jekyll/images images fix_times jekyll/images images
fix_times share/solaar/icons/solaar.svg images/solaar-logo.png
fix_times share/solaar/icons/solaar.svg images/favicon.png fix_times share/solaar/icons/solaar.svg images/favicon.png
fix_times jekyll/style style fix_times jekyll/style style