Astro Pi Org
x
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
<section class="view-component-preview-component">
  <div class="view-component-preview-component__container">
    <section class="ap-l-section ap-c-card-block">
      <div class="ap-l-container ap-c-card-block__text">
        <h2>News</h2>
        <ul class="ap-c-card-block__card-container ap-c-card-block__cards-4">
          <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">Astro Pi Mission Space Lab 2022/23</a></h3>
                <p>Updates on the mission this year</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>
          <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">Mission Zero blasts off into space</a></h3>
                <p>A Pi is now in charge of the ISS</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>
          <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">Third card in a row</a></h3>
                <p>Why developers do not write copy</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>
        </ul>
      </div>
    </section>
  </div>
</section>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
c(
  'site/card_block',
  heading: 'News',
  copy: 'All the latest news from Astro Pi',
  cards_amount: 4
) do |component|
  component.with_card do
    component.render(
      card(title: 'Astro Pi Mission Space Lab 2022/23', subtitle: 'Updates on the mission this year')
    )
  end
  component.with_card do
    component.render(
      card(title: 'Mission Zero blasts off into space', subtitle: 'A Pi is now in charge of the ISS')
    )
  end
  component.with_card do
    component.render(
      card(title: 'Third card in a row', subtitle: 'Why developers do not write copy')
    )
  end
end

No notes provided.

No params configured.