Skip to content

Clevis22/webgle

Repository files navigation

WEBGLE

WEBGLE is an alternative Google homepage that redirects to a no AI version of Google Search. It mimics the appearance of the Google homepage while offering a simple and clean interface. The project includes dark mode support based on the user's device settings, a GitHub logo button that links to the project repository, and supports query strings for search functionality.

You can access the live version at: WEBGLE

Features

  • Google-like Homepage: A visually similar design to Google’s homepage.
  • Search Functionality: Redirects to Google search results.
  • Query String Support: Accepts query strings to pre-populate the search box.
  • Dark Mode Support: Automatically adapts to the user's device theme.
  • Responsive Design: Adjusts layout for different screen sizes, especially mobile devices.
  • GitHub Link: GitHub logo button that links to the project repository.

Installation

  1. Clone the repository:
    git clone https://github.com/clevis22/webgle.git
  2. Navigate to the project directory:
    cd webgle
  3. Open the index.html file in your preferred web browser.

Usage

  • Simply open the index.html file in any web browser.
  • Type your search query into the search box and press Enter or click the search button.
  • The page will redirect you to Google search results.
  • You can also use query strings to pre-populate the search box, e.g., index.html?q=your+search+query.

Dark Mode

  • The page automatically switches between light and dark modes based on your device settings.
  • No additional configuration is required.

GitHub Button

  • A GitHub logo button is available in the top right corner of the page.
  • Clicking the button will open the WEBGLE GitHub repository.

Development

To modify and develop this project further:

  1. Make your changes to the HTML, CSS, or JavaScript files.
  2. Test your changes by opening the index.html file in a web browser.
  3. Commit and push your changes to your GitHub repository.

File Structure

WEBGLE/
├── index.html
├── README.md
├── github-mark.png
└── github-mark-white.png

Key Files

  • index.html: The main HTML file for the project.
  • README.md: Project documentation.
  • github-mark.png & github-mark-white.png: Images for the GitHub logo button.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Acknowledgements

  • Google for the inspiration behind the design.
  • GitHub for providing the logo images used in this project.

Feel free to modify this README.md file to better suit your project's needs.