Page Kit
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
<div class="ui-blog-post">
  <div class="ui-blog-post__summary">
    <h2><a data-breakout="true" data-no-visited-state="true" data-event-action="click" data-event-category="Blog post" data-event-label="Position 1" href="https://www.raspberrypi.org/blog/we-can-figure-it-out-how-one-minnesota-teacher-uses-experience-cs-to-set-the-tone-for-her-whole-year/">"We can figure it out": How one Minnesota teacher uses Experience CS to set the tone for her whole year</a></h2>
    <footer class="ui-blog-post__footer">
      <time datetime="2026-09-23 09:03:43">
        23rd Sep 2026
      </time>
      <span data-sauce-screen-reader-only>
        This post has
      </span>
      <span class="ui-blog-post__comments">
        <a class="ui-blog-post__comments-link" aria-hidden="true" data-post-id="93818" data-event-action="click" data-event-category="Blog post" data-event-label="Position 1" href="https://www.raspberrypi.org/blog/we-can-figure-it-out-how-one-minnesota-teacher-uses-experience-cs-to-set-the-tone-for-her-whole-year/#comments">
          <span class="ui-blog-post__comments-count">
            <span class="ui-blog-post__comments-loading"></span>
          </span>
          <span data-sauce-screen-reader-only></span>
        </a>      </span>
    </footer>
  </div>
  <figure>
    <picture class="c-image" height="628" width="1200"><!--[if IE 9]>
        <video style='display: none;'><![endif]-->
      <source media="(min-width: 1024px)" srcset="/resized-images/https://www.raspberrypi.org/app/uploads/2026/09/10479_ExpCS_Social_2_1200x627.png?variant=blog_post_landscape, /resized-images/https://www.raspberrypi.org/app/uploads/2026/09/10479_ExpCS_Social_2_1200x627.png?variant=blog_post_landscape%402x" />
      <source media="(min-width: 500px)" srcset="/resized-images/https://www.raspberrypi.org/app/uploads/2026/09/10479_ExpCS_Social_2_1200x627.png?variant=blog_post_square, /resized-images/https://www.raspberrypi.org/app/uploads/2026/09/10479_ExpCS_Social_2_1200x627.png?variant=blog_post_square%402x" />
      <source srcset="/resized-images/https://www.raspberrypi.org/app/uploads/2026/09/10479_ExpCS_Social_2_1200x627.png?variant=blog_post_landscape, /resized-images/https://www.raspberrypi.org/app/uploads/2026/09/10479_ExpCS_Social_2_1200x627.png?variant=blog_post_landscape%402x" />
      <!--[if IE 9]></video>
      <![endif]--><img alt="" data-image-loading="in-progress" loading="lazy" srcset="https://www.raspberrypi.org/app/uploads/2026/09/10479_ExpCS_Social_2_1200x627.png" /></picture>
  </figure>
</div>
1
2
3
4
c(
  'ui/blog_post',
  post: post(options: { badge: })
)

No notes provided.

Param Description Input

Optional badge to display on the post