Code Monkey home page Code Monkey logo

messi_mania's Introduction

MESSI_MANIA

Open Source Love svg1 PRs Welcome Visitors GitHub forks GitHub Repo stars GitHub contributors GitHub last commit

GitHub repo size

Github GitHub issues GitHub closed issues GitHub pull requests GitHub closed pull requests

Here's a sneak peek of the website. image

A simple fan made web-page of LIONEL MESSI.

Anyone can contribute in this project

I want some better changes in this website

Contributing

Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

Contributors โœจ

Thanks goes to these wonderful people ๐Ÿ’œ


Soumyajit Mondal

๐Ÿšงโœ๏ธ๐Ÿ–ฅ๏ธ

Omkar Sase

๐Ÿ’ป

Prince Chimaobi

๐Ÿ’ป

Shubham Rawat

๐Ÿ’ป

Yuvi2565

๐Ÿ’ป

Pravin

๐Ÿ’ป

Anant2961

๐Ÿ’ป

Rohan A V

๐Ÿ’ป

Prayas Ahir

๐Ÿ’ป

smitioswal

๐Ÿ’ป

BibhavPaudel

๐Ÿ’ป

TriinK

๐Ÿ’ป

Issues and PRs

If you have suggestions for how this project could be improved, or want to report a bug, open an issue! We'd love all and any contributions. If you have questions, too, we'd love to hear them.

We'd also love PRs. If you're thinking of a large PR, we advise opening up an issue first to talk about it, though! Look at the links below if you're not sure how to open a PR.

How to Contribute

  • Take a look at the Existing [Issues] or create your own!
  • Fork the Repo and create a Branch for any Issue that you are working upon.
  • Create a Pull Request which will be promptly reviewed and suggestions would be added to improve it.
  • Add Screenshots to help us know what this is all about.

How to make a Pull Request

1. Fork the repository by clicking on the Fork symbol at the top right corner.

2. Clone the forked repository.

   git clone https://github.com/Soumyajit2825/MESSI_MANIA.git

3. Navigate to the project directory.

   cd MESSI_MANIA

4. Create a new branch:

   git checkout -b YourBranchName

5. Make changes in source code.

6. Stage your changes and commit

   git add .
   git commit -m "<your_commit_message>"

7. Push your local commits to the remote repo.

   git push origin YourBranchName

8. Create a PR

Note If anyone contributes to this repository, then the changes will not be reflected in your local repository. For that:

9. Setup a reference(remote) to the original repository to get all the changes from the remote.

   git remote add upstream https://github.com/Soumyajit2825/MESSI_MANIA.git

10. Check the remotes for this repository.

   git remote -v

11. Fetching from the remote repository will bring in its branches and their respective commits.

   git fetch upstream

12. Make sure that you're on your master branch.

   git checkout master

13. Now that we have fetched the upstream repository, we want to merge its changes into our local branch. This will bring that branch into sync with the upstream, without losing our local changes.

   git merge upstream/master

Here are a few things you can do that will increase the likelihood of your pull request being accepted:

  • Follow the style guide. Any linting errors should be shown when running npm test.
  • Write and update tests.
  • Keep your changes as focused as possible. If there are multiple changes you would like to make that are not dependent upon each other, consider submitting them as separate pull requests.
  • Write a good commit message.

Work in Progress pull requests are also welcome to get feedback early on, or if there is something blocking you from working further.

Resources

Please make sure to update tests as appropriate.

License

MIT

messi_mania's People

Contributors

21omkarsase avatar 5h0ov avatar abhraneel2004 avatar anant2961 avatar apu52 avatar aritra203 avatar ayishikd avatar bibhavpaudel avatar chimoski avatar deepbeatz avatar hemantwasthere avatar imgbotapp avatar koustavjr avatar lord-cyclone100 avatar potato-29 avatar pravincoder avatar r3yc0n1c avatar rko0211 avatar rohan-a-v avatar sapta-dev27 avatar sayan-1210 avatar shikhadhiman1 avatar shubhamrawat090 avatar smitioswal avatar soumyajit2825 avatar soustab10 avatar souvik34 avatar swapn652 avatar yooashu avatar yuvi2565 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

messi_mania's Issues

Hamburger Menu Text Visibility Issue on Mobile

Problem:

In the mobile view of the website, the text within the hamburger menu is not clearly visible, impacting the user experience and accessibility.

Expected Behavior:

The text within the hamburger menu should have sufficient contrast and visibility to ensure users can easily read and understand the menu options.

Steps to Reproduce:

  1. Access the website on a mobile device or use a responsive design tool.
  2. Open the hamburger menu.

Current Behavior:

The text within the hamburger menu is not clearly visible, possibly due to low contrast or other styling issues.

Screenshot

image

Website is not responsive for mobile device

Describe the bug

The website is not user friendly for mobile user as it not completely responsive.
Expected behavior

Some elements of the website go out of their actual container range
Screenshots
If applicable, add screenshots to help explain your problem. -->
responsiveness

Additional context(if any)
Kindly assign me this issue i want to work in this under apertre24.
Are you contributing under any open-source program ?

Yes, Apertre24

Minor Ui and stats improvement

Describe the feature you are requesting

The stats in ul are center-aligned, which looks odd.
also, some stats are wrong.
Minor padding and margin issue

