910e6f1708
Refactors client-side and server-side code to reflect the new domain name video.folx.tv, updating social image generation, CSS styles, and various UI elements including headers, footers, and copyright notices. 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/jh6R7y2
51 lines
1.5 KiB
JavaScript
51 lines
1.5 KiB
JavaScript
// Social Image Generator - create the image as base64 data URL
|
|
function createSocialImage() {
|
|
const canvas = document.createElement('canvas');
|
|
canvas.width = 1200;
|
|
canvas.height = 630;
|
|
const ctx = canvas.getContext('2d');
|
|
|
|
// Background gradient
|
|
const gradient = ctx.createLinearGradient(0, 0, canvas.width, canvas.height);
|
|
gradient.addColorStop(0, 'hsl(250, 50%, 15%)');
|
|
gradient.addColorStop(1, 'hsl(240, 30%, 25%)');
|
|
ctx.fillStyle = gradient;
|
|
ctx.fillRect(0, 0, canvas.width, canvas.height);
|
|
|
|
// Main logo area
|
|
const logoGradient = ctx.createLinearGradient(300, 250, 360, 310);
|
|
logoGradient.addColorStop(0, '#6366f1');
|
|
logoGradient.addColorStop(1, '#8b5cf6');
|
|
|
|
ctx.fillStyle = logoGradient;
|
|
ctx.beginPath();
|
|
ctx.roundRect(300, 250, 60, 60, 15);
|
|
ctx.fill();
|
|
|
|
// Play triangle
|
|
ctx.fillStyle = 'white';
|
|
ctx.beginPath();
|
|
ctx.moveTo(321, 265);
|
|
ctx.lineTo(321, 295);
|
|
ctx.lineTo(342, 280);
|
|
ctx.closePath();
|
|
ctx.fill();
|
|
|
|
// Main title
|
|
ctx.fillStyle = 'white';
|
|
ctx.font = 'bold 72px Arial, sans-serif';
|
|
ctx.textAlign = 'left';
|
|
ctx.fillText('video.folx.tv', 400, 330);
|
|
|
|
// Subtitle
|
|
ctx.fillStyle = 'rgba(255, 255, 255, 0.8)';
|
|
ctx.font = '32px Arial, sans-serif';
|
|
ctx.fillText('Professional Video Streaming Platform', 400, 380);
|
|
|
|
return canvas.toDataURL('image/png');
|
|
}
|
|
|
|
// Export for use
|
|
if (typeof module !== 'undefined' && module.exports) {
|
|
module.exports = { createSocialImage };
|
|
} |