-
-
Notifications
You must be signed in to change notification settings - Fork 254
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Update footer for resume #1010
base: main
Are you sure you want to change the base?
Update footer for resume #1010
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
Original file line number | Diff line number | Diff line change | ||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
|
@@ -480,4 +480,33 @@ button { | |||||||||||||||||||||||||||||||||||||||||
border: 1px solid #ddd; | ||||||||||||||||||||||||||||||||||||||||||
background-color: #fff; | ||||||||||||||||||||||||||||||||||||||||||
} | ||||||||||||||||||||||||||||||||||||||||||
/*footer section*/ | ||||||||||||||||||||||||||||||||||||||||||
.footer { | ||||||||||||||||||||||||||||||||||||||||||
background-color: #003d4d; | ||||||||||||||||||||||||||||||||||||||||||
padding-bottom: 10rem; | ||||||||||||||||||||||||||||||||||||||||||
} | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
.footer-section h3 { | ||||||||||||||||||||||||||||||||||||||||||
font-size: 2.5rem; | ||||||||||||||||||||||||||||||||||||||||||
} | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
.footer-section ul li { | ||||||||||||||||||||||||||||||||||||||||||
font-size: 1.5rem; | ||||||||||||||||||||||||||||||||||||||||||
font-weight: 500; | ||||||||||||||||||||||||||||||||||||||||||
} | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
.footer-section ul li a { | ||||||||||||||||||||||||||||||||||||||||||
color: #000; | ||||||||||||||||||||||||||||||||||||||||||
} | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
.footer-bottom p { | ||||||||||||||||||||||||||||||||||||||||||
font-size: 1.5rem; | ||||||||||||||||||||||||||||||||||||||||||
font-weight: 500; | ||||||||||||||||||||||||||||||||||||||||||
} | ||||||||||||||||||||||||||||||||||||||||||
|
||||||||||||||||||||||||||||||||||||||||||
.footer-bottom { | ||||||||||||||||||||||||||||||||||||||||||
display: flex; | ||||||||||||||||||||||||||||||||||||||||||
justify-content: center; | ||||||||||||||||||||||||||||||||||||||||||
align-content: center; | ||||||||||||||||||||||||||||||||||||||||||
} | ||||||||||||||||||||||||||||||||||||||||||
Comment on lines
+502
to
+511
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Fix footer bottom alignment. The .footer-bottom {
display: flex;
justify-content: center;
- align-content: center;
+ align-items: center;
} 📝 Committable suggestion
Suggested change
|
||||||||||||||||||||||||||||||||||||||||||
|
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Original file line number | Diff line number | Diff line change | ||
---|---|---|---|---|
|
@@ -4,13 +4,14 @@ | |||
"description": "", | ||||
"main": "index.js", | ||||
"scripts": { | ||||
"start":"nodemon ./index.js", | ||||
"start": "nodemon ./index.js", | ||||
"test": "echo \"Error: no test specified\" && exit 1" | ||||
}, | ||||
"keywords": [], | ||||
"author": "", | ||||
"license": "ISC", | ||||
"dependencies": { | ||||
"backend": "file:", | ||||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Remove circular dependency. The addition of
Remove this line as it's not needed and could cause installation issues: - "backend": "file:", 📝 Committable suggestion
Suggested change
|
||||
"bcrypt": "^5.1.1", | ||||
"cookie-parser": "^1.4.6", | ||||
"cors": "^2.8.5", | ||||
|
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,155 +1,101 @@ | ||
Here's the revised `CONTRIBUTING.md` file with your additional instructions: | ||
|
||
# LinkedIn Resume Builder ✨ | ||
|
||
This project is a LinkedIn Resume Builder that allows users to generate professional resumes from their LinkedIn profiles in just a few clicks. The website is designed with a clean and responsive UI using Bootstrap, focusing on simplicity and ease of use. | ||
|
||
## Features 🚀 | ||
|
||
- **Easy-to-Use Interface:** A user-friendly interface allows users to effortlessly create a resume. | ||
- **Instant Resume Generation:** Quickly build a resume by entering your LinkedIn profile URL. | ||
- **Secure Data:** Personal information is protected through encrypted communication 🔒. | ||
- **Responsive Design:** The website is mobile-first and adjusts seamlessly to different screen sizes 📱. | ||
- **24/7 Support:** Support is available around the clock to assist users 💬. | ||
|
||
## Project Structure 📁 | ||
|
||
The website consists of the following key sections: | ||
|
||
- **Navbar:** A top navigation bar with links to the homepage, resume builder, sign-up, and login pages. | ||
- **Hero Section:** A CTA section encouraging users to start building their resume. | ||
- **Features Section:** Highlights core features of the platform. | ||
- **Testimonials Section:** Displays user feedback and testimonials to boost credibility. | ||
- **Footer:** A simple footer providing basic information about the website. | ||
|
||
## Technologies Used 💻 | ||
|
||
- **HTML5:** Structure of the webpage. | ||
- **CSS3:** Styling and layout, using Google Font Roboto for typography. | ||
- **Bootstrap 4.5:** Ensures responsiveness and aesthetic appeal. | ||
- **JavaScript/jQuery:** Handles dynamic behavior. | ||
--- | ||
|
||
## Screenshots 📸 | ||
# Contributing to LinkedIn Resume Builder 🤝 | ||
|
||
- **Desktop and Mobile View:** Available to preview on both desktop and mobile screens. | ||
Thank you for your interest in contributing to the LinkedIn Resume Builder project! We appreciate your help in making this project better. Please follow the guidelines below to ensure a smooth contribution process. | ||
|
||
## Getting Started 🏁 | ||
## Table of Contents 📚 | ||
|
||
### Prerequisites | ||
- [Forking the Repository](#forking-the-repository) | ||
- [Setting Up the Development Environment](#setting-up-the-development-environment) | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Add missing "Setting Up the Development Environment" section. This section is listed in the Table of Contents but is missing from the document. Consider adding a section that includes:
🧰 Tools🪛 Markdownlint12-12: null (MD051, link-fragments) |
||
- [Submitting Issues](#submitting-issues) | ||
- [Submitting Pull Requests](#submitting-pull-requests) | ||
- [Coding Style and Best Practices](#coding-style-and-best-practices) | ||
- [Running Tests](#running-tests) | ||
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Remove or implement the "Running Tests" section. The table of contents includes a "Running Tests" section, but the corresponding section is missing from the document. Either remove this entry from the ToC or add the missing section with testing instructions. 🧰 Tools🪛 Markdownlint16-16: null (MD051, link-fragments) |
||
- [Code of Conduct](#code-of-conduct) | ||
Comment on lines
+11
to
+17
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Fix invalid markdown link fragments. The table of contents links don't match the actual section IDs. In markdown, spaces are replaced with hyphens and letters are lowercased in section IDs. -- [Forking the Repository](#forking-the-repository)
-- [Setting Up the Development Environment](#setting-up-the-development-environment)
-- [Submitting Issues](#submitting-issues)
-- [Submitting Pull Requests](#submitting-pull-requests)
-- [Coding Style and Best Practices](#coding-style-and-best-practices)
-- [Running Tests](#running-tests)
-- [Code of Conduct](#code-of-conduct)
+- [Forking the Repository](#forking-the-repository-)
+- [Setting Up the Development Environment](#setting-up-the-development-environment)
+- [Submitting Issues](#submitting-issues-)
+- [Submitting Pull Requests](#submitting-pull-requests-)
+- [Coding Style and Best Practices](#coding-style-and-best-practices-)
+- [Code of Conduct](#code-of-conduct-)
🧰 Tools🪛 Markdownlint11-11: null (MD051, link-fragments) 12-12: null (MD051, link-fragments) 13-13: null (MD051, link-fragments) 14-14: null (MD051, link-fragments) 15-15: null (MD051, link-fragments) 16-16: null (MD051, link-fragments) 17-17: null (MD051, link-fragments) |
||
|
||
- A modern web browser (Chrome, Firefox, Safari, etc.) | ||
- Internet connection to load external resources (Bootstrap, fonts) | ||
## Forking the Repository 🍴 | ||
|
||
### Installation | ||
1. Click on the **Fork** button at the top right corner of the repository page. | ||
2. Clone your forked repository to your local machine: | ||
|
||
1. **Clone the repository:** | ||
```bash | ||
git clone https://github.com/your-username/linkedin-resume-builder.git | ||
cd linkedin-resume-builder | ||
``` | ||
|
||
2. **Open the index.html file:** | ||
```bash | ||
open index.html | ||
``` | ||
|
||
### File Structure 📂 | ||
|
||
```plaintext | ||
├── index.html # Main homepage | ||
├── resume.html # Resume builder page | ||
├── signup.html # Sign-up page | ||
├── login.html # Log-in page | ||
├── about.html # About page | ||
├── Hero Section.jpg # Image displayed in the hero section | ||
├── styles.css # Custom CSS styles (inlined in HTML) | ||
``` | ||
3. Navigate to the project directory: | ||
|
||
## Developer Setup 🛠️ | ||
|
||
For developers who want to contribute: | ||
|
||
1. Clone the repository: | ||
```bash | ||
git clone https://github.com/your-username/linkedin-resume-builder.git | ||
cd linkedin-resume-builder | ||
``` | ||
|
||
2. Install necessary dependencies if applicable (e.g., Node.js, Python). | ||
3. Run the development server: | ||
```bash | ||
npm start | ||
``` | ||
|
||
## Contributing 🤝 | ||
## Submitting Issues 🐛 | ||
|
||
If you find a bug or have a feature request, please submit an issue by following these steps: | ||
|
||
We welcome contributions in various forms, including code, documentation, and feedback. Here’s how you can get started: | ||
1. Navigate to the **Issues** tab of the repository. | ||
2. Click on the **New Issue** button. | ||
3. Fill out the issue template with the necessary details. Please include: | ||
- A brief description of the issue. | ||
- Screenshots (if applicable) to illustrate the problem. | ||
|
||
### How to Contribute | ||
## Submitting Pull Requests 🔄 | ||
|
||
1. **Fork the Repository** | ||
To submit a pull request: | ||
|
||
Navigate to the [GitHub repository](https://github.com/your-username/linkedin-resume-builder) and click **Fork** to create your copy. | ||
1. **Star the Repository** ⭐: If you find this project helpful, please star the repository to show your support! | ||
|
||
2. **Clone Your Fork** | ||
2. Ensure your fork is up to date with the main repository: | ||
|
||
```bash | ||
git clone https://github.com/your-username/linkedin-resume-builder.git | ||
cd linkedin-resume-builder | ||
git checkout main | ||
git pull upstream main | ||
``` | ||
|
||
3. **Create a Branch** | ||
3. Create a new branch for your feature or fix: | ||
|
||
```bash | ||
git checkout -b feature/your-feature-name | ||
git checkout -b your-branch-name | ||
``` | ||
|
||
4. **Make Changes** | ||
|
||
Implement changes or new features following the project's coding style. | ||
|
||
5. **Commit Your Changes** | ||
4. Make your changes and commit them: | ||
|
||
```bash | ||
git add . | ||
git commit -m "Add description of your changes" | ||
git commit -m "Add a brief description of your changes" | ||
``` | ||
|
||
6. **Push to Your Branch** | ||
5. Push your branch to your forked repository: | ||
|
||
```bash | ||
git push origin feature/your-feature-name | ||
git push origin your-branch-name | ||
``` | ||
|
||
7. **Open a Pull Request** | ||
|
||
In the original repository, click **Pull Requests** and submit a pull request with a detailed description of your changes. | ||
|
||
### Reporting Issues | ||
|
||
If you encounter issues, please report them in the [Issues section](https://github.com/your-username/linkedin-resume-builder/issues) with a detailed description. | ||
|
||
### Code of Conduct | ||
6. Go to the original repository and create a pull request. In your pull request: | ||
- Write a brief description of the changes. | ||
- Include before and after screenshots (if applicable). | ||
- Mention the issue number that your pull request addresses. | ||
|
||
By participating in this project, you agree to adhere to a respectful and inclusive code of conduct. | ||
7. After your pull request is merged, please delete your forked repository and fork it again to avoid clashes when merging other issues. | ||
|
||
## Usage 📄 | ||
## Coding Style and Best Practices 💻 | ||
|
||
- **Home Page:** Introduces users to the service with a description and CTA button. | ||
- **Build Resume:** Users enter their LinkedIn URL to create a resume. | ||
- **Sign-Up/Login:** Users can create an account or log in to manage their resume. | ||
- **Features & Testimonials:** Displays platform features and user feedback. | ||
- Follow the [JavaScript Standard Style](https://standardjs.com/) for coding conventions. | ||
- Write clear and concise commit messages. | ||
- Ensure your code is well-documented and easy to understand. | ||
- Add screenshot in issue and pr description. | ||
|
||
|
||
## Responsive Design 📏 | ||
|
||
This project uses Bootstrap’s grid system to ensure full responsiveness across screen sizes, with additional media queries for layout fine-tuning on mobile devices. | ||
|
||
## Thank You! | ||
## Code of Conduct 📜 | ||
|
||
Thank you for contributing to the LinkedIn Resume Builder! Your contributions help us build a better tool for users. Happy coding! | ||
By participating in this project, you agree to abide by the [Code of Conduct](CODE_OF_CONDUCT.md). Please treat everyone with respect and kindness. | ||
|
||
--- | ||
|
||
**Screenshot Discord Link:** [Join Discord](https://discord.gg/GJ5BfwVd) | ||
``` | ||
Thank you for contributing to the LinkedIn Resume Builder project! We appreciate your help in making it a better resource for everyone. If you have any questions, feel free to reach out! | ||
|
||
Replace `your-username` in the GitHub links with the actual username if this will be published in your repository. This combined format keeps everything accessible in a single file for simplicity and easy access for contributors. |
Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.
Original file line number | Diff line number | Diff line change | ||||||
---|---|---|---|---|---|---|---|---|
|
@@ -8,5 +8,8 @@ | |||||||
}, | ||||||||
"keywords": [], | ||||||||
"author": "", | ||||||||
"license": "ISC" | ||||||||
"license": "ISC", | ||||||||
"dependencies": { | ||||||||
"resum-resume": "file:" | ||||||||
} | ||||||||
Comment on lines
+12
to
+14
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Remove circular dependency configuration The package is configured to depend on itself which creates a circular dependency. This can cause npm installation failures and is generally an anti-pattern. Additionally, the "file:" URL is incomplete as it's missing the actual path. Remove the self-referential dependency: - "dependencies": {
- "resum-resume": "file:"
- } If you need to reference local files, consider:
📝 Committable suggestion
Suggested change
Comment on lines
+11
to
+14
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. 💡 Codebase verification Remove circular dependency in package.json The package.json shows a circular dependency where the project
Please remove the entire 🔗 Analysis chainVerify the necessity of package.json changes These modifications to package.json appear unrelated to the PR's stated objective of updating the footer. Could you please clarify why these dependency changes are needed for the footer updates? 🏁 Scripts executedThe following scripts were executed for the analysis: Script: #!/bin/bash
# Check if the package is actually used in footer-related files
rg -l "require\(['\"]resum-resume['\"]\)"
Length of output: 47 Script: #!/bin/bash
# Check for any imports or requires of resum-resume using different patterns
rg -l "resum-resume"
# Check the package.json content to understand the dependency
cat package.json
# Look for any footer-related files
fd "footer" --type f
Length of output: 722 |
||||||||
} |
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -293,42 +293,78 @@ <h1>This feature is Currently in Working.</h1> | |
<div class="footer-content"> | ||
<div class="footer-section"> | ||
<h3>About Us</h3> | ||
<ul> | ||
<ul class="ul"> | ||
<li><a href="#">Our Story</a></li> | ||
<li><a href="#">Team</a></li> | ||
<li><a href="#">Careers</a></li> | ||
</ul> | ||
</div> | ||
<div class="footer-section"> | ||
<h3>Services</h3> | ||
<ul> | ||
<ul class="ul"> | ||
<li><a href="#">Resume Builder</a></li> | ||
<li><a href="cv.html">CV Templates</a></li> | ||
<li><a href="#">CV Templates</a></li> | ||
<li><a href="#">Career Advice</a></li> | ||
</ul> | ||
</div> | ||
<div class="footer-section"> | ||
<h3>Support</h3> | ||
<ul> | ||
<ul class="ul"> | ||
<li><a href="#">FAQ</a></li> | ||
<li><a href="#">Contact Us</a></li> | ||
<li><a href="#">Privacy Policy</a></li> | ||
<li><a href="privacypolicy.html">Privacy Policy</a></li> | ||
</ul> | ||
</div> | ||
<div class="footer-section"> | ||
<h3>Connect With Us</h3> | ||
<div class="social-icons"> | ||
<a href="#"><i class="fab fa-facebook-f"></i></a> | ||
<a href="#"><i class="fab fa-twitter"></i></a> | ||
<a href="#"><i class="fab fa-linkedin-in"></i></a> | ||
<a href="#"><i class="fab fa-instagram"></i></a> | ||
<a href="https://facebook.com/yourusername" aria-label="Follow us on Facebook"> | ||
<i class="fab fa-facebook-f"></i> | ||
</a> | ||
<a href="https://twitter.com/yourusername" aria-label="Follow us on X (formerly Twitter)"> | ||
<i class="fab fa-twitter"></i> | ||
</a> | ||
<a href="https://linkedin.com/in/yourusername" aria-label="Follow us on LinkedIn"> | ||
<i class="fab fa-linkedin-in"></i> | ||
</a> | ||
<a href="https://instagram.com/yourusername" aria-label="Follow us on Instagram"> | ||
<i class="fab fa-instagram"></i> | ||
</a> | ||
</div> | ||
|
||
</div> | ||
</div> | ||
<div class="footer-bottom"> | ||
<p>© 2024 Resume Builder. All rights reserved.</p> | ||
</div> | ||
</footer> | ||
|
||
</footer> | ||
<style> | ||
.footer-section{ | ||
display: flex; | ||
justify-content: left; | ||
flex-direction: column; | ||
|
||
} | ||
.footer-section ul.ul li a { | ||
color: white; | ||
} | ||
.ul{ | ||
display: flex; | ||
flex-direction: column; | ||
justify-content: left; | ||
} | ||
li{ | ||
text-align: left; | ||
} | ||
.footer a{ | ||
color: white; | ||
} | ||
.footer p{ | ||
margin-top: 2rem; | ||
} | ||
</style> | ||
Comment on lines
+342
to
+366
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. Move inline styles to external CSS file and enhance responsiveness. The current implementation has several issues:
Move these styles to /* Footer Layout */
.footer-section {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.footer-nav {
display: flex;
flex-direction: column;
gap: 0.5rem;
}
.footer-nav li {
text-align: left;
}
.footer a {
color: white;
text-decoration: none;
transition: opacity 0.2s ease;
}
.footer a:hover {
opacity: 0.8;
}
.footer p {
margin-top: 2rem;
}
/* Responsive Design */
@media (max-width: 768px) {
.footer-content {
grid-template-columns: repeat(2, 1fr);
gap: 2rem;
}
}
@media (max-width: 480px) {
.footer-content {
grid-template-columns: 1fr;
}
} |
||
|
||
|
||
<!-- jQuery library --> | ||
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
🛠️ Refactor suggestion
Update footer container styles to match design specifications.
The footer styles need to be adjusted to match the design requirements:
📝 Committable suggestion