Spaces:

joermd
/

msci

Running

App Files Files Community

joermd commited on Apr 4

Commit

ea154ce

verified ·

1 Parent(s): a60f4fb

Update index.html

Browse files

Files changed (1) hide show

index.html +52 -12

index.html CHANGED Viewed

@@ -9,6 +9,9 @@
   <!-- مكتبة التشفير SHA256 -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
   <style>
     body {
       margin: 0;
       font-family: 'Cairo', sans-serif;
@@ -17,11 +20,12 @@
       direction: rtl;
       text-align: center;
       overflow-x: hidden;
     }
     header {
-      background: rgba(255,255,255,0.2);
-      padding: 30px 20px;
-      margin-bottom: 50px;
       box-shadow: 0 4px 10px rgba(0,0,0,0.3);
       animation: fadeInDown 1s ease-in-out;
     }
@@ -31,24 +35,26 @@
     }
     header h1 {
       margin: 0;
-      font-size: 2.5rem;
       font-weight: bold;
       text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
     }
     .container {
-      max-width: 600px;
       margin: auto;
       padding: 20px;
       animation: fadeIn 1.5s ease-in-out;
     }
     .description {
-      margin-bottom: 40px;
-      font-size: 1.3rem;
       font-weight: 500;
     }
     .link-button {
       display: block;
-      margin: 20px auto;
       padding: 15px 25px;
       width: 80%;
       max-width: 350px;
@@ -67,20 +73,47 @@
       transform: translateY(-3px);
       box-shadow: 0 4px 8px rgba(0,0,0,0.2);
     }
     footer {
       margin-top: 50px;
       padding: 20px;
       font-size: 0.9rem;
-      background: rgba(0,0,0,0.1);
     }
     @keyframes fadeInDown {
       from { opacity: 0; transform: translateY(-20px); }
       to { opacity: 1; transform: translateY(0); }
     }
     @keyframes fadeIn {
       from { opacity: 0; }
       to { opacity: 1; }
     }
   </style>
 </head>
 <body>
@@ -95,6 +128,7 @@
       مرحباً بكم في بوابة أنظمة المعهد، حيث نرتقي بالتعليم عبر تقنيات وأنظمة متطورة.
     </div>
     <a class="link-button" href="#" onclick="validateAndRedirect('exports')">
       سيستم الصادرات والواردات
     </a>
@@ -106,10 +140,17 @@
     <a class="link-button" href="#" onclick="validateAndRedirect('secondYear')">
       سيستم طلاب سنة ثانية
     </a>
   </div>
   <footer>
-    &copy; 2025 معهد مدينة العلوم العصرية. جميع الحقوق محفوظة.
   </footer>
   <script>
@@ -122,12 +163,11 @@
     // تشفير كلمة المرور باستخدام SHA256
     // كلمة المرور الأصلية: "112233445566"
