diff --git a/.eleventy.js b/.eleventy.js index 6fcb0713..084f4e0b 100644 --- a/.eleventy.js +++ b/.eleventy.js @@ -1,3 +1,6 @@ +import markdownIt from 'markdown-it'; +import markdownItAttrs from 'markdown-it-attrs'; +import markdownItAnchor from 'markdown-it-anchor'; import YAML from 'yaml'; // development host for playground proxy @@ -15,6 +18,13 @@ const drafts = [ ]; export default async function(eleventyConfig) { + eleventyConfig.setLibrary('md', markdownIt({ + html: true, + linkify: true, + typographer: true + }).use(markdownItAttrs) + .use(markdownItAnchor)); + eleventyConfig.addDataExtension('yaml', (contents) => YAML.parse(contents)); eleventyConfig.addPassthroughCopy('.htaccess'); diff --git a/_layouts/fomantic.liquid b/_layouts/fomantic.liquid index 9a190936..71e433f4 100644 --- a/_layouts/fomantic.liquid +++ b/_layouts/fomantic.liquid @@ -26,6 +26,7 @@ .ui.top.menu .header.item > span { font-size: 150%; } .ui.top.menu .header.item > img { margin-right: 1rem; } .ui.fitted.tab.segment > .ui.table { border-left: 0; border-top: 0; border-right: 0; margin-top: 0; } + .ui.table th:empty { display: none; } /* RDF Font gets priority */ i.rdf-icon-rdf.icon { font-family: 'rdf-font'; } @@ -105,6 +106,14 @@ {{ content }} + + diff --git a/images/index.html b/images/index.html deleted file mode 100644 index a79a03fb..00000000 --- a/images/index.html +++ /dev/null @@ -1,98 +0,0 @@ ---- -layout: default -title: JSON-LD Images/Logos ---- - -
-
-

JSON-LD Images

-
-
The following images can be used for JSON-LD.
- Use of these images must follow the guidelines found on the W3C RDF Icons page due to the embedded use of their excellent logo and inspiration for this page. -
-
-
-

Logos

-

This is the JSON-LD logo. Also available as SVG or high resolution PNG.

- - - - - - - -
- JSON-LD-logo-64 - - <a href="https://json-ld.org/" title="JSON-LD"><img style="border:0px;" width="64" src="https://json-ld.org/images/json-ld-logo-64.png" alt="JSON-LD-logo-64"/></a> -
-
-
-
-

Buttons

-

This button can be used to show JSON-LD support. - Also available as SVG (Inkscape) or - high resolution PNG.

- - - - - - - -
- JSON-LD-logo-88 - - <a href="https://json-ld.org/" title="JSON-LD"><img style="border:0px;" width="88" src="https://json-ld.org/images/json-ld-button-88.png" alt="JSON-LD-logo-88"/></a> -
-
-
-
-

Data

-

These images can be used for JSON-LD data. Also - available as SVG (Inkscape) or - high resolution PNG.

- - - - - - - - - - - - - - - - - - - -
- JSON-LD Data - - <a href="https://json-ld.org/" title="JSON-LD Data"><img style="border:0px;" width="64" src="https://json-ld.org/images/json-ld-data-64.png" alt="JSON-LD-logo-64"/></a> -
- JSON-LD Data - - <a href="https://json-ld.org/" title="JSON-LD Data"><img style="border:0px;" width="48" src="https://json-ld.org/images/json-ld-data-48.png" alt="JSON-LD-logo-48"/></a> -
- JSON-LD Data - - <a href="https://json-ld.org/" title="JSON-LD Data"><img style="border:0px;" width="32" src="https://json-ld.org/images/json-ld-data-32.png" alt="JSON-LD-logo-32"/></a> -
- JSON-LD Data - - <a href="https://json-ld.org/" title="JSON-LD Data"><img style="border:0px;" width="24" src="https://json-ld.org/images/json-ld-data-24.png" alt="JSON-LD-logo-24"/></a> -
-
-
- -
diff --git a/images/index.md b/images/index.md new file mode 100644 index 00000000..3c5ce001 --- /dev/null +++ b/images/index.md @@ -0,0 +1,50 @@ +--- +layout: fomantic +title: JSON-LD Images/Logos +--- + +## JSON-LD Images + +The following images can be used for JSON-LD. +Use of these images must follow the guidelines found on the [W3C RDF +Icons](http://www.w3.org/RDF/icons/) page due to the embedded use of +their excellent logo and inspiration for this page. +{.ui .message} + +## Logos + +This is the JSON-LD logo. Also available as [SVG](json-ld-logo.svg) or +[high resolution PNG](json-ld-logo.png). + +| | | +|----|----| +| [![JSON-LD Logo](json-ld-logo-64.png)](https://json-ld.org/ "JSON-LD") | `JSON-LD-logo-64\` | + +{.ui .celled .table} + +## Buttons + +This button can be used to show JSON-LD support. Also available as +[SVG](json-ld-button.svg) (Inkscape) or [high resolution +PNG](json-ld-button.png). + +| | | +|----|----| +| [![JSON-LD Logo](json-ld-button-88.png)](https://json-ld.org/ "JSON-LD") | `JSON-LD-logo-88` | + +{.ui .celled .table} + +## Data + +These images can be used for JSON-LD data. Also available as +[SVG](json-ld-data.svg) (Inkscape) or [high resolution +PNG](json-ld-data.png). + +| | | +|----|----| +| [![JSON-LD Data Logo](json-ld-data-64.png)](https://json-ld.org/ "JSON-LD Data") | `JSON-LD-logo-64` | +| [![JSON-LD Data Logo](json-ld-data-48.png)](https://json-ld.org/ "JSON-LD Data") | `JSON-LD-logo-48` | +| [![JSON-LD Data Logo](json-ld-data-32.png)](https://json-ld.org/ "JSON-LD Data") | `JSON-LD-logo-32` | +| [![JSON-LD Data Logo](json-ld-data-24.png)](https://json-ld.org/ "JSON-LD Data") | `JSON-LD-logo-24` | + +{.ui .celled .table} diff --git a/package.json b/package.json index 3d6657c0..22e73582 100644 --- a/package.json +++ b/package.json @@ -27,6 +27,8 @@ "@rollup/plugin-node-resolve": "^16.0.1", "cbor2": "^2.0.1", "codemirror": "^6.0.1", + "markdown-it-anchor": "^9.2.0", + "markdown-it-attrs": "^4.3.1", "petite-vue": "^0.4.1", "rollup": "^4.40.1", "wrangler": "^4.6.0",