Files
expressjs.com/_includes/head.html
Rowan Manning d1f904ae9b Display author avatars in the blog (#1915)
* feat: allow blogs to have multiple authors

This requires us to update the `author` front-matter, requiring it to be
an array of objects instead of a single string. This paves the way for
us to include further author metadata.

For now we only add "name" which expects a string.

* feat: allow linking to author GitHub profiles

This adds the ability for authors to add their GitHub username to the
blog posts they author. If they provide this then their name will be
linked to their GitHub profile page.

* feat: add GitHub profile images to author lines

This adds a small profile image to author lines that have a GitHub.

* feat: add author URLs to the feeds

* fix: space the authors a little more

The authors looked a little bunched up, a left margin on each of them
reads a little better.

Co-Authored-By: Wes Todd <wesleytodd@users.noreply.github.com>

* fix: improve readability of the feed entry Liquid

Co-Authored-By: Sebastian Beltran <bjohansebas@users.noreply.github.com>

* feat: add author image for the technical committee

Co-Authored-By: Sebastian Beltran <bjohansebas@users.noreply.github.com>

* fix: set a width and height on author images

This ensures we still display a circle if, for some reason, the image
that we get isn't a perfect square.

Co-Authored-By: Shubham Oulkar <ShubhamOulkar@users.noreply.github.com>

---------

Co-authored-by: Wes Todd <wesleytodd@users.noreply.github.com>
Co-authored-by: Sebastian Beltran <bjohansebas@users.noreply.github.com>
Co-authored-by: Shubham Oulkar <ShubhamOulkar@users.noreply.github.com>
2025-05-29 10:11:07 -05:00

75 lines
3.3 KiB
HTML

<head>
<title>{{ page.title }}</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link
rel="preload"
href="/fonts/open-sans/woff2/OpenSans.woff2"
as="font"
type="font/woff2"
crossorigin
/>
<link
rel="preload"
href="/fonts/open-sans/woff2/OpenSans-Italic.woff2"
as="font"
type="font/woff2"
crossorigin
/>
<link
href="/fonts/open-sans/woff/OpenSans.woff"
as="font"
type="font/woff"
crossorigin
/>
<link
href="/fonts/open-sans/woff/OpenSans-Italic.woff"
as="font"
type="font/woff"
crossorigin
/>
<link rel="stylesheet" href="/fonts/open-sans/fonts.css" />
<link rel="icon" type="image/png" href="/images/favicon.png" />
<script data-cfasync="false" src="/js/theme.js"></script>
<link rel="stylesheet" href="/css/variables.css?_={{ site.time | date: '%s' }}">
<link rel="stylesheet" href="/css/themes/dark-theme.css?_={{ site.time | date: '%s' }}">
<link rel="stylesheet" href="/css/style.css?_={{ site.time | date: '%s' }}">
<link rel="stylesheet" href="/css/sintax.css?_={{ site.time | date: '%s' }}">
<link rel="stylesheet" href="/css/font-awesome.min.css">
<link rel="stylesheet" href="/css/langs/{{ page.lang }}.css">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="description" content="{{page.description}}">
<meta property="og:url" content="https://expressjs.com{{page.url}}">
{% if page.authors %}
<meta property="og:type" content="article">
{%- for author in page.authors %}
<meta property="og:article:author" content="{{author.name}}">
{%- endfor %}
{% else %}
<meta property="og:type" content="website">
{% endif %}
<meta name="title" property="og:title" content="{{page.title}}">
<meta property="og:description" content="{{page.description}}">
{% if page.image %}
<meta property="og:image" content="{{page.image}}">
{% else %}
<meta property="og:image" content="https://expressjs.com/images/og.png">
{% endif %}
<meta name="twitter:card" content="summary_large_image">
<meta property="twitter:domain" content="expressjs.com">
<meta property="twitter:url" content="https://expressjs.com{{page.url}}">
<meta name="twitter:title" content="{{page.title}}">
<meta name="twitter:description" content="{{page.description}}">
{% if page contains "image" %}
<meta property="twitter:image" content="{{ page.image }}">
{% else %}
<meta property="twitter:image" content="https://expressjs.com/images/og.png">
{% endif %}
<script data-cfasync="false" src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script data-cfasync="false" src="/js/app.js"></script>
<script data-cfasync="false" defer src="/js/menu.js"></script>
<script data-cfasync="false" defer src="/js/copycode.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" />
<link rel="alternate" type="application/atom+xml" href="/feed.xml" title="Express Blog" />
<link rel="alternate" type="application/atom+xml" href="/vulnerabilities.xml" title="Express Vulnerabilities" />
</head>