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/layouts | |
| 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/layouts')
| -rw-r--r-- | site/layouts/partials/header.html | 2 | ||||
| -rw-r--r-- | site/layouts/partials/social.html | 8 |
2 files changed, 4 insertions, 6 deletions
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}}"> |