Spaces:

AnesKAM
/

SurfGO

Running

App Files Files Community

AnesKAM commited on Apr 30

Commit

7fc7ca7

verified ·

1 Parent(s): d7cdb8a

Update index.html

Browse files

Files changed (1) hide show

index.html +44 -269

index.html CHANGED Viewed

@@ -3,293 +3,68 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>SurfGO Elite | AnesNT Digital Initiative</title>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/dist/css/all.min.css">
     <style>
-        /* تعريف الألوان والمتغيرات */
-        :root {
-            --primary-color: #6366f1; /* لون أرجواني حديث */
-            --secondary-color: #a78bfa;
-            --bg-dark: #020617; /* أسود فضائي عميق */
-            --card-bg: rgba(15, 23, 42, 0.7); /* خلفية زجاجية للنتائج */
-            --glass-border: rgba(255, 255, 255, 0.1);
-            --text-main: #f8fafc;
-            --text-dim: #94a3b8;
-        }
-        /* تنسيق عام للجسم */
-        body, html {
-            margin: 0;
-            padding: 0;
-            min-height: 100vh;
-            font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
-            background-color: var(--bg-dark);
-            color: var(--text-main);
-            scroll-behavior: smooth;
-        }
-        /* خلفية فنية متحركة */
-        .background-glow {
-            position: fixed;
-            top: 0; left: 0; width: 100%; height: 100%;
-            background: radial-gradient(circle at 50% 50%, #1e1b4b 0%, #020617 100%);
-            z-index: -1;
-        }
-        /* --- الواجهة الرئيسية (Hero Section) --- */
-        #main-header {
             display: flex;
-            flex-direction: column;
             justify-content: center;
             align-items: center;
             height: 100vh;
-            transition: all 0.8s cubic-bezier(0.85, 0, 0.15, 1);
-        }
-        .anesnt-title {
-            font-size: 0.8rem;
-            letter-spacing: 6px;
-            color: var(--secondary-color);
-            margin-bottom: 10px;
-            font-weight: bold;
-            text-transform: uppercase;
-        }
-        .logo-text {
-            font-size: 5.5rem;
             margin: 0;
-            font-weight: 900;
-            background: linear-gradient(to right, var(--primary-color), var(--secondary-color));
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            filter: drop-shadow(0 0 20px rgba(99, 102, 241, 0.4));
-            cursor: pointer;
         }
-        /* تصميم مربع البحث الفخم */
-        .search-wrapper {
             width: 90%;
-            max-width: 700px;
-            margin-top: 40px;
-            position: relative;
         }
-        .custom-search-input {
-            width: 100%;
-            padding: 22px 30px;
-            padding-left: 75px; /* مساحة للأيقونة */
-            border-radius: 50px;
-            border: 1px solid var(--glass-border);
-            background: rgba(255, 255, 255, 0.05);
-            backdrop-filter: blur(20px);
-            color: white;
-            font-size: 1.3rem;
-            outline: none;
-            box-shadow: 0 15px 35px rgba(0,0,0,0.4);
-            transition: all 0.4s ease;
-        }
-        .custom-search-input:focus {
-            border-color: var(--primary-color);
-            background: rgba(255, 255, 255, 0.08);
-            box-shadow: 0 0 40px rgba(99, 102, 241, 0.25);
-        }
-        .search-icon-inside {
-            position: absolute;
-            left: 30px;
-            top: 50%;
-            transform: translateY(-50%);
-            font-size: 1.6rem;
-            color: var(--primary-color);
         }
-        /* الروابط السريعة المريحة */
-        .quick-nav {
             display: flex;
-            gap: 20px;
-            margin-top: 50px;
         }
-        .nav-btn {
-            width: 65px;
-            height: 65px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            background: var(--glass);
-            border: 1px solid var(--glass-border);
-            border-radius: 20px;
-            color: var(--text-dim);
-            font-size: 1.5rem;
-            text-decoration: none;
-            transition: 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
-            backdrop-filter: blur(10px);
         }
-        .nav-btn:hover {
-            transform: translateY(-10px) rotate(5deg);
-            background: var(--primary-color);
             color: white;
-            border-color: var(--secondary-color);
-        }
-        /* --- قسم نتائج البحث المنظم --- */
-        #results-section {
-            max-width: 1000px;
-            margin: 0 auto;
-            padding: 40px 20px;
-            display: none; /* مخفي في البداية */
-            animation: slideUp 0.6s ease-out;
-        }
-        @keyframes slideUp {
-            from { transform: translateY(50px); opacity: 0; }
-            to { transform: translateY(0); opacity: 1; }
-        }
-        /* تخصيص مظهر نتائج Google CSE لتصبح منظمة جداً */
-        .gsc-control-cse {
-            background-color: transparent !important;
-            border: none !important;
-            padding: 0 !important;
-        }
-        /* الإطار المنظم لكل نتيجة */
-        .gsc-webResult.gsc-result {
-            background: var(--card-bg) !important;
-            border: 1px solid var(--glass-border) !important;
-            border-radius: 24px !important; /* حواف ناعمة جداً */
-            padding: 25px !important;
-            margin-bottom: 25px !important;
-            transition: 0.3s ease !important;
-            backdrop-filter: blur(10px);
-        }
-        .gsc-webResult.gsc-result:hover {
-            border-color: var(--primary-color) !important;
-            background: rgba(30, 41, 59, 0.9) !important;
-            transform: scale(1.01);
-            box-shadow: 0 10px 30px rgba(0,0,0,0.3);
-        }
-        /* تنسيق عناوين النتائج */
-        .gs-title, .gs-title * {
-            color: var(--primary-color) !important;
-            text-decoration: none !important;
-            font-size: 1.4rem !important;
-            font-weight: bold !important;
-        }
-        /* تنسيق مقتطف النص */
-        .gs-snippet {
-            color: var(--text-dim) !important;
-            line-height: 1.7 !important;
-            margin-top: 12px !important;
-            font-size: 1.05rem !important;
-        }
-        /* إخفاء شعار جوجل والعناصر المشتتة */
-        .gsc-adBlock, .gsc-url-top, .gcsc-branding {
-            display: none !important;
-        }
-        /* تنسيق التنقل بين الصفحات */
-        .gsc-cursor-box {
-            margin-top: 30px !important;
-            text-align: center !important;
-        }
-        .gsc-cursor-page {
-            background: var(--card-bg) !important;
-            color: white !important;
-            padding: 12px 18px !important;
-            border-radius: 12px !important;
-            margin: 5px !important;
-            border: 1px solid var(--glass-border) !important;
-        }
-        /* تغيير شكل الواجهة عند البحث */
-        body.is-searching #main-header {
-            height: 40vh;
-            justify-content: flex-start;
-            padding-top: 50px;
         }
