{"id":13339885,"url":"https://github.com/uPortal-contrib/CardWebComponents","last_synced_at":"2025-03-11T15:31:52.708Z","repository":{"id":33522828,"uuid":"138003070","full_name":"uPortal-contrib/CardWebComponents","owner":"uPortal-contrib","description":"Card Web Components for the uPortal ecosystem ","archived":false,"fork":false,"pushed_at":"2025-03-03T17:34:00.000Z","size":58436,"stargazers_count":3,"open_issues_count":43,"forks_count":2,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-03-03T18:38:06.406Z","etag":null,"topics":["accessibility","card","hyperhtml","internationalization","uportal","web-components"],"latest_commit_sha":null,"homepage":"https://uportal-contrib.github.io/CardWebComponents/","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/uPortal-contrib.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2018-06-20T08:30:13.000Z","updated_at":"2023-04-02T19:26:03.000Z","dependencies_parsed_at":"2023-01-15T01:31:04.398Z","dependency_job_id":"a847c7b9-fafe-48c7-ae19-8cec96f2e728","html_url":"https://github.com/uPortal-contrib/CardWebComponents","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uPortal-contrib%2FCardWebComponents","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uPortal-contrib%2FCardWebComponents/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uPortal-contrib%2FCardWebComponents/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/uPortal-contrib%2FCardWebComponents/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/uPortal-contrib","download_url":"https://codeload.github.com/uPortal-contrib/CardWebComponents/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243059706,"owners_count":20229619,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["accessibility","card","hyperhtml","internationalization","uportal","web-components"],"created_at":"2024-07-29T19:21:21.472Z","updated_at":"2025-03-11T15:31:52.192Z","avatar_url":"https://github.com/uPortal-contrib.png","language":"HTML","readme":"# Card Web Components\n\n[![GitHub CI](https://github.com/uPortal-contrib/CardWebComponents/workflows/CI/badge.svg)](https://github.com/uPortal-contrib/CardWebComponents/actions?workflow=CI)\n\nCard component for the uPortal ecosystem.\n\nThis component aims to display an Internationalized and accessible Card in Apereo uPortal.\nSo far tested in FF, Chrome, Safari and Edge (Windows, Mac, Linux, IOS \u0026 Android)\n\n## Dependancies\n\nLow and very light (-3Kb) dependencies make the component fast and easy to maintain.\n\n- hyperHTML @lastest\n- webcomponents-lite 1.2.0\n- @fortawesome/fontawesome-free 5.5.0 (svg only)\n\n## License\n\nApache-2.0\n\n## Supported Languages\n\n- `en-US` (default). :eyes: See it in [English (United States)](https://uportal-contrib.github.io/CardWebComponents/index.html) :us:\n- `fr-FR` . :eyes: See it in [French](https://uportal-contrib.github.io/CardWebComponents/index_fr-FR.html) :fr:\n- `fr-CA` . :eyes: See it in [French (Canada)](https://uportal-contrib.github.io/CardWebComponents/index_fr-CA.html)\n- `es-ES` . :eyes: See it in [Spanish](https://uportal-contrib.github.io/CardWebComponents/index_es.html) :es:\n- `nl-NL` . :eyes: See it in [Dutch](https://uportal-contrib.github.io/CardWebComponents/index_nl.html)\n- `it` . :eyes: See it in [Italian](https://uportal-contrib.github.io/CardWebComponents/index_it.html) :it:\n- `ar` . :eyes: See it in [Standard Arabic](https://uportal-contrib.github.io/CardWebComponents/index_ar.html)\n- `de` . :eyes: See it in [German](https://uportal-contrib.github.io/CardWebComponents/index_de.html) :de:\n- `zn-CN` . :eyes: See it in [Simplified Chinese](https://uportal-contrib.github.io/CardWebComponents/index_zn-CN.html) :cn:\n\n![Card webcomponent](doc/images/2018-12-08_15-15-58.gif \"uPortal card in en-US, fr-FR, es-ES, it, nl-NL\")\n\n## See multiple components in Flexbox and Grid layouts\n\n- `Flexbox layout` :eyes: See it in [flexbox layout](https://uportal-contrib.github.io/CardWebComponents/index_albatros.html)\n- `Grid layout` . :eyes: See it in [a grid layout](https://uportal-contrib.github.io/CardWebComponents/index_grid-labs.html)\n\nMany Thanks to Heydonworks and Jen Simmons fantastic works\nin these page, axe-core latest Audit score are excellent and are conforme to WCAG 2.1 AAA\n\n![Axe Audit flags no Accessibility Violations](doc/images/axe-core_2019-05-31.png \"Congratulations! No Accessibility Violations\")\n\n## Features\n\n- [x] WCAG 2.1 Level AA - Level AAA Work in progress to got beyond simple conformance, but effective Inclusivity,\n- [x] extra Features in CSS Level 4 : :visible-focus (enable accessibility flags)\n- [x] An user can differentiate french from France and French Canadian with Speech Assistive Technologies (falsy-friends, Cutural Differences)\n  - [ ] add Support for `en-GB`\n  - [ ] add Support for `fr-BE`\n  - [ ] add Support for `fr-CH`\n  - [ ] add Support for `nl-BE`\n  - [ ] add Support for Gaelic (Scotland) `gd`\n  - [ ] add Support for Welsh `cy`\n\n## Audits\n\n![Card webcomponent Audit](doc/images/metrics_2018-12-09.png \"Audit in Chrome devtool: Performance:100/100 - Accessibility: 100/100 - Best Practices:100/100 - SEO: 100/100\")\n\n## Build\n\n- use `npm install` to get dependencies.\n- use `npm start` to view code in a local web server.\n- use `npm test` to run lint checks\n\n## Screenshots\n\n![Card webcomponent in English](doc/images/CardWebComponents_2019-05-31.png \"card in en-US\")\n\nupdated: 2019/05/31\n\n## How it works\n\n- open `dist/index.html` and change `\u003chtml lang=\"en-US\"\u003e` to `\u003chtml lang=\"fr-FR\"\u003e`, the component will be in french.\n- In uPortal, the component will change automatically according to the user's locales switcher.\n\n## Running in uPortal\n\ncopy all the files from `dist/` folder in a `card/` directory, then copy this folder into\n`uPortal-start/overlays/uPortal/src/main/webapp` (or other location served by Tomcat).\n\n#### Sample HTML in uPortal 4.2 to 5.2\n\nDefine a SimpleCMS portlet with HTML content like the following:\n\n```HTML\n\u003cmy-card id=\"what-is-uportal-i18n\" messagesPath=\"../../../../uPortal/card/\" cssPath=\"../../../../uPortal/card/css\"\u003e\u003c/my-card\u003e\n\u003cscript src='https://cdnjs.cloudflare.com/ajax/libs/webcomponentsjs/1.2.0/webcomponents-lite.js' defer\u003e\u003c/script\u003e\n\u003cscript src='https://unpkg.com/regenerator-runtime@0.12.1/runtime.js' defer\u003e\u003c/script\u003e\n\u003cscript src=\"../../../../uPortal/card/my-card.umd.js\" defer\u003e\u003c/script\u003e\n```\n\n#### Sample HTML in uPortal 5.3\n\nDefine a SimpleCMS portlet with HTML content like the following:\n\n```HTML\n\u003cmy-card id=\"what-is-uportal-i18n\" messagesPath=\"../../../../uPortal/card/\" cssPath=\"../../../../uPortal/card/css\"\u003e\u003c/my-card\u003e\u003cscript src=\"../../../../uPortal/card/my-card.umd.js\" defer\u003e\u003c/script\u003e\n```\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FuPortal-contrib%2FCardWebComponents","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FuPortal-contrib%2FCardWebComponents","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FuPortal-contrib%2FCardWebComponents/lists"}