## Goal Allow TACC-style cards on [DesignSafe](https://github.com/DesignSafe-CI/portal) web pages e.g. [/news/nheri-presents/](https://www.designsafe-ci.org/news/nheri-presents/). ## Ideas 1. Style [Bootstrap 3 **Panels**](https://getbootstrap.com/docs/3.4/components/#panels). - **Only** DesignSafe client would likely use. - **Plugin** for Panels already available via [`django-bootstrap3`](https://github.com/zostera/django-bootstrap3) (only within Columns).</sup> 2. Style [Bootstrap 4 **Cards**](https://getbootstrap.com/docs/4.6/components/card/). - **Most** TACC/Core-Styles clients can use. - **But** how to add Cards to page? (DesignSafe will **not** have Bootstrap4.) Install [`djangocms-style`](https://github.com/django-cms/djangocms-style)? 3. Style [Bootstrap 5 **Cards**](https://getbootstrap.com/docs/5.2/components/card/). - **New** TACC/Core-Styles clients can use. - **But** how to add Cards to page? (DesignSafe will **not** have Bootstrap5.) Install [`djangocms-style`](https://github.com/django-cms/djangocms-style)? ## Steps 0. Build or choose a pattern that is, or is styled like, [TACC/Core-Styles **Cards**](https://github.com/TACC/Core-Styles/tree/main/src/lib/_imports/components/c-card) ([`.css`](https://github.com/TACC/Core-Styles/blob/main/src/lib/_imports/components/c-card.css)). 1. Get jsDelivrURL CDN to `@tacc/core-styles` stylesheet. 2. Load stylesheet onto site, e.g. - via `<link>` in a [Django CMS **Snippet**](https://github.com/django-cms/djangocms-snippet) - via `import` into [`main.css`](https://github.com/DesignSafe-CI/portal/blob/v7.8.5/designsafe/static/styles/main.css)
Activity
[-]Create/Adjust Card Component for DesignSafe Client[/-][+]Support Card Pattern for DesignSafe Client[/+]