diff options
author | Mark Otto <markd.otto@gmail.com> | 2022-07-26 19:25:47 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2022-07-26 19:25:47 +0300 |
commit | 501faa2c966632f31b919faf3fa78e9adbe6fe5b (patch) | |
tree | 9e23264e5e9173f12515527c6b902514bd7f8f0f /site | |
parent | 00aa1a5c6e04629955ee45780b86f6ce8fd48ebf (diff) |
Simplify social images and add ability to set per-page images (#36804)
* Simplify social images and add ability to set per-page images
- Removes the homepage summary layout in favor of the larger image card (makes it more consistent with other pages)
- Reuses new thumbnails for Webpack, Parcel, and Vite guides to add their new social images
* Update default social card
* Change description to subtitle, add longer description to match homepage
* Remove social_image_path, use inline conditions for social images
Diffstat (limited to 'site')
-rw-r--r-- | site/content/docs/5.2/getting-started/parcel.md | 1 | ||||
-rw-r--r-- | site/content/docs/5.2/getting-started/vite.md | 1 | ||||
-rw-r--r-- | site/content/docs/5.2/getting-started/webpack.md | 1 | ||||
-rw-r--r-- | site/layouts/partials/header.html | 2 | ||||
-rw-r--r-- | site/layouts/partials/social.html | 8 | ||||
-rw-r--r-- | site/static/docs/5.2/assets/brand/bootstrap-social.png | bin | 54961 -> 726245 bytes |
6 files changed, 7 insertions, 6 deletions
diff --git a/site/content/docs/5.2/getting-started/parcel.md b/site/content/docs/5.2/getting-started/parcel.md index 674a39837b..d28f92384f 100644 --- a/site/content/docs/5.2/getting-started/parcel.md +++ b/site/content/docs/5.2/getting-started/parcel.md @@ -4,6 +4,7 @@ title: "Bootstrap & Parcel" description: The official guide for how to include and bundle Bootstrap's CSS and JavaScript in your project using Parcel. group: getting-started toc: true +thumbnail: guides/bootstrap-parcel@2x.png --- <img class="mb-4 img-fluid rounded-3" srcset="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-parcel.png, /docs/{{< param docs_version >}}/assets/img/guides/bootstrap-parcel@2x.png 2x" src="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-parcel.png" width="2000" height="1000" alt=""> diff --git a/site/content/docs/5.2/getting-started/vite.md b/site/content/docs/5.2/getting-started/vite.md index ca71bbe31d..ee08379a7c 100644 --- a/site/content/docs/5.2/getting-started/vite.md +++ b/site/content/docs/5.2/getting-started/vite.md @@ -4,6 +4,7 @@ title: "Bootstrap & Vite" description: The official guide for how to include and bundle Bootstrap's CSS and JavaScript in your project using Vite. group: getting-started toc: true +thumbnail: guides/bootstrap-vite@2x.png --- <img class="mb-4 img-fluid rounded-3" srcset="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-vite.png, /docs/{{< param docs_version >}}/assets/img/guides/bootstrap-vite@2x.png 2x" src="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-vite.png" width="2000" height="1000" alt=""> diff --git a/site/content/docs/5.2/getting-started/webpack.md b/site/content/docs/5.2/getting-started/webpack.md index e314ecf6a2..ca104f98c1 100644 --- a/site/content/docs/5.2/getting-started/webpack.md +++ b/site/content/docs/5.2/getting-started/webpack.md @@ -4,6 +4,7 @@ title: "Bootstrap & Webpack" description: The official guide for how to include and bundle Bootstrap's CSS and JavaScript in your project using Webpack. group: getting-started toc: true +thumbnail: guides/bootstrap-webpack@2x.png --- <img class="mb-4 img-fluid rounded-3" srcset="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-webpack.png, /docs/{{< param docs_version >}}/assets/img/guides/bootstrap-webpack@2x.png 2x" src="/docs/{{< param docs_version >}}/assets/img/guides/bootstrap-webpack.png" width="2000" height="1000" alt=""> diff --git a/site/layouts/partials/header.html b/site/layouts/partials/header.html index a592cdccb8..ceeb8b546d 100644 --- a/site/layouts/partials/header.html +++ b/site/layouts/partials/header.html @@ -7,7 +7,7 @@ <meta name="docsearch:language" content="en"> <meta name="docsearch:version" content="{{ .Site.Params.docs_version }}"> -<title>{{ if .IsHome }}{{ .Site.Title | markdownify }} · {{ .Site.Params.description | markdownify }}{{ else }}{{ .Title | markdownify }} · {{ .Site.Title | markdownify }} v{{ .Site.Params.docs_version }}{{ end }}</title> +<title>{{ if .IsHome }}{{ .Site.Title | markdownify }} · {{ .Site.Params.subtitle | markdownify }}{{ else }}{{ .Title | markdownify }} · {{ .Site.Title | markdownify }} v{{ .Site.Params.docs_version }}{{ end }}</title> <link rel="canonical" href="{{ .Permalink }}"> diff --git a/site/layouts/partials/social.html b/site/layouts/partials/social.html index a63f6caee8..2226c386c4 100644 --- a/site/layouts/partials/social.html +++ b/site/layouts/partials/social.html @@ -1,17 +1,15 @@ -{{ "<!-- Twitter -->" | safeHTML }} -<meta name="twitter:card" content="{{ if .IsHome }}summary_large_image{{ else }}summary{{ end }}"> +<meta name="twitter:card" content="summary_large_image"> <meta name="twitter:site" content="@{{ .Site.Params.twitter }}"> <meta name="twitter:creator" content="@{{ .Site.Params.twitter }}"> <meta name="twitter:title" content="{{ .Title | markdownify }}"> <meta name="twitter:description" content="{{ .Page.Params.description | default .Site.Params.description | markdownify }}"> -<meta name="twitter:image" content="{{ if .IsHome }}{{ .Site.Params.social_logo_path | absURL }}{{ else }}{{ .Site.Params.social_image_path | absURL }}{{ end }}"> +<meta name="twitter:image" content="/docs/{{ .Site.Params.docs_version }}/assets/{{ if .Page.Params.thumbnail }}img/{{ .Page.Params.thumbnail }}{{else}}brand/bootstrap-social.png{{end}}"> -{{ "<!-- Facebook -->" | safeHTML }} <meta property="og:url" content="{{ .Permalink }}"> <meta property="og:title" content="{{ .Title | markdownify }}"> <meta property="og:description" content="{{ .Page.Params.description | default .Site.Params.description | markdownify }}"> <meta property="og:type" content="{{ if .IsPage }}article{{ else }}website{{ end }}"> -<meta property="og:image" content="{{ .Site.Params.social_image_path | absURL }}"> <meta property="og:image:type" content="image/png"> <meta property="og:image:width" content="1000"> <meta property="og:image:height" content="500"> +<meta property="og:image" content="/docs/{{ .Site.Params.docs_version }}/assets/{{ if .Page.Params.thumbnail }}img/{{ .Page.Params.thumbnail }}{{else}}brand/bootstrap-social.png{{end}}"> diff --git a/site/static/docs/5.2/assets/brand/bootstrap-social.png b/site/static/docs/5.2/assets/brand/bootstrap-social.png Binary files differindex c7adc6f85b..f027ee8e6b 100644 --- a/site/static/docs/5.2/assets/brand/bootstrap-social.png +++ b/site/static/docs/5.2/assets/brand/bootstrap-social.png |