diff --git a/Catch the Target Game/README.md b/Catch the Target Game/README.md new file mode 100644 index 00000000..c71fbd1a --- /dev/null +++ b/Catch the Target Game/README.md @@ -0,0 +1,167 @@ +# **Catch the Target Game** +Enjoy The Game!!! +
+ + +## **Description 📃** && **How to play? 🕹ī¸** +

RocketFeatured In

+ +Game Objective: + +Click on the bouncing target as many times as possible within the time limit. + + +Game Rules: + +The game lasts for 30 seconds. +Each successful click on the target earns you 1 point. +The target moves randomly after each click. +Try to achieve the highest score possible before time runs out. + + +How to Play: + +Click the "Start Game" button to begin. +Move your cursor quickly to catch the bouncing target. +Click on the target to score points. +Keep an eye on the timer in the top right corner. + + +Scoring: + +1 point is awarded for each successful click on the target. +Your current score is displayed in the top left corner. + + +Game Over: + +The game ends when the 30-second timer reaches zero. +Your final score will be displayed. +Click the "Restart" button to play again and try to beat your high score. + + +Tips: + +The target moves faster as your score increases, so stay alert! +Try to anticipate where the target will bounce next. +Practice to improve your reaction time and mouse accuracy. + + +Challenge: + +Compete with friends to see who can achieve the highest score. +Try to beat your own personal best with each new game. + + + + + + + + + + + + + + + + + + + + + +
Stars🍴 Forks Issues Open PRs Closed PRs
StarsForksIssuesOpen Pull RequestsClosed Pull Requests
+ + +

RocketProject Overview

+

"Catch the Target" is an engaging, browser-based game that challenges players to test their reflexes and mouse accuracy. Players must click on a bouncing target as many times as possible within a 30-second time limit, aiming to achieve the highest score.

+ +##

High VoltageTech Stack

+
+ + +
+ +

+ +## Game Preview + + +

+ +##

RocketGet Started

+ +### Setup and Installation + +

To contribute to the Retro repository, follow these steps:

+ +1. **Fork the Repository:** + Click on the "Fork" button on the repository's GitHub page to create a copy of the repository in your GitHub account. + +2. **Clone the repository:** + Clone the forked repository to your local machine using the following command in your terminal. + ```bash + git clone https://github.com//HTML + ``` +3. **Add a remote upstream:** + ```bash + git remote add upstream https://github.com/bhargav-04/HTML + ``` +4. **Create a new branch:** + Create a new branch for your changes. Run the following command in your terminal. + ```bash + git checkout -b + ``` +5. **Make the desired changes:** + Make the desired changes to the source code. + +6. **Add your changes:** + Add your changes to the staging area. Run the following command in your terminal. + ```bash + git add ... + ``` +7. **Commit your changes:** + Commit your changes with a meaningful commit message. Run the following command in your terminal. + ```bash + git commit -m "" + ``` +8. **Push your changes:** + Push your changes to your forked repository. Run the following command in your terminal + ```bash + git push origin + ``` +9. **Create a Pull Request:** + Go to the GitHub page of your forked repository. You should see a prompt to create a pull request (PR). Click on it, compare the changes, and create the PR. +

+ + + +

Contributing + +

We love your input! We want to make contributing to this project as easy and transparent as possible, whether it's. + +To contribute to the HTML repository using GitHub Desktop, follow these steps: + + Reporting a bug
+Discussing the current state of the code
+Submitting a fix
+Proposing new features + +

+

Our Contributors Red Heart

+

Thank you for contributing to our repository

+ + + + + + +

Show some Red Heart by starring this awesome repository! + +

+
+

+If you find this project helpful, please consider giving it a star!

+

