Rework how to generate OG header images

diff --git a/static/img/ogp/README b/static/img/ogp/README
index f0aa7426e9a37d8684a0a651a9d91aad4209e30b..82431234de7628e20336df7d9df95ca307831158 100644 (file)
--- a/static/img/ogp/README
+++ b/static/img/ogp/README
@@ -1,19 +1,14 @@
-In order to create these cards, a development environent is required.
+These cards (used of Open Graph header images) are generated from Inkscape SVGs.
 
-In `templates/base.html`, uncomment the line
+In the `src` directory is the template and a simple build script
 
-    {#% block ogp %}{% endblock ogp %#}
+For now there are two simple list files which contain the list of pages and sponsors to generate.
 
-so that it looks like
+The SVG templates are:
+ * ogp.svg - Base generic card
+ * ogp-interview.svg - Sponsor interview card, with space of the sponsor logo to be placed into
+ * ogp-page.svg - Page card
 
-    {% block ogp %}{% endblock ogp #}
-
-and then open the page `/ogp/`.  With FireFix, right click on the page and
-select "Take Screenshot".  Select the element containing the card and download
-it.
-
-All "Interview with <sponsor>" cards are automatically generated for all
-sponsors (whether they get an interview or not).  For other, more general
-cards, edit the list in `templates/pages/ogp.html`.
-
-Do not commit the change to `templates/base.html`.
+TODO:
+ * Pull sponsor list from context.json
+ * Pull page list from somewhere

diff --git a/static/img/ogp/cfp.png b/static/img/ogp/cfp.png
index 3eb325334e5ddd5b1a3f710052e368d351c3d113..6136d516429336d4c2b519f896a30747e662e6a1 100644 (file)
Binary files a/static/img/ogp/cfp.png and b/static/img/ogp/cfp.png differ

diff --git a/static/img/ogp/cfs.png b/static/img/ogp/cfs.png
index 518315e4d2b7a34e907ebc4113aff65d8bad572d..c8bf1c2c8481cb2f22daefe920bd441827aa7fb0 100644 (file)
Binary files a/static/img/ogp/cfs.png and b/static/img/ogp/cfs.png differ

diff --git a/static/img/ogp/covid-19.png b/static/img/ogp/covid-19.png
index 6dfd56c42bedde62cdf3df6d73f26851044f3279..f55757f50ea9c7d6b15f1f3d214d3e3d3cdddea0 100644 (file)
Binary files a/static/img/ogp/covid-19.png and b/static/img/ogp/covid-19.png differ

diff --git a/static/img/ogp/generic.png b/static/img/ogp/generic.png
index ef9ad5e430eb5527413197f59965c0ffdb41b268..119c50f59c9d580cdef6b2c7d583dbc237e325ac 100644 (file)
Binary files a/static/img/ogp/generic.png and b/static/img/ogp/generic.png differ

diff --git a/static/img/ogp/register-now.png b/static/img/ogp/register-now.png
index 6603757b243eb16d5950cde95d4914f4946d370d..2a5724d4d77b05e466c1da9291e00079a7a934eb 100644 (file)
Binary files a/static/img/ogp/register-now.png and b/static/img/ogp/register-now.png differ

diff --git a/static/img/ogp/schedule.png b/static/img/ogp/schedule.png
index e813ac569a070742377e262f6f90bb788be7e2b1..d5b2e70a495608fb05fb07fa7d81c6beed0c8aad 100644 (file)
Binary files a/static/img/ogp/schedule.png and b/static/img/ogp/schedule.png differ

diff --git a/static/img/ogp/sponsor-faq.png b/static/img/ogp/sponsor-faq.png
index 1ed4f7540a5673525d62dc03f7968dab7a2c0a24..029d598a0e11f0a48aa10d44833679b8c73bd5c0 100644 (file)
Binary files a/static/img/ogp/sponsor-faq.png and b/static/img/ogp/sponsor-faq.png differ

diff --git a/static/img/ogp/sponsor-interview-amazon-web-services.png b/static/img/ogp/sponsor-interview-amazon-web-services.png
index bd2c5898a266dcaadc180b1cdeffb5f811c8a690..579065d256b8ab111e812037adc2b98b940e0a7b 100644 (file)
Binary files a/static/img/ogp/sponsor-interview-amazon-web-services.png and b/static/img/ogp/sponsor-interview-amazon-web-services.png differ

diff --git a/static/img/ogp/sponsor-interview-dbtune.png b/static/img/ogp/sponsor-interview-dbtune.png
index 0d13d9531823bfa2fea786cc9150972004889f00..6bca5548fb89f8f584d7f5a4d86bcfceb5cad75e 100644 (file)
Binary files a/static/img/ogp/sponsor-interview-dbtune.png and b/static/img/ogp/sponsor-interview-dbtune.png differ

diff --git a/static/img/ogp/sponsor-interview-edb.png b/static/img/ogp/sponsor-interview-edb.png
index d4366607eae4d858dacc69af08fc2243c845d1ae..84855a29065b2de152e4d9f740094425b6fc2f01 100644 (file)
Binary files a/static/img/ogp/sponsor-interview-edb.png and b/static/img/ogp/sponsor-interview-edb.png differ

diff --git a/static/img/ogp/sponsor-interview-fujitsu-enterprise-postgres.png b/static/img/ogp/sponsor-interview-fujitsu-enterprise-postgres.png
index 5fa5201a74cb21f3bac4d51c1236a4a444ba0fae..f07eb4be9e5f35fc015307b589a276e9765ef8b1 100644 (file)
Binary files a/static/img/ogp/sponsor-interview-fujitsu-enterprise-postgres.png and b/static/img/ogp/sponsor-interview-fujitsu-enterprise-postgres.png differ

diff --git a/static/img/ogp/sponsor-interview-gitc-pro-limited.png b/static/img/ogp/sponsor-interview-gitc-pro-limited.png
index 92e3af287b706b1d3e219ec2687979dffbd2819b..e567f3e14f4aed88072c4d76e26530367c7ca9ba 100644 (file)
Binary files a/static/img/ogp/sponsor-interview-gitc-pro-limited.png and b/static/img/ogp/sponsor-interview-gitc-pro-limited.png differ

diff --git a/static/img/ogp/sponsor-interview-havelsan.png b/static/img/ogp/sponsor-interview-havelsan.png
index 390918ff92502d91b89724b8395b308fa3ce037b..3ae24b2442e33ebadeea86a63eacfe77c473f14f 100644 (file)
Binary files a/static/img/ogp/sponsor-interview-havelsan.png and b/static/img/ogp/sponsor-interview-havelsan.png differ

diff --git a/static/img/ogp/sponsor-interview-nexteam.png b/static/img/ogp/sponsor-interview-nexteam.png
index f3c1fdd56bafde62f354e99d484a34dd639531db..151b549b0cc32f33cebdd864709b22f58fd84cce 100644 (file)
Binary files a/static/img/ogp/sponsor-interview-nexteam.png and b/static/img/ogp/sponsor-interview-nexteam.png differ

diff --git a/static/img/ogp/sponsor-interview-proopensource-ou.png b/static/img/ogp/sponsor-interview-proopensource-ou.png
index 9a95c3dfab9a4add9c4b634af84ecfb30b19651a..1b7d1f8dea31ff16f80ba383e0dc04d5766ab656 100644 (file)
Binary files a/static/img/ogp/sponsor-interview-proopensource-ou.png and b/static/img/ogp/sponsor-interview-proopensource-ou.png differ

diff --git a/static/img/ogp/sponsor-interview-quest.png b/static/img/ogp/sponsor-interview-quest.png
index d97a99f2b6032a463c598243bb0aa4d378718644..169838f4af0fc4c934764dd8b50105dc73899336 100644 (file)
Binary files a/static/img/ogp/sponsor-interview-quest.png and b/static/img/ogp/sponsor-interview-quest.png differ

diff --git a/static/img/ogp/sponsor-interview-red-gate-software-limited.png b/static/img/ogp/sponsor-interview-red-gate-software-limited.png
index ea9a123f0fcdc11699eb372584814501c5aee86f..794b275ef8e8f056332573a11cfb8155709d572e 100644 (file)
Binary files a/static/img/ogp/sponsor-interview-red-gate-software-limited.png and b/static/img/ogp/sponsor-interview-red-gate-software-limited.png differ

diff --git a/static/img/ogp/sponsor-interview.png b/static/img/ogp/sponsor-interview.png
index f2154638225fb12c21a7af29614dfce8847a7fc3..d04897fd3497ac328b79e4745781ea763f44f326 100644 (file)
Binary files a/static/img/ogp/sponsor-interview.png and b/static/img/ogp/sponsor-interview.png differ

diff --git a/static/img/ogp/sponsor-interviews.png b/static/img/ogp/sponsor-interviews.png
index fc940e7dd90e09458fd94b6fad516e17f4fb89ea..5d02c9b94ed0f4ba8dee61129a71d41cca7dabd4 100644 (file)
Binary files a/static/img/ogp/sponsor-interviews.png and b/static/img/ogp/sponsor-interviews.png differ

diff --git a/static/img/ogp/sponsors.png b/static/img/ogp/sponsors.png
index 80a68d462b51e0ee7c5debc39ef15ab112304d60..99f89bed34f0779d3c3d7d89ab279dd9700a0145 100644 (file)
Binary files a/static/img/ogp/sponsors.png and b/static/img/ogp/sponsors.png differ

diff --git a/static/img/ogp/src/build.sh b/static/img/ogp/src/build.sh
new file mode 100755 (executable)
index 0000000..57ab564
--- /dev/null
+++ b/static/img/ogp/src/build.sh
@@ -0,0 +1,33 @@
+#!/bin/bash
+BASE=$(cd $(dirname $0); pwd)
+pushd $BASE
+
+# Generic
+inkscape --export-type="png"  --export-area-page --export-filename ../generic.png ogp.svg
+
+# Sponsors
+cat sponsors.lst | grep -v '#' | while read SPONSOR; do
+    SPONSOR_NAME=$(echo $SPONSOR | cut -d ':' -f 1)
+    SPONSOR_URL=$(echo $SPONSOR | cut -d ':' -f 2)
+    SPONSOR_IMG=$(echo $SPONSOR | cut -d ':' -f 3)
+    echo "Generating head image for sponsor $SPONSOR_NAME with image $SPONSOR_IMG and URL $SPONSOR_URL"
+    cp "./ogp-interview.svg" "./ogp-interview-${SPONSOR_URL}.svg"
+    sed -i "s|LOGO.png|$SPONSOR_IMG|" "./ogp-interview-${SPONSOR_URL}.svg"
+    sed -i "s|PAGE_URL|sponsor-interviews/$SPONSOR_URL/|" "./ogp-interview-${SPONSOR_URL}.svg"
+    inkscape --export-type="png"  --export-area-page --export-filename "../sponsor-interview-${SPONSOR_URL}.png" "./ogp-interview-${SPONSOR_URL}.svg"
+    rm "./ogp-interview-${SPONSOR_URL}.svg"
+done
+
+# Pages
+cat pages.lst | grep -v '#' | while read PAGE; do
+    PAGE_NAME=$(echo $PAGE | cut -d ':' -f 1)
+    PAGE_URL=$(echo $PAGE | cut -d ':' -f 2)
+    echo "Generating head image for page $PAGE_NAME with URL $SPONSOR_URL"
+    cp "./ogp-page.svg" "./ogp-page-${PAGE_URL}.svg"
+    sed -i "s|PAGE_TITLE|$PAGE_NAME|" "./ogp-page-${PAGE_URL}.svg"
+    sed -i "s|PAGE_URL|$PAGE_URL/|" "./ogp-page-${PAGE_URL}.svg"
+    inkscape --export-type="png"  --export-area-page --export-filename "../${PAGE_URL}.png" "./ogp-page-${PAGE_URL}.svg"
+    rm "./ogp-page-${PAGE_URL}.svg"
+done
+
+popd

diff --git a/static/img/ogp/src/ogp-interview.svg b/static/img/ogp/src/ogp-interview.svg
new file mode 100644 (file)
index 0000000..f93364b
--- /dev/null
+++ b/static/img/ogp/src/ogp-interview.svg
@@ -0,0 +1,562 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   viewBox="0 0 800 419"
+   xml:space="preserve"
+   id="svg77"
+   sodipodi:docname="ogp-interview.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:xlink="http://www.w3.org/1999/xlink"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs77" /><sodipodi:namedview
+     id="namedview77"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="1.5697771"
+     inkscape:cx="400.69383"
+     inkscape:cy="209.5839"
+     inkscape:window-width="2560"
+     inkscape:window-height="1382"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg77" /><path
+     d="m0.72943 420.02 1052.1 2.6786-0.7218-113.96-1051.7-521.29z"
+     fill="#012169"
+     id="path1" /><path
+     d="m1050 203.75-1012.4-506.4v-9.4477l566.11-0.75582 446.69 224.86z"
+     fill="#c8102e"
+     id="path2" /><g
+     transform="matrix(-3.7795 0 0 3.7795 856.85 168.68)"
+     stroke="#f9f9f9"
+     id="g72"><g
+       transform="translate(1.8443 -25.851)"
+       id="g61"><g
+         fill="none"
+         id="g5"><path
+           d="m-1.9394 37.348c53.886-3.3228 61.083 45.589 51.976 68.6"
+           stroke="#f9f9f9"
+           stroke-width=".5"
+           id="path3" /><path
+           d="m-2.2103 31.206c62.162-2.059 68.37 49.634 60.393 75.188"
+           stroke="#f9f9f9"
+           stroke-width=".56425"
+           id="path4" /><path
+           d="m-1.5792 37.348 1.6346-6.1507 2.2165 5.9014 2.1334-5.9291 1.9394 5.9568 2.355-5.5966 1.6624 5.9014 2.7706-5.5135 1.1359 6.0399 3.1308-5.1256 0.69265 5.9845 3.4355-5.0979 0.41559 6.1784 3.9065-4.9039-0.13853 6.2615 4.3498-4.6823-0.55412 6.3724 4.6546-4.1836-1.1914 6.2615 5.3472-3.7957-1.8009 6.4001 5.6797-3.6295-2.4381 6.5109 5.9014-3.2693-2.9645 6.7048 6.4278-2.8814-3.768 6.6771 6.6771-2.355-4.2944 6.4001 6.9819-1.9117-5.0425 6.2338 7.2312-1.413-5.652 6.2892 7.3421-0.83118-6.0399 5.8459 7.1481-0.4433-6.4832 5.5966 7.4529 0.55412-7.2589 4.5992 7.4252 1.5792-7.6468 4.1282 7.2589 2.2442-8.0624 3.3801 7.1204 3.4355-8.5334 2.2996 7.0927 2.6044"
+           stroke="#fff"
+           stroke-width=".25"
+           id="path5" /></g><g
+         transform="rotate(11.494 63.374 89.503)"
+         stroke="#fff"
+         id="g10"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse5" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path6" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path7" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path8" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path9" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path10" /></g><g
+         transform="rotate(11.494 132.03 89.548)"
+         stroke="#fff"
+         id="g15"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse10" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path11" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path12" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path13" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path14" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path15" /></g><g
+         transform="rotate(11.494 194.35 78.589)"
+         stroke="#fff"
+         id="g20"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse15" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path16" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path17" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path18" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path19" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path20" /></g><g
+         transform="rotate(11.494 250.21 57.046)"
+         stroke="#fff"
+         id="g25"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse20" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path21" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path22" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path23" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path24" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path25" /></g><g
+         transform="rotate(11.494 296.33 27.048)"
+         stroke="#fff"
+         id="g30"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse25" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path26" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path27" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path28" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path29" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path30" /></g><g
+         transform="rotate(11.494 336.35 -13.799)"
+         stroke="#fff"
+         id="g35"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse30" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path31" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path32" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path33" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path34" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path35" /></g><g
+         transform="rotate(11.494 363.52 -54.859)"
+         stroke="#fff"
+         id="g40"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse35" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path36" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path37" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path38" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path39" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path40" /></g><g
+         transform="rotate(11.494 381.35 -100.43)"
+         stroke="#fff"
+         id="g45"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse40" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path41" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path42" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path43" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path44" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path45" /></g><g
+         transform="rotate(11.494 392.2 -147.12)"
+         stroke="#fff"
+         id="g50"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse45" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path46" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path47" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path48" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path49" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path50" /></g><g
+         transform="rotate(11.494 396.92 -190.01)"
+         stroke="#fff"
+         id="g55"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse50" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path51" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path52" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path53" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path54" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path55" /></g><g
+         transform="rotate(11.494 395.84 -241.89)"
+         stroke="#fff"
+         id="g60"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse55" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path56" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path57" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path58" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path59" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path60" /></g></g><g
+       stroke="#fff"
+       stroke-width=".1"
+       id="g71"><ellipse
+         cx="-5.3472"
+         cy="47.432"
+         rx="1.9334"
+         ry="1.9057"
+         fill="#fff"
+         stroke-linecap="round"
+         stroke-linejoin="round"
+         style="paint-order:markers stroke fill"
+         id="ellipse61" /><path
+         d="m3.9342 11.193-9.9187 36.849"
+         fill="none"
+         id="path61" /><path
+         d="m11.914 11.415-17.843 36.516"
+         fill="none"
+         id="path62" /><path
+         d="m19.893 12.966-25.988 34.909"
+         fill="none"
+         id="path63" /><path
+         d="m27.595 15.515-33.469 32.194"
+         fill="none"
+         id="path64" /><path
+         d="m34.743 19.172-40.894 28.814"
+         fill="none"
+         id="path65" /><path
+         d="m41.559 24.769-47.654 23.051"
+         fill="none"
+         id="path66" /><path
+         d="m47.432 32.028-53.528 15.737"
+         fill="none"
+         id="path67" /><path
+         d="m51.422 40.284-57.462 7.536"
+         fill="none"
+         id="path68" /><path
+         d="m54.304 50.148-60.454-2.3827"
+         fill="none"
+         id="path69" /><path
+         d="m54.858 60.399-61.008-12.412"
+         fill="none"
+         id="path70" /><path
+         d="m54.027 71.814-59.956-23.882"
+         fill="none"
+         id="path71" /></g></g><text
+     x="18.568182"
+     y="46.539772"
+     fill="#ffffff"
+     font-family="Inter"
+     font-size="36px"
+     font-weight="bold"
+     letter-spacing="0px"
+     word-spacing="0px"
+     style="line-height:1.05"
+     xml:space="preserve"
+     id="text74"><tspan
+       x="18.568182"
+       y="46.539772"
+       style="line-height:1.05"
+       id="tspan72">PGDAY UK - London</tspan><tspan
+       x="18.568182"
+       y="84.339767"
+       style="line-height:1.05"
+       id="tspan73">September 11th 2024</tspan><tspan
+       x="18.568182"
+       y="122.13976"
+       style="line-height:1.05"
+       id="tspan74" /></text><text
+     x="147.64346"
+     y="168.36055"
+     fill="#ffffff"
+     font-family="Inter"
+     font-size="36px"
+     font-weight="bold"
+     letter-spacing="0px"
+     word-spacing="0px"
+     style="line-height:1.05"
+     xml:space="preserve"
+     id="text76"><tspan
+       x="147.64346"
+       y="168.36055"
+       style="line-height:1.05"
+       id="tspan75">An Interview With</tspan><tspan
+       x="147.64346"
+       y="206.16055"
+       style="line-height:1.05"
+       id="tspan76" /></text><rect
+     x="-10"
+     y="361.99899"
+     width="1072.6"
+     height="114.33"
+     fill="#012169"
+     stroke="#c8102e"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     stroke-miterlimit="1.5"
+     stroke-width="2"
+     id="rect76"
+     style="stroke:none" /><text
+     x="17.698809"
+     y="394.70355"
+     fill="#ffffff"
+     font-family="Inter"
+     font-size="30px"
+     letter-spacing="0px"
+     word-spacing="0px"
+     style="font-size:18px;line-height:1.25"
+     xml:space="preserve"
+     id="text77"><tspan
+       x="17.698809"
+       y="394.70355"
+       fill="#ffffff"
+       font-size="30px"
+       id="tspan77"
+       style="font-size:18px">https://2024.pgday.uk/PAGE_URL</tspan></text><rect
+     x="20"
+     y="188.68"
+     width="570"
+     height="139.44"
+     rx="16"
+     ry="16"
+     fill="#fff"
+     id="rect77" /><image
+     x="30"
+     y="198.67999"
+     width="550"
+     height="120"
+     image-rendering="optimizeQuality"
+     stroke-width="0.194169"
+     xlink:href="../../logos/LOGO.png"
+     preserveAspectRatio="xMidYMid meet"
+     id="image77" /></svg>

diff --git a/static/img/ogp/src/ogp-page.svg b/static/img/ogp/src/ogp-page.svg
new file mode 100644 (file)
index 0000000..f68ee7a
--- /dev/null
+++ b/static/img/ogp/src/ogp-page.svg
@@ -0,0 +1,540 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   viewBox="0 0 800 419"
+   xml:space="preserve"
+   id="svg77"
+   sodipodi:docname="ogp-page.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs77" /><sodipodi:namedview
+     id="namedview77"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="1.69"
+     inkscape:cx="318.93491"
+     inkscape:cy="211.2426"
+     inkscape:window-width="2560"
+     inkscape:window-height="1382"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg77" /><path
+     d="m0.72943 420.02 1052.1 2.6786-0.7218-113.96-1051.7-521.29z"
+     fill="#012169"
+     id="path1" /><path
+     d="m1050 203.75-1012.4-506.4v-9.4477l566.11-0.75582 446.69 224.86z"
+     fill="#c8102e"
+     id="path2" /><g
+     transform="matrix(-3.7795 0 0 3.7795 856.85 168.68)"
+     stroke="#f9f9f9"
+     id="g72"><g
+       transform="translate(1.8443 -25.851)"
+       id="g61"><g
+         fill="none"
+         id="g5"><path
+           d="m-1.9394 37.348c53.886-3.3228 61.083 45.589 51.976 68.6"
+           stroke="#f9f9f9"
+           stroke-width=".5"
+           id="path3" /><path
+           d="m-2.2103 31.206c62.162-2.059 68.37 49.634 60.393 75.188"
+           stroke="#f9f9f9"
+           stroke-width=".56425"
+           id="path4" /><path
+           d="m-1.5792 37.348 1.6346-6.1507 2.2165 5.9014 2.1334-5.9291 1.9394 5.9568 2.355-5.5966 1.6624 5.9014 2.7706-5.5135 1.1359 6.0399 3.1308-5.1256 0.69265 5.9845 3.4355-5.0979 0.41559 6.1784 3.9065-4.9039-0.13853 6.2615 4.3498-4.6823-0.55412 6.3724 4.6546-4.1836-1.1914 6.2615 5.3472-3.7957-1.8009 6.4001 5.6797-3.6295-2.4381 6.5109 5.9014-3.2693-2.9645 6.7048 6.4278-2.8814-3.768 6.6771 6.6771-2.355-4.2944 6.4001 6.9819-1.9117-5.0425 6.2338 7.2312-1.413-5.652 6.2892 7.3421-0.83118-6.0399 5.8459 7.1481-0.4433-6.4832 5.5966 7.4529 0.55412-7.2589 4.5992 7.4252 1.5792-7.6468 4.1282 7.2589 2.2442-8.0624 3.3801 7.1204 3.4355-8.5334 2.2996 7.0927 2.6044"
+           stroke="#fff"
+           stroke-width=".25"
+           id="path5" /></g><g
+         transform="rotate(11.494 63.374 89.503)"
+         stroke="#fff"
+         id="g10"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse5" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path6" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path7" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path8" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path9" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path10" /></g><g
+         transform="rotate(11.494 132.03 89.548)"
+         stroke="#fff"
+         id="g15"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse10" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path11" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path12" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path13" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path14" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path15" /></g><g
+         transform="rotate(11.494 194.35 78.589)"
+         stroke="#fff"
+         id="g20"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse15" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path16" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path17" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path18" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path19" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path20" /></g><g
+         transform="rotate(11.494 250.21 57.046)"
+         stroke="#fff"
+         id="g25"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse20" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path21" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path22" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path23" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path24" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path25" /></g><g
+         transform="rotate(11.494 296.33 27.048)"
+         stroke="#fff"
+         id="g30"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse25" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path26" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path27" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path28" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path29" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path30" /></g><g
+         transform="rotate(11.494 336.35 -13.799)"
+         stroke="#fff"
+         id="g35"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse30" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path31" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path32" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path33" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path34" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path35" /></g><g
+         transform="rotate(11.494 363.52 -54.859)"
+         stroke="#fff"
+         id="g40"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse35" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path36" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path37" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path38" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path39" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path40" /></g><g
+         transform="rotate(11.494 381.35 -100.43)"
+         stroke="#fff"
+         id="g45"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse40" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path41" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path42" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path43" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path44" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path45" /></g><g
+         transform="rotate(11.494 392.2 -147.12)"
+         stroke="#fff"
+         id="g50"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse45" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path46" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path47" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path48" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path49" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path50" /></g><g
+         transform="rotate(11.494 396.92 -190.01)"
+         stroke="#fff"
+         id="g55"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse50" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path51" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path52" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path53" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path54" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path55" /></g><g
+         transform="rotate(11.494 395.84 -241.89)"
+         stroke="#fff"
+         id="g60"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse55" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path56" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path57" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path58" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path59" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path60" /></g></g><g
+       stroke="#fff"
+       stroke-width=".1"
+       id="g71"><ellipse
+         cx="-5.3472"
+         cy="47.432"
+         rx="1.9334"
+         ry="1.9057"
+         fill="#fff"
+         stroke-linecap="round"
+         stroke-linejoin="round"
+         style="paint-order:markers stroke fill"
+         id="ellipse61" /><path
+         d="m3.9342 11.193-9.9187 36.849"
+         fill="none"
+         id="path61" /><path
+         d="m11.914 11.415-17.843 36.516"
+         fill="none"
+         id="path62" /><path
+         d="m19.893 12.966-25.988 34.909"
+         fill="none"
+         id="path63" /><path
+         d="m27.595 15.515-33.469 32.194"
+         fill="none"
+         id="path64" /><path
+         d="m34.743 19.172-40.894 28.814"
+         fill="none"
+         id="path65" /><path
+         d="m41.559 24.769-47.654 23.051"
+         fill="none"
+         id="path66" /><path
+         d="m47.432 32.028-53.528 15.737"
+         fill="none"
+         id="path67" /><path
+         d="m51.422 40.284-57.462 7.536"
+         fill="none"
+         id="path68" /><path
+         d="m54.304 50.148-60.454-2.3827"
+         fill="none"
+         id="path69" /><path
+         d="m54.858 60.399-61.008-12.412"
+         fill="none"
+         id="path70" /><path
+         d="m54.027 71.814-59.956-23.882"
+         fill="none"
+         id="path71" /></g></g><text
+     x="18.568182"
+     y="46.539772"
+     fill="#ffffff"
+     font-family="Inter"
+     font-size="36px"
+     font-weight="bold"
+     letter-spacing="0px"
+     word-spacing="0px"
+     style="line-height:1.05"
+     xml:space="preserve"
+     id="text74"><tspan
+       x="18.568182"
+       y="46.539772"
+       style="line-height:1.05"
+       id="tspan72">PGDAY UK - London</tspan><tspan
+       x="18.568182"
+       y="84.339767"
+       style="line-height:1.05"
+       id="tspan73">September 11th 2024</tspan><tspan
+       x="18.568182"
+       y="122.13976"
+       style="line-height:1.05"
+       id="tspan74" /></text><text
+     x="18.103693"
+     y="212.11647"
+     fill="#ffffff"
+     font-family="Inter"
+     font-size="36px"
+     font-weight="bold"
+     letter-spacing="0px"
+     word-spacing="0px"
+     style="font-size:30px;line-height:1.05"
+     xml:space="preserve"
+     id="text76"><tspan
+       x="18.103693"
+       y="212.11647"
+       style="font-size:30px;line-height:1.05"
+       id="tspan75">PAGE_TITLE</tspan></text><rect
+     x="-10"
+     y="360.99899"
+     width="1072.6"
+     height="114.33"
+     fill="#012169"
+     stroke="#c8102e"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     stroke-miterlimit="1.5"
+     stroke-width="2"
+     id="rect76"
+     style="stroke:none" /><text
+     x="17.698809"
+     y="394.70355"
+     fill="#ffffff"
+     font-family="Inter"
+     font-size="30px"
+     letter-spacing="0px"
+     word-spacing="0px"
+     style="font-size:18px;line-height:1.25"
+     xml:space="preserve"
+     id="text77"><tspan
+       x="17.698809"
+       y="394.70355"
+       fill="#ffffff"
+       font-size="30px"
+       id="tspan77"
+       style="font-size:18px">https://2024.pgday.uk/PAGE_URL</tspan></text></svg>

diff --git a/static/img/ogp/src/ogp.svg b/static/img/ogp/src/ogp.svg
new file mode 100644 (file)
index 0000000..0361fbc
--- /dev/null
+++ b/static/img/ogp/src/ogp.svg
@@ -0,0 +1,525 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   version="1.1"
+   viewBox="0 0 800 419"
+   xml:space="preserve"
+   id="svg75"
+   sodipodi:docname="ogp.svg"
+   inkscape:version="1.3.2 (091e20ef0f, 2023-11-25)"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg"><defs
+     id="defs75" /><sodipodi:namedview
+     id="namedview75"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:zoom="1.69"
+     inkscape:cx="227.21893"
+     inkscape:cy="230.17751"
+     inkscape:window-width="2560"
+     inkscape:window-height="1382"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="svg75" /><path
+     d="m0.72943 420.02 1052.1 2.6786-0.7218-113.96-1051.7-521.29z"
+     fill="#012169"
+     id="path1" /><path
+     d="m1050 203.75-1012.4-506.4v-9.4477l566.11-0.75582 446.69 224.86z"
+     fill="#c8102e"
+     id="path2" /><g
+     transform="matrix(-3.7795 0 0 3.7795 856.85 168.68)"
+     stroke="#f9f9f9"
+     id="g72"><g
+       transform="translate(1.8443 -25.851)"
+       id="g61"><g
+         fill="none"
+         id="g5"><path
+           d="m-1.9394 37.348c53.886-3.3228 61.083 45.589 51.976 68.6"
+           stroke="#f9f9f9"
+           stroke-width=".5"
+           id="path3" /><path
+           d="m-2.2103 31.206c62.162-2.059 68.37 49.634 60.393 75.188"
+           stroke="#f9f9f9"
+           stroke-width=".56425"
+           id="path4" /><path
+           d="m-1.5792 37.348 1.6346-6.1507 2.2165 5.9014 2.1334-5.9291 1.9394 5.9568 2.355-5.5966 1.6624 5.9014 2.7706-5.5135 1.1359 6.0399 3.1308-5.1256 0.69265 5.9845 3.4355-5.0979 0.41559 6.1784 3.9065-4.9039-0.13853 6.2615 4.3498-4.6823-0.55412 6.3724 4.6546-4.1836-1.1914 6.2615 5.3472-3.7957-1.8009 6.4001 5.6797-3.6295-2.4381 6.5109 5.9014-3.2693-2.9645 6.7048 6.4278-2.8814-3.768 6.6771 6.6771-2.355-4.2944 6.4001 6.9819-1.9117-5.0425 6.2338 7.2312-1.413-5.652 6.2892 7.3421-0.83118-6.0399 5.8459 7.1481-0.4433-6.4832 5.5966 7.4529 0.55412-7.2589 4.5992 7.4252 1.5792-7.6468 4.1282 7.2589 2.2442-8.0624 3.3801 7.1204 3.4355-8.5334 2.2996 7.0927 2.6044"
+           stroke="#fff"
+           stroke-width=".25"
+           id="path5" /></g><g
+         transform="rotate(11.494 63.374 89.503)"
+         stroke="#fff"
+         id="g10"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse5" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path6" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path7" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path8" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path9" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path10" /></g><g
+         transform="rotate(11.494 132.03 89.548)"
+         stroke="#fff"
+         id="g15"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse10" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path11" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path12" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path13" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path14" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path15" /></g><g
+         transform="rotate(11.494 194.35 78.589)"
+         stroke="#fff"
+         id="g20"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse15" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path16" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path17" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path18" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path19" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path20" /></g><g
+         transform="rotate(11.494 250.21 57.046)"
+         stroke="#fff"
+         id="g25"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse20" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path21" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path22" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path23" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path24" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path25" /></g><g
+         transform="rotate(11.494 296.33 27.048)"
+         stroke="#fff"
+         id="g30"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse25" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path26" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path27" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path28" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path29" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path30" /></g><g
+         transform="rotate(11.494 336.35 -13.799)"
+         stroke="#fff"
+         id="g35"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse30" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path31" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path32" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path33" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path34" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path35" /></g><g
+         transform="rotate(11.494 363.52 -54.859)"
+         stroke="#fff"
+         id="g40"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse35" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path36" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path37" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path38" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path39" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path40" /></g><g
+         transform="rotate(11.494 381.35 -100.43)"
+         stroke="#fff"
+         id="g45"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse40" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path41" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path42" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path43" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path44" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path45" /></g><g
+         transform="rotate(11.494 392.2 -147.12)"
+         stroke="#fff"
+         id="g50"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse45" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path46" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path47" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path48" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path49" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path50" /></g><g
+         transform="rotate(11.494 396.92 -190.01)"
+         stroke="#fff"
+         id="g55"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse50" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path51" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path52" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path53" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path54" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path55" /></g><g
+         transform="rotate(11.494 395.84 -241.89)"
+         stroke="#fff"
+         id="g60"><ellipse
+           cx="64.686"
+           cy="101.56"
+           rx="2.4184"
+           ry="2.4184"
+           fill="none"
+           stroke-linecap="round"
+           stroke-linejoin="round"
+           stroke-width=".25"
+           style="paint-order:markers stroke fill"
+           id="ellipse55" /><path
+           d="m62.339 101.77c1.3488-1.4628 2.8362-1.5171 4.3394-1.4106"
+           fill="none"
+           stroke-linecap="round"
+           stroke-width=".15"
+           id="path56" /><path
+           d="m62.877 103.07c1.753-1.3941 3.0221-1.5267 4.0455-1.0187-0.18597 1.0085-0.88622 1.4581-1.6652 1.822-0.74618 0.10087-1.5055 0.0992-2.3803-0.80323z"
+           fill="#fff"
+           stroke-width=".15"
+           id="path57" /><path
+           d="m65.023 102.01c-0.73386-1.7736-0.50086-2.1136-0.52896-2.8407"
+           fill="none"
+           stroke-width=".15"
+           id="path58" /><path
+           d="m64.151 102.66c-0.8722-0.75229-1.0698-1.8112-0.79344-3.0856"
+           fill="none"
+           stroke-width=".15"
+           id="path59" /><path
+           d="m65.699 99.424c0.37615 0.54953 0.7581 1.0884 0.67589 2.4783"
+           fill="none"
+           stroke-width=".15"
+           id="path60" /></g></g><g
+       stroke="#fff"
+       stroke-width=".1"
+       id="g71"><ellipse
+         cx="-5.3472"
+         cy="47.432"
+         rx="1.9334"
+         ry="1.9057"
+         fill="#fff"
+         stroke-linecap="round"
+         stroke-linejoin="round"
+         style="paint-order:markers stroke fill"
+         id="ellipse61" /><path
+         d="m3.9342 11.193-9.9187 36.849"
+         fill="none"
+         id="path61" /><path
+         d="m11.914 11.415-17.843 36.516"
+         fill="none"
+         id="path62" /><path
+         d="m19.893 12.966-25.988 34.909"
+         fill="none"
+         id="path63" /><path
+         d="m27.595 15.515-33.469 32.194"
+         fill="none"
+         id="path64" /><path
+         d="m34.743 19.172-40.894 28.814"
+         fill="none"
+         id="path65" /><path
+         d="m41.559 24.769-47.654 23.051"
+         fill="none"
+         id="path66" /><path
+         d="m47.432 32.028-53.528 15.737"
+         fill="none"
+         id="path67" /><path
+         d="m51.422 40.284-57.462 7.536"
+         fill="none"
+         id="path68" /><path
+         d="m54.304 50.148-60.454-2.3827"
+         fill="none"
+         id="path69" /><path
+         d="m54.858 60.399-61.008-12.412"
+         fill="none"
+         id="path70" /><path
+         d="m54.027 71.814-59.956-23.882"
+         fill="none"
+         id="path71" /></g></g><text
+     x="18.568182"
+     y="46.539772"
+     fill="#ffffff"
+     font-family="Inter"
+     font-size="36px"
+     font-weight="bold"
+     letter-spacing="0px"
+     word-spacing="0px"
+     style="line-height:1.05"
+     xml:space="preserve"
+     id="text74"><tspan
+       x="18.568182"
+       y="46.539772"
+       style="line-height:1.05"
+       id="tspan72">PGDAY UK - London</tspan><tspan
+       x="18.568182"
+       y="84.339767"
+       style="line-height:1.05"
+       id="tspan73">September 11th 2024</tspan><tspan
+       x="18.568182"
+       y="122.13976"
+       style="line-height:1.05"
+       id="tspan74" /></text><rect
+     x="-10"
+     y="361.99899"
+     width="1072.6"
+     height="114.33"
+     fill="#012169"
+     stroke="#c8102e"
+     stroke-linecap="round"
+     stroke-linejoin="round"
+     stroke-miterlimit="1.5"
+     stroke-width="2"
+     id="rect74"
+     style="stroke:none" /><text
+     x="17.698854"
+     y="394.70361"
+     fill="#ffffff"
+     font-family="Inter"
+     font-size="30px"
+     letter-spacing="0px"
+     word-spacing="0px"
+     style="font-size:18px;line-height:1.25;stroke-width:1"
+     xml:space="preserve"
+     id="text75"><tspan
+       x="17.698854"
+       y="394.70361"
+       fill="#ffffff"
+       font-size="30px"
+       id="tspan75"
+       style="font-size:18px;stroke-width:1">https://2024.pgday.uk/</tspan></text></svg>

diff --git a/static/img/ogp/src/pages.lst b/static/img/ogp/src/pages.lst
new file mode 100644 (file)
index 0000000..458e0b4
--- /dev/null
+++ b/static/img/ogp/src/pages.lst
@@ -0,0 +1,12 @@
+# List of pages to generat headers for
+# Name:URL
+Call For Papers:cfp
+Become A Sponsor:cfs
+COVID-19 Information:covid-19
+Register Now:register-now
+Schedule:schedule
+Sponsor FAQ:sponsor-faq
+Sponsor Interviews:sponsor-interviews
+Sponsor Interview:sponsor-interview
+Sponsors:sponsors
+Things-To-Do:things-to-do

diff --git a/static/img/ogp/src/sponsors.lst b/static/img/ogp/src/sponsors.lst
new file mode 100644 (file)
index 0000000..48a1664
--- /dev/null
+++ b/static/img/ogp/src/sponsors.lst
@@ -0,0 +1,12 @@
+# List of sponsors to generate header images for
+# Name:URL:Logo
+AWS:amazon-web-services:aws.png
+DBTune:dbtune:dbtune.png
+EDB:edb:edb.png
+Fujitsu:fujitsu-enterprise-postgres:fujitsu.png
+Gitc Pro:gitc-pro-limited:gitcpro.png
+Havelsan:havelsan:havelsan.png
+Nexteam:nexteam:nexteam.png
+Pro Open Source:proopensource-ou:proopensourceou.png
+quest:quest:quest.png
+Red Gate:red-gate-software-limited:redgate.png

diff --git a/static/img/ogp/things-to-do.png b/static/img/ogp/things-to-do.png
index b7a7948370d2c3939c364538c115e602c2dc0cb3..0f052bea21121b9ce543604db872d01f27cf9232 100644 (file)
Binary files a/static/img/ogp/things-to-do.png and b/static/img/ogp/things-to-do.png differ

diff --git a/templates/pages/ogp.html b/templates/pages/ogp.html
deleted file mode 100644 (file)
index 7d5bda2..0000000
--- a/templates/pages/ogp.html
+++ /dev/null
@@ -1,131 +0,0 @@
-{% extends "base.html" %}
-
-{% block ogp %}
-<style>
-#ogpbacksplash {
-  background-color: black;
-  width: 100%;
-  padding: 4rem;
-}
-
-.ogpcard {
-  width: 800px;
-  height: 419px;
-  text-align: center;
-  background-image: url("/static/img/london-eye.jpg");
-  background-size: cover;
-  margin-bottom: 2rem;
-  padding: 1rem;
-  overflow: clip;
-}
-
-.ogpcontents {
-  background: #11457EC0;
-  color: white;
-  text-align: center;
-  padding: 1rem;
-  border: 2px solid black;
-  box-shadow: 0 0 2rem #ffffff80;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-evenly;
-  gap: 1rem;
-  height: 100%;
-}
-
-.ogptitle {
-  font-size: 4rem;
-  width: 90%;
-}
-
-.ogpsubtitle {
-  font-size: 2.5rem;
-  width: 90%;
-}
-
-hr {
-  border-color: #D7141A;
-  width: 100%;
-  height: 2px;
-  display: block;
-}
-
-.ogpmessage {
-  font-size: 3rem;
-  color: var(--white);
-  font-weight: bold;
-  margin: auto 0;
-  width: 90%;
-}
-
-.ogpmessage img {
-  border: 0;
-  vertical-align: middle;
-}
-
-.ogpurl {
-  width: 100%;
-  margin-top: auto;
-  text-align: right;
-}
-
-.ogpsponsorlogo {
-  background-color: var(--white);
-  border-radius: 0.25em;
-  padding: 0.25em;
-  max-width: 200px;
-  max-height: 80px;
-  object-fit: contain;
-}
-</style>
-
-{% set defaults = {
-  "title": "PGDay UK &mdash; London",
-  "subtitle": "September 12, 2023"
-}
-%}
-
-{% set cards = [
-{"message": "Covid-19 Information", "url": "covid-19"},
-{"message": "Call for Papers", "url": "call-for-papers"},
-{"message": "Call for Sponsors", "url": "call-for-sponsors"},
-{"message": "Register Now!", "url": "registration"},
-{"message": "Schedule", "url": "schedule"},
-{"message": "Speaker Interview", "url": "speaker-interviews"},
-{"message": "Speaker Interviews", "url": "speaker-interviews"},
-{"message": "Sponsor Interview", "url": "sponsor-interviews"},
-{"message": "Sponsor Interviews", "url": "sponsor-interviews"},
-{"message": "Sponsors", "url": "sponsors"},
-{"message": "Sponsor FAQ", "url": "sponsor-faq"},
-{"message": "Things to Do in London", "url": "things-to-do"},
-{}
-]
-%}
-
-{# This is a scoping hack #}
-{% set sponsorcards = {} %}
-{% for s in sponsors %}
-  {% for c in s.companies %}
-    {% set _ = sponsorcards.update({c.name: {
-        "message": "Interview with <img class=\"ogpsponsorlogo\" src=\"" + media("img/logos/" + c.img) + "\">",
-        "url": "sponsor-interviews/" + c.name|slugify
-        }}) %}
-  {% endfor %}
-{% endfor %}
-{% set cards = cards + sponsorcards.values()|list %}
-
-<div id="ogpbacksplash">
-  {% for c in cards %}
-  <div class="ogpcard">
-    <div class="ogpcontents">
-      <div class="ogptitle">{{ c.title|default(defaults.title) }}</div>
-      <div class="ogpsubtitle">{{ c.subtite|default(defaults.subtitle) }}</div>
-      <hr>
-      {% if c.message %}
-      <div class="ogpmessage">{{ c.message }}</div>
-      {% endif %}
-      <div class="ogpurl">https://{{ year }}.pgday.uk/{{ c.url }}/</div>
-    </div>
-  </div>
-  {% endfor %}
-{% endblock ogp %}