chore(projects): remove .env.example, add Fusion Framework and Cipher Scope to project list, and enhance project metadata and images

Author: MohammadTahaBatoomi

.env.example

@@ -19,10 +19,16 @@
 
 ## Projects
 
-- Cipher Token: https://cipherunit.xyz/projects/cipher-token — high-performance Rust JWT/crypto library with Python (PyO3) bindings
+- Fusion Framework: https://cipherunit.xyz/projects/fusion-framework — one framework, multiple languages for modern app development
+  - GitHub: https://github.com/cipherunits/fusion-framework
+  - Image: https://cipherunit.xyz/images/logo-fusion.png
+- Cipher Token: https://cipherunit.xyz/projects/cipher-token — high-performance Rust token/crypto utilities with Python (PyO3) bindings
   - GitHub: https://github.com/cipherunits/CipherToken
   - Image: https://cipherunit.xyz/images/cipher-token.png
-- NPM Mirror: https://cipherunit.xyz/projects/npm-mirror — offline npm package mirror with Docker Compose
+- Cipher Scope: https://cipherunit.xyz/projects/cipher-scope — runtime visibility CLI for modern apps (banner, env, tooling context)
+  - GitHub: https://github.com/cipherunits/CipherScope
+  - Image: https://cipherunit.xyz/images/cipher-scope.png
+- NPM Mirror: https://cipherunit.xyz/projects/npm-mirror — offline npm package cache/mirror for unreliable networks
   - GitHub: https://github.com/cipherunits/npm-mirror
   - Image: https://cipherunit.xyz/images/npm-mirrors.png
 

public/images/cipher-scope.png

@@ -8,11 +8,25 @@
 const SITE = process.env.SITE_NAME || "https://cipherunit.xyz";
 const INDEXNOW_KEY = "cipherunit-indexnow-2026";
 
