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
<section class="view-component-preview-component">
  <div class="view-component-preview-component__container">
    <div class="ap-l-section ap-c-illustrated-text-block">
      <div class="ap-l-container">
        <h2>How To Take Part</h2>
        <ul class="ap-c-illustrated-text-block__items">
          <li class="ap-c-illustrated-text">
            <div class="ap-c-illustrated-text__illustration">
              <strong>28,126</strong>
            </div>
            <div class="ap-c-illustrated-text__copy">
            </div>
          </li>
          <li class="ap-c-illustrated-text">
            <div class="ap-c-illustrated-text__illustration">
              <strong>26</strong>
            </div>
            <div class="ap-c-illustrated-text__copy">
            </div>
          </li>
          <li class="ap-c-illustrated-text">
            <div class="ap-c-illustrated-text__illustration">
              <strong>44%</strong>
            </div>
            <div class="ap-c-illustrated-text__copy">
            </div>
          </li>
          <li class="ap-c-illustrated-text">
            <div class="ap-c-illustrated-text__illustration">
              <img alt="Alt Text" height="400" width="400" srcset="https://dummyimage.com/400x400 2x" src="https://dummyimage.com/200x200" />
            </div>
            <div class="ap-c-illustrated-text__copy">
            </div>
          </li>
        </ul>
      </div>
    </div>
  </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/illustrated_text_block',
  {
    heading: 'How To Take Part'
  }
) do |component|
  component.with_illustrated_text do
    component.render(
      illustrated_text(has_image: false, text: '28,126', copy: 'Young people participated in 2021/22')
    )
  end
  component.with_illustrated_text do
    component.render(
      illustrated_text(has_image: false, text: '26', copy: 'countries participated across Europe and Canada in 2021/22')
    )
  end
  component.with_illustrated_text do
    component.render(
      illustrated_text(has_image: false, text: '44%', copy: 'Female representation across the Astro Pi Challenge 2021/22')
    )
  end
  component.with_illustrated_text do
    component.render(
      illustrated_text(copy: 'Media attention raised the profile of STEM education')
    )
  end
end

No notes provided.

No params configured.