Mercurial > projects > booket

changeset 17:8445c729ba97

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
Add logo and favicon
author Guido Berhoerster <guido+booket@berhoerster.name>
date Mon, 29 Sep 2014 22:39:17 +0200
parents 64272f2105da
children 3642bb668af1
files .hgignore Makefile README booket-favicon.src.svg booket-logo.src.svg booket.css booket.html
diffstat 7 files changed, 266 insertions(+), 5 deletions(-) [+]
line wrap: on
line diff
--- a/.hgignore	Sun Sep 21 19:22:09 2014 +0200
+++ b/.hgignore	Mon Sep 29 22:39:17 2014 +0200
@@ -1,3 +1,4 @@
 syntax: regexp
 
 (?<!\.src)\.svg$
+\.png$
--- a/Makefile	Sun Sep 21 19:22:09 2014 +0200
+++ b/Makefile	Mon Sep 29 22:39:17 2014 +0200
@@ -21,16 +21,18 @@
 # SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 #
 
+RSVG_CONVERT :=	rsvg-convert
 SCOUR :=	scour
 XMLLINT :=	xmllint
 
-SVGIMAGES :=	missing-favicon.svg
+SVGIMAGES :=	missing-favicon.svg booket-logo.svg
+PNGIMAGES :=	booket-favicon.png
 
 .DEFAULT_TARGET = all
 
 .PHONY: all clean clobber
 
-all: $(SVGIMAGES)
+all: $(SVGIMAGES) $(PNGIMAGES)
 
 %.svg: %.src.svg
 	$(SCOUR) --quiet -i $< --create-groups --enable-id-stripping \
@@ -38,7 +40,10 @@
 	    --no-renderer-workaround --strip-xml-prolog --enable-viewboxing \
 	    --set-precision=5 | $(XMLLINT) --format --noblanks --output $@ -
 
+%.png: %.src.svg
+	$(RSVG_CONVERT) -o $@ $<
+
 clean:
-	rm -f $(SVGIMAGES)
+	rm -f $(SVGIMAGES) $(PNGIMAGES)
 
 clobber: clean
--- a/README	Sun Sep 21 19:22:09 2014 +0200
+++ b/README	Mon Sep 29 22:39:17 2014 +0200
@@ -20,8 +20,8 @@
 Build Instructions
 ------------------
 
