From 452533c30df0a8ed8bd231cb38bf82f1ab0d4df9 Mon Sep 17 00:00:00 2001
From: Harsh <harshmastic@gmail.com>
Date: Sat, 18 Oct 2025 22:01:05 +0530
Subject: [PATCH 1/2] Add Open Graph and Twitter Card meta tags for improved
 social sharing

---
 public/p5js-square-logo.png | Bin 0 -> 13691 bytes
 server/views/index.ts       |  18 ++++++++++++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 public/p5js-square-logo.png

diff --git a/public/p5js-square-logo.png b/public/p5js-square-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..26a21db20bb2dcbbd06b3ab3c1b92267de70e319
GIT binary patch
literal 13691
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

literal 0
HcmV?d00001

diff --git a/server/views/index.ts b/server/views/index.ts
index 57656e256a..e66ead0e89 100644
--- a/server/views/index.ts
+++ b/server/views/index.ts
@@ -12,6 +12,15 @@ export function renderIndex() {
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <meta name="keywords" content="p5.js, p5.js web editor, web editor, processing, code editor" />
       <meta name="description" content="A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners." />
+      <meta property="og:title" content="p5.js Web Editor" />
+      <meta property="og:description" content="A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners." />
+      <meta property="og:image" content="https://editor.p5js.org/p5js-square-logo.png" />
+      <meta property="og:url" content="https://editor.p5js.org/" />
+      <meta property="og:type" content="website" />
+      <meta name="twitter:card" content="summary" />
+      <meta name="twitter:title" content="p5.js Web Editor" />
+      <meta name="twitter:description" content="A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners." />
+      <meta name="twitter:image" content="https://editor.p5js.org/p5js-square-logo.png" />
       <title>p5.js Web Editor</title>
       ${
         process.env.NODE_ENV === 'production'
@@ -87,6 +96,15 @@ export function renderProjectIndex(username: string, projectName: string) {
       <meta name="viewport" content="width=device-width, initial-scale=1.0">
       <meta name="keywords" content="p5.js, p5.js web editor, web editor, processing, code editor" />
       <meta name="description" content="A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners." />
+      <meta property="og:title" content="${projectName} by ${username} - p5.js Web Editor" />
+      <meta property="og:description" content="A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners." />
+      <meta property="og:image" content="https://editor.p5js.org/p5js-square-logo.png" />
+      <meta property="og:url" content="https://editor.p5js.org/${username}/${projectName}" />
+      <meta property="og:type" content="website" />
+      <meta name="twitter:card" content="summary" />
+      <meta name="twitter:title" content="${projectName} by ${username} - p5.js Web Editor" />
+      <meta name="twitter:description" content="A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners." />
+      <meta name="twitter:image" content="https://editor.p5js.org/p5js-square-logo.png" />
       <title>${`${projectName} by ${username} -`}p5.js Web Editor</title>
       ${
         process.env.NODE_ENV === 'production'

From 9e23cbdebd86d08f50233dfd7bb865c332ef52dc Mon Sep 17 00:00:00 2001
From: Harsh <harshmastic@gmail.com>
Date: Sat, 18 Oct 2025 22:27:48 +0530
Subject: [PATCH 2/2] suggested changes

---
 server/views/index.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/server/views/index.ts b/server/views/index.ts
index e66ead0e89..1a412fd004 100644
--- a/server/views/index.ts
+++ b/server/views/index.ts
@@ -99,13 +99,15 @@ export function renderProjectIndex(username: string, projectName: string) {
       <meta property="og:title" content="${projectName} by ${username} - p5.js Web Editor" />
       <meta property="og:description" content="A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners." />
       <meta property="og:image" content="https://editor.p5js.org/p5js-square-logo.png" />
-      <meta property="og:url" content="https://editor.p5js.org/${username}/${projectName}" />
+      <meta property="og:url" content="https://editor.p5js.org/${encodeURIComponent(
+        username
+      )}/${encodeURIComponent(projectName)}" />
       <meta property="og:type" content="website" />
       <meta name="twitter:card" content="summary" />
       <meta name="twitter:title" content="${projectName} by ${username} - p5.js Web Editor" />
       <meta name="twitter:description" content="A web editor for p5.js, a JavaScript library with the goal of making coding accessible to artists, designers, educators, and beginners." />
       <meta name="twitter:image" content="https://editor.p5js.org/p5js-square-logo.png" />
-      <title>${`${projectName} by ${username} -`}p5.js Web Editor</title>
+      <title>${projectName} by ${username} - p5.js Web Editor</title>
       ${
         process.env.NODE_ENV === 'production'
           ? `<link rel='stylesheet' href='${assetsManifest['/app.css']}' />`