Additional context(if any)

Are you contributing under any open-source program ?

Apertre

Bug *fix

MESSI_MANIA

  • Fix this gap issue between the "VIDEO" "PHOTO" "MORE" sections
  • Make the sections some more attractive

Footer is not beautiful

Describe the bug

Footer is not beautiful

Expected behavior

Screenshots

p4

Additional context(if any)

Are you contributing under any open-source program ?

apertre24

theme toggle

Not an issue per say, but can I add a theme toggle to the page? I would like to take that up as well

Standardize Fonts across the Website

Name a font family you would like to use and I would standardize all the font styles with font color and padding/margin(if necessary) in the website.
And also add image of Messi with 7x Ballon D'Or instead of the current 6. ๐Ÿ˜„
If approved I would like to work on this issue.

Add the names of all contributors

  • Add a Section in the readme.md file where all the name of the contributors and their images will shown
  • Add a Demo screen-shot of the index.html website in the top of the README.md file

Put separated screen-shots of the above 2 issues and do PR
Make sure that you're not doing any changes in the code section
Thank You ๐Ÿ‘๐Ÿป

*BUG fix

  • The toggle dark-theme button is not working. Fix it
  • "Go to the top" button is having a background colour and it's doing a issue . Fix it
    Screenshot 2022-10-08 225603
    Fix it
    Put the seperated screen-shots of the 2 issues
    Then do PR
    I will merge it

Navbar styling

Screenshot 2022-10-11 112026
I need some more stylish nav-bar

  • You can change the nav-bar background color
  • You can change the nav-bar stylings using bootstrap
    Put a screen-shot or a small video of your work

Adding image zoom in gallery feature

When any one of the images from the photo section is clicked, the picture gets zoomed, the background turns dark and only that zoomed picture and a small cross mark is displayed. On clicking the cross mark everything turns back to normal.
Something similar to this and it would be responsive too
1-media-popup
pls assign me this task @Soumyajit2825 @5h0ov

Video section upgrade

  • - In the "video" section the size of the video templates are not same. If anyone can fix it then do it

  • - Add more MESSI's amazing videos to that video section

  • Don't make any other change in the page

  • SEE the readme file and start contributing ๐Ÿ‘๐Ÿป

Adding animation on scroll

Describe the feature you are requesting

Adding scroll animation will make it more attractive to the user for example as you scroll up the page the images and section zoom in/out swipe flip etc..

Additional context(if any)

Are you contributing under any open-source program ?

Apertre

Solving a issue related to Light / Dark Mode

Hey , am contributing under Apertre '24.
I would like to solve the issue of the light and dark mode , cause when after clicking the dark/light mode there is no changes seen. Hence I would like to fix this issue .
Screenshot 2023-12-31 18 16 54

Background and Text

  • Change the background from white
  • Change the text styles in the "more" section and make it more attractive
  • Put a screen shot of your work and then do PR

Change the bg colour

  • Change the background-colour of the "GOD OF FOOTBALL" section
  • Change the text-font of the "GOD OF FOOTBALL" section
    Screenshot 2022-10-08 225906

Make sure that no other changes are made by you

Feature_Request Making the navbar look cool

Describe the feature you are requesting
Currently the navbar looks very cringy. I want to give it a cool look

Additional context(if any)

Are you contributing under any open-source program ?
Aperture

Feature_Request : API boxes

Describe the feature you are requesting

Hello Sir,
I want to add some cool badges in this repo like

  • open issues
  • contributor
  • open PR
  • last commites
    this type of cool API badges
    It will be very helpful to showcase the stats of your Repo as well as will attract more contributors.
    Additional context(if any)

image

Are you contributing under any open-source program ?

APERTRE'24

Addition of Timeline

Describe the feature you are requesting
If there is a timeline then it will be more easy to read and go through the various timelines and events of Leo Messi

Additional context(if any)

Are you contributing under any open-source program ?
Apertre

Update the links

  • In the section "GOD OF FOOTBALL" the buttons wikipedia, instagram and facebook are currently having no hover effects. Add some styling button to them and add hover effect
  • Add icons of wikipedia , instagram and facebook besides them
    Screenshot 2022-10-09 161048
    Go through the picture for better understanding
    Give a screen-shot of your work and then do your Pull Request

Improving the UI/UX for videos section

I would like to add the feature where instead of videos being played upon hovering over them, play the first video on start, and upon finishing of one clip, automatically slide over to the next clip. Also, making it so that only one clip is played at a time, rather than multiple clips running in unison would make for good user experience

Improvements in styles and some bug fixes

Screenshot 2022-10-10 174405

  • Update the style of the buttons of the "nav" area Don't break the screen responsiveness
  • You can change the nav-button icons also to look it better
  • If anyone can add a "KEBAB MENU" for the navbar for small screens like phone or tab views it will be awesome

KEBAB MENU example code link :- Here

VIDEO section bug fix*

  • In Video section 1 video is not playing . Delete that particular video
  • Add some more videos in the video section
    Put a screen-shot of your work and then do PR

Argentine scrollbar

Describe the feature you are requesting
I want to design the scroll bar in argentine colours.
pls assign me this task if you like my idea @Soumyajit2825 @5h0ov

Additional context(if any)

Are you contributing under any open-source program ?

Apertre 24

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.