Permalink
Browse files

Add JSON-LD icons.

- First attempt: RDF icon inside a JSON object.
- Add various types:
  - logo
  - button
  - data icons
  - favicon.ico
  • Loading branch information...
1 parent 1d61dcc commit 41f9daf70cedd7c32d9f2fb72a8b3949ffff684a @davidlehn davidlehn committed Feb 26, 2013
View
Binary file not shown.
View
@@ -0,0 +1,10 @@
+<Files Makefile>
+ order allow,deny
+ deny from all
+</Files>
+
+<Files README>
+ order allow,deny
+ deny from all
+</Files>
+
View
@@ -0,0 +1,40 @@
+# JSON-LD Data Icons
+
+LOGO_NAME=json-ld-logo
+LOGO_SRC=$(LOGO_NAME).svg
+LOGO_PNGS=\
+ $(LOGO_NAME)-64.png
+
+BUTTON_NAME=json-ld-button
+BUTTON_SRC=$(BUTTON_NAME).svg
+BUTTON_PNGS=\
+ $(BUTTON_NAME)-88.png
+
+DATA_NAME=json-ld-data
+DATA_SRC=$(DATA_NAME).svg
+DATA_PNGS=\
+ $(DATA_NAME)-64.png \
+ $(DATA_NAME)-48.png \
+ $(DATA_NAME)-32.png \
+ $(DATA_NAME)-24.png \
+ $(DATA_NAME)-16.png
+
+# convert -background none -resize 256 $< $(DATA_NAME)-256.gif
+
+all: $(LOGO_PNGS) $(BUTTON_PNGS) $(DATA_PNGS)
+
+clean:
+ $(RM) $(LOGO_PNGS) $(BUTTON_PNGS) $(DATA_PNGS)
+
+$(LOGO_PNGS): $(LOGO_SRC)
+ inkscape --export-width=64 --export-png=$(LOGO_NAME)-64.png $<
+
+$(BUTTON_PNGS): $(BUTTON_SRC)
+ inkscape --export-width=88 --export-png=$(BUTTON_NAME)-88.png $<
+
+$(DATA_PNGS): $(DATA_SRC)
+ inkscape --export-width=64 --export-png=$(DATA_NAME)-64.png $<
+ inkscape --export-width=48 --export-png=$(DATA_NAME)-48.png $<
+ inkscape --export-width=32 --export-png=$(DATA_NAME)-32.png $<
+ inkscape --export-width=24 --export-png=$(DATA_NAME)-24.png $<
+ inkscape --export-width=16 --export-png=$(DATA_NAME)-16.png $<
View
@@ -0,0 +1,18 @@
+JSON-LD Icons
+=============
+
+To create the icons from SVG:
+
+ $ make
+
+To clean up old pngs:
+
+ $ make clean
+
+To create multi-size ../favicon.ico:
+
+ $ make
+ # open largest json-ld-data-64.png with GIMP
+ # go to File > Open as Layers...
+ # select the 32 and 16 files
+ # export to favicon.ico
View
@@ -0,0 +1,130 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML+RDFa 1.0//EN"
+ "http://www.w3.org/MarkUp/DTD/xhtml-rdfa-1.dtd">
+<html version="XHTML+RDFa 1.0" xmlns="http://www.w3.org/1999/xhtml"
+ xmlns:xhv="http://www.w3.org/1999/xhtml/vocab#"
+ xmlns:dcterms="http://purl.org/dc/terms/">
+ <head>
+ <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
+ <title>JSON-LD - Icons</title>
+ <link rel="stylesheet" href="../site.css" type="text/css" />
+ <link rel="shortcut icon" href="../favicon.ico" />
+ </head>
+
+ <body>
+ <div id="container">
+ <div id="header">
+ <span class="col">
+ <img class="banner" src="../images/json-ld-logo-1.png" />
+ <img class="banner" src="../images/json-ld-logo-2.png" />
+ <img class="banner" src="../images/json-ld-logo-3.png" />
+ <h1 property="dcterms:title">Playground</h1>
+ </span>
+ </div>
+
+ <div id="content">
+ <div class="breadcrumbs"><a href="../">JSON-LD</a> &gt; Icons</div>
+ <div id="info">
+ <h1>Icons</h1>
+ <p>The following icons can be used for JSON-LD.</p>
+ <p>Use of these icons must follow the guidelines found on the <a href="http://www.w3.org/RDF/icons/">W3C RDF Icons</a> page due to the embedded use of thier excellent logo and inspiration for this page.</p>
+ </div>
+
+ <div id="logos">
+ <h2>Logos</h2>
+ <p>These are the JSON-LD logos. Also available as <a href="json-ld-logo.svg">SVG</a>.</p>
+ <table class="icons">
+ <tbody>
+ <tr>
+ <td>
+ <a href="http://json-ld.org/" title="JSON-LD"><img border="0" width="64" src="json-ld-logo-64.png"
+ alt="JSON-LD"/></a>
+ </td>
+ <td>
+ &lt;a href="http://json-ld.org/" title="JSON-LD"&gt;&lt;img border="0" width="64" src="http://json-ld.org/icons/json-ld-logo-64.png"
+ alt="JSON-LD"/&gt;&lt;/a&gt;
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ <div id="buttons">
+ <h2>Buttons</h2>
+ <p>These buttons can be used to show JSON-LD support. Also available as <a href="json-ld-button.svg">SVG</a>.</p>
+ <table class="icons">
+ <tbody>
+ <tr>
+ <td>
+ <a href="http://json-ld.org/" title="JSON-LD"><img border="0" width="88" src="json-ld-button-88.png"
+ alt="JSON-LD"/></a>
+ </td>
+ <td>
+ &lt;a href="http://json-ld.org/" title="JSON-LD"&gt;&lt;img border="0" width="88" src="http://json-ld.org/icons/json-ld-button-88.png"
+ alt="JSON-LD"/&gt;&lt;/a&gt;
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+
+ <div id="data">
+ <h2>Data</h2>
+ <p>These icons can be used for JSON-LD data. Also available as <a href="json-ld-data.svg">SVG</a>.</p>
+ <table class="icons">
+ <tbody>
+ <tr>
+ <td>
+ <a href="http://json-ld.org/" title="JSON-LD Data"><img border="0" width="64" src="json-ld-data-64.png"
+ alt="JSON-LD Data"/></a>
+ </td>
+ <td>
+ &lt;a href="http://json-ld.org/" title="JSON-LD Data"&gt;&lt;img border="0" width="64" src="http://json-ld.org/icons/json-ld-data-64.png"
+ alt="JSON-LD Data"/&gt;&lt;/a&gt;
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <a href="http://json-ld.org/" title="JSON-LD Data"><img border="0" width="48" src="json-ld-data-48.png"
+ alt="JSON-LD Data"/></a>
+ </td>
+ <td>
+ &lt;a href="http://json-ld.org/" title="JSON-LD Data"&gt;&lt;img border="0" width="48" src="http://json-ld.org/icons/json-ld-data-48.png"
+ alt="JSON-LD Data"/&gt;&lt;/a&gt;
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <a href="http://json-ld.org/" title="JSON-LD Data"><img border="0" width="32" src="json-ld-data-32.png"
+ alt="JSON-LD Data"/></a>
+ </td>
+ <td>
+ &lt;a href="http://json-ld.org/" title="JSON-LD Data"&gt;&lt;img border="0" width="32" src="http://json-ld.org/icons/json-ld-data-32.png"
+ alt="JSON-LD Data"/&gt;&lt;/a&gt;
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <a href="http://json-ld.org/" title="JSON-LD Data"><img border="0" width="24" src="json-ld-data-24.png"
+ alt="JSON-LD Data"/></a>
+ </td>
+ <td>
+ &lt;a href="http://json-ld.org/" title="JSON-LD Data"&gt;&lt;img border="0" width="24" src="http://json-ld.org/icons/json-ld-data-24.png"
+ alt="JSON-LD Data"/&gt;&lt;/a&gt;
+ </td>
+ </tr>
+ </tbody>
+ </table>
+ </div>
+ </div>
+
+ <div id="footer">
+ <p id="copyright">
+ Website content released under a <a rel="license" href="http://creativecommons.org/licenses/by-sa/3.0/">Creative Commons Attribution Share-Alike license</a> except where an alternate is specified.
+ </p>
+ <p id="legal">
+ Part of the <a href="http://payswarm.com/">payswarm.com</a> initiative.
+ </p>
+ </div>
+ </div>
+ </body>
+</html>
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@@ -0,0 +1,107 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg: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:inkscape="http://www.inkscape.org/namespaces/inkscape"
+ version="1.1"
+ width="100%"
+ height="100%"
+ viewBox="0 0 88 31"
+ id="svg3051"
+ xml:space="preserve"
+ style="overflow:visible"><svg:metadata
+ id="metadata3077"><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 /></cc:Work></rdf:RDF></svg:metadata><svg:defs
+ id="defs3075" />
+
+<svg:rect
+ width="86.083992"
+ height="29.083998"
+ x="0.95800126"
+ y="0.95800114"
+ id="rect3601"
+ style="fill:#ffffff;fill-opacity:1;stroke:#000000;stroke-width:1.91600251;stroke-linecap:round;stroke-linejoin:miter;stroke-miterlimit:4;stroke-opacity:1;stroke-dasharray:none" /><svg:text
+ x="51.556633"
+ y="22.255196"
+ id="obj-start"
+ xml:space="preserve"
+ style="font-size:22.64262199px;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Bitstream Vera Sans Mono;-inkscape-font-specification:Bitstream Vera Sans Mono"><svg:tspan
+ x="51.556633"
+ y="22.255196"
+ id="tspan3093">{</svg:tspan></svg:text>
+
+
+
+<svg:text
+ x="71.290306"
+ y="22.255196"
+ id="obj-end"
+ xml:space="preserve"
+ style="font-size:22.64262199px;font-style:normal;font-weight:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Bitstream Vera Sans"><svg:tspan
+ x="71.290306"
+ y="22.255196"
+ id="tspan3097">}</svg:tspan></svg:text>
+
+
+
+<svg:g
+ transform="matrix(0.15724043,0,0,0.15724043,60.327076,7.4899964)"
+ id="g3212"
+ style="overflow:visible"><svg:g
+ id="g3186">
+ <svg:path
+ d="m 84.45,66.836 c -0.636,-0.337 -1.284,-0.624 -1.936,-0.879 l 0.466,-0.038 c 0,0 -4.151,-1.838 -4.514,-15.18 -0.359,-13.344 3.957,-15.62 3.957,-15.62 l -0.62,0.027 C 85.064,33.473 87.869,30.83 89.72,27.342 94.543,18.27 91.092,7.001 82.018,2.177 72.94,-2.641 61.674,0.802 56.854,9.883 54.872,13.608 54.309,17.7 54.935,21.566 L 54.723,21.24 c 0,0 1.093,4.842 -10.258,11.888 -11.349,7.05 -16.469,3.54 -16.469,3.54 l 0.326,0.48 C 27.997,36.947 27.686,36.742 27.347,36.565 18.269,31.741 7,35.188 2.178,44.266 c -4.82,9.077 -1.372,20.341 7.703,25.167 6.766,3.591 14.744,2.59 20.365,-1.914 l -0.122,0.236 c 0,0 4.132,-3.399 16.04,2.994 9.4,5.044 10.796,9.988 10.975,11.846 -0.246,6.893 3.347,13.654 9.847,17.107 9.075,4.825 20.344,1.375 25.164,-7.701 4.824,-9.075 1.378,-20.345 -7.7,-25.165 z m -20.984,2.446 c -1.504,0.532 -5.801,1.121 -14.847,-3.73 -9.797,-5.26 -11.251,-9.654 -11.464,-10.973 0.139,-1.6 0.05,-3.197 -0.223,-4.755 l 0.06,0.09 c 0,0 -0.798,-4.274 10.412,-11.235 10.033,-6.228 14.594,-4.989 15.443,-4.664 0.546,0.371 1.112,0.717 1.706,1.033 1.129,0.6 2.293,1.07 3.472,1.418 1.38,1.314 3.92,5.045 4.184,14.854 0.27,9.883 -2.634,13.694 -4.217,15.042 -1.63,0.738 -3.156,1.723 -4.526,2.92 z"
+ inkscape:connector-curvature="0"
+ id="path3188"
+ style="fill:#0c479c" />
+ <svg:g
+ id="g3190">
+ <svg:path
+ d="m 62.239,8.1 c -5.415,5.923 -5.529,14.636 -0.312,19.566 -2.579,-2.483 -2.523,-7.651 0.083,-12.597 0.335,-0.443 1.306,-1.49 2.725,-1.014 0.143,0.049 0.237,0.062 0.292,0.053 0.321,0.069 0.65,0.11 0.99,0.095 2.155,-0.098 3.822,-1.921 3.725,-4.077 C 69.698,9.159 69.297,8.303 68.677,7.646 73.679,4.369 79.419,3.994 81.771,6.142 l 0.09,0.006 C 76.488,1.242 67.705,2.119 62.239,8.1 z"
+ inkscape:connector-curvature="0"
+ id="path3192"
+ style="fill:#ffffff" />
+ </svg:g>
+ <svg:g
+ id="g3194">
+ <svg:path
+ d="M 7.632,62.845 C 7.586,62.798 7.539,62.743 7.491,62.697 c 0.03,0.031 0.059,0.069 0.095,0.102 l 0.046,0.046 z"
+ inkscape:connector-curvature="0"
+ id="path3196"
+ style="fill:#ffffff" />
+ <svg:path
+ d="M 7.805,43.13 C 2.389,49.054 2.276,57.765 7.492,62.696 4.914,60.212 4.969,55.044 7.575,50.098 c 0.336,-0.444 1.308,-1.49 2.727,-1.014 0.141,0.049 0.236,0.061 0.292,0.054 0.321,0.069 0.651,0.11 0.99,0.095 2.156,-0.099 3.822,-1.922 3.725,-4.076 -0.045,-0.967 -0.445,-1.824 -1.063,-2.48 4.999,-3.276 10.74,-3.654 13.092,-1.505 l 0.089,0.008 C 22.054,36.271 13.269,37.147 7.805,43.13 z"
+ inkscape:connector-curvature="0"
+ id="path3198"
+ style="fill:#ffffff" />
+ </svg:g>
+ <svg:g
+ id="g3200">
+ <svg:path
+ d="m 65.256,92.504 c -0.047,-0.048 -0.094,-0.102 -0.141,-0.148 0.029,0.031 0.059,0.069 0.094,0.101 l 0.047,0.047 z"
+ inkscape:connector-curvature="0"
+ id="path3202"
+ style="fill:#ffffff" />
+ <svg:path
+ d="m 65.428,72.786 c -5.416,5.926 -5.529,14.639 -0.313,19.569 -2.58,-2.483 -2.523,-7.653 0.082,-12.597 0.336,-0.445 1.307,-1.49 2.727,-1.014 0.143,0.047 0.235,0.061 0.292,0.053 0.32,0.069 0.651,0.11 0.99,0.096 2.154,-0.1 3.82,-1.924 3.723,-4.08 -0.044,-0.966 -0.445,-1.822 -1.063,-2.479 5,-3.275 10.739,-3.652 13.093,-1.504 l 0.088,0.007 c -5.37,-4.907 -14.156,-4.03 -19.619,1.949 z"
+ inkscape:connector-curvature="0"
+ id="path3204"
+ style="fill:#ffffff" />
+ </svg:g>
+ </svg:g></svg:g><image /><svg:text
+ x="4.5615234"
+ y="18.998047"
+ id="text4371"
+ xml:space="preserve"
+ style="font-size:10px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;line-height:125%;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;font-family:Sans;-inkscape-font-specification:Sans Bold"><svg:tspan
+ x="4.5615234"
+ y="18.998047"
+ id="tspan4373">JSON-LD</svg:tspan></svg:text>
+
+
+</svg:svg>
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Oops, something went wrong.

0 comments on commit 41f9daf

Please sign in to comment.