Skip to content

Homepage AJAX quick-search, shared header/footer, and sitemap automation (SEO + UX improvements) #41

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
m4tinbeigi-official wants to merge 6 commits into
base: main
Choose a base branch
from
Open

Homepage AJAX quick-search, shared header/footer, and sitemap automation (SEO + UX improvements) #41

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
1cb0814
Upgrade UX with homepage AJAX search and SEO sitemap automation
m4tinbeigi-official Feb 19, 2026
e7c3f81
Resolve layout conflicts and simplify folder structure
m4tinbeigi-official Feb 19, 2026
775fec2
Resolve merge-sensitive layout changes and stabilize shared footer sc…
m4tinbeigi-official Feb 19, 2026
a60117f
Resolve PR conflict hotspots by restoring stable base versions
m4tinbeigi-official Feb 19, 2026
c333b62
Normalize shared layout file to reduce merge conflicts
m4tinbeigi-official Feb 19, 2026
d27ea4e
Resolve js/layout-shared.js route conflict with canonical links
m4tinbeigi-official Feb 19, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
147 changes: 1 addition & 146 deletions about-freemovie/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,146 +1 @@
<!DOCTYPE html>
<html lang="fa" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="درباره فیری مووی - اطلاعات بیشتر درباره پلتفرم ما">
<meta property="og:title" content="درباره فیری مووی">
<meta property="og:description" content="درباره فیری مووی - اطلاعات بیشتر درباره پلتفرم ما">
<meta property="og:image" content="https://freemovieir.github.io/images/tweet2.png">
<meta name="twitter:title" content="درباره فیری مووی">
<meta name="twitter:description" content="درباره فیری مووی - اطلاعات بیشتر درباره پلتفرم ما">
<meta name="twitter:image" content="https://freemovieir.github.io/images/tweet2.png">
<title>درباره فیری مووی</title>
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@latest/dist/font-face.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="icon" href="/fav/favicon.ico" type="favicon/ico">
<script src="/analytics.js" defer></script>
<script defer src="https://cloud.umami.is/script.js" data-website-id="7978c39a-bec9-49d3-976a-8362dc9dfea2"></script> <style>
body {
font-family: 'Vazir', sans-serif;
direction: rtl;
background-color: #1f2937;
color: #ffffff;
}
.bg-about {
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.7), rgba(31, 41, 55, 0.9)), url('https://via.placeholder.com/1920x1080?text=FreeMovie+Background');
background-size: cover;
background-position: center;
position: relative;
padding: 4rem 2rem;
}
.about-card {
background: #2d3748;
border-radius: 1rem;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
padding: 2rem;
transition: transform 0.3s ease;
}
.about-card:hover {
transform: translateY(-5px);
}
.btn-modern {
background: linear-gradient(90deg, #3b82f6, #1d4ed8);
padding: 0.75rem 1.5rem;
border-radius: 9999px;
color: #ffffff;
font-weight: bold;
transition: background 0.3s ease, transform 0.2s ease;
}
.btn-modern:hover {
background: linear-gradient(90deg, #60a5fa, #3b82f6);
transform: scale(1.05);
}
h1 {
font-size: 2.5rem;
font-weight: 800;
margin-bottom: 1.5rem;
color: #dbeafe;
}
h2 {
font-size: 1.75rem;
font-weight: 700;
margin-bottom: 1rem;
color: #93c5fd;
}
.nav-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 1rem;
}
.skeleton {
background: #333;
animation: pulse 1.5s infinite;
height: 4rem;
border-radius: 0.5rem;
}
@keyframes pulse {
0% { opacity: 0.5; }
50% { opacity: 1; }
100% { opacity: 0.5; }
}
</style>
</head>
<body class="min-h-screen flex flex-col">
<!-- Header -->
<header class="bg-gray-800 p-4 shadow-md">
<div class="container mx-auto flex flex-row justify-between items-center">
<!-- Navigation -->
<nav class="flex items-center space-x-4">
<a href="https://freemovieir.github.io/" class="hover:text-gray-300 p-4"><i class="fas fa-home"></i></a>

<a href="/watchlist" class="hover:text-gray-300"><i class="fas fa-bookmark"></i></a>
<a href="/search" class="hover:text-gray-300"><i class="fas fa-search"></i></a>
</nav>
<!-- Logo -->
<div>
<a href="https://freemovieir.github.io/">
<img src="https://freemovieir.github.io/logo.png" alt="لوگو" class="h-10">
</a>
</div>
</div>
</header>

<!-- Main Content -->
<main class="container mx-auto flex-1 py-12 bg-about">
<section class="about-card text-center">
<h1 id="about-title">درباره فیری مووی</h1>
<p id="about-description" class="text-gray-300 mb-6">
</p>
<h2 id="mission-title">ماموریت ما</h2>
<p id="mission-description" class="text-gray-300 mb-6">
</p>
<h2 id="team-title">تیم ما</h2>
<p id="team-description" class="text-gray-300 mb-6">
</p>
<a id="site-link" href="https://freemoviez.ir" class="btn-modern mt-6 inline-block">بازدید از سایت</a>
</section>
</main>

<!-- Footer -->
<footer class="bg-gray-800 p-4 mt-auto">
<div class="container mx-auto text-center">
<p>
فیری مووی - ساخته شده توسط
<a href="https://x.com/m4tinbeigi" class="hover:text-gray-300">ریک سانچز</a> و
<a href="https://x.com/armin_np_" class="hover:text-gray-300">ارمین جوان</a> با 🤍 |
استفاده از فونت
<a href="https://rastikerdar.github.io/vazir-font/" class="hover:text-gray-300">وزیر</a> به یاد
<a href="https://example.com/saber-rastikerdar" class="hover:text-gray-300">صابر راستی کردار</a><br>
در این وبسایت از وب سرویس
<a href="https://www.omdbapi.com/" class="hover:text-gray-300">OMDB</a> و
<a href="https://www.themoviedb.org/" class="hover:text-gray-300">TMDB</a> برای جستجو و اطلاعات فیلم‌ها و از
<a href="https://almasmovie.website/" class="hover:text-gray-300">الماس مووی</a> برای دانلود فیلم‌ها استفاده می‌شود.
</p>
<div class="social-icons mb-2">
<a class="github-button" href="https://freemovieir.github.io" data-icon="octicon-star" data-show-count="true" aria-label="Star m4tinbeigi-official/freemovie on GitHub">Star</a>
<script async defer src="https://buttons.github.io/buttons.js"></script>
</div>
</div>
</footer>

<script src="about.js"></script>
</body>
</html>
<!doctype html><html lang="fa"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/pages/about-freemovie/"><link rel="canonical" href="/pages/about-freemovie/"></head><body></body></html>
29 changes: 3 additions & 26 deletions airing-today-tv-show/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -38,23 +38,7 @@
<div id="loading-bar"></div>

<!-- هدر -->
<header class="bg-gray-800 p-4 shadow-md">
<div class="container mx-auto flex justify-between items-center">
<nav class="flex items-center space-x-4">
<a href="https://freemovieir.github.io/" class="hover:text-gray-300 p-4" aria-label="خانه"><i class="fas fa-home"></i></a>
<a href="/movies.html" class="hover:text-gray-300 p-4" aria-label="فیلم‌ها"><i class="fas fa-film"></i></a>
<a href="/series.html" class="hover:text-gray-300 p-4" aria-label="سریال‌ها"><i class="fas fa-tv"></i></a>
<a href="/genres.html" class="hover:text-gray-300 p-4" aria-label="دسته‌بندی‌ها"><i class="fas fa-list"></i></a>
<a href="/watchlist" class="hover:text-gray-300" aria-label="واچ‌لیست"><i class="fas fa-bookmark"></i></a>
<a href="/search" class="hover:text-gray-300" aria-label="جستجو"><i class="fas fa-search"></i></a>
</nav>
<div>
<a href="https://freemovieir.github.io/">
<img src="https://freemovieir.github.io/logo.png" alt="لوگوی فیری مووی" class="h-10">
</a>
</div>
</div>
</header>
<div id="shared-header"></div>

<!-- بخش اصلی -->
<main class="container mx-auto py-8 flex-1">
Expand All @@ -71,17 +55,10 @@ <h1 class="text-3xl font-bold mb-8 text-center">سریال‌های در حال
</main>

<!-- فوتر -->
<footer class="bg-gray-800 p-4 mt-auto">
<div class="container mx-auto text-center">
<p>
فیری مووی - ساخته شده با 🤍
<br>
استفاده از فونت <a href="https://rastikerdar.github.io/vazir-font/" class="hover:text-gray-300">وزیرمتن</a> به یاد صابر راستی کردار
</p>
</div>
</footer>
<div id="shared-footer"></div>

<script src="/apiKeySwitcher.js" defer></script>
<script src="airing-today.js" defer></script>
<script src="/js/layout-shared.js" defer></script>
</body>
</html>
77 changes: 1 addition & 76 deletions changelog/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,76 +1 @@
<!DOCTYPE html>
<html lang="fa" class="dark">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>فیری مووی - تغییرات و نسخه‌ها</title>
<meta name="description" content="جدیدترین تغییرات و نسخه‌های فیری مووی را اینجا ببینید.">
<meta name="keywords" content="فیری مووی, تغییرات, نسخه جدید, changelog">
<meta name="robots" content="index, follow">
<meta name="author" content="تیم فیری مووی">
<link rel="canonical" href="https://freemovieir.github.io/changelog/">
<meta property="og:title" content="فیری مووی - تغییرات و نسخه‌ها">
<meta property="og:description" content="جدیدترین تغییرات و نسخه‌های فیری مووی را اینجا ببینید.">
<meta property="og:image" content="https://freemovieir.github.io/images/tweet2.png">
<meta property="og:url" content="https://freemovieir.github.io/changelog/">
<meta property="og:type" content="website">
<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/gh/rastikerdar/vazir-font@latest/dist/font-face.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="icon" href="/fav/favicon.ico" type="favicon/ico">
<style>
body { font-family: 'Vazir', sans-serif; direction: rtl; }
* { box-sizing: border-box; padding: 0; margin: 0; text-decoration: none; }
.version-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.version-card:hover { transform: translateY(-5px); box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3); }
#loading-bar {
position: fixed;
top: 0;
left: 0;
height: 4px;
background-color: #FFC107;
width: 0;
z-index: 9999;
transition: width 0.3s ease;
}
</style>
</head>
<body class="bg-gray-900 text-white min-h-screen flex flex-col">
<!-- نوار پیشرفت -->
<div id="loading-bar"></div>

