mirror of
https://github.com/twbs/bootstrap.git
synced 2025-02-19 16:54:24 +01:00
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
This commit is contained in:
parent
00aa1a5c6e
commit
501faa2c96
@ -48,10 +48,9 @@ module:
|
||||
target: static/favicon.ico
|
||||
|
||||
params:
|
||||
description: "The most popular HTML, CSS, and JS library in the world."
|
||||
subtitle: "The most popular HTML, CSS, and JS library in the world."
|
||||
description: "Powerful, extensible, and feature-packed frontend toolkit. Build and customize with Sass, utilize prebuilt grid system and components, and bring projects to life with powerful JavaScript plugins."
|
||||
authors: "Mark Otto, Jacob Thornton, and Bootstrap contributors"
|
||||
social_image_path: /docs/5.2/assets/brand/bootstrap-social.png
|
||||
social_logo_path: /docs/5.2/assets/brand/bootstrap-social-logo.png
|
||||
|
||||
current_version: "5.2.0"
|
||||
current_ruby_version: "5.2.0"
|
||||
|
@ -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="">
|
||||
|
@ -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="">
|
||||
|
@ -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="">
|
||||
|
@ -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 }}">
|
||||
|
||||
|
@ -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}}">
|
||||
|
Binary file not shown.
Before Width: | Height: | Size: 54 KiB After Width: | Height: | Size: 709 KiB |
Loading…
x
Reference in New Issue
Block a user