Skip to content

Commit

Permalink
index
Browse files Browse the repository at this point in the history
  • Loading branch information
@0xelsherif
0xelsherif committed Apr 27, 2024
1 parent 30c2f5e commit 6815a9e
Showing 1 changed file with 34 additions and 78 deletions.
112 changes: 34 additions & 78 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,24 +58,13 @@ <h5>Created on, APRIL 3, 2024</h5>
<p>A simple JavaScript function that calculates word count, letter count, reading time, speaking time, and paragraph count based on the text input.</p>
<div class="container">
<div class="badge-container">
<a href="https://github.com/0xelsherif/Word-Counter-Analyzer">
<img src="https://img.shields.io/github/stars/0xelsherif/Word-Counter-Analyzer.svg?style=social&label=Watch" alt="GitHub Stars">
</a>
<a href="https://github.com/0xelsherif/Word-Counter-Analyzer">
<img src="https://img.shields.io/github/stars/0xelsherif/Word-Counter-Analyzer.svg?style=social&label=Star" alt="GitHub Stars">
</a>
<a href="https://github.com/0xelsherif/Word-Counter-Analyzer">
<img src="https://img.shields.io/github/forks/0xelsherif/Word-Counter-Analyzer.svg?style=social&label=Fork" alt="GitHub Forks">
</a>
<a href="https://github.com/0xelsherif/Word-Counter-Analyzer/discussions">
<img src="https://img.shields.io/github/discussions/0xelsherif/Word-Counter-Analyzer.svg?style=social&label=Discuss" alt="GitHub Discussions">
</a>
<a href="https://github.com/0xelsherif/Word-Counter-Analyzer/issues">
<img src="https://img.shields.io/github/issues/0xelsherif/Word-Counter-Analyzer.svg?style=social&label=Issues" alt="GitHub Issues">
</a>
<a href="https://codepen.io/0xelsherif/full/dyLJWRd" target="_blank">
<img src="https://img.shields.io/badge/CodePen-Project-blue?logo=codepen" alt="CodePen Project">
</a>
<a href="https://github.com/0xelsherif/Word-Counter-Analyzer"><img src="https://img.shields.io/github/repo-size/0xelsherif/Word-Counter-Analyzer?style=social&logo=github"></a>
<a href="https://github.com/0xelsherif/Word-Counter-Analyzer"><img src="https://img.shields.io/github/stars/0xelsherif/Word-Counter-Analyzer.svg?style=social&label=Star" alt="GitHub Stars"></a>
<a href="https://github.com/0xelsherif/Word-Counter-Analyzer"><img src="https://img.shields.io/github/forks/0xelsherif/Word-Counter-Analyzer.svg?style=social&label=Fork" alt="GitHub Forks"></a>
<a href="https://github.com/0xelsherif/Word-Counter-Analyzer/discussions"><img src="https://img.shields.io/github/discussions/0xelsherif/Word-Counter-Analyzer?style=social&logo=github" alt="GitHub Discussions"></a>
<a href="https://github.com/0xelsherif/Word-Counter-Analyzer/issues"><img src="https://img.shields.io/github/issues/0xelsherif/Word-Counter-Analyzer?style=social&logo=github" alt="GitHub Issues"></a>
<a href="https://codepen.io/0xelsherif/full/dyLJWRd" target="_blank"><img src="https://img.shields.io/badge/CodePen-Project-blue?logo=codepen" alt="CodePen Project"></a>
<a href="https://0xelsherif.medium.com/mastering-text-analysis-with-javascript-a-step-by-step-guide-f9914fb5b5f1" target="_blank"><img src="https://img.shields.io/badge/Medium-Publication-green?logo=medium" alt="Medium Publication"></a>
</div>
<div class="flex items-center text-sm">
<div class="w-3 h-3 rounded-full mr-1 bg-yellow-300 opacity-60"></div>
Expand All @@ -95,24 +84,13 @@ <h5>Created on, FEBRUARY 7, 2024</h5>
<p>A simple webpage that dynamically greets the user based on the time of day, accompanied by a friendly tag. The greeting changes from "Good morning," to "Good afternoon," or "Good evening," depending on the current time. A waving hand emoji adds a playful touch to the message.</p>
<div class="container">
<div class="badge-container">
<a href="https://github.com/0xelsherif/Time-based-Greeting">
<img src="https://img.shields.io/github/stars/0xelsherif/Time-based-Greeting.svg?style=social&label=Watch" alt="GitHub Stars">
</a>
<a href="https://github.com/0xelsherif/Time-based-Greeting">
<img src="https://img.shields.io/github/stars/0xelsherif/Time-based-Greeting.svg?style=social&label=Star" alt="GitHub Stars">
</a>
<a href="https://github.com/0xelsherif/Time-based-Greeting">
<img src="https://img.shields.io/github/forks/0xelsherif/Time-based-Greeting.svg?style=social&label=Fork" alt="GitHub Forks">
</a>
<a href="https://github.com/0xelsherif/Time-based-Greeting/discussions">
<img src="https://img.shields.io/github/discussions/0xelsherif/Time-based-Greeting.svg?style=social&label=Discuss" alt="GitHub Discussions">
</a>
<a href="https://github.com/0xelsherif/Time-based-Greeting/issues">
<img src="https://img.shields.io/github/issues/0xelsherif/Time-based-Greeting.svg?style=social&label=Issues" alt="GitHub Issues">
</a>
<a href="https://codepen.io/0xelsherif/full/XWGBggP" target="_blank">
<img src="https://img.shields.io/badge/CodePen-Project-blue?logo=codepen" alt="CodePen Project">
</a>
<a href="https://github.com/0xelsherif/Time-based-Greeting"><img src="https://img.shields.io/github/repo-size/0xelsherif/Time-based-Greeting?style=social&logo=github"></a>
<a href="https://github.com/0xelsherif/Time-based-Greeting"><img src="https://img.shields.io/github/stars/0xelsherif/Time-based-Greeting.svg?style=social&label=Star" alt="GitHub Stars"></a>
<a href="https://github.com/0xelsherif/Time-based-Greeting"><img src="https://img.shields.io/github/forks/0xelsherif/Time-based-Greeting.svg?style=social&label=Fork" alt="GitHub Forks"></a>
<a href="https://github.com/0xelsherif/Time-based-Greeting/discussions"><img src="https://img.shields.io/github/discussions/0xelsherif/Time-based-Greeting?style=social&logo=github" alt="GitHub Discussions"></a>
<a href="https://github.com/0xelsherif/Time-based-Greeting/issues"><img src="https://img.shields.io/github/issues/0xelsherif/Time-based-Greeting?style=social&logo=github" alt="GitHub Issues"></a>
<a href="https://codepen.io/0xelsherif/full/XWGBggP" target="_blank"><img src="https://img.shields.io/badge/CodePen-Project-blue?logo=codepen" alt="CodePen Project"></a>
<!-- <a href="https://0xelsherif.medium.com/building-a-text-highlighting-tool-for-web-pages-step-by-step-guide-839a9b0aa24c" target="_blank"><img src="https://img.shields.io/badge/Medium-Publication-green?logo=medium" alt="Medium Publication"></a> -->
</div>
<div class="flex items-center text-sm">
<div class="w-3 h-3 rounded-full mr-1 bg-yellow-300 opacity-60"></div>
Expand All @@ -131,25 +109,14 @@ <h5>Created on, MARCH 27, 2024</h5>
<p>A simple text search and highlight tool that allows users to enter a search query and find matching text within a paragraph. The matching text is highlighted, and the number of results is displayed. If no matches are found, a message indicating so is shown.</p>
<div class="container">
<div class="badge-container">
<a href="https://github.com/0xelsherif/Search-Text-Highlighter">
<img src="https://img.shields.io/github/stars/0xelsherif/Search-Text-Highlighter.svg?style=social&label=Watch" alt="GitHub Stars">
</a>
<a href="https://github.com/0xelsherif/Search-Text-Highlighter">
<img src="https://img.shields.io/github/stars/0xelsherif/Search-Text-Highlighter.svg?style=social&label=Star" alt="GitHub Stars">
</a>
<a href="https://github.com/0xelsherif/Search-Text-Highlighter">
<img src="https://img.shields.io/github/forks/0xelsherif/Search-Text-Highlighter.svg?style=social&label=Fork" alt="GitHub Forks">
</a>
<a href="https://github.com/0xelsherif/Search-Text-Highlighter/discussions">
<img src="https://img.shields.io/github/discussions/0xelsherif/Search-Text-Highlighter.svg?style=social&label=Discuss" alt="GitHub Discussions">
</a>
<a href="https://github.com/0xelsherif/Search-Text-Highlighter/issues">
<img src="https://img.shields.io/github/issues/0xelsherif/Search-Text-Highlighter.svg?style=social&label=Issues" alt="GitHub Issues">
</a>
<a href="https://codepen.io/0xelsherif/full/ZEZJOLP" target="_blank">
<img src="https://img.shields.io/badge/CodePen-Project-blue?logo=codepen" alt="CodePen Project">
</a>
</div>
<a href="https://github.com/0xelsherif/Search-Text-Highlighter"><img src="https://img.shields.io/github/repo-size/0xelsherif/Search-Text-Highlighter?style=social&logo=github"></a>
<a href="https://github.com/0xelsherif/Search-Text-Highlighter"><img src="https://img.shields.io/github/stars/0xelsherif/Search-Text-Highlighter.svg?style=social&label=Star" alt="GitHub Stars"></a>
<a href="https://github.com/0xelsherif/Search-Text-Highlighter"><img src="https://img.shields.io/github/forks/0xelsherif/Search-Text-Highlighter.svg?style=social&label=Fork" alt="GitHub Forks"></a>
<a href="https://github.com/0xelsherif/Search-Text-Highlighter/discussions"><img src="https://img.shields.io/github/discussions/0xelsherif/Search-Text-Highlighter?style=social&logo=github" alt="GitHub Discussions"></a>
<a href="https://github.com/0xelsherif/Search-Text-Highlighter/issues"><img src="https://img.shields.io/github/issues/0xelsherif/Search-Text-Highlighter?style=social&logo=github" alt="GitHub Issues"></a>
<a href="https://codepen.io/0xelsherif/full/ZEZJOLP" target="_blank"><img src="https://img.shields.io/badge/CodePen-Project-blue?logo=codepen" alt="CodePen Project"></a>
<a href="https://0xelsherif.medium.com/building-a-text-highlighting-tool-for-web-pages-step-by-step-guide-839a9b0aa24c" target="_blank"><img src="https://img.shields.io/badge/Medium-Publication-green?logo=medium" alt="Medium Publication"></a>
</div>
<div class="flex items-center text-sm">
<div class="w-3 h-3 rounded-full mr-1 bg-yellow-300 opacity-60"></div>
<span class="text-base-content text-opacity-60">JavaScript</span>
Expand All @@ -167,24 +134,13 @@ <h5>Created on, MARCH 30, 2024</h5>
<p>This CodePen demonstrates a simple URL QR code generator. Enter a valid URL in the input field, and click the "Generate QR Code" button to generate a QR code representing the URL. If the entered URL is not valid or the input field is empty, appropriate error messages are displayed below the input field. The generated QR code will be displayed in the designated area.</p>
<div class="container">
<div class="badge-container">
<a href="https://github.com/0xelsherif/URL-QR-Code-Generator">
<img src="https://img.shields.io/github/stars/0xelsherif/URL-QR-Code-Generator.svg?style=social&label=Watch" alt="GitHub Stars">
</a>
<a href="https://github.com/0xelsherif/URL-QR-Code-Generator">
<img src="https://img.shields.io/github/stars/0xelsherif/URL-QR-Code-Generator.svg?style=social&label=Star" alt="GitHub Stars">
</a>
<a href="https://github.com/0xelsherif/URL-QR-Code-Generator">
<img src="https://img.shields.io/github/forks/0xelsherif/URL-QR-Code-Generator.svg?style=social&label=Fork" alt="GitHub Forks">
</a>
<a href="https://github.com/0xelsherif/URL-QR-Code-Generator/discussions">
<img src="https://img.shields.io/github/discussions/0xelsherif/URL-QR-Code-Generator.svg?style=social&label=Discuss" alt="GitHub Discussions">
</a>
<a href="https://github.com/0xelsherif/URL-QR-Code-Generator/issues">
<img src="https://img.shields.io/github/issues/0xelsherif/URL-QR-Code-Generator.svg?style=social&label=Issues" alt="GitHub Issues">
</a>
<a href="https://codepen.io/0xelsherif/full/poBrEPJ" target="_blank">
<img src="https://img.shields.io/badge/CodePen-Project-blue?logo=codepen" alt="CodePen Project">
</a>
<a href="https://github.com/0xelsherif/URL-QR-Code-Generator"><img src="https://img.shields.io/github/repo-size/0xelsherif/URL-QR-Code-Generator?style=social&logo=github"></a>
<a href="https://github.com/0xelsherif/URL-QR-Code-Generator"><img src="https://img.shields.io/github/stars/0xelsherif/URL-QR-Code-Generator.svg?style=social&label=Star" alt="GitHub Stars"></a>
<a href="https://github.com/0xelsherif/URL-QR-Code-Generator"><img src="https://img.shields.io/github/forks/0xelsherif/URL-QR-Code-Generator.svg?style=social&label=Fork" alt="GitHub Forks"></a>
<a href="https://github.com/0xelsherif/URL-QR-Code-Generator/discussions"><img src="https://img.shields.io/github/discussions/0xelsherif/URL-QR-Code-Generator?style=social&logo=github" alt="GitHub Discussions"></a>
<a href="https://github.com/0xelsherif/URL-QR-Code-Generator/issues"><img src="https://img.shields.io/github/issues/0xelsherif/URL-QR-Code-Generator?style=social&logo=github" alt="GitHub Issues"></a>
<a href="https://codepen.io/0xelsherif/full/poBrEPJ" target="_blank"><img src="https://img.shields.io/badge/CodePen-Project-blue?logo=codepen" alt="CodePen Project"></a>
<!-- <a href="https://0xelsherif.medium.com/building-a-text-highlighting-tool-for-web-pages-step-by-step-guide-839a9b0aa24c" target="_blank"><img src="https://img.shields.io/badge/Medium-Publication-green?logo=medium" alt="Medium Publication"></a> -->
</div>
<div class="flex items-center text-sm">
<div class="w-3 h-3 rounded-full mr-1 bg-yellow-300 opacity-60"></div>
Expand All @@ -207,11 +163,11 @@ <h2>About Me</h2>
<div class="card">
<h3>Follow Me</h3>
<div class="socialmediaicons">
<a href="https://www.linkedin.com/in/0xelsherif/" class="fa fa-linkedin" onclick="trackClick('LinkedIn')"></a>
<a href="https://github.com/0xelsherif" class="fa fa-github" onclick="trackClick('github')"></a>
<a href="https://www.hackerrank.com/profile/0xelsherif" class="fa fa-code" onclick="trackClick('hackerrank')"></a>
<a href="https://stackoverflow.com/users/23931990/0xelsherif" class="fa fa-stack-overflow" onclick="trackClick('stackoverflow')"></a>
<a href="https://codepen.io/0xelsherif" class="fa fa-codepen" onclick="trackClick('codepen')"></a>
<a href="https://www.linkedin.com/in/0xelsherif/" class="fa fa-linkedin"></a>
<a href="https://github.com/0xelsherif" class="fa fa-github"></a>
<a href="https://www.hackerrank.com/profile/0xelsherif" class="fa fa-code"></a>
<a href="https://stackoverflow.com/users/23931990/0xelsherif" class="fa fa-stack-overflow"></a>
<a href="https://codepen.io/0xelsherif" class="fa fa-codepen"></a>

</div>

Expand Down

0 comments on commit 6815a9e

Please sign in to comment.