<!-- هدر -->
<header class="bg-gray-800 p-4 shadow-md">
<div class="container mx-auto flex flex-row justify-between items-center">
<nav class="flex items-center space-x-4">
<a href="https://freemovieir.github.io/" class="hover:text-gray-300 p-4" aria-label="خانه"><i class="fas fa-home"></i></a>
<a href="/watchlist" class="hover:text-gray-300" aria-label="واچ‌لیست"><i class="fas fa-bookmark"></i></a>
<a href="/search" class="hover:text-gray-300" aria-label="جستجو"><i class="fas fa-search"></i></a>
<a href="/settings/index.html" class="hover:text-gray-300" aria-label="تنظیمات"><i class="fas fa-cog"></i></a>
</nav>
<div>
<a href="https://freemovieir.github.io/">
<img src="https://freemovieir.github.io/logo.png" alt="لوگوی فیری مووی" class="h-10">
</a>
</div>
</div>
</header>

<!-- بخش اصلی تغییرات -->
<section class="container mx-auto py-8">
<h1 class="text-3xl font-bold mb-8 text-center">تغییرات و نسخه‌های فیری مووی</h1>
<div id="changelog-container" class="space-y-6 mx-4">
<!-- نسخه‌ها به صورت پویا اینجا اضافه می‌شوند -->
</div>
</section>

