Skip to content

Commit 522ab3f

Browse files
Jabri-webJabri-web
authored
Update index.html
Updated title and styling for better appearance.
1 parent 3b410fc commit 522ab3f

1 file changed

Lines changed: 99 additions & 73 deletions

File tree

‎index.html‎

Lines changed: 99 additions & 73 deletions
Original file line numberDiff line numberDiff line change
@@ -3,99 +3,125 @@
33
<head>
44
<meta charset="UTF-8">
55
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6-
<title>م. بليغ عبدالله الجبري</title>
7-
<link href="https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700&display=swap" rel="stylesheet">
6+
<title>بوابة عبدالله عبدالله - P4 Gateway</title>
87
<style>
8+
* { margin: 0; padding: 0; box-sizing: border-box; }
99
body {
10-
font-family: "Tajawal", Arial, sans-serif;
11-
background: #0a0a0f;
12-
color: #e8e8f0;
13-
text-align: center;
14-
padding: 40px 20px;
15-
margin: 0;
10+
background: #0a0a0a;
11+
color: #fff;
12+
font-family: 'Cairo', Tahoma, Arial;
13+
text-align: center;
14+
padding: 20px;
15+
min-height: 100vh;
1616
}
17-
.profile-img {
18-
width: 140px;
19-
height: 140px;
20-
border-radius: 50%;
21-
border: 4px solid #6ae3ff;
22-
object-fit: cover;
23-
margin-bottom: 15px;
17+
.logo {
18+
font-size: 48px;
19+
font-weight: bold;
20+
margin: 30px 0;
21+
letter-spacing: 3px;
2422
}
25-
h2 {
26-
color: #6ae3ff;
27-
margin: 10px 0 30px 0;
28-
font-size: 1.4rem;
23+
.logo span { color: #ff3333; }
24+
h1 {
25+
font-size: 24px;
26+
margin-bottom: 10px;
27+
color: #ccc;
28+
}
29+
.current {
30+
background: #ff3333;
31+
border: 2px solid #ff6666;
32+
padding: 20px;
33+
border-radius: 15px;
34+
margin: 30px auto;
35+
max-width: 400px;
36+
animation: pulse 2s infinite;
37+
}
38+
@keyframes pulse {
39+
0%, 100% { box-shadow: 0 0 20px #ff3333; }
40+
50% { box-shadow: 0 0 40px #ff6666; }
41+
}
42+
.grid {
43+
display: grid;
44+
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
45+
gap: 15px;
46+
max-width: 800px;
47+
margin: 40px auto;
2948
}
3049
.btn {
31-
display: block;
32-
width: 80%;
33-
max-width: 400px;
34-
margin: 12px auto;
35-
padding: 14px 20px;
36-
background: #14141f;
37-
color: #e8e8f0;
38-
text-decoration: none;
39-
border: 1px solid #1f1f2e;
40-
border-radius: 10px;
41-
font-size: 16px;
42-
font-weight: 600;
43-
transition: 0.2s;
44-
line-height: 1.4;
50+
background: #1a1a1a;
51+
border: 2px solid #333;
52+
color: #fff;
53+
padding: 25px 15px;
54+
border-radius: 12px;
55+
text-decoration: none;
56+
font-size: 18px;
57+
font-weight: bold;
58+
transition: 0.3s;
59+
display: block;
4560
}
4661
.btn:hover {
47-
background: #1f1f2e;
48-
border-color: #6ae3ff;
49-
color: #6ae3ff;
62+
background: #2a2a2a;
63+
border-color: #ff3333;
64+
transform: translateY(-3px);
65+
box-shadow: 0 5px 15px rgba(255,51,51,0.3);
5066
}
51-
.btn.exit {
52-
background: #2a0f0f;
53-
border-color: #d62828;
54-
color: #ff6b6b;
67+
.section-title {
68+
font-size: 22px;
69+
margin: 50px 0 20px;
70+
color: #ff3333;
71+
border-bottom: 2px solid #333;
72+
padding-bottom: 10px;
73+
display: inline-block;
5574
}
56-
.btn.exit:hover {
57-
background: #d62828;
58-
color: #fff;
75+
.datetime {
76+
margin-top: 50px;
77+
color: #666;
78+
font-size: 14px;
5979
}
60-
.en-text {font-size: 16px; display: block;}
61-
.ar-text {font-size: 0.95rem; opacity: 0.8; margin-top: 3px; display: block;}
6280
</style>
6381
</head>
6482
<body>
6583

66-
<img src="Image/Baleegh.png" alt="Baleegh" class="profile-img">
67-
<h2>م. بليغ عبدالله الجبري</h2>
84+
<div class="logo">Z<span>+</span>C<span>+</span>A<span>=</span>1</div>
85+
<h1>بوابة عبدالله عبدالله الرئيسية</h1>
6886

69-
<!-- زر المحتوى مصلح: يفتح research.html -->
70-
<a class="btn" href="Yemen-library.html" target="_blank">
71-
<span class="en-text">Contents</span>
72-
<span class="ar-text">المحتوى</span>
73-
</a>
87+
<div class="current">
88+
الصفحة الحالية<br>
89+
<b>جاري الكشف عن الشفرة...</b>
90+
</div>
7491

75-
<a class="btn" href="https://jabri-web.github.io/jabri_lab/" target="_blank">
76-
<span class="en-text">Jabri_lab</span>
77-
<span class="ar-text">المعمل</span>
78-
</a>
92+
<h2 class="section-title">المشاريع الأساسية 1→10</h2>
93+
<div class="grid">
94+
<a href="Page1.html" class="btn">1. سندباد اليمن</a>
95+
<a href="Page2.html" class="btn">2. طائر اليمن</a>
96+
<a href="Page3.html" class="btn">3. عنكبوت اليمن</a>
97+
<a href="Page4.html" class="btn">4. مكتبي وبحوثي</a>
98+
<a href="Page5.html" class="btn">5. مشروع 5</a>
99+
<a href="Page6.html" class="btn">6. مشروع 6</a>
100+
<a href="Page7.html" class="btn">7. مشروع 7</a>
101+
<a href="Page8.html" class="btn">8. مشروع 8</a>
102+
<a href="Page9.html" class="btn">9. مشروع 9</a>
103+
<a href="Page10.html" class="btn">10. مشروع 10</a>
104+
</div>
79105

80-
<a class="btn" href="https://jabri-web.github.io/Jabri_Nobble/" target="_blank">
81-
<span class="en-text">Jabri_Nobble</span>
82-
<span class="ar-text">بحوث الجوائز</span>
83-
</a>
106+
<h2 class="section-title">مكتبي وبحوثي</h2>
107+
<div class="grid">
108+
<a href="Page4.html" class="btn">المكتب الرئيسي</a>
109+
<a href="Page4.html#sandas" class="btn">سندس النظرية</a>
110+
<a href="Page4.html#library" class="btn">المكتبة اليمنية</a>
111+
<a href="Page1.html" class="btn">سندباد اليمن</a>
112+
</div>
84113

85-
<a class="btn" href="research.html" target="_blank">
86-
<span class="en-text">Researches</span>
87-
<span class="ar-text">البحوث الموثقة</span>
88-
</a>
114+
<div class="datetime" id="dt"></div>
89115

90-
<a class="btn" href="yemen-photo.html">
91-
<span class="en-text">Yemen-photo</span>
92-
<span class="ar-text">السياحة في اليمن</span>
93-
</a>
94-
95-
<a class="btn exit" href="https://jabri-web.github.io/">
96-
<span class="en-text">Exit</span>
97-
<span class="ar-text">خروج</span>
98-
</a>
116+
<script>
117+
function updateTime() {
118+
const now = new Date();
119+
const options = { weekday: 'long', year: 'numeric', month: 'long', day: 'numeric', hour: '2-digit', minute: '2-digit' };
120+
document.getElementById('dt').innerHTML = now.toLocaleDateString('ar-EG', options);
121+
}
122+
updateTime();
123+
setInterval(updateTime, 60000);
124+
</script>
99125

100126
</body>
101127
</html>

0 commit comments

Comments
 (0)