Skip to content

Joe6905/Breaking-Bad

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

53 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Periodic Element Search - Glassmorphism Theme

This project is a simple web application that allows users to search for periodic elements based on their symbols. The interface features a glassmorphism design, providing a visually appealing user experience.

Features

  • Search Functionality: Users can type in a partial or full symbol of an element to see matching results.
  • Glassmorphism Design: The interface utilizes a glass-like aesthetic, enhancing visual appeal with blurs and background images.
  • Fullscreen Mode: Users can toggle fullscreen mode for an immersive experience.

Technologies Used

  • HTML: Structure of the web page.
  • CSS: Styling and layout, including glassmorphism effects.
  • JavaScript: Functionality for searching and displaying elements.

Getting Started

Prerequisites

  • A modern web browser (e.g., Chrome, Firefox).

Installation

  1. Clone the repository or download the files.
  2. Create three files:
    • index.html
    • styles.css
    • script.js
  3. Copy the respective code from the provided snippets into each file.
  4. Open index.html in your web browser to view and interact with the application.

Usage

  1. Type a symbol or part of a symbol in the input box.
  2. Click the "Check Elements" button to see matching periodic elements.
  3. Use the "Toggle Fullscreen" button to switch to fullscreen mode.

Example

Example

Screenshot of the Application

Contributing

If you would like to contribute to this project, please fork the repository and create a pull request.

License

This project is open-source and available under the MIT License.