diff --git a/Catch the Target Game/index.html b/Catch the Target Game/index.html new file mode 100644 index 00000000..5fac7d75 --- /dev/null +++ b/Catch the Target Game/index.html @@ -0,0 +1,243 @@ + + + + + + Catch the Target Game + + + +
+
Score: 0
+
Time: 30
+
+ + +
+
+ +
+ + + diff --git a/SEO Analysis/icon128.png b/SEO Analysis/icon128.png new file mode 100644 index 00000000..ce927fbd Binary files /dev/null and b/SEO Analysis/icon128.png differ diff --git a/SEO Analysis/icon16.png b/SEO Analysis/icon16.png new file mode 100644 index 00000000..ddfe23aa Binary files /dev/null and b/SEO Analysis/icon16.png differ diff --git a/SEO Analysis/icon48.png b/SEO Analysis/icon48.png new file mode 100644 index 00000000..97a5448d Binary files /dev/null and b/SEO Analysis/icon48.png differ diff --git a/SEO Analysis/index.html b/SEO Analysis/index.html new file mode 100644 index 00000000..cd053474 --- /dev/null +++ b/SEO Analysis/index.html @@ -0,0 +1,24 @@ + + + + + + SEO Analysis Tool + + + +
+

SEO Analyzer

+ + +
+

Results:

+

Title Tag:

+

Meta Description:

+

H1 Tag:

+

Word Count:

+
+
+ + + diff --git a/SEO Analysis/manifest.json b/SEO Analysis/manifest.json new file mode 100644 index 00000000..4b06b0b9 --- /dev/null +++ b/SEO Analysis/manifest.json @@ -0,0 +1,22 @@ +{ + "manifest_version": 3, + "name": "SEO Analyzer", + "version": "1.0", + "description": "A tool to analyze the SEO of a webpage.", + "permissions": [ + "activeTab" + ], + "action": { + "default_popup": "index.html", + "default_icon": { + "16": "icon16.png", + "48": "icon48.png", + "128": "icon128.png" + } + }, + "icons": { + "16": "icon16.png", + "48": "icon48.png", + "128": "icon128.png" + } +} diff --git a/SEO Analysis/script.js b/SEO Analysis/script.js new file mode 100644 index 00000000..1c48b28d --- /dev/null +++ b/SEO Analysis/script.js @@ -0,0 +1,43 @@ +document.getElementById('analyze-btn').addEventListener('click', analyzeSEO); + +async function analyzeSEO() { + const url = document.getElementById('url-input').value; + if (!url) { + alert('Please enter a URL'); + return; + } + + try { + const response = await fetch(`https://api.allorigins.win/get?url=${encodeURIComponent(url)}`); + if (!response.ok) { + throw new Error('Network response was not ok'); + } + + const rawResponse = await response.text(); + console.log('Raw response:', rawResponse); + + const data = JSON.parse(rawResponse); + + const parser = new DOMParser(); + const doc = parser.parseFromString(data.contents, 'text/html'); + + const title = doc.querySelector('title') ? doc.querySelector('title').innerText : 'No title found'; + + const metaDescription = doc.querySelector('meta[name="description"]') + ? doc.querySelector('meta[name="description"]').getAttribute('content') + : 'No meta description found'; + + const h1 = doc.querySelector('h1') ? doc.querySelector('h1').innerText : 'No H1 tag found'; + + const wordCount = doc.body.innerText.split(/\s+/).filter(Boolean).length; + + document.querySelector('#title-tag span').innerText = title; + document.querySelector('#meta-description span').innerText = metaDescription; + document.querySelector('#h1-tag span').innerText = h1; + document.querySelector('#word-count span').innerText = wordCount; + + } catch (error) { + console.error('Error fetching or processing the URL:', error); + alert('Failed to fetch the URL or process the content. Please check the console for more details.'); + } +} diff --git a/SEO Analysis/style.css b/SEO Analysis/style.css new file mode 100644 index 00000000..704df117 --- /dev/null +++ b/SEO Analysis/style.css @@ -0,0 +1,32 @@ +body { + font-family: Arial, sans-serif; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + margin: 0; + background-color: #f0f0f0; +} + +.container { + text-align: center; + background: #fff; + padding: 20px; + border-radius: 10px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); +} + +input, button { + padding: 10px; + margin: 5px; + font-size: 16px; +} + +#results { + margin-top: 20px; + text-align: left; +} + +#results h2 { + margin-bottom: 10px; +}