+const projectSlugs = [
+  "fusion-framework",
+  "cipher-token",
+  "cipher-scope",
+  "npm-mirror",
+];
+
+const projectImages = [
+  `${SITE}/images/logo-fusion.png`,
+  `${SITE}/images/cipher-token.png`,
+  `${SITE}/images/cipher-scope.png`,
+  `${SITE}/images/npm-mirrors.png`,
+];
+
 const urls = [
   `${SITE}/`,
   `${SITE}/projects`,
-  `${SITE}/projects/cipher-token`,
-  `${SITE}/projects/npm-mirror`,
+  ...projectSlugs.map((slug) => `${SITE}/projects/${slug}`),
+  ...projectImages,
   `${SITE}/team`,
   `${SITE}/contact`,
   `${SITE}/sitemap.xml`,
@@ -49,8 +63,7 @@ async function main() {
   for (const url of [
     `${SITE}/`,
     `${SITE}/projects`,
-    `${SITE}/projects/cipher-token`,
-    `${SITE}/projects/npm-mirror`,
+    ...projectSlugs.map((slug) => `${SITE}/projects/${slug}`),
     `${SITE}/team`,
     `${SITE}/contact`,
   ]) {

public/images/cipher-token.png

@@ -53,6 +53,11 @@ export const metadata: Metadata = {
     "CipherUnit",
     "cipher unit",
     "cipherunit",
+    "cipherunits",
+    "cipher units",
+    "Cipherunits",
+    "CipherUnits",
+    "Cipher Units",
     "cipher unit github",
     "open source developer tools",
     "developer tools",
@@ -172,7 +177,7 @@ export default function RootLayout({
       <body className={`${inter.className} antialiased`}>
         <a
           href="#main-content"
-          className="absolute left-4 top-4 z-[100] -translate-y-16 rounded-md border border-(--color-primery) bg-(--color-surface) px-4 py-2 text-sm text-white shadow-lg transition focus:translate-y-0"
+          className="absolute left-4 top-4 z-100 -translate-y-16 rounded-md border border-(--color-primery) bg-(--color-surface) px-4 py-2 text-sm text-white shadow-lg transition focus:translate-y-0"
         >
           Skip to main content
         </a>

public/images/logo-fusion.jpg

@@ -12,8 +12,13 @@ import NamePage from "@/components/shared/NamePage";
 import SubNamePage from "@/components/shared/SubNamePage";
 import { getProjectBySlug, projects } from "@/lib/projects";
 import {
+  PROJECT_IMAGE_HEIGHT,
+  PROJECT_IMAGE_WIDTH,
+  projectImageAlt,
   projectImageCaption,
+  projectImageEncodingFormat,
   projectImageTitle,
+  projectOgImage,
   projectPagePath,
 } from "@/lib/seo-images";
 import { absoluteUrl, brandOgImages, siteConfig } from "@/lib/site";
@@ -42,7 +47,13 @@ export async function generateMetadata({
   }
 
   const pageUrl = absoluteUrl(projectPagePath(project));
+  const imageUrl = absoluteUrl(project.imageUrl);
+  const imageTitle = projectImageTitle(project);
   const title = `${project.title} | Cipher Unit Open Source Project`;
+  const techKeywords = project.tech
+    .split("•")
+    .map((part) => part.trim())
+    .filter(Boolean);
 
   return {
     title: { absolute: title },
@@ -52,8 +63,13 @@ export async function generateMetadata({
       "Cipher Unit",
       "CipherUnit",
       "open source",
+      "open source project",
+      "developer tools",
       ...project.programmingLanguages,
+      ...techKeywords,
     ],
+    category: "Technology",
+    classification: "Software Development",
     alternates: {
       canonical: projectPagePath(project),
     },
@@ -78,20 +94,17 @@ export async function generateMetadata({
       siteName: siteConfig.name,
       title: `${project.title} — Cipher Unit`,
       description: project.description,
-      images: [
-        {
-          url: project.imageUrl,
-          alt: projectImageTitle(project),
-          type: "image/png" as const,
-        },
-        ...brandOgImages(`${project.title} by Cipher Unit`),
-      ],
+      images: [projectOgImage(project), ...brandOgImages(`${project.title} by Cipher Unit`)],
     },
     twitter: {
       card: "summary_large_image",
       title: `${project.title} — Cipher Unit`,
       description: project.description,
-      images: [project.imageUrl],
+      images: [imageUrl],
+    },
+    other: {
+      "og:image:alt": imageTitle,
+      "image": imageUrl,
     },
   };
 }
@@ -106,6 +119,9 @@ export default async function ProjectPage({ params }: ProjectPageProps) {
 
   const imageTitle = projectImageTitle(project);
   const imageCaption = projectImageCaption(project);
+  const imageAlt = projectImageAlt(project);
+  const absoluteImageUrl = absoluteUrl(project.imageUrl);
+  const encodingFormat = projectImageEncodingFormat(project.imageUrl);
 
   return (
     <main
@@ -137,28 +153,30 @@ export default async function ProjectPage({ params }: ProjectPageProps) {
         <meta itemProp="creator" content="Cipher Unit" />
 
         <figure
-          className="relative aspect-video w-full overflow-hidden"
+          className="relative aspect-video w-full overflow-hidden bg-[#2c3138]"
           itemProp="image"
           itemScope
           itemType="https://schema.org/ImageObject"
         >
-          <meta
-            itemProp="contentUrl"
-            content={absoluteUrl(project.imageUrl)}
-          />
-          <meta itemProp="url" content={absoluteUrl(project.imageUrl)} />
+          <meta itemProp="contentUrl" content={absoluteImageUrl} />
+          <meta itemProp="url" content={absoluteImageUrl} />
           <meta itemProp="name" content={imageTitle} />
           <meta itemProp="caption" content={imageCaption} />
+          <meta itemProp="description" content={imageCaption} />
+          <meta itemProp="encodingFormat" content={encodingFormat} />
+          <meta itemProp="width" content={String(PROJECT_IMAGE_WIDTH)} />
+          <meta itemProp="height" content={String(PROJECT_IMAGE_HEIGHT)} />
+          <meta itemProp="representativeOfPage" content="true" />
           <Image
             src={project.imageUrl}
-            overrideSrc={absoluteUrl(project.imageUrl)}
-            alt={`${project.title} open source software developed by Cipher Unit (CipherUnit). ${project.description}`}
+            overrideSrc={absoluteImageUrl}
+            alt={imageAlt}
             title={imageTitle}
             fill
             priority
             quality={90}
             sizes="(max-width: 1024px) 100vw, 1152px"
-            className="object-cover"
+            className="object-contain"
           />
           <figcaption className="sr-only">{imageCaption}</figcaption>
         </figure>