diff --git a/assets/manifest.json b/assets/manifest.json deleted file mode 100644 index 0d183a2..0000000 --- a/assets/manifest.json +++ /dev/null @@ -1,39 +0,0 @@ -{ - "icons": [ - { - "src": "images/favicon.ico", - "type": "image/x-icon", - "sizes": "48x48" - }, - { - "src": "images/favicon.svg", - "type": "image/svg+xml", - "sizes": "150x150", - "purpose": "any" - }, - { - "src": "images/govuk-icon-180.png", - "type": "image/png", - "sizes": "180x180", - "purpose": "maskable" - }, - { - "src": "images/govuk-icon-192.png", - "type": "image/png", - "sizes": "192x192", - "purpose": "maskable" - }, - { - "src": "images/govuk-icon-512.png", - "type": "image/png", - "sizes": "512x512", - "purpose": "maskable" - }, - { - "src": "images/govuk-icon-mask.svg", - "type": "image/svg+xml", - "sizes": "150x150", - "purpose": "monochrome" - } - ] -} diff --git a/index.html b/index.html index 73f7eb1..90ca866 100644 --- a/index.html +++ b/index.html @@ -1,259 +1,342 @@ - + - -
- - -- A widget is a small component that can be placed on any website. This widget helps users find their nearest public - library. The data is provided by the LibraryOn API. -
-- You can either embed the widget as it comes, or customise the width, height, and primary/secondary colours. Once - you are done with customisations, refresh and copy the code at the bottom of the page, to paste into your - website's HTML. -
-- If you have any problems, or would like to give feedback, please get in touch. -
+ -- The demo shows the widget with the default colours and a width of 320px and a height of 500px. -
++ A widget is a small component that can be placed on any website. This + widget helps users find their nearest public library. +
++ You can either embed the widget as it comes, or customise the width, + height, and primary/secondary colours. Once you are done with + customisations, refresh and copy the code at the bottom of the page, to + paste into your website's HTML. +
++ If you have any problems, or would like to give feedback, please + get in touch. +
- Make it work for your website -- After you have made your customisations for size and colours, click the 'Refresh code' button to update the code - snippet at the bottom of the page. -
+ See it in action +