Spaces:

joermd
/

msci

Running

App Files Files Community

joermd commited on Apr 4, 2025

Commit

a60f4fb

verified ·

1 Parent(s): dca4c27

Update index.html

Browse files

Files changed (1) hide show

index.html +57 -40

index.html CHANGED Viewed

@@ -4,115 +4,132 @@
   <meta charset="UTF-8">
   <title>معهد مدينة العلوم العصرية</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <style>
     body {
       margin: 0;
-      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
-      background: linear-gradient(135deg, #2980b9, #6dd5fa);
-      color: #333;
       direction: rtl;
       text-align: center;
     }
     header {
-      background: #fff;
-      padding: 20px;
-      box-shadow: 0 4px 6px rgba(0,0,0,0.1);
-      margin-bottom: 30px;
     }
     header img {
-      max-width: 100px;
-      display: block;
-      margin: 0 auto 10px;
     }
     header h1 {
       margin: 0;
-      font-size: 2rem;
-      color: #2980b9;
     }
     .container {
       max-width: 600px;
       margin: auto;
-      padding: 0 20px;
     }
     .description {
       margin-bottom: 40px;
-      font-size: 1.1rem;
-      color: #fff;
     }
     .link-button {
       display: block;
-      margin: 15px auto;
       padding: 15px 25px;
       width: 80%;
-      max-width: 300px;
-      font-size: 1.1rem;
-      color: #fff;
-      background-color: #2980b9;
       border: none;
-      border-radius: 5px;
       cursor: pointer;
-      transition: background 0.3s ease;
       text-decoration: none;
     }
     .link-button:hover {
-      background-color: #1f6391;
     }
     footer {
-      margin-top: 40px;
       padding: 20px;
-      color: #fff;
       font-size: 0.9rem;
     }
   </style>
 </head>
 <body>
   <header>
-    <!-- شعار المعهد، يمكنك استبدال "logo.png" برابط شعار المعهد الفعلي -->
     <img src="logo.png" alt="شعار المعهد">
     <h1>معهد مدينة العلوم العصرية</h1>
   </header>
   <div class="container">
     <div class="description">
-      مرحباً بكم في بوابة أنظمة المعهد، حيث نرتقي بالتعليم إلى مستوى احترافي من خلال أنظمة متطورة.
     </div>
-    <!-- زر نظام الصادرات والواردات -->
     <a class="link-button" href="#" onclick="validateAndRedirect('exports')">
       سيستم الصادرات والواردات
     </a>
-    <!-- زر نظام طلاب سنة أولى -->
     <a class="link-button" href="#" onclick="validateAndRedirect('firstYear')">
       سيستم طلاب سنة أولى
     </a>
-    <!-- زر نظام طلاب سنة ثانية -->
     <a class="link-button" href="#" onclick="validateAndRedirect('secondYear')">
       سيستم طلاب سنة ثانية
     </a>
   </div>
   <footer>
     &copy; 2025 معهد مدينة العلوم العصرية. جميع الحقوق محفوظة.
   </footer>
   <script>
-    // الروابط للأنظمة
     const links = {
       exports: "https://quintadb.com/apps/czxmk0CjezOddKXD1gCop/portals/bxWQJcImjdeiopW4JcRCon/widget",
       firstYear: "https://quintadb.com/apps/cgvmoeW55dI43dTNDJW7WH/portals/coWOO0W7vdPykeWQboW71s/widget",
-      // يمكنك تعديل الرابط التالي عندما يتوفر رابط سيستم طلاب سنة ثانية
-      secondYear: "#"
     };
-    // كلمة المرور المشفرة (يمكن تعديل التحقق لتشفير أكثر تعقيداً حسب الحاجة)
-    const encryptedPassword = "112233445566";
     function validateAndRedirect(system) {
       const userPass = prompt("أدخل كلمة المرور للدخول:");
-      if (userPass === null) return; // تم إلغاء العملية
-      if (userPass === encryptedPassword) {
         const url = links[system];
         if(url !== "#") {
           window.location.href = url;

   <meta charset="UTF-8">
   <title>معهد مدينة العلوم العصرية</title>
   <meta name="viewport" content="width=device-width, initial-scale=1">
+  <!-- خط عربي جذاب -->
+  <link href="https://fonts.googleapis.com/css?family=Cairo&display=swap" rel="stylesheet">
+  <!-- مكتبة التشفير 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;
+      background: linear-gradient(135deg, #1d2671, #c33764);
+      color: #fff;
       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;
     }
     header img {
+      max-width: 120px;
+      margin-bottom: 10px;
     }
     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;
+      font-size: 1.2rem;
+      font-weight: bold;
+      color: #1d2671;
+      background-color: #fff;
       border: none;
+      border-radius: 50px;
       cursor: pointer;
+      transition: all 0.3s ease;
       text-decoration: none;
     }
     .link-button:hover {
+      background-color: #f1f1f1;
+      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>
   <header>
+    <!-- استبدل "logo.png" برابط الشعار الخاص بالمعهد -->
     <img src="logo.png" alt="شعار المعهد">
     <h1>معهد مدينة العلوم العصرية</h1>
   </header>
   <div class="container">
     <div class="description">
+      مرحباً بكم في بوابة أنظمة المعهد، حيث نرتقي بالتعليم عبر تقنيات وأنظمة متطورة.
     </div>
     <a class="link-button" href="#" onclick="validateAndRedirect('exports')">
       سيستم الصادرات والواردات
     </a>
     <a class="link-button" href="#" onclick="validateAndRedirect('firstYear')">
       سيستم طلاب سنة أولى
     </a>
     <a class="link-button" href="#" onclick="validateAndRedirect('secondYear')">
       سيستم طلاب سنة ثانية
     </a>
   </div>
   <footer>
     &copy; 2025 معهد مدينة العلوم العصرية. جميع الحقوق محفوظة.
   </footer>
   <script>
+    // روابط الأنظمة
     const links = {
       exports: "https://quintadb.com/apps/czxmk0CjezOddKXD1gCop/portals/bxWQJcImjdeiopW4JcRCon/widget",
       firstYear: "https://quintadb.com/apps/cgvmoeW55dI43dTNDJW7WH/portals/coWOO0W7vdPykeWQboW71s/widget",
+      secondYear: "#" // الرابط غير متوفر حالياً
     };
+    // تشفير كلمة المرور باستخدام 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];
         if(url !== "#") {
           window.location.href = url;