diff --git a/_layouts/post.html b/_layouts/post.html index 578108f2d..00c073caf 100644 --- a/_layouts/post.html +++ b/_layouts/post.html @@ -5,8 +5,17 @@

{{ page.title }}

+
+ - +
+ {% for tag in page.tag %} +
{{ tag }}
+ {% endfor %} +
+
{% include authors.html authors=page.author compact=true %}
diff --git a/_posts/2024-03-12-byte-sized-swift-tiny-games-playdate.md b/_posts/2024-03-12-byte-sized-swift-tiny-games-playdate.md index 9c4c32255..6a04f46cf 100644 --- a/_posts/2024-03-12-byte-sized-swift-tiny-games-playdate.md +++ b/_posts/2024-03-12-byte-sized-swift-tiny-games-playdate.md @@ -4,6 +4,7 @@ published: true date: 2024-03-12 10:00:00 title: "Byte-sized Swift: Building Tiny Games for the Playdate" author: [rauhul] +tag: [embedded] --- I'm excited to share [swift-playdate-examples](https://github.com/apple/swift-playdate-examples), a technical demonstration of using Swift to build games for [Playdate](https://play.date/), a handheld game system by [Panic](https://panic.com). diff --git a/_posts/2024-04-03-embedded-swift-examples.md b/_posts/2024-04-03-embedded-swift-examples.md index b83f5aa62..3c2d19df9 100644 --- a/_posts/2024-04-03-embedded-swift-examples.md +++ b/_posts/2024-04-03-embedded-swift-examples.md @@ -4,6 +4,7 @@ published: true date: 2024-04-03 10:00:00 title: "Get Started with Embedded Swift on ARM and RISC-V Microcontrollers" author: [kubamracek] +tag: [embedded] --- We're pleased to introduce a [repository of example projects](https://github.com/apple/swift-embedded-examples) that demonstrate how Embedded Swift can be used to develop software on a range of microcontrollers. diff --git a/assets/stylesheets/_screen.scss b/assets/stylesheets/_screen.scss index 01bddef44..46d9f641c 100644 --- a/assets/stylesheets/_screen.scss +++ b/assets/stylesheets/_screen.scss @@ -570,21 +570,41 @@ article { padding-top: 0em; } - time { - display: block; - text-transform: uppercase; - font-size: 14px; - font-weight: 400; - color: var(--color-figure-gray-tertiary); - margin-right: 3em; - margin-bottom: 1.25em; - } + .subtitle { + display: flex; + justify-content: space-between; + margin-bottom: 1em; - .tags { - display: block; - font-size: 12px; - font-weight: 400; - margin-top: 0; + time { + flex-shrink: 0; + margin-top: 0.2em + 0.15em; + text-transform: uppercase; + font-size: 0.8em; + font-weight: 400; + color: var(--color-figure-gray-tertiary); + } + + .tags { + display: flex; + flex-direction: row; + /* Allow tags to wrap to additional lines */ + flex-wrap: wrap; + /* Add a small gap between additional lines */ + gap: 0.4em; + /* Align to trailing edge */ + justify-content: flex-end; + + .tag { + text-transform: uppercase; + font-size: 0.8em; + font-weight: 400; + margin-left: 0.5em; /* Adjust margin as needed for spacing between tags */ + color: var(--color-figure-gray-tertiary); + border: 0.15em solid var(--color-nav-rule); + border-radius: 0.5rem; + padding: 0.15em 0.4em; + } + } } } diff --git a/blog/index.html b/blog/index.html index 279279d3a..08133fb35 100644 --- a/blog/index.html +++ b/blog/index.html @@ -8,7 +8,17 @@

{{ post.title }}

- +
+ + +
+ {% for tag in post.tag %} +
{{ tag }}
+ {% endfor %} +
+
{{ post.excerpt }}