claude
e4f1eead25
Build and Deploy Verso / deploy (push) Successful in 10m24s
Replace Overleaf favicons with Verso icon mark across all sizes (16x16, 32x32, 180x180 apple-touch, 192x192/512x512 android-chrome, ICO). Add OG social preview image (1200x630) for Discord/Twitter link cards. - New favicon.svg: Verso icon mark with four overlapping circles and V - mask-favicon.svg: monochrome V polygon (was Overleaf chevron) - og-image.png: 1200x630 social card with icon mark and "Verso" wordmark - web.sitemanifest.json: rename "Overleaf" → "Verso", theme_color updated - _metadata.pug: add og:url tag, fix og:type missing content= attribute, point CE default OG/twitter images to og-image.png instead of apple-touch-icon.png Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
158 lines
5.4 KiB
Plaintext
158 lines
5.4 KiB
Plaintext
//- Title
|
|
if metadata && metadata.title
|
|
title(translate='no')= metadata.title + ' - ' + settings.appName + ', ' + translate('online_latex_editor')
|
|
meta(name='twitter:title' content=metadata.title)
|
|
meta(name='og:title' content=metadata.title)
|
|
else if typeof title == 'undefined'
|
|
title(translate='no')= settings.appName + ', ' + translate('online_latex_editor')
|
|
meta(
|
|
name='twitter:title'
|
|
content=settings.appName + ', ' + translate('online_latex_editor')
|
|
)
|
|
meta(
|
|
name='og:title'
|
|
content=settings.appName + ', ' + translate('online_latex_editor')
|
|
)
|
|
else
|
|
title(translate='no')= translate(title) + ' - ' + settings.appName + ', ' + translate('online_latex_editor')
|
|
//- to do - not translate?
|
|
meta(name='twitter:title' content=translate(title))
|
|
meta(name='og:title' content=translate(title))
|
|
|
|
//- Description
|
|
if metadata && metadata.description
|
|
meta(name='description' content=metadata.description)
|
|
meta(itemprop='description' content=metadata.description)
|
|
//-twitter and og descriptions handeled in their sections below
|
|
else
|
|
meta(name='description' content=translate('site_description'))
|
|
meta(itemprop='description' content=translate('site_description'))
|
|
|
|
//- Image
|
|
if metadata && metadata.image && metadata.image.fields
|
|
//- from the CMS
|
|
meta(itemprop='image' content=metadata.image.fields.file.url)
|
|
meta(name='image' content=metadata.image.fields.file.url)
|
|
else if metadata && metadata.image_src
|
|
//- pages with custom metadata images, metadata.image_src is the full image URL
|
|
meta(itemprop='image' content=metadata.image_src)
|
|
meta(name='image' content=metadata.image_src)
|
|
else if settings.overleaf
|
|
//- the default image for Overleaf
|
|
meta(itemprop='image' content=buildImgPath('ol-brand/overleaf_og_logo.png'))
|
|
meta(name='image' content=buildImgPath('ol-brand/overleaf_og_logo.png'))
|
|
else
|
|
//- the default image for Verso Community Edition
|
|
meta(itemprop='image' content=buildBaseAssetPath() + 'og-image.png')
|
|
meta(name='image' content=buildBaseAssetPath() + 'og-image.png')
|
|
|
|
//- Keywords
|
|
if metadata && metadata.keywords
|
|
meta(name='keywords' content=metadata.keywords)
|
|
|
|
//- Misc
|
|
meta(itemprop='name' content=settings.appName + ', the Online LaTeX Editor')
|
|
|
|
if metadata && metadata.robotsNoindexNofollow
|
|
meta(name='robots' content='noindex, nofollow')
|
|
|
|
//- Twitter
|
|
meta(
|
|
name='twitter:card'
|
|
content=metadata && metadata.twitterCardType ? metadata.twitterCardType : 'summary'
|
|
)
|
|
if settings.social && settings.social.twitter && settings.social.twitter.handle
|
|
meta(name='twitter:site' content='@' + settings.social.twitter.handle)
|
|
if metadata && metadata.twitterDescription
|
|
meta(name='twitter:description' content=metadata.twitterDescription)
|
|
else
|
|
meta(name='twitter:description' content=translate('site_description'))
|
|
if metadata && metadata.twitterImage && metadata.twitterImage.fields
|
|
//- from the CMS
|
|
meta(name='twitter:image' content=metadata.twitterImage.fields.file.url)
|
|
meta(name='twitter:image:alt' content=metadata.twitterImage.fields.title)
|
|
else if settings.overleaf
|
|
//- the default image for Overleaf
|
|
meta(
|
|
name='twitter:image'
|
|
content=buildImgPath('ol-brand/overleaf_og_logo.png')
|
|
)
|
|
else
|
|
//- the default image for Verso Community Edition
|
|
meta(
|
|
name='twitter:image'
|
|
content=buildBaseAssetPath() + 'og-image.png'
|
|
)
|
|
|
|
//- Open Graph
|
|
if metadata && metadata.canonicalURL
|
|
meta(property='og:url' content=metadata.canonicalURL)
|
|
else if typeof currentUrl !== 'undefined'
|
|
meta(property='og:url' content=settings.siteUrl + currentUrl)
|
|
if settings.social && settings.social.facebook && settings.social.facebook.appId
|
|
meta(property='fb:app_id' content=settings.social.facebook.appId)
|
|
|
|
if metadata && metadata.openGraphDescription
|
|
meta(property='og:description' content=metadata.openGraphDescription)
|
|
else
|
|
meta(property='og:description' content=translate('site_description'))
|
|
|
|
if metadata && metadata.openGraphImage && metadata.openGraphImage.fields
|
|
//- from the CMS
|
|
meta(property='og:image' content=metadata.openGraphImage.fields.file.url)
|
|
else if settings.overleaf
|
|
//- the default image for Overleaf
|
|
meta(
|
|
property='og:image'
|
|
content=buildImgPath('ol-brand/overleaf_og_logo.png')
|
|
)
|
|
else
|
|
//- the default image for Verso Community Edition
|
|
meta(
|
|
property='og:image'
|
|
content=buildBaseAssetPath() + 'og-image.png'
|
|
)
|
|
|
|
if metadata && metadata.openGraphType
|
|
meta(property='og:type' content=metadata.openGraphType)
|
|
else
|
|
meta(property='og:type' content='website')
|
|
|
|
if metadata && metadata.openGraphVideo
|
|
//- from the CMS
|
|
meta(property='og:video' content=metadata.openGraphVideo)
|
|
|
|
//- Viewport
|
|
if !metadata || metadata.viewport !== false
|
|
meta(
|
|
name='viewport'
|
|
content='width=device-width, initial-scale=1.0, user-scalable=yes'
|
|
)
|
|
|
|
//- Noindex
|
|
if settings.robotsNoindex
|
|
meta(name='robots' content='noindex')
|
|
|
|
//- Icons
|
|
link(rel='icon' sizes='32x32' href=buildBaseAssetPath() + 'favicon-32x32.png')
|
|
link(rel='icon' sizes='16x16' href=buildBaseAssetPath() + 'favicon-16x16.png')
|
|
link(rel='icon' href=buildBaseAssetPath() + 'favicon.svg' type='image/svg+xml')
|
|
link(rel='apple-touch-icon' href=buildBaseAssetPath() + 'apple-touch-icon.png')
|
|
link(
|
|
rel='mask-icon'
|
|
href=buildBaseAssetPath() + 'mask-favicon.svg'
|
|
color='#447099'
|
|
)
|
|
|
|
//- Canonical Tag for SEO
|
|
if metadata && metadata.canonicalURL
|
|
link(rel='canonical' href=metadata.canonicalURL)
|
|
|
|
//- Manifest
|
|
//- Does not currently contain a start_url to prevent browser installation prompts
|
|
link(
|
|
rel='manifest'
|
|
href=buildBaseAssetPath() + 'web.sitemanifest.json'
|
|
crossorigin=settings.isCodeSpace ? 'use-credentials' : false
|
|
)
|