-Booket requires Scour, xmllint, and GNU make in order to strip down the
-included SVG images.
+Booket requires rsvg-convert from librsvg, Scour, xmllint, and GNU make in
+order to strip down the included SVG images and to convert them to PNG format.
 
 License
 -------
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/booket-favicon.src.svg	Mon Sep 29 22:39:17 2014 +0200
@@ -0,0 +1,125 @@
+<?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="16px"
+   height="16px"
+   id="svg3834"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="booket-favicon.svg">
+  <title
+     id="title3011">Booket Favicon</title>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="22.197802"
+     inkscape:cx="-14.79505"
+     inkscape:cy="2.3633971"
+     inkscape:current-layer="g3830"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     inkscape:window-width="1616"
+     inkscape:window-height="920"
+     inkscape:window-x="80"
+     inkscape:window-y="29"
+     inkscape:window-maximized="0">
+    <inkscape:grid
+       snapvisiblegridlinesonly="true"
+       enabled="true"
+       visible="true"
+       empspacing="5"
+       id="grid3887"
+       type="xygrid" />
+  </sodipodi:namedview>
+  <defs
+     id="defs3836">
+    <linearGradient
+       gradientTransform="matrix(1.2100942,0,0,1.0424213,-2.2607377,-1.5471195)"
+       gradientUnits="userSpaceOnUse"
+       y2="41"
+       x2="23"
+       y1="3"
+       x1="23"
+       id="linearGradient3803"
+       xlink:href="#linearGradient3797"
+       inkscape:collect="always" />
+    <linearGradient
+       id="linearGradient3797">
+      <stop
+         id="stop3799"
+         offset="0"
+         style="stop-color:#aac6e2;stop-opacity:1;" />
+      <stop
+         style="stop-color:#3465a4;stop-opacity:1;"
+         offset="0.18421052"
+         id="stop3807" />
+      <stop
+         style="stop-color:#204a88;stop-opacity:1;"
+         offset="0.31578946"
+         id="stop3805" />
+      <stop
+         id="stop3809"
+         offset="0.55263156"
+         style="stop-color:#3465a4;stop-opacity:1;" />
+      <stop
+         id="stop3801"
+         offset="1"
+         style="stop-color:#598bcb;stop-opacity:1;" />
+    </linearGradient>
+  </defs>
+  <metadata
+     id="metadata3839">
+    <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>Booket Favicon</dc:title>
+        <cc:license
+           rdf:resource="http://opensource.org/licenses/MIT" />
+        <dc:date>2014-09-29</dc:date>
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Guido Berhoerster</dc:title>
+          </cc:Agent>
+        </dc:creator>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     inkscape:groupmode="layer"
+     inkscape:label="Layer 1"
+     id="layer1">
+    <g
+       id="g3830"
+       transform="matrix(0.31818182,0,0,0.31818182,-0.13636366,0.36363628)">
+      <path
+         style="fill:url(#linearGradient3803);fill-opacity:1;stroke:#204a87;stroke-width:3.36116052;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
+         d="m 14.68058,0.5377234 21.781697,0 0,43.7816966 L 25.571429,34.937627 14.68058,44.31942 z"
+         id="rect3002"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+      <path
+         style="fill:none;stroke:#ffffff;stroke-width:3.05237603;stroke-miterlimit:4;stroke-opacity:0.2;stroke-dasharray:none"
+         d="m 17.669045,3.5261889 15.804766,0 0,34.6619091 -7.902383,-7.42755 -7.902383,7.42755 z"
+         id="rect3002-8"
+         inkscape:connector-curvature="0"
+         sodipodi:nodetypes="cccccc" />
+    </g>
+  </g>
+</svg>
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/booket-logo.src.svg	Mon Sep 29 22:39:17 2014 +0200
@@ -0,0 +1,124 @@
+<?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="48px"
+   height="48px"
+   id="svg2992"
+   version="1.1"
+   inkscape:version="0.48.4 r9939"
+   sodipodi:docname="booket-logo.svg">
+  <title
+     id="title3009">Booket Logo</title>
+  <defs
+     id="defs2994">
+    <linearGradient
+       id="linearGradient3797">
+      <stop
+         style="stop-color:#aac6e2;stop-opacity:1;"
+         offset="0"
+         id="stop3799" />
+      <stop
+         id="stop3807"
+         offset="0.18421052"
+         style="stop-color:#3465a4;stop-opacity:1;" />
+      <stop
+         id="stop3805"
+         offset="0.31578946"
+         style="stop-color:#204a88;stop-opacity:1;" />
+      <stop
+         style="stop-color:#3465a4;stop-opacity:1;"
+         offset="0.55263156"
+         id="stop3809" />
+      <stop
+         style="stop-color:#598bcb;stop-opacity:1;"
+         offset="1"
+         id="stop3801" />
+    </linearGradient>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient3797"
+       id="linearGradient3803"
+       x1="23"
+       y1="3"
+       x2="23"
+       y2="41"
+       gradientUnits="userSpaceOnUse"
+       gradientTransform="matrix(1.1055348,0,0,0.99761014,-1.4272999,1.0549666)" />
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="15.041667"
+     inkscape:cx="12.598338"
+     inkscape:cy="24"
+     inkscape:current-layer="layer1"
+     showgrid="true"
+     inkscape:grid-bbox="true"
+     inkscape:document-units="px"
+     inkscape:window-width="1709"
+     inkscape:window-height="966"
+     inkscape:window-x="37"
+     inkscape:window-y="0"
+     inkscape:window-maximized="0">
+    <inkscape:grid
+       type="xygrid"
+       id="grid3000"
+       empspacing="5"
+       visible="true"
+       enabled="true"
+       snapvisiblegridlinesonly="true" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata2997">
+    <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>Booket Logo</dc:title>
+        <cc:license
+           rdf:resource="http://opensource.org/licenses/MIT" />
+        <dc:creator>
+          <cc:Agent>
+            <dc:title>Guido Berhoerster</dc:title>
+          </cc:Agent>
+        </dc:creator>
+        <dc:date>2014-09-29</dc:date>
+      </cc:Work>
+    </rdf:RDF>
+  </metadata>
+  <g
+     id="layer1"
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer">
+    <g
+       id="g3830">
+      <path
+         sodipodi:nodetypes="cccccc"
+         inkscape:connector-curvature="0"
+         id="rect3002"
+         d="m 14.050187,3.0501872 19.899626,0 0,41.8996258 L 24,35.971322 14.050187,44.949813 z"
+         style="fill:url(#linearGradient3803);fill-opacity:1;stroke:#204a87;stroke-width:2.10037398;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
+      <path
+         sodipodi:nodetypes="cccccc"
+         inkscape:connector-curvature="0"
+         id="rect3002-8"
+         d="m 15.876488,4.8764882 16.247024,0 0,35.7470238 L 24,32.963436 15.876488,40.623512 z"
+         style="fill:none;stroke:#ffffff;stroke-width:1.75297582;stroke-miterlimit:4;stroke-opacity:0.2;stroke-dasharray:none" />
+    </g>
+  </g>
+</svg>
--- a/booket.css	Sun Sep 21 19:22:09 2014 +0200
+++ b/booket.css	Mon Sep 29 22:39:17 2014 +0200
@@ -113,6 +113,10 @@
     font-weight: bold;
 }
 
+#logo {
+    height: 2em;
+}
+
 #actions {
     margin: 1em 0 0 0;
 }
--- a/booket.html	Sun Sep 21 19:22:09 2014 +0200
+++ b/booket.html	Mon Sep 29 22:39:17 2014 +0200
@@ -26,10 +26,12 @@
     <meta charset="utf-8"></meta>
     <title>Booket</title>
     <link rel="stylesheet" type="text/css" href="booket.css"></link>
+    <link rel="icon" type="image/png" href="booket-favicon.png"></link>
     <script src="booket.js"></script>
   </head>
   <body>
   <header>
+    <img src="booket-logo.svg" alt="Booket Logo" id="logo"><img>
     <h1>Booket</h1>
     <p>Version 3</p>
   </header>