-    // تم تشفيرها باستخدام CryptoJS.SHA256("112233445566").toString();
     const hashedPassword = "ab9e7e43b882fa3d5b9b1e8d652fca38d1b90a3dc90a28bbdcf742728a5a1a7f";
     function validateAndRedirect(system) {
       const userPass = prompt("أدخل كلمة المرور للدخول:");
-      if (userPass === null) return; // في حال إلغاء الإدخال
       const userHash = CryptoJS.SHA256(userPass).toString();
       if (userHash === hashedPassword) {
         const url = links[system];

   <!-- مكتبة التشفير SHA256 -->
   <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.min.js"></script>
   <style>
+    * {
+      box-sizing: border-box;
+    }
     body {
       margin: 0;
       font-family: 'Cairo', sans-serif;
       direction: rtl;
       text-align: center;
       overflow-x: hidden;
+      line-height: 1.6;
     }
     header {
+      background: rgba(255,255,255,0.15);
+      padding: 40px 20px;
+      margin-bottom: 30px;
       box-shadow: 0 4px 10px rgba(0,0,0,0.3);
       animation: fadeInDown 1s ease-in-out;
     }
     }
     header h1 {
       margin: 0;
+      font-size: 2.8rem;
       font-weight: bold;
       text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
     }
     .container {
+      max-width: 800px;
       margin: auto;
       padding: 20px;
       animation: fadeIn 1.5s ease-in-out;
     }
     .description {
+      margin-bottom: 30px;
+      font-size: 1.4rem;
       font-weight: 500;
+      padding: 10px;
+      border-bottom: 2px solid rgba(255,255,255,0.3);
     }
     .link-button {
       display: block;
+      margin: 25px auto;
       padding: 15px 25px;
       width: 80%;
       max-width: 350px;
       transform: translateY(-3px);
       box-shadow: 0 4px 8px rgba(0,0,0,0.2);
     }
+    .info-section {
+      margin: 40px auto;
+      padding: 20px;
+      max-width: 800px;
+      background: rgba(255,255,255,0.1);
+      border-radius: 10px;
+      box-shadow: 0 4px 8px rgba(0,0,0,0.2);
+      animation: fadeInUp 1.2s ease-in-out;
+    }
+    .info-section p {
+      margin: 10px 0;
+      font-size: 1.2rem;
+    }
     footer {
       margin-top: 50px;
       padding: 20px;
       font-size: 0.9rem;
+      background: rgba(0,0,0,0.15);
+      animation: fadeIn 1.5s ease-in-out;
+    }
+    footer a {
+      color: #fff;
+      text-decoration: underline;
     }
     @keyframes fadeInDown {
       from { opacity: 0; transform: translateY(-20px); }
       to { opacity: 1; transform: translateY(0); }
     }
+    @keyframes fadeInUp {
+      from { opacity: 0; transform: translateY(20px); }
+      to { opacity: 1; transform: translateY(0); }
+    }
     @keyframes fadeIn {
       from { opacity: 0; }
       to { opacity: 1; }
     }
+    /* تفاعل حركة عند المرور بالماوس على الأقسام */
+    .info-section:hover {
+      transform: scale(1.02);
+      transition: transform 0.3s ease;
+    }
   </style>
 </head>
 <body>
       مرحباً بكم في بوابة أنظمة المعهد، حيث نرتقي بالتعليم عبر تقنيات وأنظمة متطورة.
     </div>
+    <!-- أزرار الدخول للأنظمة -->
     <a class="link-button" href="#" onclick="validateAndRedirect('exports')">
       سيستم الصادرات والواردات
     </a>
     <a class="link-button" href="#" onclick="validateAndRedirect('secondYear')">
       سيستم طلاب سنة ثانية
     </a>
+    <!-- قسم المعلومات الإضافية -->
+    <div class="info-section">
+      <p>💥 ترخيص وزارة التربية والتعليم ووزارة الاتصالات 💥</p>
+      <p>💥 المعهد يؤجل التجنيد 💥</p>
+    </div>
   </div>
   <footer>
+    <p>من تصميم شركة <a href="https://ufastpro.com/" target="_blank">فاست برو للبرمجيات والذكاء الاصطناعي</a></p>
+    <p>&copy; 2025 معهد مدينة العلوم العصرية. جميع الحقوق محفوظة.</p>
   </footer>
   <script>
     // تشفير كلمة المرور باستخدام SHA256
     // كلمة المرور الأصلية: "112233445566"
     const hashedPassword = "ab9e7e43b882fa3d5b9b1e8d652fca38d1b90a3dc90a28bbdcf742728a5a1a7f";
     function validateAndRedirect(system) {
       const userPass = prompt("أدخل كلمة المرور للدخول:");
+      if (userPass === null) return; // إذا تم إلغاء الإدخال
       const userHash = CryptoJS.SHA256(userPass).toString();
       if (userHash === hashedPassword) {
         const url = links[system];