From 933c4b7782adc4f29b784f98cd662b90fd219754 Mon Sep 17 00:00:00 2001 From: Benjamin Young Date: Fri, 21 Nov 2025 17:17:58 -0500 Subject: [PATCH 1/4] Use Fomantic layout for Images page. --- _layouts/fomantic.liquid | 9 ++++ images/index.html | 98 ---------------------------------------- images/index.md | 50 ++++++++++++++++++++ 3 files changed, 59 insertions(+), 98 deletions(-) delete mode 100644 images/index.html create mode 100644 images/index.md 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} From 3364afa55f4b34118af39578d9ffed56fe9817fc Mon Sep 17 00:00:00 2001 From: Benjamin Young Date: Tue, 2 Dec 2025 13:25:03 -0500 Subject: [PATCH 2/4] Improve footer styles. --- _layouts/fomantic.liquid | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/_layouts/fomantic.liquid b/_layouts/fomantic.liquid index 71e433f4..7e254dc0 100644 --- a/_layouts/fomantic.liquid +++ b/_layouts/fomantic.liquid @@ -27,6 +27,7 @@ .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; } + .ui.basic.footer.segment { border-top: 1px solid rgba(34,36,38,.15); margin-top: 4em; padding-top: 2em; } /* RDF Font gets priority */ i.rdf-icon-rdf.icon { font-family: 'rdf-font'; } @@ -106,7 +107,7 @@ {{ content }} -