<!-- فوتر -->
<footer class="bg-gray-800 p-4 mt-auto">
<div class="container mx-auto text-center">
<p>فیری مووی - ساخته شده با 🤍<br></p>
</div>
</footer>

<script src="changelog.js" defer></script>
</body>
</html>
<!doctype html><html lang="fa"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/pages/changelog/"><link rel="canonical" href="/pages/changelog/"></head><body></body></html>
109 changes: 1 addition & 108 deletions code/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,108 +1 @@
<!DOCTYPE html>
<html lang="fa" class="dark">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>فیری مووی - جستجو با کد</title>
<meta name="description" content="با وارد کردن کد فیلم یا سریال در فیری مووی، اطلاعات کامل و لینک دانلود را مشاهده کنید." />
<meta name="keywords" content="فیری مووی, جستجو با کد, دانلود فیلم, سریال, اطلاعات فیلم" />
<meta name="robots" content="index, follow" />
<meta name="author" content="تیم فیری مووی" />
<link rel="canonical" href="https://freemovieir.github.io/id-search/" />
<meta property="og:title" content="فیری مووی - جستجو با کد" />
<meta property="og:description" content="جستجوی سریع فیلم و سریال با کد اختصاصی و دسترسی به اطلاعات و لینک دانلود." />
<meta property="og:image" content="https://freemovieir.github.io/logo.png" />
<meta property="og:url" content="https://freemovieir.github.io/id-search/" />
<meta property="og:type" content="website" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="فیری مووی - جستجو با کد" />
<meta name="twitter:description" content="با کد فیلم یا سریال، به اطلاعات و لینک دانلود دسترسی پیدا کنید." />
<meta name="twitter:image" content="https://freemovieir.github.io/logo.png" />

