Astro Pi Org
x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<section class="view-component-preview-component view-component-preview-component--with-narrow-container">
  <div class="view-component-preview-component__container">
    <li class="ap-c-card">
      <div class="ap-c-card__content">
        <div class="ap-c-card__summary">
          <h3><a data-event-category="Category" data-event-label="Label" data-event-action="click" href="https://google.com">Visit Link</a></h3>
          <p>All the latest news from Astro Pi</p>
        </div>
        <picture>
          <img alt="Alt Text" height="400" width="800" srcset="https://dummyimage.com/1180x720 2x" src="https://dummyimage.com/1180x720" />
        </picture>
      </div>
    </li>
  </div>
</section>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
c(
  'site/card',
  {
    copy: 'All the latest news from Astro Pi',
    link: {
      href: 'https://google.com',
      label: 'Visit Link',
      attrs: {
        data: {
          event_category: 'Category',
          event_label: 'Label',
          event_action: 'click'
        }
      }
    },
    image: {
      alt: 'Alt Text',
      height: 400,
      width: 800,
      src: 'https://dummyimage.com/1180x720',
      srcset: {
        'https://dummyimage.com/1180x720': '2x'
      }
    }
  },
  use_narrow_container: true
)

No notes provided.

No params configured.