Skip to content
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

Open
wants to merge 3 commits into
base: main
Choose a base branch
from
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
29 changes: 29 additions & 0 deletions Resume.css
Original file line number Diff line number Diff line change
Expand Up @@ -480,4 +480,33 @@ button {
border: 1px solid #ddd;
background-color: #fff;
}
/*footer section*/
.footer {
background-color: #003d4d;
padding-bottom: 10rem;
}
Comment on lines +484 to +487
Copy link

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:

.footer {
-    background-color: #003d4d;
-    padding-bottom: 10rem;
+    background-color: #cad0d2;
+    padding: 10rem;
}
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
.footer {
background-color: #003d4d;
padding-bottom: 10rem;
}
.footer {
background-color: #cad0d2;
padding: 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
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

Fix footer bottom alignment.

The align-content property is incorrect for this use case. Use align-items for vertical centering in a flex container.

.footer-bottom {
    display: flex;
    justify-content: center;
-    align-content: center;
+    align-items: center;
}
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
.footer-bottom p {
font-size: 1.5rem;
font-weight: 500;
}
.footer-bottom {
display: flex;
justify-content: center;
align-content: center;
}
.footer-bottom p {
font-size: 1.5rem;
font-weight: 500;
}
.footer-bottom {
display: flex;
justify-content: center;
align-items: center;
}


5 changes: 5 additions & 0 deletions backend/package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3 changes: 2 additions & 1 deletion backend/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -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:",
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

Remove circular dependency.

The addition of "backend": "file:" creates a circular dependency where the package depends on itself. This is problematic because:

  1. The file URL is incomplete (missing path)
  2. Self-referential dependencies can cause npm install failures
  3. This change appears unrelated to the PR's footer update objective

Remove this line as it's not needed and could cause installation issues:

-    "backend": "file:",
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
"backend": "file:",

"bcrypt": "^5.1.1",
"cookie-parser": "^1.4.6",
"cors": "^2.8.5",
Expand Down
154 changes: 50 additions & 104 deletions contributing.md
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)
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

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:

  • Required dependencies
  • Environment setup steps
  • Configuration instructions
🧰 Tools
🪛 Markdownlint

12-12: null
Link fragments should be valid

(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)
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

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
🪛 Markdownlint

16-16: null
Link fragments should be valid

(MD051, link-fragments)

- [Code of Conduct](#code-of-conduct)
Comment on lines +11 to +17
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

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-)

Committable suggestion skipped: line range outside the PR's diff.

🧰 Tools
🪛 Markdownlint

11-11: null
Link fragments should be valid

(MD051, link-fragments)


12-12: null
Link fragments should be valid

(MD051, link-fragments)


13-13: null
Link fragments should be valid

(MD051, link-fragments)


14-14: null
Link fragments should be valid

(MD051, link-fragments)


15-15: null
Link fragments should be valid

(MD051, link-fragments)


16-16: null
Link fragments should be valid

(MD051, link-fragments)


17-17: null
Link fragments should be valid

(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.
9 changes: 8 additions & 1 deletion package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

5 changes: 4 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -8,5 +8,8 @@
},
"keywords": [],
"author": "",
"license": "ISC"
"license": "ISC",
"dependencies": {
"resum-resume": "file:"
}
Comment on lines +12 to +14
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

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:

  1. Using relative paths in your imports
  2. Setting up proper workspace dependencies if this is a monorepo
  3. Publishing the package to npm if it needs to be shared
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
"dependencies": {
"resum-resume": "file:"
}

Comment on lines +11 to +14
Copy link

Choose a reason for hiding this comment

The 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 resum-resume depends on itself ("resum-resume": "file:"). This is incorrect and should be removed as:

  • The package name itself is "resum-resume"
  • There's no valid local package path specified after "file:"
  • No files in the codebase actually use this dependency
  • The change is unrelated to footer updates

Please remove the entire dependencies section as it contains an invalid self-reference that serves no purpose.

🔗 Analysis chain

Verify 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 executed

The 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

}
56 changes: 46 additions & 10 deletions resume.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>&copy; 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
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

Move inline styles to external CSS file and enhance responsiveness.

The current implementation has several issues:

  1. Inline styles should be moved to the external Resume.css file for better maintainability
  2. Missing media queries for responsive design
  3. Some redundant properties in the CSS

Move these styles to Resume.css:

/* 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>
Expand Down
Loading