Refresh shared website and README screenshots

index.html

@@ -14,19 +14,19 @@
     <link rel="manifest" href="{{path}}site.webmanifest" />
     <link rel="stylesheet" href="/site.css?v={{css_version}}" />
     <script src="/site.js?v={{js_version}}"></script>
-    <link rel="preload" as="image" href="/assets/workspace.png" fetchpriority="high" />
+    <link rel="preload" as="image" href="{{workspace}}" fetchpriority="high" />
     <meta property="og:type" content="website" />
     <meta property="og:site_name" content="Open CAD Studio" />
     <meta property="og:title" content="{{title}}" />
     <meta property="og:description" content="{{description}}" />
     <meta property="og:url" content="{{url}}" />
     <meta property="og:locale" content="{{og_locale}}" />
-    <meta property="og:image" content="https://www.opencadstudio.com/og.png" />
+    <meta property="og:image" content="https://www.opencadstudio.com{{workspace}}" />
     <meta property="og:image:alt" content="{{workspace_alt}}" />
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:title" content="{{title}}" />
     <meta name="twitter:description" content="{{description}}" />
-    <meta name="twitter:image" content="https://www.opencadstudio.com/og.png" />
+    <meta name="twitter:image" content="https://www.opencadstudio.com{{workspace}}" />
     <script type="application/ld+json">{{schema}}</script>
   </head>
   <body>
@@ -69,7 +69,7 @@
           <div class="visual-toolbar" aria-hidden="true" dir="ltr">
             <span class="window-mark"><i></i><i></i><i></i></span><span>technical-plan.dwg</span><b>2D</b>
           </div>
-          <img src="/assets/workspace.png" width="1920" height="940" alt="{{workspace_alt}}" fetchpriority="high" />
+          <img src="{{workspace}}" width="1920" height="940" alt="{{workspace_alt}}" fetchpriority="high" />
           <div class="visual-badge"><strong>DWG</strong><span>{{native_editing}}</span></div>
         </div>
       </section>
@@ -110,7 +110,7 @@
             <ul class="check-list"><li>{{camera}}</li><li>{{tessellation}}</li><li>{{mesh_workflow}}</li></ul>
           </div>
           <figure class="model-frame">
-            <img src="/assets/modeling.png" width="1920" height="940" alt="{{model_alt}}" loading="lazy" />
+            <img src="{{modeling}}" width="1920" height="940" alt="{{model_alt}}" loading="lazy" />
             <figcaption><span>{{model_space}}</span><strong>{{model_caption}}</strong></figcaption>
           </figure>
         </div>

scripts/assemble-site.sh

@@ -8,7 +8,7 @@ mkdir -p "$output/assets"
 install -m 0644 site/site.css "$output/site.css"
 install -m 0644 site/robots.txt "$output/robots.txt"
 install -m 0644 site/CNAME "$output/CNAME"
-install -m 0644 site/og.png "$output/og.png"
+install -m 0644 site/workspace.png "$output/og.png"
 install -m 0644 site/workspace.png "$output/assets/workspace.png"
 install -m 0644 site/modeling.png "$output/assets/modeling.png"
 python3 scripts/build-site.py "$output"

scripts/build-site.py

@@ -47,6 +47,8 @@ def build(output):
         return path
 
     logo = asset(ROOT / "assets/logo.svg")
+    workspace = asset(ROOT / "site/workspace.png")
+    modeling = asset(ROOT / "site/modeling.png")
     shutil.copyfile(ROOT / "assets/logo.svg", output / "assets/logo.svg")
     ico = asset(ROOT / "site/favicon.ico")
     touch = asset(ROOT / "site/apple-touch-icon.png")
@@ -86,7 +88,8 @@ def build(output):
         values = {key: escape(value) for key, value in messages.items()}
         values.update(locale=locale, direction="rtl" if locale == "ar-SA" else "ltr",
                       path=path, url=BASE + path, og_locale=locale.replace("-", "_"),
-                      logo=logo, icons=icons, css_version=css_version, js_version=js_version, alternates=alternates,
+                      logo=logo, workspace=workspace, modeling=modeling, icons=icons,
+                      css_version=css_version, js_version=js_version, alternates=alternates,
                       languages=escape(messages["languages"].format(count=len(catalogs))),
                       language_links=language_links,
                       schema=json.dumps(schema, ensure_ascii=False).replace("<", "\\u003c"))

site/README.md

@@ -10,5 +10,8 @@ use explicit locale paths and remember manual choices when browser storage is av
 Arabic uses a right-to-left layout. Icons are exported from `assets/logo.svg`;
 update the PNG/ICO files in this directory when the logo changes.
 
+`workspace.png` and `modeling.png` are shared by the website and all README languages.
+The drawing screenshot also supplies the social preview; website image URLs change with their contents.
+
 GitHub Pages publishes website changes from `main` while building the app from the
 latest release. Each deployment records both sources separately.