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/introducing-our-new-programming-with-ai-unit/"> Introducing our new 'Programming with AI' unit</a></h2>
    <footer class="ui-blog-post__footer">
      <time datetime="2025-12-18 10:41:31">
        18th Dec 2025
      </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="92115" data-event-action="click" data-event-category="Blog post" data-event-label="Position 1" href="https://www.raspberrypi.org/blog/introducing-our-new-programming-with-ai-unit/#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="665" width="1182"><!--[if IE 9]>
        <video style='display: none;'><![endif]-->
      <source media="(min-width: 1024px)" srcset="/resized-images/https://www.raspberrypi.org/app/uploads/2025/12/image1-1.jpg?variant=blog_post_landscape, /resized-images/https://www.raspberrypi.org/app/uploads/2025/12/image1-1.jpg?variant=blog_post_landscape%402x" />
      <source media="(min-width: 500px)" srcset="/resized-images/https://www.raspberrypi.org/app/uploads/2025/12/image1-1.jpg?variant=blog_post_square, /resized-images/https://www.raspberrypi.org/app/uploads/2025/12/image1-1.jpg?variant=blog_post_square%402x" />
      <source srcset="/resized-images/https://www.raspberrypi.org/app/uploads/2025/12/image1-1.jpg?variant=blog_post_landscape, /resized-images/https://www.raspberrypi.org/app/uploads/2025/12/image1-1.jpg?variant=blog_post_landscape%402x" />
      <!--[if IE 9]></video>
      <![endif]--><img alt="Students completing activities from lesson 1" data-image-loading="in-progress" loading="lazy" srcset="https://www.raspberrypi.org/app/uploads/2025/12/image1-1.jpg" /></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