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">
              <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>
          <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>
          <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>
          <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(copy: 'Check the eligibility criteria and read the official guidelines')
    )
  end
  component.with_illustrated_text do
    component.render(
      illustrated_text(copy: 'Mentors register for Mission Zero and receive a classroom code.')
    )
  end
  component.with_illustrated_text do
    component.render(
      illustrated_text(copy: 'Students and young people write their programs and submit them using the classroom code.')
    )
  end
  component.with_illustrated_text do
    component.render(
      illustrated_text(copy: 'The programs are deployed and run on the International Space Station!')
    )
  end
end

No notes provided.

No params configured.