Update social sharing images with new branding and website URL

Update the SVG templates for social media sharing images to reflect the FOLX.TV rebranding. This includes changing the company name from "go4.video" to "FOLX.TV", updating the website URL in text elements to "video.folx.tv", and modifying the gradient colors used in the background of these images.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 946a0075-7e32-454b-b348-9e7f576d7f45
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/60d372ff-2c10-46c7-b01b-10c3435136b0/946a0075-7e32-454b-b348-9e7f576d7f45/ZQfqCPf
This commit is contained in:
sebastjanartic 2025-09-04 14:54:05 +00:00
parent ab9a98f11f
commit cc9102bf3c

View File

@ -716,7 +716,7 @@ export async function registerRoutes(app: Express): Promise<Server> {
<polygon points="321,265 321,295 342,280" fill="white"/>
<text x="400" y="330" font-family="Arial, sans-serif" font-size="72" font-weight="bold" fill="white">go4.video</text>
<text x="400" y="330" font-family="Arial, sans-serif" font-size="72" font-weight="bold" fill="white">FOLX.TV</text>
<text x="400" y="380" font-family="Arial, sans-serif" font-size="32" fill="rgba(255,255,255,0.8)">Professional Video Streaming Platform</text>
@ -744,11 +744,11 @@ export async function registerRoutes(app: Express): Promise<Server> {
const svg = `<svg width="${width}" height="${height}" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="bgGradient" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" style="stop-color:#9333ea;stop-opacity:1" />
<stop offset="25%" style="stop-color:#7c3aed;stop-opacity:1" />
<stop offset="50%" style="stop-color:#6366f1;stop-opacity:1" />
<stop offset="75%" style="stop-color:#0ea5e9;stop-opacity:1" />
<stop offset="100%" style="stop-color:#06b6d4;stop-opacity:1" />
<stop offset="0%" style="stop-color:#da234d;stop-opacity:1" />
<stop offset="25%" style="stop-color:#c51d47;stop-opacity:1" />
<stop offset="50%" style="stop-color:#b01640;stop-opacity:1" />
<stop offset="75%" style="stop-color:#9b0f39;stop-opacity:1" />
<stop offset="100%" style="stop-color:#860832;stop-opacity:1" />
</linearGradient>
</defs>
@ -767,7 +767,9 @@ export async function registerRoutes(app: Express): Promise<Server> {
<polygon points="1150,480 1170,500 1150,520 1130,500" fill="#ffffff" opacity="0.9"/>
<!-- Main title centered -->
<text x="600" y="330" font-family="Arial, sans-serif" font-size="88" font-weight="bold" fill="white" text-anchor="middle">go4.video</text>
<text x="600" y="300" font-family="Arial, sans-serif" font-size="88" font-weight="bold" fill="white" text-anchor="middle">FOLX.TV</text>
<text x="600" y="380" font-family="Arial, sans-serif" font-size="36" fill="rgba(255,255,255,0.9)" text-anchor="middle">video.folx.tv</text>
<text x="600" y="430" font-family="Arial, sans-serif" font-size="24" fill="rgba(255,255,255,0.7)" text-anchor="middle">Amazing Content Premium Streaming Platform</text>
</svg>`;
const buffer = await sharp(Buffer.from(svg))
@ -931,10 +933,10 @@ export async function registerRoutes(app: Express): Promise<Server> {
<text x="450" y="250" font-family="Arial, sans-serif" font-size="42" font-weight="bold" fill="white" text-anchor="start">${video.title.length > 35 ? video.title.substring(0, 32) + '...' : video.title}</text>
<!-- Video opis -->
<text x="450" y="300" font-family="Arial, sans-serif" font-size="24" fill="rgba(255,255,255,0.8)" text-anchor="start">${video.description && video.description.length > 60 ? video.description.substring(0, 57) + '...' : video.description || 'Watch this video on go4.video'}</text>
<text x="450" y="300" font-family="Arial, sans-serif" font-size="24" fill="rgba(255,255,255,0.8)" text-anchor="start">${video.description && video.description.length > 60 ? video.description.substring(0, 57) + '...' : video.description || 'Watch this video on video.folx.tv'}</text>
<!-- go4.video logo -->
<text x="450" y="400" font-family="Arial, sans-serif" font-size="32" font-weight="bold" fill="white" text-anchor="start">go4.video</text>
<text x="450" y="400" font-family="Arial, sans-serif" font-size="32" font-weight="bold" fill="white" text-anchor="start">FOLX.TV</text>
<text x="450" y="430" font-family="Arial, sans-serif" font-size="18" fill="rgba(255,255,255,0.7)" text-anchor="start">Professional Video Streaming Platform</text>
<!-- Video dolžina -->
@ -1282,7 +1284,7 @@ export async function registerRoutes(app: Express): Promise<Server> {
app.get('/sitemap.xml', async (req, res) => {
try {
const videos = await storage.getVideos(1, 1000); // Get all videos
const baseUrl = 'https://go4.video';
const baseUrl = 'https://video.folx.tv';
let sitemap = `<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">