Edit index.php via Editor

1.0
2025-10-26 20:01:51 +00:00 · 2025-10-26 20:00:21 +00:00
5 changed files with 137 additions and 144 deletions
--- a/assets/css/custom.css
+++ b/assets/css/custom.css
@ -0,0 +1,55 @@
 body {
    background-color: #FFFFFF;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
 }
 .search-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 80vh;
    flex-direction: column;
 }
 .search-box {
    width: 50%;
    padding: 1rem;
    border: 1px solid #dfe1e5;
    border-radius: 24px;
    font-size: 1.2rem;
    outline: none;
    transition: box-shadow 0.3s;
 }
 .search-box:hover, .search-box:focus {
    box-shadow: 0 1px 6px rgba(32,33,36,0.28);
    border-color: rgba(223,225,229,0);
 }
 .search-buttons {
    margin-top: 1.5rem;
 }
 .search-buttons button {
    background-color: #f8f9fa;
    border: 1px solid #f8f9fa;
    border-radius: 4px;
    color: #3c4043;
    font-family: arial,sans-serif;
    font-size: 14px;
    margin: 11px 4px;
    padding: 0 16px;
    line-height: 27px;
    height: 36px;
    min-width: 54px;
    text-align: center;
    cursor: pointer;
    user-select: none;
 }
 .search-buttons button:hover {
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    background-color: #f8f9fa;
    border: 1px solid #dadce0;
    color: #202124;
 }
--- a/assets/js/main.js
+++ b/assets/js/main.js
@ -0,0 +1,22 @@
 document.addEventListener('DOMContentLoaded', function () {
    const searchInput = document.querySelector('.search-box');
    const searchButtons = document.querySelectorAll('.search-buttons button');
    searchInput.addEventListener('keypress', function (e) {
        if (e.key === 'Enter') {
            const query = searchInput.value;
            if (query) {
                window.location.href = `search.php?q=${encodeURIComponent(query)}`;
            }
        }
    });
    searchButtons.forEach(button => {
        button.addEventListener('click', () => {
            const query = searchInput.value;
            if (query) {
                window.location.href = `search.php?q=${encodeURIComponent(query)}`;
            }
        });
    });
 });
--- a/index.php
+++ b/index.php
@ -1,150 +1,29 @@
-<?php
+<!DOCTYPE html>
 declare(strict_types=1);
@ini_set('display_errors', '1');
@error_reporting(E_ALL);
@date_default_timezone_set('UTC');
 $phpVersion = PHP_VERSION;
 $now = date('Y-m-d H:i:s');
 ?>
 <!doctype html>
 <html lang="en">
 <head>
