projects/booket

changeset 17:8445c729ba97

Add logo and favicon
author Guido Berhoerster <guido+booket@berhoerster.name>
date Mon Sep 29 22:39:17 2014 +0200 (2014-09-29)
parents 64272f2105da
children 3642bb668af1
files .hgignore Makefile README booket-favicon.src.svg booket-logo.src.svg booket.css booket.html
line diff
     1.1 --- a/.hgignore	Sun Sep 21 19:22:09 2014 +0200
     1.2 +++ b/.hgignore	Mon Sep 29 22:39:17 2014 +0200
     1.3 @@ -1,3 +1,4 @@
     1.4  syntax: regexp
     1.5  
     1.6  (?<!\.src)\.svg$
     1.7 +\.png$
     2.1 --- a/Makefile	Sun Sep 21 19:22:09 2014 +0200
     2.2 +++ b/Makefile	Mon Sep 29 22:39:17 2014 +0200
     2.3 @@ -21,16 +21,18 @@
     2.4  # SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
     2.5  #
     2.6  
     2.7 +RSVG_CONVERT :=	rsvg-convert
     2.8  SCOUR :=	scour
     2.9  XMLLINT :=	xmllint
    2.10  
    2.11 -SVGIMAGES :=	missing-favicon.svg
    2.12 +SVGIMAGES :=	missing-favicon.svg booket-logo.svg
    2.13 +PNGIMAGES :=	booket-favicon.png
    2.14  
    2.15  .DEFAULT_TARGET = all
    2.16  
    2.17  .PHONY: all clean clobber
    2.18  
    2.19 -all: $(SVGIMAGES)
    2.20 +all: $(SVGIMAGES) $(PNGIMAGES)
    2.21  
    2.22  %.svg: %.src.svg
    2.23  	$(SCOUR) --quiet -i $< --create-groups --enable-id-stripping \
    2.24 @@ -38,7 +40,10 @@
    2.25  	    --no-renderer-workaround --strip-xml-prolog --enable-viewboxing \
    2.26  	    --set-precision=5 | $(XMLLINT) --format --noblanks --output $@ -
    2.27  
    2.28 +%.png: %.src.svg
    2.29 +	$(RSVG_CONVERT) -o $@ $<
    2.30 +
    2.31  clean:
    2.32 -	rm -f $(SVGIMAGES)
    2.33 +	rm -f $(SVGIMAGES) $(PNGIMAGES)
    2.34  
    2.35  clobber: clean
     3.1 --- a/README	Sun Sep 21 19:22:09 2014 +0200
     3.2 +++ b/README	Mon Sep 29 22:39:17 2014 +0200
     3.3 @@ -20,8 +20,8 @@
     3.4  Build Instructions
     3.5  ------------------
     3.6  
     3.7 -Booket requires Scour, xmllint, and GNU make in order to strip down the
     3.8 -included SVG images.
     3.9 +Booket requires rsvg-convert from librsvg, Scour, xmllint, and GNU make in
    3.10 +order to strip down the included SVG images and to convert them to PNG format.
    3.11  
    3.12  License
    3.13  -------
     4.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     4.2 +++ b/booket-favicon.src.svg	Mon Sep 29 22:39:17 2014 +0200
     4.3 @@ -0,0 +1,125 @@
     4.4 +<?xml version="1.0" encoding="UTF-8" standalone="no"?>
     4.5 +<!-- Created with Inkscape (http://www.inkscape.org/) -->
     4.6 +
     4.7 +<svg
     4.8 +   xmlns:dc="http://purl.org/dc/elements/1.1/"
     4.9 +   xmlns:cc="http://creativecommons.org/ns#"
    4.10 +   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    4.11 +   xmlns:svg="http://www.w3.org/2000/svg"
    4.12 +   xmlns="http://www.w3.org/2000/svg"
    4.13 +   xmlns:xlink="http://www.w3.org/1999/xlink"
    4.14 +   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    4.15 +   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    4.16 +   width="16px"
    4.17 +   height="16px"
    4.18 +   id="svg3834"
    4.19 +   version="1.1"
    4.20 +   inkscape:version="0.48.4 r9939"
    4.21 +   sodipodi:docname="booket-favicon.svg">
    4.22 +  <title
    4.23 +     id="title3011">Booket Favicon</title>
    4.24 +  <sodipodi:namedview
    4.25 +     id="base"
    4.26 +     pagecolor="#ffffff"
    4.27 +     bordercolor="#666666"
    4.28 +     borderopacity="1.0"
    4.29 +     inkscape:pageopacity="0.0"
    4.30 +     inkscape:pageshadow="2"
    4.31 +     inkscape:zoom="22.197802"
    4.32 +     inkscape:cx="-14.79505"
    4.33 +     inkscape:cy="2.3633971"
    4.34 +     inkscape:current-layer="g3830"
    4.35 +     showgrid="true"
    4.36 +     inkscape:grid-bbox="true"
    4.37 +     inkscape:document-units="px"
    4.38 +     inkscape:window-width="1616"
    4.39 +     inkscape:window-height="920"
    4.40 +     inkscape:window-x="80"
    4.41 +     inkscape:window-y="29"
    4.42 +     inkscape:window-maximized="0">
    4.43 +    <inkscape:grid
    4.44 +       snapvisiblegridlinesonly="true"
    4.45 +       enabled="true"
    4.46 +       visible="true"
    4.47 +       empspacing="5"
    4.48 +       id="grid3887"
    4.49 +       type="xygrid" />
    4.50 +  </sodipodi:namedview>
    4.51 +  <defs
    4.52 +     id="defs3836">
    4.53 +    <linearGradient
    4.54 +       gradientTransform="matrix(1.2100942,0,0,1.0424213,-2.2607377,-1.5471195)"
    4.55 +       gradientUnits="userSpaceOnUse"
    4.56 +       y2="41"
    4.57 +       x2="23"
    4.58 +       y1="3"
    4.59 +       x1="23"
    4.60 +       id="linearGradient3803"
    4.61 +       xlink:href="#linearGradient3797"
    4.62 +       inkscape:collect="always" />
    4.63 +    <linearGradient
    4.64 +       id="linearGradient3797">
    4.65 +      <stop
    4.66 +         id="stop3799"
    4.67 +         offset="0"
    4.68 +         style="stop-color:#aac6e2;stop-opacity:1;" />
    4.69 +      <stop
    4.70 +         style="stop-color:#3465a4;stop-opacity:1;"
    4.71 +         offset="0.18421052"
    4.72 +         id="stop3807" />
    4.73 +      <stop
    4.74 +         style="stop-color:#204a88;stop-opacity:1;"
    4.75 +         offset="0.31578946"
    4.76 +         id="stop3805" />
    4.77 +      <stop
    4.78 +         id="stop3809"
    4.79 +         offset="0.55263156"
    4.80 +         style="stop-color:#3465a4;stop-opacity:1;" />
    4.81 +      <stop
    4.82 +         id="stop3801"
    4.83 +         offset="1"
    4.84 +         style="stop-color:#598bcb;stop-opacity:1;" />
    4.85 +    </linearGradient>
    4.86 +  </defs>
    4.87 +  <metadata
    4.88 +     id="metadata3839">
    4.89 +    <rdf:RDF>
    4.90 +      <cc:Work
    4.91 +         rdf:about="">
    4.92 +        <dc:format>image/svg+xml</dc:format>
    4.93 +        <dc:type
    4.94 +           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
    4.95 +        <dc:title>Booket Favicon</dc:title>
    4.96 +        <cc:license
    4.97 +           rdf:resource="http://opensource.org/licenses/MIT" />
    4.98 +        <dc:date>2014-09-29</dc:date>
    4.99 +        <dc:creator>
   4.100 +          <cc:Agent>
   4.101 +            <dc:title>Guido Berhoerster</dc:title>
   4.102 +          </cc:Agent>
   4.103 +        </dc:creator>
   4.104 +      </cc:Work>
   4.105 +    </rdf:RDF>
   4.106 +  </metadata>
   4.107 +  <g
   4.108 +     inkscape:groupmode="layer"
   4.109 +     inkscape:label="Layer 1"
   4.110 +     id="layer1">
   4.111 +    <g
   4.112 +       id="g3830"
   4.113 +       transform="matrix(0.31818182,0,0,0.31818182,-0.13636366,0.36363628)">
   4.114 +      <path
   4.115 +         style="fill:url(#linearGradient3803);fill-opacity:1;stroke:#204a87;stroke-width:3.36116052;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none"
   4.116 +         d="m 14.68058,0.5377234 21.781697,0 0,43.7816966 L 25.571429,34.937627 14.68058,44.31942 z"
   4.117 +         id="rect3002"
   4.118 +         inkscape:connector-curvature="0"
   4.119 +         sodipodi:nodetypes="cccccc" />
   4.120 +      <path
   4.121 +         style="fill:none;stroke:#ffffff;stroke-width:3.05237603;stroke-miterlimit:4;stroke-opacity:0.2;stroke-dasharray:none"
   4.122 +         d="m 17.669045,3.5261889 15.804766,0 0,34.6619091 -7.902383,-7.42755 -7.902383,7.42755 z"
   4.123 +         id="rect3002-8"
   4.124 +         inkscape:connector-curvature="0"
   4.125 +         sodipodi:nodetypes="cccccc" />
   4.126 +    </g>
   4.127 +  </g>
   4.128 +</svg>
     5.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     5.2 +++ b/booket-logo.src.svg	Mon Sep 29 22:39:17 2014 +0200
     5.3 @@ -0,0 +1,124 @@
     5.4 +<?xml version="1.0" encoding="UTF-8" standalone="no"?>
     5.5 +<!-- Created with Inkscape (http://www.inkscape.org/) -->
     5.6 +
     5.7 +<svg
     5.8 +   xmlns:dc="http://purl.org/dc/elements/1.1/"
     5.9 +   xmlns:cc="http://creativecommons.org/ns#"
    5.10 +   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
    5.11 +   xmlns:svg="http://www.w3.org/2000/svg"
    5.12 +   xmlns="http://www.w3.org/2000/svg"
    5.13 +   xmlns:xlink="http://www.w3.org/1999/xlink"
    5.14 +   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
    5.15 +   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
    5.16 +   width="48px"
    5.17 +   height="48px"
    5.18 +   id="svg2992"
    5.19 +   version="1.1"
    5.20 +   inkscape:version="0.48.4 r9939"
    5.21 +   sodipodi:docname="booket-logo.svg">
    5.22 +  <title
    5.23 +     id="title3009">Booket Logo</title>
    5.24 +  <defs
    5.25 +     id="defs2994">
    5.26 +    <linearGradient
    5.27 +       id="linearGradient3797">
    5.28 +      <stop
    5.29 +         style="stop-color:#aac6e2;stop-opacity:1;"
    5.30 +         offset="0"
    5.31 +         id="stop3799" />
    5.32 +      <stop
    5.33 +         id="stop3807"
    5.34 +         offset="0.18421052"
    5.35 +         style="stop-color:#3465a4;stop-opacity:1;" />
    5.36 +      <stop
    5.37 +         id="stop3805"
    5.38 +         offset="0.31578946"
    5.39 +         style="stop-color:#204a88;stop-opacity:1;" />
    5.40 +      <stop
    5.41 +         style="stop-color:#3465a4;stop-opacity:1;"
    5.42 +         offset="0.55263156"
    5.43 +         id="stop3809" />
    5.44 +      <stop
    5.45 +         style="stop-color:#598bcb;stop-opacity:1;"
    5.46 +         offset="1"
    5.47 +         id="stop3801" />
    5.48 +    </linearGradient>
    5.49 +    <linearGradient
    5.50 +       inkscape:collect="always"
    5.51 +       xlink:href="#linearGradient3797"
    5.52 +       id="linearGradient3803"
    5.53 +       x1="23"
    5.54 +       y1="3"
    5.55 +       x2="23"
    5.56 +       y2="41"
    5.57 +       gradientUnits="userSpaceOnUse"
    5.58 +       gradientTransform="matrix(1.1055348,0,0,0.99761014,-1.4272999,1.0549666)" />
    5.59 +  </defs>
    5.60 +  <sodipodi:namedview
    5.61 +     id="base"
    5.62 +     pagecolor="#ffffff"
    5.63 +     bordercolor="#666666"
    5.64 +     borderopacity="1.0"
    5.65 +     inkscape:pageopacity="0.0"
    5.66 +     inkscape:pageshadow="2"
    5.67 +     inkscape:zoom="15.041667"
    5.68 +     inkscape:cx="12.598338"
    5.69 +     inkscape:cy="24"
    5.70 +     inkscape:current-layer="layer1"
    5.71 +     showgrid="true"
    5.72 +     inkscape:grid-bbox="true"
    5.73 +     inkscape:document-units="px"
    5.74 +     inkscape:window-width="1709"
    5.75 +     inkscape:window-height="966"
    5.76 +     inkscape:window-x="37"
    5.77 +     inkscape:window-y="0"
    5.78 +     inkscape:window-maximized="0">
    5.79 +    <inkscape:grid
    5.80 +       type="xygrid"
    5.81 +       id="grid3000"
    5.82 +       empspacing="5"
    5.83 +       visible="true"
    5.84 +       enabled="true"
    5.85 +       snapvisiblegridlinesonly="true" />
    5.86 +  </sodipodi:namedview>
    5.87 +  <metadata
    5.88 +     id="metadata2997">
    5.89 +    <rdf:RDF>
    5.90 +      <cc:Work
    5.91 +         rdf:about="">
    5.92 +        <dc:format>image/svg+xml</dc:format>
    5.93 +        <dc:type
    5.94 +           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
    5.95 +        <dc:title>Booket Logo</dc:title>
    5.96 +        <cc:license
    5.97 +           rdf:resource="http://opensource.org/licenses/MIT" />
    5.98 +        <dc:creator>
    5.99 +          <cc:Agent>
   5.100 +            <dc:title>Guido Berhoerster</dc:title>
   5.101 +          </cc:Agent>
   5.102 +        </dc:creator>
   5.103 +        <dc:date>2014-09-29</dc:date>
   5.104 +      </cc:Work>
   5.105 +    </rdf:RDF>
   5.106 +  </metadata>
   5.107 +  <g
   5.108 +     id="layer1"
   5.109 +     inkscape:label="Layer 1"
   5.110 +     inkscape:groupmode="layer">
   5.111 +    <g
   5.112 +       id="g3830">
   5.113 +      <path
   5.114 +         sodipodi:nodetypes="cccccc"
   5.115 +         inkscape:connector-curvature="0"
   5.116 +         id="rect3002"
   5.117 +         d="m 14.050187,3.0501872 19.899626,0 0,41.8996258 L 24,35.971322 14.050187,44.949813 z"
   5.118 +         style="fill:url(#linearGradient3803);fill-opacity:1;stroke:#204a87;stroke-width:2.10037398;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" />
   5.119 +      <path
   5.120 +         sodipodi:nodetypes="cccccc"
   5.121 +         inkscape:connector-curvature="0"
   5.122 +         id="rect3002-8"
   5.123 +         d="m 15.876488,4.8764882 16.247024,0 0,35.7470238 L 24,32.963436 15.876488,40.623512 z"
   5.124 +         style="fill:none;stroke:#ffffff;stroke-width:1.75297582;stroke-miterlimit:4;stroke-opacity:0.2;stroke-dasharray:none" />
   5.125 +    </g>
   5.126 +  </g>
   5.127 +</svg>
     6.1 --- a/booket.css	Sun Sep 21 19:22:09 2014 +0200
     6.2 +++ b/booket.css	Mon Sep 29 22:39:17 2014 +0200
     6.3 @@ -113,6 +113,10 @@
     6.4      font-weight: bold;
     6.5  }
     6.6  
     6.7 +#logo {
     6.8 +    height: 2em;
     6.9 +}
    6.10 +
    6.11  #actions {
    6.12      margin: 1em 0 0 0;
    6.13  }
     7.1 --- a/booket.html	Sun Sep 21 19:22:09 2014 +0200
     7.2 +++ b/booket.html	Mon Sep 29 22:39:17 2014 +0200
     7.3 @@ -26,10 +26,12 @@
     7.4      <meta charset="utf-8"></meta>
     7.5      <title>Booket</title>
     7.6      <link rel="stylesheet" type="text/css" href="booket.css"></link>
     7.7 +    <link rel="icon" type="image/png" href="booket-favicon.png"></link>
     7.8      <script src="booket.js"></script>
     7.9    </head>
    7.10    <body>
    7.11    <header>
    7.12 +    <img src="booket-logo.svg" alt="Booket Logo" id="logo"><img>
    7.13      <h1>Booket</h1>
    7.14      <p>Version 3</p>
    7.15    </header>