<link href="https://cdn.jsdelivr.net/npm/tailwindcss@2.2.19/dist/tailwind.min.css" rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/gh/rAastikerdar/vazir-font@latest/dist/font-face.css" rel="stylesheet" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" />
<link rel="icon" href="/fav/favicon.ico" type="favicon/ico" />
<script src="/analytics.js" defer></script>
<script defer src="https://cloud.umami.is/script.js" data-website-id="7978c39a-bec9-49d3-976a-8362dc9dfea2"></script>
<style>
body {
font-family: "Vazir", sans-serif;
direction: rtl;
background-color: #1f2937;
color: #ffffff;
}
.search-box {
width: 100%;
max-width: 600px;
padding: 1.5rem;
font-size: 1.25rem;
border-radius: 0.75rem;
background-color: #374151;
color: #ffffff;
border: none;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.search-box:focus {
outline: none;
box-shadow: 0 0 0 3px #3b82f6;
}
.result-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 1rem;
margin-top: 2rem;
}
.info-section {
background-color: #374151;
padding: 1.5rem;
border-radius: 0.75rem;
margin-top: 2rem;
text-align: center;
}
@media (max-width: 640px) {
.search-box {
padding: 1rem;
font-size: 1rem;
}
.result-grid {
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
}
}
</style>
</head>
<body class="min-h-screen flex flex-col">
<header class="bg-gray-800 p-4 shadow-md">
<div class="container mx-auto flex justify-between items-center">
<nav class="flex items-center space-x-4">
<a href="https://freemovieir.github.io/" class="hover:text-gray-300 p-2"><i class="fas fa-home"></i></a>
<a href="/watchlist" class="hover:text-gray-300 p-2"><i class="fas fa-bookmark"></i></a>
<a href="/search" class="hover:text-gray-300 p-2"><i class="fas fa-search"></i></a>
</nav>
<a href="https://freemovieir.github.io/">
<img src="https://freemovieir.github.io/logo.png" alt="لوگو" class="h-10" />
</a>
</div>
</header>

<main class="container mx-auto flex-1 py-8 flex flex-col items-center">
<h1 class="text-2xl md:text-3xl font-bold mb-6">جستجو با کد فیلم یا سریال</h1>
<input type="text" id="search-id" class="search-box" placeholder="کد فیلم یا سریال را وارد کنید (مثال: 123)" />
<div id="results" class="result-grid w-full max-w-5xl"></div>
<div class="info-section w-full max-w-2xl">
<p class="text-lg">
ما در صفحه اینستاگرام <a href="https://instagram.com/freemovie_ir" target="_blank" class="text-blue-400 hover:underline">@freemovie_ir</a> کد اختصاصی هر فیلم و سریال را زیر پست‌ها قرار می‌دهیم. کافیست کد را از آنجا بردارید و در این صفحه وارد کنید تا اطلاعات کامل و لینک دانلود را ببینید!
</p>
</div>
</main>

<footer class="bg-gray-800 p-4 mt-auto">
<div class="container mx-auto text-center">
<p>فیری مووی - تجربه‌ای متفاوت از دنیای فیلم و سریال</p>
</div>
</footer>

<script src="../apiKeySwitcher.js"></script>
<script src="./id-search.js"></script>
</body>
</html>
<!doctype html><html lang="fa"><head><meta charset="utf-8"><meta http-equiv="refresh" content="0;url=/pages/code/"><link rel="canonical" href="/pages/code/"></head><body></body></html>
Loading