Add a dedicated card for social media previews

bash · bash · commit a14e0ef9da51 · 2024-07-02T19:15:28.000+02:00
diff --git a/assets/logo/rust-gamedev-logo-raw.svg b/assets/logo/rust-gamedev-logo-raw.svg
@@ -99,15 +99,16 @@
      inkscape:pagecheckerboard="0"
      inkscape:deskcolor="#d1d1d1"
      showguides="true"
-     inkscape:zoom="0.99999999"
-     inkscape:cx="1261.5"
-     inkscape:cy="331.5"
+     inkscape:zoom="0.35355339"
+     inkscape:cx="1226.1232"
+     inkscape:cy="889.54034"
      inkscape:window-width="2560"
      inkscape:window-height="1371"
      inkscape:window-x="0"
      inkscape:window-y="0"
      inkscape:window-maximized="1"
-     inkscape:current-layer="svg39"><inkscape:page
+     inkscape:current-layer="g199"
+     inkscape:export-bgcolor="#ffffff07"><inkscape:page
        x="0"
        y="0"
        width="106"
@@ -174,10 +175,21 @@
        id="page192"
        margin="0"
        bleed="0"
-       inkscape:label="favicon-32x32"
        inkscape:export-filename="./favicon-32x32.png"
        inkscape:export-xdpi="96"
-       inkscape:export-ydpi="96" /></sodipodi:namedview><image
+       inkscape:export-ydpi="96"
+       inkscape:label="favicon-32x32" /><inkscape:page
+       x="1329.4121"
+       y="0"
+       width="1200"
+       height="600"
+       id="page193"
+       margin="0"
+       bleed="0"
+       inkscape:export-filename="social-card.png"
+       inkscape:export-xdpi="96"
+       inkscape:export-ydpi="96"
+       inkscape:label="social-card" /></sodipodi:namedview><image
      width="105.00002"
      height="105.00002"
      preserveAspectRatio="none"
@@ -535,4 +547,58 @@
      xlink:href="#use192"
      id="use193"
      transform="matrix(1.9994179,0,0,1.9994179,-1234.6731,0.0046568)"
-     style="stroke-width:0.500146" /></svg>
+     style="stroke-width:0.500146" /><text
+     xml:space="preserve"
+     style="font-size:8px;line-height:normal;font-family:Calibri;-inkscape-font-specification:Calibri;font-feature-settings:'ss03';text-decoration-color:#000000;opacity:0.447893;fill:#ffd42a;stroke:#ff0000;stroke-width:5.31402"
+     x="1898.6591"
+     y="303.34882"
+     id="text194"><tspan
+       sodipodi:role="line"
+       id="tspan194"></tspan></text><g
+     id="g199"
+     inkscape:label="social-card"><rect
+       style="opacity:1;fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:5.31402"
+       id="rect198"
+       width="1200"
+       height="600"
+       x="1329.4121"
+       y="0" /><use
+       x="0"
+       y="0"
+       xlink:href="#use193"
+       id="use194"
+       transform="matrix(5.609179,0,0,5.609179,-4951.2736,174.64376)"
+       style="stroke-width:0.178279" /><g
+       id="g198"
+       transform="translate(13.60791,32.182831)"><text
+         xml:space="preserve"
+         style="font-size:80px;line-height:normal;font-family:Calibri;-inkscape-font-specification:Calibri;font-feature-settings:'ss03';text-decoration-color:#000000;opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:5.31402"
+         x="1391.8628"
+         y="226.05283"
+         id="text195"><tspan
+           sodipodi:role="line"
+           id="tspan195"
+           x="1391.8628"
+           y="226.05283"
+           style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-size:80px;font-family:Roboto;-inkscape-font-specification:Roboto;fill:#000000;fill-opacity:1">Rust GameDev WG </tspan></text><text
+         xml:space="preserve"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:40px;line-height:normal;font-family:Roboto;-inkscape-font-specification:Roboto;font-feature-settings:'ss03';text-decoration-color:#000000;opacity:1;fill:#5b5b5b;fill-opacity:1;stroke:none;stroke-width:5.31402"
+         x="1395.8276"
+         y="308.93698"
+         id="text196"><tspan
+           sodipodi:role="line"
+           id="tspan196"
+           x="1395.8276"
+           y="308.93698"
+           style="font-size:40px;fill:#5b5b5b;fill-opacity:1">Making Rust a first-class choice </tspan><tspan
+           sodipodi:role="line"
+           x="1395.8276"
+           y="358.93698"
+           style="font-size:40px;fill:#5b5b5b;fill-opacity:1"
+           id="tspan197">for game development </tspan></text></g><rect
+       style="opacity:1;fill:#0066cc;fill-opacity:1;stroke:none;stroke-width:5.31402"
+       id="rect195"
+       width="1200"
+       height="30.314938"
+       x="1329.4121"
+       y="569.68506" /></g></svg>
diff --git a/static/social-card.png b/static/social-card.png
diff --git a/templates/index.html b/templates/index.html
@@ -23,7 +23,7 @@
             <link rel="canonical" href="{{ get_url(path='/' )}}">
         {% endblock seo %}
 
-        <meta property="og:image" content="{{ get_url(path='logo.svg') }}">
+        <meta property="og:image" content="{{ get_url(path='social-card.png') }}">
         <meta property="og:image:width" content="200">
         <meta property="og:image:height" content="200">
         <meta property="og:site_name" content="{{ config.title | default(value="Minima") }}">
