Feat: Create bio page #1
Conversation
This commit creates a bio page with information from the README.md file. The bio page includes: - Name - Profession - Learning interests - Collaboration interests - Contact email - LinkedIn profile link The existing background animation is preserved.
There was a problem hiding this comment.
Pull Request Overview
This PR creates a bio page by replacing the placeholder "Under Construction" content with personal information and styling. The changes transform the landing page from a construction notice to a functional bio page with contact information and social links.
- Replaces placeholder content with personal bio information including skills, learning goals, and contact details
- Adds inline CSS styling for the bio section with typography and link hover effects
- Updates the main heading and adds structured content with emoji icons
Tip: Customize your code reviews with copilot-instructions.md. Create the file or learn how to get started.
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
| <title>Ranojit K. | Front-end Engineer</title> | ||
| <link rel="stylesheet" href="style.css"> | ||
| <style> |
There was a problem hiding this comment.
The inline CSS styles should be moved to the existing external stylesheet (style.css) to maintain separation of concerns and improve maintainability.
| <h1 class="title">Ranojit K. is...</h1> | ||
| <h2 class="sub-title">Under Construction</h2> | ||
| <div class="bio"> | ||
| <h1 class="title">Hi, I'm Ranojit :wave:</h1> |
There was a problem hiding this comment.
The emoji 👋 should be replaced with an actual emoji character or removed, as text-based emoji notation may not be properly rendered or announced by screen readers.
| <h1 class="title">Hi, I'm Ranojit :wave:</h1> | |
| <h1 class="title">Hi, I'm Ranojit 👋</h1> |
| <h2 class="sub-title">Under Construction</h2> | ||
| <div class="bio"> | ||
| <h1 class="title">Hi, I'm Ranojit :wave:</h1> | ||
| <p>:eyes: I'm a front-end Web Developer</p> |
There was a problem hiding this comment.
The text-based emoji 👀 should be replaced with an actual emoji character or removed for better screen reader accessibility.
| <p>:eyes: I'm a front-end Web Developer</p> | |
| <p>👀 I'm a front-end Web Developer</p> |
| <div class="bio"> | ||
| <h1 class="title">Hi, I'm Ranojit :wave:</h1> | ||
| <p>:eyes: I'm a front-end Web Developer</p> | ||
| <p>:seedling: I'm currently learning, JavaScript</p> |
There was a problem hiding this comment.
The text-based emoji 🌱 should be replaced with an actual emoji character or removed for better screen reader accessibility.
| <p>:seedling: I'm currently learning, JavaScript</p> | |
| <p>🌱 I'm currently learning, JavaScript</p> |
| <h1 class="title">Hi, I'm Ranojit :wave:</h1> | ||
| <p>:eyes: I'm a front-end Web Developer</p> | ||
| <p>:seedling: I'm currently learning, JavaScript</p> | ||
| <p>:revolving_hearts: I'm looking to collaborate on react projects</p> |
There was a problem hiding this comment.
The text-based emoji 💞 should be replaced with an actual emoji character or removed for better screen reader accessibility.
| <p>:revolving_hearts: I'm looking to collaborate on react projects</p> | |
| <p>💞 I'm looking to collaborate on react projects</p> |
| <p>:eyes: I'm a front-end Web Developer</p> | ||
| <p>:seedling: I'm currently learning, JavaScript</p> | ||
| <p>:revolving_hearts: I'm looking to collaborate on react projects</p> | ||
| <p>:mailbox: <a href="mailto:hi@ranojit.com">hi@ranojit.com</a></p> |
There was a problem hiding this comment.
The text-based emoji 📫 should be replaced with an actual emoji character or removed for better screen reader accessibility.
| <p>:mailbox: <a href="mailto:hi@ranojit.com">hi@ranojit.com</a></p> | |
| <p>📫 <a href="mailto:hi@ranojit.com">hi@ranojit.com</a></p> |
This commit creates a bio page with information from the README.md file.