-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
154 lines (141 loc) · 8.07 KB
/
Copy pathindex.html
File metadata and controls
154 lines (141 loc) · 8.07 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html lang="ar" dir="rtl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Zaid Abu Alshaar | زيد أبو الشعر - تعلم بايثون مع زيد</title>
<meta name="description" content="Zaid Abu Alshaar (زيد أبو الشعر) - منصة تعليم بايثون تفاعلية عبر 12 مستوى. دروس، اختبارات، وأمثلة عملية من الصفر حتى الاحتراف. Learn Python with Zaid.">
<meta name="author" content="Zaid Abu Alshaar">
<meta name="keywords" content="Zaid Abu Alshaar, زيد أبو الشعر, زيد ابو الشعر, تعلم بايثون, Python, Zaid Abu Al Shaar">
<link rel="canonical" href="https://python.zaiddev.com/">
<!-- Open Graph -->
<meta property="og:title" content="Zaid Abu Alshaar | زيد أبو الشعر - تعلم بايثون">
<meta property="og:description" content="Zaid Abu Alshaar (زيد أبو الشعر) - منصة تعليم بايثون تفاعلية. دروس واختبارات من الصفر حتى الاحتراف.">
<meta property="og:url" content="https://python.zaiddev.com/">
<meta property="og:type" content="website">
<meta property="og:image" content="https://python.zaiddev.com/assets/img/og-image.jpg">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
<meta property="og:image:alt" content="Zaid Abu Alshaar - زيد أبو الشعر - Zaid.python">
<meta property="og:locale" content="ar_JO">
<meta property="og:site_name" content="Zaid.python">
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Zaid Abu Alshaar | زيد أبو الشعر - تعلم بايثون">
<meta name="twitter:description" content="Zaid Abu Alshaar (زيد أبو الشعر) - منصة تعليم بايثون تفاعلية. دروس واختبارات من الصفر حتى الاحتراف.">
<meta name="twitter:image" content="https://python.zaiddev.com/assets/img/og-image.jpg">
<meta name="twitter:image:alt" content="Zaid Abu Alshaar - زيد أبو الشعر - Zaid.python">
<!-- JSON-LD: Person -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Zaid Abu Alshaar",
"alternateName": ["زيد أبو الشعر", "زيد ابو الشعر", "Zaid Abu Al Shaar", "Zaid Alshaar", "Zaid AbuAlshaar"],
"url": "https://python.zaiddev.com/",
"image": "https://python.zaiddev.com/assets/img/zaid-abu-alshaar.jpg",
"jobTitle": "Computer Science Student & Python Instructor",
"knowsAbout": ["Python", "AR/VR", "Artificial Intelligence", "Web Development"],
"sameAs": [
"https://www.instagram.com/Zaid_10_7"
]
}
</script>
<!-- JSON-LD: WebSite -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebSite",
"name": "Zaid.python",
"url": "https://python.zaiddev.com/",
"description": "تعلم لغة بايثون من الصفر حتى الاحتراف مع زيد أبو الشعر",
"inLanguage": "ar",
"author": {
"@type": "Person",
"name": "Zaid Abu Alshaar"
}
}
</script>
<!-- JSON-LD: WebPage -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "WebPage",
"name": "Zaid Abu Alshaar | زيد أبو الشعر - تعلم بايثون مع زيد",
"url": "https://python.zaiddev.com/",
"description": "منصة تعليم بايثون تفاعلية من زيد أبو الشعر - Zaid Abu Alshaar",
"inLanguage": "ar",
"isPartOf": {
"@type": "WebSite",
"url": "https://python.zaiddev.com/"
},
"about": {
"@type": "Person",
"name": "Zaid Abu Alshaar"
}
}
</script>
<!-- Favicons -->
<link rel="icon" href="/assets/icons/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/assets/icons/favicon-32x32.png" type="image/png" sizes="32x32">
<link rel="icon" href="/assets/icons/favicon-48x48.png" type="image/png" sizes="48x48">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/assets/icons/apple-touch-icon.png" sizes="180x180">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#7700ff">
<!-- Preconnect to external domains -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<!-- External CSS -->
<script src="https://cdn.tailwindcss.com"></script>
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body class="bg-[#0b0c10] font-tajawal">
<!-- رسالة توضيحية للجوال -->
<div class="device-note" id="deviceNote" role="alert">
<span>نصيحة من زيد أبو الشعر: لتجربة أفضل استخدم اللابتوب</span>
<button class="close-btn" onclick="document.getElementById('deviceNote').style.display='none'" aria-label="إغلاق التنبيه">
<i class="fas fa-times" aria-hidden="true"></i>
</button>
</div>
<!-- Background Elements -->
<div class="background-overlay" aria-hidden="true"></div>
<div class="particles" id="particles" aria-hidden="true"></div>
<div class="geometric-shapes" id="shapes" aria-hidden="true"></div>
<!-- Mobile Navigation -->
<nav class="mobile-menu" id="mobile-menu" aria-label="القائمة الجانبية">
<button class="close-menu" onclick="toggleMobileMenu()" aria-label="إغلاق القائمة">
<i class="fas fa-times" aria-hidden="true"></i>
</button>
<div class="mt-12">
<a href="#" onclick="changePage('home'); toggleMobileMenu()" class="mobile-nav-link">الرئيسية</a>
<a href="#" onclick="changePage('about'); toggleMobileMenu()" class="mobile-nav-link">عني</a>
<a href="#" onclick="changePage('levels'); toggleMobileMenu()" class="mobile-nav-link">المستويات</a>
<a href="#" onclick="changePage('faq'); toggleMobileMenu()" class="mobile-nav-link">الأسئلة الشائعة</a>
</div>
</nav>
<main id="app"></main>
<!-- زر "للأعلى" -->
<button id="back-to-top-btn" class="back-to-top" onclick="scrollToTop()" aria-label="العودة إلى أعلى الصفحة">
<i class="fas fa-arrow-up text-lg" aria-hidden="true"></i>
</button>
<!-- Popup تنبيهي جديد -->
<div class="popup-overlay" id="desktopPopup" role="dialog" aria-labelledby="popupTitle" aria-modal="true">
<div class="popup-content">
<button class="popup-close" onclick="closePopup()" aria-label="إغلاق النافذة">
<i class="fas fa-times" aria-hidden="true"></i>
</button>
<div class="popup-icon" aria-hidden="true">
<i class="fas fa-laptop"></i>
</div>
<h2 class="popup-title" id="popupTitle">نصيحة من زيد أبو الشعر</h2>
<p class="popup-message">لتحقيق أفضل تجربة تعلم واستفادة من المحتوى، ننصحك باستخدام الموقع من جهاز الحاسوب. ستتمكن من رؤية المحتوى بشكل أوضح والتفاعل مع الدروس بسهولة أكبر.</p>
<button class="popup-button" onclick="closePopup()">موافق، فهمت</button>
</div>
</div>
<script src="js/script.js" defer></script>
</body>
</html>