-  <meta charset="utf-8" />
+    <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>New Style</title>
+    <title>WWR</title>
-<?php
+    <meta name="description" content="Built with Flatlogic Generator">
-// Read project preview data from environment
+    <meta name="keywords" content="search engine, web crawler, information retrieval, search results, Built with Flatlogic Generator">
-$projectDescription = $_SERVER['PROJECT_DESCRIPTION'] ?? '';
+    <meta property="og:title" content="WWR">
-$projectImageUrl = $_SERVER['PROJECT_IMAGE_URL'] ?? '';
+    <meta property="og:description" content="Built with Flatlogic Generator">
-?>
+    <meta property="og:image" content="">
-<?php if ($projectDescription): ?>
+    <meta name="twitter:card" content="summary_large_image">
-  <!-- Meta description -->
+    <meta name="twitter:image" content="">
-  <meta name="description" content='<?= htmlspecialchars($projectDescription) ?>' />
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
-  <!-- Open Graph meta tags -->
+    <link rel="stylesheet" href="assets/css/custom.css?v=<?php echo time(); ?>">
  <meta property="og:description" content="<?= htmlspecialchars($projectDescription) ?>" />
  <!-- Twitter meta tags -->
  <meta property="twitter:description" content="<?= htmlspecialchars($projectDescription) ?>" />
 <?php endif; ?>
 <?php if ($projectImageUrl): ?>
  <!-- Open Graph image -->
  <meta property="og:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
  <!-- Twitter image -->
  <meta property="twitter:image" content="<?= htmlspecialchars($projectImageUrl) ?>" />
 <?php endif; ?>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap" rel="stylesheet">
  <style>
    :root {
      --bg-color-start: #6a11cb;
      --bg-color-end: #2575fc;
      --text-color: #ffffff;
      --card-bg-color: rgba(255, 255, 255, 0.01);
      --card-border-color: rgba(255, 255, 255, 0.1);
    }
    body {
      margin: 0;
      font-family: 'Inter', sans-serif;
      background: linear-gradient(45deg, var(--bg-color-start), var(--bg-color-end));
      color: var(--text-color);
      display: flex;
      justify-content: center;
      align-items: center;
      min-height: 100vh;
      text-align: center;
      overflow: hidden;
      position: relative;
    }
    body::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M-10 10L110 10M10 -10L10 110" stroke-width="1" stroke="rgba(255,255,255,0.05)"/></svg>');
      animation: bg-pan 20s linear infinite;
      z-index: -1;
    }
    @keyframes bg-pan {
      0% { background-position: 0% 0%; }
      100% { background-position: 100% 100%; }
    }
    main {
      padding: 2rem;
    }
    .card {
      background: var(--card-bg-color);
      border: 1px solid var(--card-border-color);
      border-radius: 16px;
      padding: 2rem;
      backdrop-filter: blur(20px);
      -webkit-backdrop-filter: blur(20px);
      box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.1);
    }
    .loader {
      margin: 1.25rem auto 1.25rem;
      width: 48px;
      height: 48px;
      border: 3px solid rgba(255, 255, 255, 0.25);
      border-top-color: #fff;
      border-radius: 50%;
      animation: spin 1s linear infinite;
    }
    @keyframes spin {
      from { transform: rotate(0deg); }
      to   { transform: rotate(360deg); }
    }
    .hint {
      opacity: 0.9;
    }
    .sr-only {
      position: absolute;
      width: 1px; height: 1px;
      padding: 0; margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap; border: 0;
    }
    h1 {
      font-size: 3rem;
      font-weight: 700;
      margin: 0 0 1rem;
      letter-spacing: -1px;
    }
    p {
      margin: 0.5rem 0;
      font-size: 1.1rem;
    }
    code {
      background: rgba(0,0,0,0.2);
      padding: 2px 6px;
      border-radius: 4px;
      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    }
    footer {
      position: absolute;
      bottom: 1rem;
      font-size: 0.8rem;
      opacity: 0.7;
    }
  </style>
 </head>
 <body>
-  <main>
+    <div class="search-container">
-    <div class="card">
+        <img src="https://www.google.com/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png" alt="Google Logo">
-      <h1>Analyzing your requirements and generating your website…</h1>
+        <input type="text" class="search-box" placeholder="Search the web...">
-      <div class="loader" role="status" aria-live="polite" aria-label="Applying initial changes">
+        <div class="search-buttons">
-        <span class="sr-only">Loading…</span>
+            <button>Search</button>
-      </div>
+            <button>Feeling Lucky</button>
-      <p class="hint"><?= ($_SERVER['HTTP_HOST'] ?? '') === 'appwizzy.com' ? 'AppWizzy' : 'Flatlogic' ?> AI is collecting your requirements and applying the first changes.</p>
+        </div>
-      <p class="hint">This page will update automatically as the plan is implemented.</p>
+        <a href="trending.php">Trending Searches</a>
      <p>Runtime: PHP <code><?= htmlspecialchars($phpVersion) ?></code> — UTC <code><?= htmlspecialchars($now) ?></code></p>
    </div>
-  </main>
+    <script src="assets/js/main.js?v=<?php echo time(); ?>"></script>
  <footer>
    Page updated: <?= htmlspecialchars($now) ?> (UTC)
  </footer>
 </body>
-</html>
+</html>
--- a/search.php
+++ b/search.php
@ -0,0 +1,20 @@
 <?php
 $query = isset($_GET['q']) ? htmlspecialchars($_GET['q']) : '';
 ?>
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Search Results for &quot;<?php echo $query; ?>&quot;</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/custom.css">
 </head>
 <body>
    <div class="container mt-5">
        <h1>Search Results for &quot;<?php echo $query; ?>&quot;</h1>
        <p>This is a placeholder for the search results. In the future, this page will display the actual search results for your query.</p>
        <a href="index.php">Back to search</a>
    </div>
 </body>
 </html>
--- a/trending.php
+++ b/trending.php
@ -0,0 +1,17 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Trending Searches</title>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/custom.css">
 </head>
 <body>
    <div class="container mt-5">
        <h1>Trending Searches</h1>
        <p>This is a placeholder for the trending searches. In the future, this page will display a list of the most popular searches in real-time.</p>
        <a href="index.php">Back to search</a>
    </div>
 </body>
 </html>
Author	SHA1	Message	Date
admin	0e8efe42b8	Edit index.php via Editor	2025-10-26 20:01:51 +00:00
Flatlogic Bot	12b99fe8f7	1.0	2025-10-26 20:00:21 +00:00