<br />
<b>Notice</b>: _load_textdomain_just_in_time تمّ استدعائه بشكل <strong>غير صحيح</strong>. Translation loading for the <code>alwebmtools</code> domain was triggered too early. This is usually an indicator for some code in the plugin or theme running too early. Translations should be loaded at the <code>init</code> action or later. من فضلك اطلع على <a href="https://developer.wordpress.org/advanced-administration/debug/debug-wordpress/">تنقيح الأخطاء في ووردبريس</a> لمزيد من المعلومات. (هذه الرسالة تمّت إضافتها في النسخة 6.7.0.) in <b>/home/alwebm.com/public_html/wp-includes/functions.php</b> on line <b>6121</b><br />
<!DOCTYPE html>
<html dir="rtl" lang="ar" prefix="og: https://ogp.me/ns#">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ادوات وحاسبات اونلاين مع alwebm - اكتشف مجموعة شاملة من الأدوات والحاسبات المفيدة التي تساعدك في حياتك اليومية وعملك</title>
<style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>
<!-- تحسين محرك البحث بواسطة رانك ماث - https://rankmath.com/ -->
<meta name="description" content="اكتشف مجموعة شاملة من الأدوات والحاسبات المفيدة التي تساعدك في حياتك اليومية وعملك"/>
<meta name="lastmod" content="2025-09-10"><meta name="robots" content="noindex, nofollow"/>
<meta property="og:locale" content="ar_AR" />
<meta property="og:type" content="website" />
<meta property="og:title" content="ادوات وحاسبات اونلاين مع alwebm - اكتشف مجموعة شاملة من الأدوات والحاسبات المفيدة التي تساعدك في حياتك اليومية وعملك" />
<meta property="og:description" content="اكتشف مجموعة شاملة من الأدوات والحاسبات المفيدة التي تساعدك في حياتك اليومية وعملك" />
<meta property="og:url" content="https://alwebm.com/" />
<meta property="og:site_name" content="ادوات وحاسبات اونلاين مع alwebm" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="ادوات وحاسبات اونلاين مع alwebm - اكتشف مجموعة شاملة من الأدوات والحاسبات المفيدة التي تساعدك في حياتك اليومية وعملك" />
<meta name="twitter:description" content="اكتشف مجموعة شاملة من الأدوات والحاسبات المفيدة التي تساعدك في حياتك اليومية وعملك" />
<script type="application/ld+json" class="rank-math-schema">{"@context":"https://schema.org","@graph":[{"@type":"Person","@id":"https://alwebm.com/#person","name":"\u0627\u062f\u0648\u0627\u062a \u0648\u062d\u0627\u0633\u0628\u0627\u062a \u0627\u0648\u0646\u0644\u0627\u064a\u0646 \u0645\u0639 alwebm"},{"@type":"WebSite","@id":"https://alwebm.com/#website","url":"https://alwebm.com","name":"\u0627\u062f\u0648\u0627\u062a \u0648\u062d\u0627\u0633\u0628\u0627\u062a \u0627\u0648\u0646\u0644\u0627\u064a\u0646 \u0645\u0639 alwebm","publisher":{"@id":"https://alwebm.com/#person"},"inLanguage":"ar","potentialAction":{"@type":"SearchAction","target":"https://alwebm.com/?s={search_term_string}","query-input":"required name=search_term_string"}},{"@type":"CollectionPage","@id":"https://alwebm.com/#webpage","url":"https://alwebm.com/","name":"\u0627\u062f\u0648\u0627\u062a \u0648\u062d\u0627\u0633\u0628\u0627\u062a \u0627\u0648\u0646\u0644\u0627\u064a\u0646 \u0645\u0639 alwebm - \u0627\u0643\u062a\u0634\u0641 \u0645\u062c\u0645\u0648\u0639\u0629 \u0634\u0627\u0645\u0644\u0629 \u0645\u0646 \u0627\u0644\u0623\u062f\u0648\u0627\u062a \u0648\u0627\u0644\u062d\u0627\u0633\u0628\u0627\u062a \u0627\u0644\u0645\u0641\u064a\u062f\u0629 \u0627\u0644\u062a\u064a \u062a\u0633\u0627\u0639\u062f\u0643 \u0641\u064a \u062d\u064a\u0627\u062a\u0643 \u0627\u0644\u064a\u0648\u0645\u064a\u0629 \u0648\u0639\u0645\u0644\u0643","about":{"@id":"https://alwebm.com/#person"},"isPartOf":{"@id":"https://alwebm.com/#website"},"inLanguage":"ar"}]}</script>
<!-- /إضافة تحسين محركات البحث لووردبريس Rank Math -->
<link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
<link rel='stylesheet' id='alwebm-tailwind-css' href='https://alwebm.com/wp-content/themes/alwebmtools/inc/tailwind-purged.css?ver=1753392834' type='text/css' media='1' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://alwebm.com/xmlrpc.php?rsd" />
<style>
.line-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.favorite-btn:hover .star-icon {
transform: scale(1.1);
}
.favorite-btn.active .star-icon {
fill: currentColor;
color: #fbbf24;
}
.grid > article {
transition: all 0.3s ease;
}
.grid > article:hover {
transform: translateY(-2px);
}
@media (max-width: 640px) {
.grid {
gap: 0.5rem;
}
}
</style>
<style>
.category-posts-widget .line-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.category-posts-widget .favorite-btn:hover .star-icon {
transform: scale(1.1);
}
.category-posts-widget .favorite-btn.active .star-icon {
fill: currentColor;
color: #fbbf24;
}
.category-posts-widget article {
transition: all 0.3s ease;
}
.category-posts-widget article:hover {
transform: translateY(-2px);
}
@media (max-width: 640px) {
.category-posts-widget .grid {
gap: 0.5rem;
}
}
</style>
<style>
.k401-calculator {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.k401-calculator input:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.k401-calculator .chart-container {
position: relative;
height: 400px !important;
width: 100%;
max-height: 400px;
overflow: hidden;
}
.k401-calculator .chart-container canvas {
position: absolute !important;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
max-height: 400px !important;
}
.k401-calculator table {
font-size: 0.875rem;
}
.k401-calculator .grid > div {
transition: all 0.2s ease;
}
.k401-calculator .grid > div:hover {
transform: translateY(-2px);
}
.k401-calculator button {
transition: all 0.2s ease;
}
.k401-calculator button:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
.k401-calculator .bg-gradient-to-r {
background: linear-gradient(to right, var(--tw-gradient-stops));
}
/* تحسينات للأجهزة المحمولة */
@media (max-width: 768px) {
.k401-calculator table {
font-size: 0.75rem;
}
.k401-calculator .chart-container {
height: 300px !important;
max-height: 300px;
}
.k401-calculator .chart-container canvas {
max-height: 300px !important;
}
.k401-calculator .grid {
gap: 1rem;
}
.k401-calculator input {
font-size: 16px; /* منع الزوم في iOS */
}
}
@media (max-width: 640px) {
.k401-calculator .chart-container {
height: 250px !important;
max-height: 250px;
}
.k401-calculator .chart-container canvas {
max-height: 250px !important;
}
.k401-calculator .text-4xl {
font-size: 2rem;
}
.k401-calculator .text-3xl {
font-size: 1.5rem;
}
}
/* تحسينات للوضع الليلي */
@media (prefers-color-scheme: dark) {
.k401-calculator input::placeholder {
color: #9ca3af;
}
}
/* تحسينات الطباعة */
@media print {
.k401-calculator form,
.k401-calculator button {
display: none !important;
}
.k401-calculator .chart-container {
height: 300px !important;
}
.k401-calculator {
color: black !important;
background: white !important;
}
}
/* Loading animation للنموذج */
.k401-calculator button[type="submit"]:active {
transform: scale(0.98);
}
/* تحسين accessibility */
.k401-calculator input:focus-visible {
outline: 2px solid #3b82f6;
outline-offset: 2px;
}
.k401-calculator button:focus-visible {
outline: 2px solid #3b82f6;
outline-offset: 2px;
}
/* Smooth scrolling عند الانتقال للنتائج */
html {
scroll-behavior: smooth;
}
/* إصلاح مشاكل التداخل */
.k401-calculator .grid {
display: grid;
align-items: stretch;
}
.k401-calculator .grid > div {
height: 100%;
}
/* تحسين النموذج */
.k401-calculator form {
max-width: none;
width: 100%;
}
</style>
<style>
.countdown-suhail {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.countdown-suhail .grid > div {
transition: all 0.3s ease;
}
.countdown-suhail .grid > div:hover {
transform: translateY(-2px);
}
/* تحسينات للأجهزة المحمولة */
@media (max-width: 768px) {
.countdown-suhail .text-4xl {
font-size: 2rem;
}
.countdown-suhail .text-5xl {
font-size: 2.5rem;
}
}
/* تحسينات للوضع الليلي */
@media (prefers-color-scheme: dark) {
.countdown-suhail {
color-scheme: dark;
}
}
/* تحسينات الطباعة */
@media print {
.countdown-suhail .grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.countdown-suhail {
color: black !important;
background: white !important;
}
}
</style>
<style>
.golden-handshake-calculator {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.golden-handshake-calculator input:focus {
outline: none;
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.golden-handshake-calculator .grid > div {
transition: all 0.2s ease;
}
.golden-handshake-calculator .grid > div:hover {
transform: translateY(-2px);
}
.golden-handshake-calculator button {
transition: all 0.2s ease;
}
.golden-handshake-calculator button:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* تحسينات للأجهزة المحمولة */
@media (max-width: 768px) {
.golden-handshake-calculator .grid {
gap: 1rem;
}
.golden-handshake-calculator input {
font-size: 16px; /* منع الزوم في iOS */
}
}
@media (max-width: 640px) {
.golden-handshake-calculator .text-4xl {
font-size: 2rem;
}
.golden-handshake-calculator .text-3xl {
font-size: 1.5rem;
}
}
/* تحسينات للوضع الليلي */
@media (prefers-color-scheme: dark) {
.golden-handshake-calculator input::placeholder {
color: #9ca3af;
}
}
/* تحسينات الطباعة */
@media print {
.golden-handshake-calculator form,
.golden-handshake-calculator button {
display: none !important;
}
.golden-handshake-calculator {
color: black !important;
background: white !important;
}
}
/* Loading animation للنموذج */
.golden-handshake-calculator button[type="submit"]:active {
transform: scale(0.98);
}
/* تحسين accessibility */
.golden-handshake-calculator input:focus-visible {
outline: 2px solid #3b82f6;
outline-offset: 2px;
}
.golden-handshake-calculator button:focus-visible {
outline: 2px solid #3b82f6;
outline-offset: 2px;
}
/* Smooth scrolling عند الانتقال للنتائج */
html {
scroll-behavior: smooth;
}
</style>
<style>
.health-salary-calculator {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}
.health-salary-calculator .grid > div {
transition: all 0.3s ease;
}
.health-salary-calculator .grid > div:hover {
transform: translateY(-2px);
}
.health-salary-calculator button {
transition: all 0.2s ease;
}
.health-salary-calculator button:hover {
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* تحسينات للأجهزة المحمولة */
@media (max-width: 768px) {
.health-salary-calculator .grid {
gap: 1rem;
}
.health-salary-calculator input {
font-size: 16px; /* منع الزوم في iOS */
}
}
@media (max-width: 640px) {
.health-salary-calculator .text-4xl {
font-size: 2rem;
}
.health-salary-calculator .text-3xl {
font-size: 1.5rem;
}
}
/* تحسينات للوضع الليلي */
@media (prefers-color-scheme: dark) {
.health-salary-calculator input::placeholder {
color: #9ca3af;
}
}
/* تحسينات الطباعة */
@media print {
.health-salary-calculator form,
.health-salary-calculator button {
display: none !important;
}
.health-salary-calculator {
color: black !important;
background: white !important;
}
}
/* Loading animation للنموذج */
.health-salary-calculator button[type="submit"]:active {
transform: scale(0.98);
}
/* تحسين accessibility */
.health-salary-calculator input:focus-visible {
outline: 2px solid #3b82f6;
outline-offset: 2px;
}
.health-salary-calculator button:focus-visible {
outline: 2px solid #3b82f6;
outline-offset: 2px;
}
/* Smooth scrolling عند الانتقال للنتائج */
html {
scroll-behavior: smooth;
}
</style>
<meta name="lastmod" content="2025-09-10"><link rel="icon" href="https://alwebm.com/wp-content/uploads/2025/07/cropped-1f6e0-32x32.png" sizes="32x32" />
<link rel="icon" href="https://alwebm.com/wp-content/uploads/2025/07/cropped-1f6e0-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://alwebm.com/wp-content/uploads/2025/07/cropped-1f6e0-180x180.png" />
<meta name="msapplication-TileImage" content="https://alwebm.com/wp-content/uploads/2025/07/cropped-1f6e0-270x270.png" />
<!-- Tailwind CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<script>
tailwind.config = {
darkMode: 'class',
theme: {
extend: {
fontFamily: {
'sans': ['Inter', 'system-ui', 'sans-serif'],
'rubik': ['Rubik', 'sans-serif'],
}
}
}
}
</script>
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">
<style>
body {
font-family: "Rubik", sans-serif;
}
:root {
--font-family: 'Inter', system-ui, sans-serif;
--font-family-rubik: 'Rubik', sans-serif;
}
[lang="ar"] {
--font-family: 'Tajawal', Arial, sans-serif;
}
.line-clamp-2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.gradient-bg {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}
.dark .gradient-bg {
background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
}
.favorite-btn:hover .star-icon {
transform: scale(1.1);
}
.favorite-btn.favorited .star-icon {
fill: #eab308;
color: #eab308;
}
/* Remove static RTL/LTR classes */
.sidebar-position {
transform: translateX(0);
transition: transform 0.3s ease-in-out;
}
html[dir="ltr"] .sidebar-position {
left: 0;
right: auto;
transform: translateX(-100%);
}
html[dir="rtl"] .sidebar-position {
right: 0;
left: auto;
transform: translateX(100%);
}
.sidebar-position.open {
transform: translateX(0) !important;
}
/* Override Tailwind RTL utilities */
html[dir="ltr"] .space-x-reverse {
--tw-space-x-reverse: 0 !important;
}
html[dir="rtl"] .space-x-reverse {
--tw-space-x-reverse: 1 !important;
}
.article-content h1,
.article-content h2,
.article-content h3,
.article-content h4,
.article-content h5 {
font-weight: bold;
color: #2563eb;
margin-top: 1.5em;
margin-bottom: 0.5em;
line-height: 1.2;
}
.article-content h1 {
font-size: 2.2em;
border-bottom: 2px solid #ccc;
padding-bottom: 10px;
}
.article-content h2 {
font-size: 1.8em;
border-bottom: 1px solid #ddd;
padding-bottom: 8px;
}
.article-content h3 {
font-size: 1.5em;
}
.article-content h4 {
font-size: 1.2em;
}
.article-content h5 {
font-size: 1em;
}
.article-content p {
font-size: 1em;
margin: 0 0 1em 0;
color: #444;
}
.article-content span {
font-size: 1em;
color: #555;
}
.article-content ul {
margin: 1em 0;
padding-left: 1.5em;
list-style-type: disc;
}
.article-content li {
margin-bottom: 0.5em;
color: #444;
line-height: 1.5;
}
</style>
</head>
<body class="rtl home blog wp-theme-alwebmtools bg-gray-50 dark:bg-gray-900 min-h-screen gradient-bg">
<!-- Navigation -->
<nav class="bg-white/95 dark:bg-gray-800/95 backdrop-blur-sm border-b border-gray-200 dark:border-gray-700 sticky top-0 z-50">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="flex justify-between items-center h-14">
<!-- Logo -->
<div class="flex items-center">
<div class="flex-shrink-0">
<a href="https://alwebm.com">
<span class="text-lg font-bold text-blue-600 dark:text-blue-400">🛠️ ALWEBM</span> </a>
</div>
</div>
<!-- Navigation Links -->
<div class="hidden md:block">
<div class="flex items-baseline gap-6">
</div>
</div>
<!-- Controls -->
<div class="flex items-center space-x-4 rtl:space-x-reverse">
<button id="theme-toggle"
aria-label="تبديل المظهر"
class="p-2 rounded-lg bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors">
<svg id="theme-toggle-dark-icon" class="hidden w-4 h-4" fill="currentColor" viewBox="0 0 20 20">
<path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path>
</svg>
<svg style="
fill: #FFC107;
" id="theme-toggle-light-icon" class="hidden w-4 h-4" viewBox="0 0 20 20">
<path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path>
</svg>
</button>
<!-- Mobile menu button -->
<button id="mobile-menu-toggle"
aria-label="تبديل القائمة"
class="md:hidden p-2 rounded-lg bg-gray-100 dark:bg-gray-700 hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors">
<svg id="menu-open-icon" class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16"></path>
</svg>
<svg id="menu-close-icon" class="hidden w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
</div>
</div>
</nav>
<!-- Mobile Sidebar Menu -->
<div id="mobile-sidebar" class="fixed inset-0 z-50 hidden">
<!-- Backdrop -->
<div id="sidebar-backdrop" class="fixed inset-0 bg-black bg-opacity-50 transition-opacity"></div>
<!-- Sidebar -->
<div id="sidebar-content" class="fixed top-0 h-full w-64 bg-white dark:bg-gray-800 border transition-transform duration-300 ease-in-out sidebar-position">
<div class="flex flex-col h-full">
<!-- Header -->
<div class="flex items-center justify-between p-4 border-b border-gray-200 dark:border-gray-700">
<div>
<span class="text-lg font-bold text-blue-600 dark:text-blue-400">🛠️ ALWEBM</span> </div>
<button
id="close-sidebar"
class="p-2 rounded-lg hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors min-h-[44px] min-w-[44px] flex items-center justify-center"
aria-label="إغلاق القائمة"
title="إغلاق القائمة">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
</svg>
</button>
</div>
<!-- Menu Items -->
<div class="flex-1 py-4">
<nav class="space-y-1 px-4">
<div class="border-t border-gray-200 dark:border-gray-700 my-4"></div>
</nav>
</div>
<!-- Footer -->
<div class="p-4 border-t border-gray-200 dark:border-gray-700">
<p class="text-xs text-gray-500 dark:text-gray-400 text-center">
© 2025 ادوات وحاسبات اونلاين مع alwebm" </p>
</div>
</div>
</div>
</div>
<!-- Hero Section -->
<section class="py-12 px-4 sm:px-6 lg:px-8">
<div class="max-w-7xl mx-auto text-center">
<h2 class="text-3xl md:text-2xl font-bold text-white mb-4">
أدوات وحاسبات مجانية عبر الإنترنت </h2>
<p class="text-lg text-white/90 mb-8 max-w-3xl mx-auto">
اكتشف مجموعة شاملة من الأدوات والحاسبات المفيدة التي تساعدك في حياتك اليومية وعملك </p>
<div class="flex flex-col sm:flex-row gap-4 justify-center items-center">
<form role="search" method="get" action="https://alwebm.com/" class="relative max-w-md w-full">
<label for="search-input" class="sr-only">البحث في الأدوات</label>
<input
id="search-input"
name="s"
type="search"
placeholder="ابحث عن أداة..."
class="w-full px-4 py-4 pe-12 rounded-lg border border-gray-200 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-900 dark:text-white focus:ring-2 focus:ring-blue-500 focus:border-transparent min-h-[48px]"
aria-describedby="search-description">
<button
type="submit"
class="absolute end-3 top-1/2 transform -translate-y-1/2 text-gray-400 hover:text-blue-600 p-2 rounded-md min-h-[44px] min-w-[44px] flex items-center justify-center"
aria-label="بحث"
title="بحث">
<svg class="w-5 h-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"></path>
</svg>
</button>
<span id="search-description" class="sr-only">اكتب للبحث عن الأدوات والحاسبات</span>
</form>
</div>
</div>
</section>
<section class="py-4 px-4 sm:px-3 lg:px-4">
<div class="max-w-7xl mx-auto">
<div class="text-center mb-4">
<h3 class="text-2xl font-bold text-white mb-2">أحدث الأدوات</h3>
<p class="text-white/80">مجموعة متنوعة من الأدوات المفيدة في مجالات مختلفة</p>
</div>
<div id="tools-container" class="grid grid-cols-2 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2 md:gap-6">
<article class="bg-white dark:bg-gray-800 rounded-lg shadow-sm hover:shadow-md transition-shadow overflow-hidden border border-gray-200 dark:border-gray-700 flex flex-col h-full relative"
style="opacity: 1; transform: translateY(0px); transition: opacity 0.6s, transform 0.6s;">
<!-- Post Image -->
<div class="aspect-w-16 aspect-h-9 bg-gray-100 dark:bg-gray-700 relative">
<a href="https://alwebm.com/%d8%a8%d8%a8%d8%a8/" class="block w-full h-full">
<svg class="bd-placeholder-img d-block w-full h-24 md:h-48" width="100%" xmlns="http://www.w3.org/2000/svg" role="img" aria-label="ببب" preserveAspectRatio="xMidYMid slice" focusable="false">
<title>ببب</title>
<rect width="100%" height="100%" fill="#6b7280"></rect>
<foreignObject x="10%" y="25%" width="80%" height="50%">
<div xmlns="http://www.w3.org/1999/xhtml" style="
display: flex;
align-items: center;
height: 100%;
font-weight: bold;
text-align: center;
color: #ffffff;
justify-content: center;
font-size: clamp(10px, 2.5vw, 14px);
padding: 4px;">
ببب </div>
</foreignObject>
</svg>
</a>
</div>
<!-- Card Content -->
<div class="p-3 md:p-4 flex-grow flex flex-col">
<!-- Post Title -->
<h2 class="text-sm md:text-lg font-semibold mb-2 text-gray-900 dark:text-white line-clamp-2">
<a href="https://alwebm.com/%d8%a8%d8%a8%d8%a8/" class="hover:text-blue-600 dark:hover:text-blue-400">
ببب </a>
</h2>
<!-- Post Description -->
<div class="text-xs md:text-sm text-gray-600 dark:text-gray-300 line-clamp-2 mb-3 flex-grow">
</div>
<!-- Card Footer -->
<div class="flex items-center justify-between mt-auto">
<span class="text-xs text-gray-500 dark:text-gray-400 hidden md:block">
Uncategorized </span>
<a href="https://alwebm.com/%d8%a8%d8%a8%d8%a8/" class="inline-flex items-center text-xs font-medium text-blue-600 hover:text-blue-800 dark:text-blue-400 dark:hover:text-blue-300">
<svg xmlns="http://www.w3.org/2000/svg" class="h-3 w-3 me-1" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M11 17l-5-5m0 0l5-5m-5 5h12"></path>
</svg>
<span class="hidden md:inline">استخدم الأداة</span>
<span class="md:hidden">استخدم</span>
</a>
</div>
</div>
</article> </div>
<!-- Load More Button -->
</div>
</section>
<footer class="bg-white/10 dark:bg-gray-800/30 backdrop-blur-sm mt-16">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-2 pt-6">
<div class="grid grid-cols-1 md:grid-cols-4 gap-4">
<!-- Logo and Description -->
<div class="md:col-span-2 text-center rtl:md:text-right ltr:md:text-left">
<div class="text-xl font-bold text-white mb-4">
ادوات وحاسبات اونلاين مع alwebm </div>
<p class="text-white/80 text-sm max-w-md mx-auto rtl:md:mr-0 ltr:md:ml-0">
اكتشف مجموعة شاملة من الأدوات والحاسبات المفيدة التي تساعدك في حياتك اليومية وعملك </p>
</div>
<!-- Quick Links -->
<div class="text-center rtl:md:text-right ltr:md:text-left">
<div class="text-lg font-semibold text-white mb-4">الفئات السريعة</div>
<ul class="space-y-2 text-sm">
</ul>
</div>
<!-- Legal Links -->
<div class="text-center rtl:md:text-right ltr:md:text-left">
<div class="text-lg font-semibold text-white mb-4">الصفحات المهمة</div>
<ul class="space-y-2 text-sm">
</ul>
</div>
</div>
<div class="border-t border-white/20 mt-8 pt-2 text-center">
<p class="text-white/60 text-sm">
© 2025 ادوات وحاسبات اونلاين مع alwebm. جميع الحقوق محفوظة. </p>
</div>
</div>
</footer>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/alwebmtools\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
function initializeFavoriteButtons() {
const favoriteButtons = document.querySelectorAll('.favorite-btn');
favoriteButtons.forEach(function(button) {
button.addEventListener('click', function(e) {
e.preventDefault();
const toolName = this.dataset.tool;
this.classList.toggle('active');
if (this.classList.contains('active')) {
this.setAttribute('aria-pressed', 'true');
this.setAttribute('title', 'Remove from favorites');
console.log('Added ' + toolName + ' to favorites');
} else {
this.setAttribute('aria-pressed', 'false');
this.setAttribute('title', 'Add to favorites');
console.log('Removed ' + toolName + ' from favorites');
}
});
});
}
initializeFavoriteButtons();
const observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.type === 'childList') {
mutation.addedNodes.forEach(function(node) {
if (node.nodeType === 1 && node.querySelector('.favorite-btn')) {
initializeFavoriteButtons();
}
});
}
});
});
const toolsContainer = document.getElementById('tools-container');
if (toolsContainer) {
observer.observe(toolsContainer, { childList: true, subtree: true });
}
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// Favorite functionality for widget
function initializeFavoriteButtons() {
const favoriteButtons = document.querySelectorAll('.category-posts-widget .favorite-btn');
favoriteButtons.forEach(function(button) {
button.addEventListener('click', function(e) {
e.preventDefault();
const toolName = this.dataset.tool;
const postId = this.dataset.postId;
let favorites = JSON.parse(localStorage.getItem('favorites') || '[]');
this.classList.toggle('active');
if (this.classList.contains('active')) {
this.setAttribute('aria-pressed', 'true');
this.setAttribute('title', 'Remove from favorites');
this.querySelector('.star-icon').style.fill = 'currentColor';
if (!favorites.includes(postId)) {
favorites.push(postId);
}
console.log('Added ' + toolName + ' to favorites');
} else {
this.setAttribute('aria-pressed', 'false');
this.setAttribute('title', 'Add to favorites');
this.querySelector('.star-icon').style.fill = 'none';
favorites = favorites.filter(id => id !== postId);
console.log('Removed ' + toolName + ' from favorites');
}
localStorage.setItem('favorites', JSON.stringify(favorites));
});
});
}
// Initialize function
initializeFavoriteButtons();
// Update favorite status from local storage
const favorites = JSON.parse(localStorage.getItem('favorites') || '[]');
document.querySelectorAll('.category-posts-widget .favorite-btn').forEach(function(button) {
const postId = button.dataset.postId;
if (favorites.includes(postId)) {
button.classList.add('active');
button.setAttribute('aria-pressed', 'true');
button.setAttribute('title', 'Remove from favorites');
button.querySelector('.star-icon').style.fill = 'currentColor';
}
});
});
</script>
<script>
document.addEventListener('DOMContentLoaded', function() {
// تحسين تجربة المستخدم في النموذج
const form = document.querySelector('form[method="POST"]');
if (form) {
const submitButton = form.querySelector('button[type="submit"]');
// إضافة loading state عند الإرسال
form.addEventListener('submit', function(e) {
if (submitButton) {
submitButton.disabled = true;
submitButton.innerHTML = '<svg class="animate-spin w-5 h-5 mr-2" fill="none" viewBox="0 0 24 24"><circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle><path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path></svg>Calculating...';
}
});
// تحديث ديناميكي للمساهمة السنوية
const salaryInput = form.querySelector('input[name="annual_salary"]');
const contributionInput = form.querySelector('input[name="employee_contribution"]');
function updateContributionPreview() {
if (salaryInput && contributionInput) {
const salary = parseFloat(salaryInput.value) || 0;
const percent = parseFloat(contributionInput.value) || 0;
const annual = salary * (percent / 100);
// إضافة عرض المساهمة السنوية
let previewElement = contributionInput.parentElement.querySelector('.contribution-preview');
if (!previewElement) {
previewElement = document.createElement('p');
previewElement.className = 'contribution-preview text-xs text-blue-600 dark:text-blue-400 mt-1';
contributionInput.parentElement.appendChild(previewElement);
}
if (annual > 0) {
previewElement.textContent = `Annual: $${annual.toLocaleString()} (Monthly: $${(annual/12).toLocaleString()})`;
} else {
previewElement.textContent = '';
}
}
}
if (salaryInput && contributionInput) {
salaryInput.addEventListener('input', updateContributionPreview);
contributionInput.addEventListener('input', updateContributionPreview);
updateContributionPreview(); // تشغيل أولي
}
}
// تحسين الجداول للأجهزة المحمولة
const tables = document.querySelectorAll('.k401-calculator table');
tables.forEach(table => {
// إضافة swipe indicator للجداول العريضة
if (table.scrollWidth > table.clientWidth) {
const indicator = document.createElement('div');
indicator.className = 'text-xs text-gray-500 text-center mt-2';
indicator.textContent = '← Swipe to see more data →';
table.parentElement.appendChild(indicator);
}
});
// Smooth scroll للنتائج
const resultsSection = document.querySelector('.k401-calculator .bg-white.dark\\:bg-gray-800');
if (resultsSection && window.location.search.includes('calculate_401k')) {
setTimeout(() => {
resultsSection.scrollIntoView({ behavior: 'smooth', block: 'start' });
}, 100);
}
// تحسين Charts للوضع الليلي
const observer = new MutationObserver(function(mutations) {
mutations.forEach(function(mutation) {
if (mutation.type === 'attributes' && mutation.attributeName === 'class') {
// إعادة رسم Charts عند تغيير الوضع الليلي
if (typeof Chart !== 'undefined' && Chart.instances) {
Object.values(Chart.instances).forEach(chart => {
if (chart && chart.update) {
chart.update();
}
});
}
}
});
});
observer.observe(document.documentElement, {
attributes: true,
attributeFilter: ['class']
});
});
</script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/chart.js@4.4.1/dist/chart.umd.min.js?ver=4.4.1" id="chartjs-js"></script>
<script>
// Load More functionality
document.addEventListener('DOMContentLoaded', function() {
const loadMoreBtn = document.getElementById('load-more-btn');
if (loadMoreBtn) {
loadMoreBtn.addEventListener('click', function() {
const button = this;
const currentPage = parseInt(button.dataset.page);
const maxPages = parseInt(button.dataset.maxPages);
const nextPage = currentPage + 1;
// Show loading indicator
const buttonText = button.querySelector('span');
const loadingSpinner = document.getElementById('loading-spinner');
buttonText.textContent = 'جاري التحميل...';
loadingSpinner.classList.remove('hidden');
button.disabled = true;
// Send AJAX request
const formData = new FormData();
formData.append('action', 'load_more_tools');
formData.append('page', nextPage);
formData.append('posts_per_page', 12);
fetch('https://alwebm.com/wp-admin/admin-ajax.php', {
method: 'POST',
body: formData
})
.then(response => response.json())
.then(data => {
if (data.success && data.data.html) {
// Add new posts
const toolsContainer = document.getElementById('tools-container');
const tempDiv = document.createElement('div');
tempDiv.innerHTML = data.data.html;
// Add animation effect
const newPosts = tempDiv.children;
Array.from(newPosts).forEach((post, index) => {
post.style.opacity = '0';
post.style.transform = 'translateY(20px)';
post.style.transition = 'opacity 0.6s ease, transform 0.6s ease';
toolsContainer.appendChild(post);
// Fade in effect
setTimeout(() => {
post.style.opacity = '1';
post.style.transform = 'translateY(0px)';
}, index * 100);
});
// Update page number
button.dataset.page = nextPage;
// Hide button if last page
if (nextPage >= maxPages) {
button.style.display = 'none';
}
} else {
// No more posts
button.style.display = 'none';
}
})
.catch(error => {
console.error('Error:', error);
alert('خطأ في تحميل المزيد من الأدوات');
})
.finally(() => {
// Hide loading indicator and restore original text
loadingSpinner.classList.add('hidden');
buttonText.textContent = 'تحميل المزيد من الأدوات';
button.disabled = false;
});
});
}
});
// Dark mode toggle functionality
document.addEventListener('DOMContentLoaded', function() {
const themeToggle = document.getElementById('theme-toggle');
const darkIcon = document.getElementById('theme-toggle-dark-icon');
const lightIcon = document.getElementById('theme-toggle-light-icon');
if (themeToggle && darkIcon && lightIcon) {
// Check for saved theme preference or default to light mode
const currentTheme = localStorage.getItem('theme') || 'light';
if (currentTheme === 'dark') {
document.documentElement.classList.add('dark');
darkIcon.classList.add('hidden');
lightIcon.classList.remove('hidden');
} else {
document.documentElement.classList.remove('dark');
darkIcon.classList.remove('hidden');
lightIcon.classList.add('hidden');
}
// Handle theme toggle
themeToggle.addEventListener('click', function() {
const isDark = document.documentElement.classList.toggle('dark');
localStorage.setItem('theme', isDark ? 'dark' : 'light');
if (isDark) {
darkIcon.classList.add('hidden');
lightIcon.classList.remove('hidden');
} else {
darkIcon.classList.remove('hidden');
lightIcon.classList.add('hidden');
}
});
}
});
</script>
<!-- الخطوة 1: أضف مكتبات Algolia -->
<!-- مكتبة Algolia client الرئيسية -->
<script src="https://cdn.jsdelivr.net/npm/algoliasearch@4.22.1/dist/algoliasearch-lite.umd.js"></script>
</body>
</html>