WIP Add front matter images

twbs · Mar 25, 2024 · 31784a7 · 31784a7
1 parent 76f06ad
commit 31784a7
Show file tree

Hide file tree

Showing 20 changed files with 71 additions and 7 deletions.
diff --git a/src/content/posts/2012/bootstrap-jshint-and-recess.md b/src/content/posts/2012/bootstrap-jshint-and-recess.md
@@ -2,6 +2,8 @@
 author: mdo
 date: "2012-04-19T00:00:00Z"
 title: Bootstrap, JSHint, and Recess
+images:
+  - "/assets/img/2012/04/recess.png"
 ---
 
 This last week we've added two new developer tools to the Bootstrap tool chain and I wanted to take a minute to let you know a little bit more about what they are, why we've added them, and why it matters.

diff --git a/src/content/posts/2013/bootstrap-expo.md b/src/content/posts/2013/bootstrap-expo.md
@@ -2,6 +2,8 @@
 author: mdo
 date: "2013-03-03T00:00:00Z"
 title: Welcome to the Bootstrap Expo
+images:
+  - "/assets/img/2013/03/bootstrap-expo.jpg"
 ---
 
 [![Bootstrap Expo](/assets/img/2013/03/bootstrap-expo.jpg)](https://expo.getbootstrap.com/)

diff --git a/src/content/posts/2014/bootstrap-3-1-0-released.md b/src/content/posts/2014/bootstrap-3-1-0-released.md
@@ -6,6 +6,10 @@ video: phOW-CZJWT0
 keywords:
   - bootstrap
   - release
+images:
+  - "/assets/img/2014/01/docs.png"
+  - "/assets/img/2014/01/sass.png"
+  - "/assets/img/2014/01/examples.jpg"
 ---
 
 Today we're stoked to ship Bootstrap v3.1. We've got a handful of new features, plenty of bug fixes and improvements, and updated build tools.

diff --git a/src/content/posts/2014/ratchet-2.md b/src/content/posts/2014/ratchet-2.md
@@ -3,6 +3,9 @@ author: mdo
 date: "2014-02-25T00:00:00Z"
 title: Introducing Ratchet 2
 video: vimZj8HW0Kg
+images:
+  - "/assets/img/2014/02/ratchet-docs.png"
+  - "/assets/img/2014/02/ratchet-examples-sm.png"
 ---
 
 Today we're stoked to introduce the brand spanking new [Ratchet 2.0](http://goratchet.com/). The mobile-only framework for building mobile apps with HTML, CSS, and JavaScript has been overhauled with new features, documentation, and a brand new home.

diff --git a/src/content/posts/2021/bootstrap-icons-1-3-0.md b/src/content/posts/2021/bootstrap-icons-1-3-0.md
@@ -6,6 +6,8 @@ video: a01QQZyl-_I
 keywords:
   - icons
   - release
+images:
+  - "/assets/img/2021/01/icons-130-new.png"
 ---
 
 Say hello to over 60 new icons with [Bootstrap Icons v1.3.0](https://icons.getbootstrap.com)! We focused our efforts on filling in some holes and expanding some coverage of a few categories. We’re super happy with how the new additions came out and hope y’all love them, too!

diff --git a/src/content/posts/2021/bootstrap-icons-1-4-0.md b/src/content/posts/2021/bootstrap-icons-1-4-0.md
@@ -6,6 +6,9 @@ video: A-LMScK5SwU
 keywords:
   - icons
   - release
+images:
+  - "/assets/img/2021/02/v140-new-icons.png"
+  - "/assets/img/2021/02/v140-alignment.png"
 ---
 
 [Bootstrap Icons v1.4.0](https://icons.getbootstrap.com) adds over 60 new icons as part of a brand new weather category. Also included are some long requested improvements to vertical alignment and a handful of updates to tags and categories.

diff --git a/src/content/posts/2021/bootstrap-icons-1-5-0.md b/src/content/posts/2021/bootstrap-icons-1-5-0.md
@@ -6,6 +6,8 @@ video: FxzBvqY5PP0
 keywords:
   - icons
   - release
+images:
+  - "/assets/img/2021/05/v150-new-icons.png"
 ---
 
 [Bootstrap Icons v1.5.0](https://icons.getbootstrap.com) adds 45 new icons across a few categories as I continue to round out the set. Keep reading to see what's new!

diff --git a/src/content/posts/2021/bootstrap-icons-1-6-0.md b/src/content/posts/2021/bootstrap-icons-1-6-0.md
@@ -6,6 +6,8 @@ video: sOS9aOIXPEk
 keywords:
   - icons
   - release
+images:
+  - "/assets/img/2021/10/v160-new-updated-icons.png"
 ---
 
 [Bootstrap Icons v1.6.0](https://icons.getbootstrap.com) adds over 30 new icons, adds official Composer support, includes a new `.scss` stylesheet for the icon font, plus some other enhancements and bug fixes. Keep reading to see what's new!

diff --git a/src/content/posts/2021/bootstrap-icons-1-7-0.md b/src/content/posts/2021/bootstrap-icons-1-7-0.md
@@ -6,6 +6,8 @@ video: CqZgd6-xQl8
 keywords:
   - icons
   - release
+images:
+  - "/assets/img/2021/11/icons-v170.png"
 ---
 
 [Bootstrap Icons v1.7.0](https://icons.getbootstrap.com) is here with 120 new and updated icons, taking us over 1,500 total icons for the project! It's the largest update since the initial release, so keep reading to see what's new.

diff --git a/src/content/posts/2022/bootstrap-5-2-0-beta.md b/src/content/posts/2022/bootstrap-5-2-0-beta.md
@@ -6,6 +6,16 @@ video: 1-yzqgwTVi8
 keywords:
   - bootstrap
   - release
+images:
+  # TODO only 6 and order
+  - "/assets/img/2022/05/docs-home.png"
+  - "/assets/img/2022/05/docs-quick-start.png"
+  - "/assets/img/2022/05/docs-version-picker.png"
+  - "/assets/img/2022/05/docs-search.png"
+  - "/assets/img/2022/05/buttons-compared.png"
+  - "/assets/img/2022/05/inputs-compared.png"
+  - "/assets/img/2022/05/custom-button.png"
+  - "/assets/img/2022/05/docs-darkmode.png"
 ---
 
 It's the biggest release since v5 itself—**Bootstrap v5.2.0-beta1 is here!** This release features redesigned docs, CSS variables for all our components, responsive offcanvas, new helpers and utilities, refined buttons and inputs, and lots of improvements under the hood.

diff --git a/src/content/posts/2022/bootstrap-5-2-0.md b/src/content/posts/2022/bootstrap-5-2-0.md
@@ -6,6 +6,17 @@ video: L93-7vRfxNs
 keywords:
   - bootstrap
   - release
+images:
+  # TODO only 6 and order
+  - "/assets/img/2022/05/docs-home.png"
+  - "/assets/img/2022/05/docs-quick-start.png"
+  - "/assets/img/2022/05/docs-search.png"
+  - "/assets/img/2022/05/docs-version-picker.png"
+  - "/assets/img/2022/05/buttons-compared.png"
+  - "/assets/img/2022/05/custom-button.png"
+  - "/assets/img/2022/05/[email protected]"
+  - "/assets/img/2022/05/guides-stackblitz.png"
+  - "/assets/img/2022/05/snippets-stackblitz.png"
 ---
 
 **Bootstrap v5.2.0 is finally stable!** We've ironed out more bugs, improved more documentation, written new guides and built out new functional environment examples, and so much more!

diff --git a/src/content/posts/2022/bootstrap-5-2-1.md b/src/content/posts/2022/bootstrap-5-2-1.md
@@ -5,6 +5,9 @@ title: Bootstrap 5.2.1
 keywords:
   - bootstrap
   - release
+images:
+  - "/assets/img/2022/09/examples.png"
+  - "/assets/img/2022/09/bnpm.png"
 ---
 
 Bootstrap v5.2.1 is here with fixes from our latest minor release, v5.2. As a patch release, these changes are limited to bug fixes, documentation updates, and some dependency updates.

diff --git a/src/content/posts/2022/bootstrap-5-3-0-alpha1.md b/src/content/posts/2022/bootstrap-5-3-0-alpha1.md
@@ -5,6 +5,11 @@ title: Bootstrap 5.3.0-alpha1
 keywords:
   - bootstrap
   - release
+images:
+  - "/assets/img/2022/12/docs-dark-mode.png"
+  - "/assets/img/2022/12/docs-color-modes.png"
+  - "/assets/img/2022/12/docs-colors.png"
+  - "/assets/img/2022/12/docs-colors-dark-mode.png"
 ---
 
 It's a Christmas miracle—Bootstrap v5.3.0-alpha1 has arrived just in time for the holiday break! This release brings new color mode support, an expanded color palette with variables and utilities, and more.

diff --git a/src/content/posts/2022/bootstrap-icons-1-10-0.md b/src/content/posts/2022/bootstrap-icons-1-10-0.md
@@ -5,6 +5,8 @@ title: Bootstrap Icons v1.10.0
 keywords:
   - icons
   - release
+images:
+  - "/assets/img/2022/11/bootstrap-icons-v1100.png"
 ---
 
 [Bootstrap Icons v1.10.0](https://icons.getbootstrap.com) is here with nearly 150 new icons. This release includes tons of new variants for person, building, and database icons, plus new brands, rockets, road signs, globes, and many more. We're now at **over 1,900 icons**!

diff --git a/src/content/posts/2022/bootstrap-icons-1-8-0.md b/src/content/posts/2022/bootstrap-icons-1-8-0.md
@@ -6,6 +6,10 @@ video: HhZaHf8RP6g
 keywords:
   - icons
   - release
+images:
+  - "/assets/img/2022/01/icons-v180-love.png"
+  - "/assets/img/2022/01/icons-v180-filetypes.png"
+  - "/assets/img/2022/01/icons-v180-misc.png"
 ---
 
 [Bootstrap Icons v1.8.0](https://icons.getbootstrap.com) is here with over 140 new icons, including dozens of new heart icons ready for Valentine's Day and dozens of filetype icons. We're now at almost 1,700 icons and is once again our second largest release. Keep reading to see what's new.

diff --git a/src/content/posts/2022/bootstrap-icons-1-9-0.md b/src/content/posts/2022/bootstrap-icons-1-9-0.md
@@ -6,6 +6,8 @@ video: Z6_ZNW1DACE
 keywords:
   - icons
   - release
+images:
+  - "/assets/img/2022/07/bootstrap-icons-v190.png"
 ---
 
 [Bootstrap Icons v1.9.0](https://icons.getbootstrap.com) is here with over 140 new and updated icons, including some longstanding requests for new brands, transportation options, numbers and letters, and so much more. With this release, we're now at **over 1,800 icons**!

diff --git a/src/content/posts/2022/using-bootstrap-css-vars.md b/src/content/posts/2022/using-bootstrap-css-vars.md
@@ -6,6 +6,12 @@ keywords:
   - bootstrap
   - guide
 banner: "/assets/img/bootstrap-banner.png"
+images:
+  - "/assets/img/bootstrap-banner.png"
+  - "/assets/img/2022/05/docs-root-vars.png"
+  - "/assets/img/2022/05/docs-custom-button.png"
+  - "/assets/img/2022/05/docs-custom-tooltip.png"
+  - "/assets/img/2022/05/bg-opacity.png"
 ---
 
 [Bootstrap v5.2.0-beta1](/2022/05/13/bootstrap-5-2-0-beta/) added a slew of CSS custom properties, or CSS variables, across the `:root` level and all our core components. Here's a quick look at how you can utilize them in your projects.

diff --git a/src/content/posts/2023/bootstrap-5-3-0.md b/src/content/posts/2023/bootstrap-5-3-0.md
@@ -6,6 +6,10 @@ keywords:
   - bootstrap
   - release
 video: GC5E8ie2pdM
+images:
+  - "/assets/img/2022/12/docs-color-modes.png"
+  - "/assets/img/2023/05/colors-light-mode.png"
+  - "/assets/img/2023/05/colors-dark-mode.png"
 ---
 
 It's official, the final stable release of v5.3.0 has landed! It's been a monumental effort to revamp our codebase for CSS variables and color modes, one that will see continued changes leading up to an eventual Bootstrap 6. And we're so excited to finally ship it!

diff --git a/src/content/posts/2023/bootstrap-icons-1-11-0.md b/src/content/posts/2023/bootstrap-icons-1-11-0.md
@@ -7,6 +7,8 @@ keywords:
   - release
 aliases:
   - /2022/09/12/bootstrap-icons-1-11-0/
+images:
+  - "/assets/img/2023/09/icons-1-11-0.png"
 ---
 
 [Bootstrap Icons v1.11.0](https://icons.getbootstrap.com) has arrived with 100 new icons—including new floppy disk icons, additional brand icons, new person icons, new emojis, some birthday cake, a few new science icons, and more. We're now at **over 2,000 icons**!

diff --git a/src/layouts/partials/social.html b/src/layouts/partials/social.html
@@ -14,11 +14,4 @@
 
 {{ template "_internal/opengraph.html" . -}}
 
-{{- /* Manually add `og:image`'s dimensions since Hugo's internal shortcode doesn't do it */ -}}
-{{- $socialImage := path.Join "src/static" (index $.Site.Params.images 0) -}}
-{{- with imageConfig $socialImage -}}
-<meta property="og:image:width" content="{{ .Width }}">
-<meta property="og:image:height" content="{{ .Height }}">
-{{- end }}
-
 {{ template "_internal/schema.html" . -}}
-Original file line number
+Diff line change
@@ Expand Up / @@ -6,6 +6,8 @@ video: a01QQZyl-_I @@
     keywords:
       - icons
       - release
+    images:
+      - "/assets/img/2021/01/icons-130-new.png"
     ---
     Say hello to over 60 new icons with [Bootstrap Icons v1.3.0](https://icons.getbootstrap.com)! We focused our efforts on filling in some holes and expanding some coverage of a few categories. We’re super happy with how the new additions came out and hope y’all love them, too!
@@ Expand Down @@