-        body.is-searching #results-section {
-            display: block;
         }
     </style>
 </head>
-<body id="surfgo-app">
-    <div class="background-glow"></div>
-    <section id="main-header">
-        <div class="anesnt-title">AnesNT Initiative</div>
-        <div class="logo-area">
-            <h1 class="logo-text" onclick="window.location.reload()">SurfGO</h1>
-        </div>
-        <div class="search-wrapper">
-            <i class="fa fa-search search-icon-inside"></i>
-            <input type="text" id="customInput" class="custom-search-input" placeholder="اكتشف العالم من هنا..." onkeypress="handleAction(event)">
-        </div>
-        <div class="quick-nav">
-            <a href="https://github.com" class="nav-btn" title="GitHub"><i class="fab fa-github"></i></a>
-            <a href="https://youtube.com" class="nav-btn" title="YouTube"><i class="fab fa-youtube"></i></a>
-            <a href="https://chatgpt.com" class="nav-btn" title="AI Chat"><i class="fas fa-robot"></i></a>
-            <a href="#" class="nav-btn" title="AnesNT Studio"><i class="fas fa-laptop-code"></i></a>
-        </div>
-    </section>
-    <section id="results-section">
-        <script async src="https://cse.google.com/cse.js?cx=75aa960081baa4f0c"></script>
-        <div class="gcse-searchresults-only" data-mobileLayout="forced"></div>
-    </section>
-    <script>
-        /**
-         * دالة معالجة البحث عند الضغط على Enter
-         */
-        function handleAction(e) {
-            if (e.key === 'Enter') {
-                const query = document.getElementById('customInput').value;
-                if (query.trim() !== "") {
-                    // 1. تغيير شكل الواجهة لتناسب عرض النتائج
-                    document.getElementById('surfgo-app').classList.add('is-searching');
-                    // 2. تفعيل محرك بحث جوجل برمجياً
-                    const element = google.search.cse.element.getElement('results-only-0');
-                    if (element) {
-                        element.execute(query);
-                    } else {
-                        // حل احتياطي في حال تأخر تحميل سكريبت جوجل
-                        console.log("جاري تحميل المحرك...");
-                        setTimeout(() => {
-                            google.search.cse.element.getElement('results-only-0').execute(query);
-                        }, 1000);
-                    }
-                }
-            }
-        }
-        /**
-         * التأكد من بقاء النتائج في حال تحديث الصفحة أو استخدام الرابط المباشر
-         */
-        window.onload = function() {
-            const params = new URLSearchParams(window.location.search);
-            const queryParam = params.get('q');
-            if (queryParam) {
-                document.getElementById('surfgo-app').classList.add('is-searching');
-                document.getElementById('customInput').value = queryParam;
-            }
-        };
-    </script>
 </body>
-</html>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>محرك بحثي الذكي</title>
     <style>
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background-color: #f8f9fa;
             display: flex;
             justify-content: center;
             align-items: center;
             height: 100vh;
             margin: 0;
         }
+        .search-container {
+            text-align: center;
             width: 90%;
+            max-width: 600px;
         }
+        h1 {
+            color: #4285F4;
+            font-size: 3rem;
+            margin-bottom: 20px;
         }
+        .search-box {
             display: flex;
+            gap: 10px;
+            background: white;
+            padding: 10px;
+            border-radius: 50px;
+            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
+            border: 1px solid #dfe1e5;
         }
+        .search-box input {
+            flex: 1;
+            border: none;
+            outline: none;
+            padding: 10px 20px;
+            font-size: 18px;
+            border-radius: 50px;
         }
+        .search-box button {
+            background-color: #4285F4;
             color: white;
+            border: none;
+            padding: 10px 25px;
+            border-radius: 50px;
+            cursor: pointer;
+            font-size: 16px;
+            transition: 0.3s;
         }
+        .search-box button:hover {
+            background-color: #357ae8;
         }
     </style>
 </head>
+<body>
+    <div class="search-container">
+        <h1>🔍 بحثي</h1>
+        <form action="results.html" method="get" class="search-box">
+            <input type="text" name="q" placeholder="ابحث عن أي شيء..." required>
+            <button type="submit">بحث</button>
+        </form>
+    </div>
 </body>
+</html>