Add OG image endpoint and default meta tags for social thumbnails

Makefile

@@ -0,0 +1,8 @@
+build:
+	@yarn build
+dev:
+	@yarn dev
+format:
+	@yarn format
+lint:
+	@yarn lint

src/lib/images/pl-logo-white-svg.ts

@@ -0,0 +1,3 @@
+// Exported as a string for use in the OG image edge endpoint, which can't
+// use fs or standard Next.js image imports.
+export const plLogoWhiteSvg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 479.42 100.57"><polygon fill="#fff" stroke="#fff" stroke-miterlimit="10" points="292.64 34.59 279.55 34.59 279.55 84.83 313.78 84.83 314.16 75.45 292.64 75.45 292.64 34.59"/><path fill="#fff" stroke="#fff" stroke-miterlimit="10" d="M348.78,48.88c-2.79-1.94-6.34-2.92-10.57-2.92-3.93,0-7.39,.85-10.3,2.53-2.93,1.69-5.2,4.09-6.75,7.12-1.54,3.01-2.32,6.5-2.32,10.37,0,3.64,.76,6.98,2.25,9.92,1.51,2.97,3.88,5.37,7.05,7.13,3.13,1.75,7.09,2.63,11.76,2.63,2.56,0,4.95-.18,7.12-.53,2.17-.35,4.45-.96,6.78-1.8l.6-.21,.63-9.97-1.39,.58c-2.13,.89-4.05,1.52-5.73,1.88-1.66,.35-3.62,.53-5.84,.53-3.15,0-5.72-.74-7.65-2.19-1.62-1.22-2.58-2.85-2.92-4.97h25.46v-1c0-4.16-.66-7.92-1.97-11.18-1.33-3.32-3.42-5.98-6.2-7.92Zm-17.3,11.48c.37-1.8,1.03-3.19,1.98-4.12,1.14-1.12,2.58-1.66,4.4-1.66,2.05,0,3.62,.57,4.78,1.75,.97,.99,1.52,2.31,1.66,4.03h-12.82Z"/><path fill="#fff" stroke="#fff" stroke-miterlimit="10" d="M394.99,49.52c-3-2.36-7.26-3.56-12.66-3.56-2.62,0-5.45,.28-8.4,.85-2.97,.56-5.61,1.38-7.84,2.42l-.57,.26-.2,10.01,1.51-.76c1.94-.97,4.16-1.74,6.61-2.29,2.46-.56,4.81-.84,6.99-.84,2.35,0,4.14,.4,5.32,1.2,1.08,.73,1.6,1.92,1.6,3.65v.63l-3.12,.16c-4.97,.28-9,1-11.96,2.13-3.01,1.16-5.36,2.66-6.99,4.49-1.62,1.88-2.43,4.2-2.43,6.92,0,2.18,.61,4.13,1.81,5.78,1.19,1.64,2.88,2.92,5.01,3.79,2.09,.85,4.48,1.28,7.12,1.28,3.37,0,6.15-.72,8.28-2.14,1.09-.73,2.05-1.65,2.87-2.77v4.08h11.4l.24-23.81c0-5.21-1.55-9.08-4.62-11.5Zm-8.26,22.16c-.36,1.04-.87,1.93-1.51,2.63-.71,.73-1.51,1.3-2.37,1.68-.85,.37-1.86,.57-3.02,.57-1.38,0-2.47-.29-3.24-.87-.7-.52-1.03-1.16-1.03-1.99,0-.56,.11-1.05,.33-1.45,.48-.87,1.48-1.57,2.99-2.08,1.66-.56,4.15-.89,7.42-.98l.95-.03c-.07,.91-.24,1.76-.51,2.53Z"/><path fill="#fff" stroke="#fff" stroke-miterlimit="10" d="M432.21,46.11c-.64-.1-1.27-.15-1.86-.15-3.25,0-5.91,1.97-7.9,3.66-.66,.56-1.23,1.22-1.73,1.97l-1.85-4.8h-10.49v38.04h12.78v-18.92c0-2.93,.76-5.18,2.27-6.7,1.53-1.54,3.62-2.29,6.39-2.29,.88,0,1.92,.11,3.09,.33l1.1,.2,.82-10.92-.9-.15c-.55-.09-1.12-.18-1.72-.28Z"/><path fill="#fff" stroke="#fff" stroke-miterlimit="10" d="M475.5,49.93c-2.29-2.64-5.68-3.98-10.07-3.98-3.37,0-6.16,.75-8.31,2.23-1.13,.78-2.11,1.77-2.93,2.96,0-.2,0-.4,0-.61l-2.06-3.76h-9.78v38.04h12.05v-18.71c0-3.26,.7-5.69,2.07-7.24,1.37-1.55,3.15-2.3,5.44-2.3,1.6,0,2.81,.41,3.7,1.26,.84,.81,1.27,2.21,1.27,4.15v22.85h12.05v-23.81c0-4.74-1.15-8.47-3.42-11.08Z"/><path fill="#fff" stroke="#fff" stroke-miterlimit="10" d="M91.71,36.76c-3.42-2.22-7.93-3.33-13.53-3.33h-12.12l-.22,51.76h6.54l.07-20.78h6.62c3.67,0,6.84-.69,9.52-2.07,2.68-1.38,4.72-3.29,6.13-5.73,1.41-2.44,2.12-5.21,2.12-8.32,0-5.47-1.71-9.32-5.13-11.54Zm-4.27,19.93c-2.06,1.85-4.92,2.77-8.59,2.77h-6.39l.07-21.29h6.24c3.57,0,6.42,.88,8.55,2.63,2.13,1.75,3.2,4.37,3.2,7.87s-1.03,6.17-3.08,8.02Z"/><path fill="#fff" stroke="#fff" stroke-miterlimit="10" d="M117.36,48.92c-2.13,1.9-3.52,4.72-4.16,8.47h-.15c.1-2.86,.15-5.1,.15-6.73v-3.7h-6.1l-.22,38.23h6.24l.15-17.82c0-3.25,.51-6.06,1.52-8.43,1.02-2.37,2.4-4.16,4.16-5.4,1.76-1.23,3.75-1.85,5.98-1.85,1.44,0,2.75,.17,3.94,.52l.67-5.47c-1.54-.44-3-.67-4.39-.67-3.07,0-5.68,.95-7.81,2.85Z"/><path fill="#fff" stroke="#fff" stroke-miterlimit="10" d="M150.14,46.08c-2.28,0-4.63,.3-7.06,.89-2.43,.59-4.56,1.41-6.39,2.44l-.15,5.4c1.88-1.13,3.95-2.02,6.21-2.66,2.25-.64,4.4-.96,6.43-.96,3.22,0,5.58,.69,7.06,2.07,1.49,1.38,2.23,3.6,2.23,6.65,0,1.04-.03,1.97-.07,2.81l-4.76,.3c-4.76,.3-8.49,1.02-11.19,2.18-2.7,1.16-4.7,2.6-5.98,4.33-1.34,1.77-2.01,3.9-2.01,6.36,0,2.07,.51,3.87,1.52,5.4,1.02,1.53,2.44,2.71,4.27,3.55,1.83,.84,3.94,1.26,6.32,1.26,3.22,0,5.82-.78,7.81-2.33,1.98-1.55,3.42-3.91,4.31-7.06h.22c-.15,1.92-.22,3.53-.22,4.81l-.07,3.7h5.58l.22-25.8c0-4.39-1.17-7.7-3.49-9.95-2.33-2.24-5.92-3.36-10.78-3.36Zm7.66,26.91c-.4,1.63-1.12,3.13-2.16,4.51-.89,1.18-2,2.08-3.31,2.7-1.31,.62-2.76,.92-4.35,.92-2.18,0-3.93-.53-5.24-1.59-1.31-1.06-1.97-2.5-1.97-4.33,0-1.18,.2-2.14,.59-2.88,.79-1.53,2.27-2.69,4.42-3.48,2.16-.79,5.09-1.31,8.81-1.55l3.79-.22c0,2.32-.2,4.29-.59,5.91Z"/><polygon fill="#fff" stroke="#fff" stroke-miterlimit="10" points="176.16 85.19 182.48 85.19 182.55 46.96 176.31 46.96 176.16 85.19"/><path fill="#fff" stroke="#fff" stroke-miterlimit="10" d="M203.36,48.92c-2.13,1.9-3.52,4.72-4.16,8.47h-.15c.1-2.86,.15-5.1,.15-6.73v-3.7h-6.1l-.22,38.23h6.24l.15-17.82c0-3.25,.51-6.06,1.52-8.43,1.02-2.37,2.4-4.16,4.16-5.4,1.76-1.23,3.75-1.85,5.98-1.85,1.44,0,2.75,.17,3.94,.52l.67-5.47c-1.54-.44-3-.67-4.39-.67-3.07,0-5.68,.95-7.81,2.85Z"/><polygon fill="#fff" stroke="#fff" stroke-miterlimit="10" points="221.87 85.19 228.19 85.19 228.27 46.96 222.02 46.96 221.87 85.19"/><path fill="#fff" stroke="#fff" stroke-miterlimit="10" d="M270.82,56.43c-1.11-3.11-2.92-5.61-5.43-7.51-2.5-1.9-5.79-2.85-9.85-2.85-3.67,0-6.85,.85-9.55,2.55-2.7,1.7-4.75,4.04-6.13,7.02-1.39,2.98-2.08,6.32-2.08,10.02,0,4.09,.72,7.66,2.16,10.72,1.44,3.06,3.62,5.43,6.54,7.14,2.92,1.7,6.54,2.55,10.85,2.55,2.38,0,4.71-.25,6.99-.74s4.29-1.16,6.02-2l.3-5.32c-2.13,.99-4.11,1.73-5.95,2.22-1.83,.49-3.87,.74-6.1,.74-4.46,0-7.9-1.21-10.33-3.62-2.43-2.42-3.72-5.96-3.87-10.65h28.1c0-3.75-.56-7.17-1.67-10.28Zm-26.5,5.69c.15-2.12,.66-4.03,1.52-5.73,.87-1.7,2.11-3.06,3.72-4.07,1.61-1.01,3.53-1.52,5.76-1.52s4.21,.49,5.8,1.48c1.59,.99,2.78,2.33,3.57,4.03,.79,1.7,1.19,3.64,1.19,5.8h-21.56Z"/><path fill="#fff" stroke="#fff" stroke-miterlimit="10" d="M179.18,33.21c-1.08,0-1.96,.35-2.64,1.04-.68,.7-1.02,1.58-1.02,2.65s.34,1.95,1.02,2.62c.68,.68,1.56,1.01,2.64,1.01s2.02-.34,2.7-1.01c.68-.68,1.02-1.55,1.02-2.62s-.34-1.96-1.02-2.65c-.68-.7-1.58-1.04-2.7-1.04Z"/><path fill="#fff" stroke="#fff" stroke-miterlimit="10" d="M225.28,33.21c-1.08,0-1.96,.35-2.64,1.04-.68,.7-1.02,1.58-1.02,2.65s.34,1.95,1.02,2.62c.68,.68,1.56,1.01,2.64,1.01s2.02-.34,2.7-1.01c.68-.68,1.02-1.55,1.02-2.62s-.34-1.96-1.02-2.65c-.68-.7-1.58-1.04-2.7-1.04Z"/><path fill="#fff" stroke="#fff" stroke-miterlimit="10" d="M69.72,27.38c.2-.16,.29-.42,.26-.67-.16-1.28-.58-4.68-6.43-7.65-3.11-1.58-5.16-3.28-6.27-4.34,.79,.04,1.67,.2,2.55,.47,.71,.22,1.49,.7,2.32,1.2,1.63,.99,3.48,2.12,5.85,2.12h0c1.03,0,2.09-.23,3.15-.67,3.32-1.4,5.14-1.61,5.92-1.61,.25,0,.38,.02,.38,.02h0c.23,.06,.47,0,.65-.13,.18-.14,.29-.36,.29-.6,0-.63-.72-4.04-14.84-9.12-4.88-1.76-9.32-2.65-13.21-2.65s-6.17,.9-7.13,1.39c-1.38-1.16-5.94-4.63-10.86-4.63-1.71,0-3.3,.43-4.73,1.27-6.07,3.59-4.07,10.14-3.19,12.32-1.73,.87-6.24,3.64-10.46,10.5-5.18,8.44-7.19,19.31-7.27,19.77-.04,.24,.03,.48,.19,.65,.17,.17,.4,.26,.64,.23,6.86-.88,11.68-5.74,12.22-9.73,.24-1.81,1.31-4.09,2.24-5.8-.16,2.66-.59,6.65-1.77,9.73-2.15,5.63,1.15,9.32,1.3,9.48,.14,.16,.35,.24,.55,.24,.04,0,.07,0,.11,0,.25-.04,.46-.19,.57-.42,.02-.04,1.79-3.63,4.14-5.8,2.52-2.33,3.83-4.82,2.01-9.44-.7-1.77-.19-3.71,.52-5.24-.14,2.05-.12,4.73,.54,7.24,1.28,4.94,5.95,9.27,6.15,9.45,.3,.28,.77,.26,1.06-.04,2.3-2.45,2.18-9.09,1.9-12.92,2.35,2.81,4.95,4.69,6.99,5.87,.03,.5,.33,5.42,.58,11.51-.2,7.02-.97,15.01-1.47,20.31l-.21,2.19c-.36,3.84-.76,8.97-1.1,13.47-.59-2.31-1.54-5.01-3.09-7.72,.08-.7,.25-4-2.78-7.63-3.78-4.53-13.07-10.01-35.84-10.54-.1-.02-.2-.02-.3,0-.2,0-.39,0-.59-.01-.37,.01-.75,.31-.76,.72-.02,.41,.29,.75,.7,.78,.02,0,.27,.02,.71,.06,1.97,1.05,14.16,7.62,23.16,13.95,8.01,5.64,12.78,4.57,14.59,3.75,3.58,6.42,3.65,12.8,3.65,12.9,0,.11,.03,.22,.07,.31-.12,1.62-.21,2.8-.25,3.29-.16,1.77,.2,3.32,.95,4.15,.43,.48,1,.73,1.62,.73,.09,0,.18,0,.3-.02,1.01-.11,2.26-.25,2.97-1.27,.57-.82,.64-2.03,.23-3.7-.71-2.85-.96-12.89-.71-28.28,.07-4.38-.04-10.25-.34-17.44,.13-4.65,0-8.13-.38-10.6,1.1,.53,1.84,.78,1.93,.81,.33,.11,.69-.03,.87-.32,.95-1.56,.24-5.17-.5-7.88,.96,.56,2.05,.96,3.02,1.31,.27,.1,.53,.19,.78,.29,1.98,.75,5.97,2.37,6.01,2.39,.34,.14,.72,.01,.91-.29,.27-.42,.88-2.13-2.52-6.69-2.48-3.33-6.54-7.72-8.58-9.87,2.14,.27,3.85,1.51,5.33,3.84,1.99,3.13,4.33,4.38,7.83,4.27,2.8-.1,6.13,.91,6.16,.92,.24,.08,.51,.02,.7-.14ZM25.93,73.71c-6.72-4.73-15.2-9.58-19.94-12.21,5.88,.89,16.11,3.04,24.65,7.97,3.74,2.16,6.38,5,8.24,7.92-1.54,.61-5.76,1.38-12.94-3.67Zm5.45-5.55c-4.89-2.82-10.31-4.75-15.19-6.07,12.14,1.86,17.88,5.58,20.6,8.8,1.26,1.49,1.9,2.9,2.22,4.04-1.87-2.51-4.34-4.88-7.62-6.77Zm16.35,29.76c-.32,.46-1.09,.54-1.92,.64-.25,.02-.45-.04-.62-.23-.46-.5-.69-1.7-.57-3,.06-.65,.2-2.5,.38-4.96,.38-5.19,.96-13.03,1.46-18.37l.21-2.19c.1-1.03,.21-2.16,.32-3.37,0,.11,0,.22,0,.33-.18,10.98-.19,24.86,.76,28.67,.3,1.19,.3,2.05,0,2.48ZM50.36,5.25c3.71,0,7.98,.86,12.7,2.56,9.16,3.3,12.28,5.77,13.33,6.94-1.19,.11-3.05,.53-5.81,1.7-.88,.37-1.72,.55-2.56,.55-1.94,0-3.53-.97-5.07-1.9-.91-.56-1.78-1.08-2.66-1.36-1.17-.36-2.3-.55-3.34-.55-.55,0-.93,.05-1.18,.1-1.23-.88-4.03-2.77-6.73-3.75-1.49-.54-3.24-.85-4.77-1.03,.21-.25,.33-.54,.33-.86,0-.47-.26-.89-.68-1.18,.77-.39,2.84-1.22,6.44-1.22Zm-6.76,2.41c0,.3-.55,.65-1.27,.65s-1.27-.35-1.27-.65,.55-.65,1.27-.65,1.27,.35,1.27,.65Zm-2.62,2.35c0,.3-.55,.65-1.27,.65s-1.27-.35-1.27-.65,.55-.65,1.27-.65h0c.53,0,.97,.19,1.16,.42,.07,.08,.1,.16,.1,.23Zm-2.67,1.95c-.1,.27-.59,.55-1.23,.55-.71,0-1.27-.35-1.27-.65s.55-.65,1.27-.65c.37,0,.69,.1,.92,.23,.21,.12,.34,.28,.34,.42,0,.03-.03,.07-.04,.1Zm-3.41,1.72c-.23,.14-.56,.24-.94,.24-.71,0-1.27-.35-1.27-.65s.55-.65,1.27-.65c.09,0,.16,.02,.24,.03,.59,.07,1.03,.36,1.03,.62,0,.14-.13,.28-.32,.4Zm-5.42,.73c0-.08,.05-.17,.13-.25,.2-.21,.62-.39,1.14-.39,.26,0,.48,.06,.68,.13,.35,.13,.59,.33,.59,.52,0,.22-.31,.47-.76,.58-.16,.04-.33,.06-.51,.06-.33,0-.62-.08-.84-.19-.26-.13-.43-.3-.43-.46Zm-2.26,1.28c-.71,0-1.27-.35-1.27-.65,0,0,.01-.02,.01-.03,.01-.1,.08-.19,.19-.28,.22-.19,.6-.34,1.07-.34,.43,0,.78,.13,1.01,.29,.16,.11,.26,.24,.26,.36,0,.27-.46,.57-1.08,.63-.06,0-.12,.02-.19,.02Zm1.19-12.62c1.19-.7,2.52-1.06,3.96-1.06,4.07,0,8.03,2.8,9.57,4.03-1.08,.13-1.89,.79-1.89,1.62,0,.23,.06,.44,.17,.63-.09,.02-.17,.04-.24,.09-.09,0-.18-.02-.28-.02-1.27,0-2.27,.72-2.27,1.65,0,.08,.02,.16,.03,.23-.13-.01-.25-.03-.39-.03-1.21,0-2.16,.65-2.25,1.51-.04,0-.07,0-.11,0-.24-.06-.5-.1-.77-.1-1.11,0-2,.55-2.22,1.3-.3-.1-.63-.17-.99-.17-.96,0-1.76,.41-2.09,1-.39-.23-.88-.37-1.43-.37-.49,0-.94,.11-1.31,.3-.72-1.64-2.81-7.48,2.5-10.62Zm-10.12,32.24c-.38,2.84-3.99,7.1-9.87,8.27,.64-2.94,2.74-11.49,6.86-18.2,3.93-6.41,8.16-9.06,9.76-9.89,.22,.57,.82,1,1.62,1.14-.35,.47-.73,.99-1.16,1.61-1.83,2.65-3.11,7.42-3.33,8.25-.5,.77-3.41,5.39-3.87,8.81Zm9.23-1.25c1.53,3.87,.61,5.72-1.63,7.78-1.73,1.6-3.13,3.82-3.88,5.14-.71-1.26-1.61-3.73-.36-7,1.94-5.09,1.97-12.18,1.96-13.08,.18-.68,1.43-5.35,3.12-7.8,1.05-1.52,1.85-2.53,2.36-3.13,0,0,.01-.02,.02-.02,.08-.09,.15-.18,.22-.25,.39,.22,.87,.36,1.41,.36,.13,0,.25-.01,.37-.03l-1.21,8.65c-.73,.91-3.99,5.31-2.37,9.39Zm9.02,9.19c-1.27-1.31-4.2-4.62-5.11-8.12-1.18-4.55-.1-9.93-.09-9.99,0,0,0-.02,0-.03,0,0,0-.01,0-.02l1.1-7.82c1.29,3.66,3.5,9.75,4.93,12.7,.37,3.25,.77,10.4-.84,13.28Zm12.94-5.37c-1.84-.76-7.05-3.31-10.79-8.91-.06-.09-.14-.15-.22-.21-1.69-3.71-4.35-11.25-5.28-13.94,.24,.06,.49,.1,.76,.1,.61,0,1.15-.17,1.55-.44,1.08,1.43,2.7,3.58,3.97,5.3,1.38,1.88,2.77,2.46,4,2.97,.76,.32,1.42,.59,2.02,1.15,1.52,1.44,2.16,4.73,2.17,4.76,0,.02,.02,.04,.02,.06,0,.02,0,.03,0,.05,1.01,2.87,2.11,7.24,1.79,9.1Zm7.59-8.62c1.64,2.21,2.19,3.56,2.37,4.28-1.33-.53-3.66-1.47-5.04-1.99-.26-.1-.53-.2-.8-.3-1.8-.65-3.84-1.39-4.48-2.97-.13-.61-.86-3.83-2.59-5.47-.79-.75-1.65-1.1-2.47-1.45-1.15-.48-2.23-.93-3.37-2.47-1.3-1.77-2.97-3.99-4.05-5.42,.15,.02,.3,.03,.45,.03,.84,0,1.55-.32,1.94-.8,2.55,2.4,7.64,5.19,8.43,5.61,.74,.76,6.53,6.8,9.61,10.94Zm5.74-4.16c-2.49,.08-4.51-.43-6.51-3.57-2.1-3.3-4.77-4.78-8.2-4.56-.93-.51-5.75-3.18-8.03-5.33,1.09-.12,1.91-.79,1.91-1.62,0-.06-.02-.12-.02-.18,1.71,.1,4.46,.38,6.57,1.14,2.86,1.03,5.99,3.28,6.78,3.86,.71,.82,3.09,3.29,7.57,5.57,3.86,1.97,5.01,3.99,5.41,5.37-1.3-.31-3.47-.74-5.47-.67Z"/><path fill="#fff" stroke="#fff" stroke-miterlimit="10" d="M30.62,5.14c.1-.09,2.56-2.12,6.56,.28,.08,.05,.17,.07,.26,.07,.17,0,.34-.09,.43-.24,.14-.24,.06-.54-.17-.69-4.64-2.78-7.6-.28-7.73-.17-.21,.18-.23,.49-.05,.7,.18,.21,.5,.23,.7,.05Z"/></svg>`;

