Update
This commit is contained in:
@@ -4,6 +4,7 @@
|
||||
|
||||
use App\Models\BackgroundMedia;
|
||||
use App\Models\MemeMedia;
|
||||
use App\Services\MemeMediaService;
|
||||
use Artesaos\SEOTools\Facades\JsonLd;
|
||||
use Illuminate\Support\Facades\App;
|
||||
use Illuminate\Support\Facades\Cache;
|
||||
@@ -11,6 +12,10 @@
|
||||
|
||||
class FrontHomeController extends Controller
|
||||
{
|
||||
public function __construct(
|
||||
private MemeMediaService $memeMediaService
|
||||
) {}
|
||||
|
||||
public function index()
|
||||
{
|
||||
if (App::environment('production') && env('COMING_SOON_ENABLED', true)) {
|
||||
@@ -28,12 +33,16 @@ public function index()
|
||||
// Get FAQ data
|
||||
$faqData = $this->getFaqData();
|
||||
|
||||
// Get popular keywords for search suggestions
|
||||
$popularKeywords = $this->memeMediaService->getPopularKeywords(10);
|
||||
|
||||
// Add FAQ JSON-LD structured data
|
||||
$this->addFaqJsonLd($faqData);
|
||||
|
||||
return Inertia::render('home/home', [
|
||||
'stats' => $stats,
|
||||
'faqData' => $faqData,
|
||||
'popularKeywords' => $popularKeywords,
|
||||
]);
|
||||
}
|
||||
|
||||
|
||||
333
app/Http/Controllers/FrontMemeController.php
Normal file
333
app/Http/Controllers/FrontMemeController.php
Normal file
@@ -0,0 +1,333 @@
|
||||
<?php
|
||||
|
||||
namespace App\Http\Controllers;
|
||||
|
||||
use App\Services\MemeMediaService;
|
||||
use Artesaos\SEOTools\Facades\OpenGraph;
|
||||
use Artesaos\SEOTools\Facades\SEOMeta;
|
||||
use Artesaos\SEOTools\Facades\TwitterCard;
|
||||
use Illuminate\Http\Request;
|
||||
use Illuminate\Http\Response as HttpResponse;
|
||||
use Inertia\Inertia;
|
||||
use Inertia\Response;
|
||||
use Intervention\Image\Drivers\Imagick\Driver;
|
||||
use Intervention\Image\ImageManager;
|
||||
|
||||
class FrontMemeController extends Controller
|
||||
{
|
||||
public function __construct(
|
||||
private MemeMediaService $memeMediaService
|
||||
) {}
|
||||
|
||||
public function index(Request $request): Response
|
||||
{
|
||||
return $this->getMemes($request->input('search'));
|
||||
}
|
||||
|
||||
public function search(string $search): Response
|
||||
{
|
||||
// Convert + back to spaces for search
|
||||
$searchTerm = str_replace('+', ' ', $search);
|
||||
|
||||
return $this->getMemes($searchTerm);
|
||||
}
|
||||
|
||||
private function getMemes(?string $search = null): Response
|
||||
{
|
||||
$memes = $this->memeMediaService->searchMemes($search, 24);
|
||||
|
||||
// Set up SEO meta tags
|
||||
$title = $search ? ucfirst($search).' Memes in MEMEFA.ST' : 'Meme Library - Thousands of Video Meme Templates';
|
||||
|
||||
if ($search) {
|
||||
// Get SEO descriptions from config
|
||||
$descriptions = config('platform.seo_descriptions.search_descriptions', []);
|
||||
|
||||
// Use deterministic selection based on search term hash
|
||||
$searchHash = crc32($search);
|
||||
$descriptionIndex = abs($searchHash) % count($descriptions);
|
||||
$descriptionTemplate = $descriptions[$descriptionIndex];
|
||||
|
||||
// Replace keyword placeholder
|
||||
$description = str_replace('__KEYWORD__', $search, $descriptionTemplate);
|
||||
} else {
|
||||
$description = 'Browse thousands of video meme templates ready for TikTok, Instagram Reels, Threads and YouTube Shorts. Create viral content in minutes with our meme editor.';
|
||||
}
|
||||
|
||||
SEOMeta::setTitle($title, false);
|
||||
SEOMeta::setDescription($description);
|
||||
SEOMeta::setCanonical(request()->url());
|
||||
|
||||
// Add pagination rel links
|
||||
if ($memes->previousPageUrl()) {
|
||||
SEOMeta::addMeta('link:prev', $memes->previousPageUrl(), 'rel');
|
||||
}
|
||||
if ($memes->nextPageUrl()) {
|
||||
SEOMeta::addMeta('link:next', $memes->nextPageUrl(), 'rel');
|
||||
}
|
||||
|
||||
// OpenGraph tags
|
||||
OpenGraph::setTitle($title);
|
||||
OpenGraph::setDescription($description);
|
||||
OpenGraph::setUrl(request()->url());
|
||||
OpenGraph::addProperty('type', 'website');
|
||||
|
||||
// Twitter Card
|
||||
TwitterCard::setTitle($title);
|
||||
TwitterCard::setDescription($description);
|
||||
TwitterCard::setType('summary_large_image');
|
||||
|
||||
// Get available types for filter
|
||||
$types = $this->memeMediaService->getAvailableTypes();
|
||||
|
||||
// Get popular keywords for filter
|
||||
$popularKeywords = $this->memeMediaService->getPopularKeywords(20);
|
||||
|
||||
return Inertia::render('memes/index', [
|
||||
'memes' => $memes,
|
||||
'types' => $types,
|
||||
'popularKeywords' => $popularKeywords,
|
||||
'filters' => [
|
||||
'search' => $search,
|
||||
],
|
||||
'dynamicDescription' => $search ? $description : null,
|
||||
]);
|
||||
}
|
||||
|
||||
public function show(string $slug): Response
|
||||
{
|
||||
$meme = $this->memeMediaService->findBySlug($slug);
|
||||
|
||||
// Get related memes based on similar keywords
|
||||
$relatedMemes = $this->memeMediaService->getRelatedMemes($meme, 6);
|
||||
|
||||
// Set up SEO meta tags for individual meme page
|
||||
$title = "{$meme->name} - Make Video Memes with MEMEFA.ST";
|
||||
$description = $meme->description
|
||||
? "This meme is about: {$meme->description}."
|
||||
: "Create {$meme->name} video memes with our online editor. Perfect for TikTok, Instagram Reels, and YouTube Shorts.";
|
||||
|
||||
SEOMeta::setTitle($title, false);
|
||||
SEOMeta::setDescription($description);
|
||||
SEOMeta::setCanonical(request()->url());
|
||||
SEOMeta::addKeyword(collect([$meme->keywords, $meme->action_keywords, $meme->emotion_keywords, $meme->misc_keywords])->flatten()->filter()->implode(', '));
|
||||
|
||||
// OpenGraph tags
|
||||
OpenGraph::setTitle($title);
|
||||
OpenGraph::setDescription($description);
|
||||
OpenGraph::setUrl(request()->url());
|
||||
OpenGraph::addProperty('type', 'video.other');
|
||||
OpenGraph::addImage(route('memes.og', $meme->ids));
|
||||
|
||||
// Twitter Card
|
||||
TwitterCard::setTitle($title);
|
||||
TwitterCard::setDescription($description);
|
||||
TwitterCard::setType('summary_large_image');
|
||||
TwitterCard::setImage(route('memes.og', $meme->ids));
|
||||
|
||||
return Inertia::render('memes/show', [
|
||||
'meme' => $meme,
|
||||
'relatedMemes' => $relatedMemes,
|
||||
]);
|
||||
}
|
||||
|
||||
public function generateOG(string $ids): HttpResponse
|
||||
{
|
||||
// Get the meme media using the service
|
||||
$meme = $this->memeMediaService->findByHashIds($ids);
|
||||
|
||||
// Load the template image
|
||||
$templatePath = public_path('memefast-og-template.jpg');
|
||||
|
||||
if (! file_exists($templatePath)) {
|
||||
abort(404, 'Template image not found');
|
||||
}
|
||||
|
||||
// Create ImageManager with Imagick driver
|
||||
$manager = new ImageManager(new Driver);
|
||||
|
||||
// Load the template image
|
||||
$image = $manager->read($templatePath);
|
||||
|
||||
// Ensure RGB colorspace for proper color rendering
|
||||
$imagick = $image->core()->native();
|
||||
$imagick->setColorspace(\Imagick::COLORSPACE_SRGB);
|
||||
|
||||
// Load the meme image from URL
|
||||
if ($meme->webp_url) {
|
||||
try {
|
||||
// Use cURL to get the image content with proper headers
|
||||
$ch = curl_init();
|
||||
curl_setopt($ch, CURLOPT_URL, $meme->webp_url);
|
||||
curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
|
||||
curl_setopt($ch, CURLOPT_FOLLOWLOCATION, true);
|
||||
curl_setopt($ch, CURLOPT_TIMEOUT, 10);
|
||||
curl_setopt($ch, CURLOPT_USERAGENT, 'Mozilla/5.0 (compatible; MemeFast OG Generator)');
|
||||
|
||||
$imageContent = curl_exec($ch);
|
||||
$httpCode = curl_getinfo($ch, CURLINFO_HTTP_CODE);
|
||||
curl_close($ch);
|
||||
|
||||
if ($imageContent !== false && $httpCode === 200) {
|
||||
$memeImage = $manager->read($imageContent);
|
||||
|
||||
// Image positioning variables
|
||||
$imageX = 0; // Horizontal offset
|
||||
$imageY = 100; // Vertical offset
|
||||
|
||||
// Resize meme image to 1.5x the template height while maintaining aspect ratio
|
||||
$memeImage = $memeImage->scale(height: 1350);
|
||||
|
||||
// Place the meme image vertically centered, horizontally right-justified
|
||||
$image->place($memeImage, 'center-right', $imageX, $imageY);
|
||||
} else {
|
||||
$image->text('HTTP Error: '.$httpCode, 200, 200, function ($font) {
|
||||
$font->size(20);
|
||||
$font->color('#ff0000');
|
||||
$font->align('center');
|
||||
});
|
||||
}
|
||||
} catch (\Exception $e) {
|
||||
// If meme image fails to load, add debug text
|
||||
$image->text('Image failed to load: '.$e->getMessage(), 200, 200, function ($font) {
|
||||
$font->size(20);
|
||||
$font->color('#ff0000');
|
||||
$font->align('center');
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Add the meme name as text with proper kerning and line wrapping
|
||||
if ($meme->name) {
|
||||
$fontPath = resource_path('fonts/Geist/Geist-Bold.ttf');
|
||||
|
||||
// Fallback to built-in font if TTF not found
|
||||
if (file_exists($fontPath)) {
|
||||
// Use native Imagick for text kerning with line wrapping
|
||||
$imagick = $image->core()->native(); // Get the native Imagick object
|
||||
|
||||
// First draw the green outline
|
||||
$drawOutline = new \ImagickDraw;
|
||||
$drawOutline->setFillColor('#00FF00');
|
||||
$drawOutline->setFont($fontPath);
|
||||
$drawOutline->setFontSize(70);
|
||||
$drawOutline->setTextAlignment(\Imagick::ALIGN_LEFT);
|
||||
$drawOutline->setStrokeColor('#00FF00');
|
||||
$drawOutline->setStrokeWidth(20); // Thicker stroke for outline effect
|
||||
|
||||
// Then draw the black text on top
|
||||
$draw = new \ImagickDraw;
|
||||
$draw->setFillColor('#000000');
|
||||
$draw->setFont($fontPath);
|
||||
$draw->setFontSize(70);
|
||||
// $draw->setTextKerning(-4); // Negative for tighter kerning
|
||||
$draw->setTextAlignment(\Imagick::ALIGN_LEFT);
|
||||
|
||||
// Text wrapping - 70% of canvas width (1600 * 0.7 = 1120px)
|
||||
$maxWidth = 1120;
|
||||
$text = 'Make meme videos instantly with '.$meme->name.' meme with';
|
||||
|
||||
// Split text into words
|
||||
$words = explode(' ', $text);
|
||||
$lines = [];
|
||||
$currentLine = '';
|
||||
|
||||
foreach ($words as $word) {
|
||||
$testLine = $currentLine.($currentLine ? ' ' : '').$word;
|
||||
|
||||
// Get text metrics for the test line
|
||||
$metrics = $imagick->queryFontMetrics($draw, $testLine);
|
||||
|
||||
if ($metrics['textWidth'] > $maxWidth && $currentLine !== '') {
|
||||
// Line is too long, save current line and start new one
|
||||
$lines[] = $currentLine;
|
||||
$currentLine = $word;
|
||||
} else {
|
||||
$currentLine = $testLine;
|
||||
}
|
||||
}
|
||||
|
||||
// Add the last line
|
||||
if ($currentLine) {
|
||||
$lines[] = $currentLine;
|
||||
}
|
||||
|
||||
$lines[] .= 'MEMEFAST';
|
||||
|
||||
// Text positioning variables
|
||||
$textX = 100; // Horizontal position
|
||||
$textY = 320; // Base vertical position
|
||||
|
||||
// Calculate line height and starting Y position
|
||||
$lineHeight = 75; // Tighter line spacing
|
||||
$totalHeight = count($lines) * $lineHeight;
|
||||
$startY = $textY - ($totalHeight / 2); // Center vertically
|
||||
|
||||
// Draw each line (left-aligned) - first the outline, then the text
|
||||
foreach ($lines as $index => $line) {
|
||||
$y = $startY + ($index * $lineHeight);
|
||||
|
||||
// Check if this is the MEMEFA.ST line
|
||||
if ($line === 'MEMEFAST') {
|
||||
|
||||
$extraSizing = 40;
|
||||
|
||||
// Use Bungee font for MEMEFA.ST
|
||||
$bungeeFontPath = resource_path('fonts/Bungee/Bungee-Regular.ttf');
|
||||
|
||||
if (file_exists($bungeeFontPath)) {
|
||||
// Create separate draw objects for Bungee font
|
||||
$bungeeOutline = new \ImagickDraw;
|
||||
$bungeeOutline->setFillColor('#00FF00');
|
||||
$bungeeOutline->setFont($bungeeFontPath);
|
||||
$bungeeOutline->setFontSize(70);
|
||||
$bungeeOutline->setTextAlignment(\Imagick::ALIGN_LEFT);
|
||||
$bungeeOutline->setStrokeColor('#00FF00');
|
||||
$bungeeOutline->setStrokeWidth(20);
|
||||
|
||||
$bungeeText = new \ImagickDraw;
|
||||
$bungeeText->setFillColor('#000000');
|
||||
$bungeeText->setFont($bungeeFontPath);
|
||||
$bungeeText->setFontSize(70 + $extraSizing);
|
||||
$bungeeText->setTextAlignment(\Imagick::ALIGN_LEFT);
|
||||
|
||||
// Draw with Bungee font
|
||||
$bungeeOutline->annotation($textX, $y + $extraSizing, $line);
|
||||
$bungeeText->annotation($textX, $y + $extraSizing, $line);
|
||||
|
||||
$imagick->drawImage($bungeeOutline);
|
||||
$imagick->drawImage($bungeeText);
|
||||
} else {
|
||||
// Fallback to regular font
|
||||
$drawOutline->annotation($textX, $y + $extraSizing, $line);
|
||||
$draw->annotation($textX, $y + $extraSizing, $line);
|
||||
}
|
||||
} else {
|
||||
// Use regular font for other lines
|
||||
$drawOutline->annotation($textX, $y, $line);
|
||||
$draw->annotation($textX, $y, $line);
|
||||
}
|
||||
}
|
||||
|
||||
// Apply the drawing to the image (only for non-Bungee lines)
|
||||
$imagick->drawImage($drawOutline); // Draw outline first
|
||||
$imagick->drawImage($draw); // Draw text on top
|
||||
} else {
|
||||
$image->text($meme->name, 400, 450, function ($font) {
|
||||
$font->size(80);
|
||||
$font->color('#000000');
|
||||
$font->align('center');
|
||||
$font->valign('middle');
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
// Generate the image and return as response
|
||||
$encodedImage = $image->toJpeg(100);
|
||||
|
||||
return response($encodedImage, 200, [
|
||||
'Content-Type' => 'image/jpeg',
|
||||
'Cache-Control' => 'public, max-age=3600',
|
||||
]);
|
||||
}
|
||||
}
|
||||
@@ -2,6 +2,9 @@
|
||||
|
||||
namespace App\Http\Controllers;
|
||||
|
||||
use Artesaos\SEOTools\Facades\OpenGraph;
|
||||
use Artesaos\SEOTools\Facades\SEOMeta;
|
||||
use Artesaos\SEOTools\Facades\TwitterCard;
|
||||
use Illuminate\Support\Str;
|
||||
use Inertia\Inertia;
|
||||
|
||||
@@ -9,6 +12,25 @@ class FrontPagesController extends Controller
|
||||
{
|
||||
public function privacy()
|
||||
{
|
||||
// Set up SEO meta tags
|
||||
$title = 'Privacy Policy';
|
||||
$description = 'Read our privacy policy to understand how Memefast collects, uses, and protects your personal information when using our video meme creation platform.';
|
||||
|
||||
SEOMeta::setTitle($title);
|
||||
SEOMeta::setDescription($description);
|
||||
SEOMeta::setCanonical(request()->url());
|
||||
|
||||
// OpenGraph tags
|
||||
OpenGraph::setTitle($title);
|
||||
OpenGraph::setDescription($description);
|
||||
OpenGraph::setUrl(request()->url());
|
||||
OpenGraph::addProperty('type', 'website');
|
||||
|
||||
// Twitter Card
|
||||
TwitterCard::setTitle($title);
|
||||
TwitterCard::setDescription($description);
|
||||
TwitterCard::setType('summary');
|
||||
|
||||
$markdownPath = resource_path('markdown/privacy.md');
|
||||
$markdownContent = file_get_contents($markdownPath);
|
||||
|
||||
@@ -26,6 +48,25 @@ public function privacy()
|
||||
|
||||
public function terms()
|
||||
{
|
||||
// Set up SEO meta tags
|
||||
$title = 'Terms & Conditions';
|
||||
$description = 'Review our terms and conditions to understand the rules and guidelines for using Memefast video meme creation platform and services.';
|
||||
|
||||
SEOMeta::setTitle($title);
|
||||
SEOMeta::setDescription($description);
|
||||
SEOMeta::setCanonical(request()->url());
|
||||
|
||||
// OpenGraph tags
|
||||
OpenGraph::setTitle($title);
|
||||
OpenGraph::setDescription($description);
|
||||
OpenGraph::setUrl(request()->url());
|
||||
OpenGraph::addProperty('type', 'website');
|
||||
|
||||
// Twitter Card
|
||||
TwitterCard::setTitle($title);
|
||||
TwitterCard::setDescription($description);
|
||||
TwitterCard::setType('summary');
|
||||
|
||||
$markdownPath = resource_path('markdown/terms.md');
|
||||
$markdownContent = file_get_contents($markdownPath);
|
||||
|
||||
@@ -41,6 +82,42 @@ public function terms()
|
||||
]);
|
||||
}
|
||||
|
||||
public function dmcaCopyright()
|
||||
{
|
||||
// Set up SEO meta tags
|
||||
$title = 'DMCA Copyright Policy';
|
||||
$description = 'MEMEFA.ST DMCA copyright policy and procedures for reporting copyright infringement. Learn how to file DMCA notices and counter-notices.';
|
||||
|
||||
SEOMeta::setTitle($title);
|
||||
SEOMeta::setDescription($description);
|
||||
SEOMeta::setCanonical(request()->url());
|
||||
|
||||
// OpenGraph tags
|
||||
OpenGraph::setTitle($title);
|
||||
OpenGraph::setDescription($description);
|
||||
OpenGraph::setUrl(request()->url());
|
||||
OpenGraph::addProperty('type', 'website');
|
||||
|
||||
// Twitter Card
|
||||
TwitterCard::setTitle($title);
|
||||
TwitterCard::setDescription($description);
|
||||
TwitterCard::setType('summary');
|
||||
|
||||
$markdownPath = resource_path('markdown/dmca-copyright.md');
|
||||
$markdownContent = file_get_contents($markdownPath);
|
||||
|
||||
// Parse markdown to HTML using Laravel's built-in Str::markdown helper
|
||||
$htmlContent = Str::markdown($markdownContent);
|
||||
|
||||
// Style the HTML with Tailwind classes
|
||||
$styledContent = $this->styleHtmlContent($htmlContent);
|
||||
|
||||
return Inertia::render('FrontPages/DmcaCopyright', [
|
||||
'content' => $styledContent,
|
||||
'title' => 'DMCA Copyright Policy',
|
||||
]);
|
||||
}
|
||||
|
||||
private function styleHtmlContent($html)
|
||||
{
|
||||
// Add classes to various HTML elements using string replacement for Tailwind 4
|
||||
|
||||
Reference in New Issue
Block a user