src/pages/_document.tsx

@@ -23,6 +23,18 @@ class MyDocument extends Document {
             integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X"
             crossOrigin="anonymous"
           />
+          <meta
+            name="description"
+            content="PrairieLearn is an online assessment and learning system that empowers instructors to create robust educational resources for students."
+          />
+          <meta property="og:type" content="website" />
+          <meta property="og:site_name" content="PrairieLearn" />
+          <meta property="og:image" content="/api/og" />
+          <meta
+            property="og:description"
+            content="PrairieLearn is an online assessment and learning system that empowers instructors to create robust educational resources for students."
+          />
+          <meta name="twitter:card" content="summary_large_image" />
         </Head>
         <body>
           <Main />

src/pages/api/og.tsx

@@ -0,0 +1,61 @@
+import { ImageResponse } from "next/og";
+import type { NextRequest } from "next/server";
+import { plLogoWhiteSvg } from "../../lib/images/pl-logo-white-svg";
+
+export const config = {
+  runtime: "edge",
+};
+
+export default function handler(req: NextRequest) {
+  const { searchParams } = new URL(req.url);
+  const title = searchParams.get("title");
+
+  return new ImageResponse(
+    <div
+      style={{
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        width: "100%",
+        height: "100%",
+        backgroundColor: "#084298",
+        padding: "60px",
+      }}
+    >
+      {/* eslint-disable-next-line @next/next/no-img-element, jsx-a11y/alt-text */}
+      <img
+        src={`data:image/svg+xml,${encodeURIComponent(plLogoWhiteSvg)}`}
+        width={500}
+        height={105}
+      />
+      <div
+        style={{
+          color: "white",
+          fontSize: 48,
+          textAlign: "center",
+          marginTop: 40,
+          maxWidth: 900,
+          lineHeight: 1.3,
+        }}
+      >
+        {title || "The most comprehensive assessment platform"}
+      </div>
+      <div
+        style={{
+          color: "rgba(255, 255, 255, 0.7)",
+          fontSize: 32,
+          marginTop: 24,
+          borderBottom: "2px solid rgba(255, 255, 255, 0.7)",
+          paddingBottom: 2,
+        }}
+      >
+        prairielearn.com
+      </div>
+    </div>,
+    {
+      width: 1200,
+      height: 630,
+    },
+  );
+}

src/pages/index.tsx

@@ -89,6 +89,11 @@ const Home: React.FC<HomeProps> = ({ seed }) => {
     <React.Fragment>
       <Head>
         <title>PrairieLearn</title>
+        <meta property="og:title" content="PrairieLearn" />
+        <meta
+          property="og:description"
+          content="The most comprehensive assessment platform"
+        />
       </Head>
 
       <div className={classnames("container-fluid py-4", styles.banner)}>
@@ -101,7 +106,7 @@ const Home: React.FC<HomeProps> = ({ seed }) => {
                   styles["text-wrap-balance"],
                 )}
               >
-                Empowering learners with equitable and authentic assessments
+                The most comprehensive assessment platform
               </h1>
               <div className="d-flex flex-row justify-content-center flex-wrap">
                 <div className="d-inline-flex flex-column">