Giter Club home page Giter Club logo

gamesphere-multiplayer / community-page Goto Github PK

View Code? Open in Web Editor NEW
21.0 21.0 55.0 2.12 MB

A Chrome gaming community page is an online space within the Chrome browser where gamers connect, discuss games, share content, get updates, troubleshoot issues, join events, and interact with developers. It's a hub for all things gaming-related in the Chrome ecosystem.

Home Page: https://gamesphere-multiplayer.github.io/Community-Page/

License: Apache License 2.0

HTML 59.32% JavaScript 19.27% CSS 21.41%
chromegaming community compunitypage gamesphere join

community-page's People

Contributors

agastya3636 avatar anjaliavv51 avatar aursh24 avatar ayush-may avatar ayushrskiaa avatar bhavishya2601 avatar curecode11 avatar durgesh4993 avatar gupta-ritik avatar hemav009 avatar manaregr8 avatar nehakumari1208 avatar ramakrushnabiswal avatar ridhima10 avatar roshr2211 avatar sambit-mondal avatar say-het avatar shreesanyog avatar sivaprasath2004 avatar sneha123-zudo avatar srinivasdevolper avatar vsnsrujana123 avatar vyomrana02 avatar

Stargazers

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

community-page's Issues

[New Feature]: fixing navbar

๐ŸŽฎ feature Request

i can add the animation and design the navbar as requirement.

Point down the features

adding the animation , fixing the navbar

Select program in which you are contributing

GSSoC24

Code of Conduct

adding favicon

๐ŸŽฎ feature Request

feature logic and basic description

Point down the features

feature points

Select program in which you are contributing

No response

Code of Conduct

[Bug]: upload button is not working , discord closing (x) button is not working

Give a brief about the bug โœ๏ธ

The upload button functionality is not working properly. When the button is pressed, it should open the file explorer menu for choosing files, but it currently does not respond. Additionally, there is an issue with the Discord popup not closing when the close button is clicked.

What is the expected behavior? ๐Ÿค”

Upload Button: When the upload button is pressed, it should trigger the file explorer menu to allow users to choose files for uploading.
Discord Popup: When the close button in the Discord popup is clicked, the popup should close,.

Provide step by step information reproduce the bug ๐Ÿ“„

  • Navigate to the webpage containing the upload button.
  • Click on the upload button.
  • Observe that the file explorer menu does not appear.
  • Navigate to the webpage containing the Discord popup.
  • Click on the close button in the Discord popup.
  • Observe that the popup does not close as expected.

Select program in which you are contributing

GSSoC24

Code of Conduct

[Bug]: Social media icons are static even when scrolled down

Give a brief about the bug โœ๏ธ

Description :
The social media icons are static even when scrolled down they must stay at the upper position itself. This might improve the UI of the website.

What is the expected behavior? ๐Ÿค”

Description
Description :
The social media icons are static even when scrolled down they must stay at the upper position itself. This might improve the UI of the website.

Provide step by step information reproduce the bug ๐Ÿ“„

Description
this can improved by Fixed Positioning: Add the position: fixed; property to the element containing the social media icons. You can also define properties like left: 0; (to position it on the left) and top: 50%; (to position it vertically in the center).

Select program in which you are contributing

No response

Code of Conduct

Footer section

๐ŸŽฎ feature Request

arranging the links in a proper manner adding hover effect

Point down the features

links

Select program in which you are contributing

GSSoC24

Code of Conduct

[Bug]: Links of navbar are not working

Give a brief about the bug โœ๏ธ

The links of navbar are not redirecting to the desired page

What is the expected behavior? ๐Ÿค”

It should be clickable so that we can surf through the website to make it user friendly

Provide step by step information reproduce the bug ๐Ÿ“„

I will add the path of all the pages so that it will be easy for user to navigate

Select program in which you are contributing

GSSoC24

Code of Conduct

[Bug]: Email Validation In Subscribe Option at bottom

Give a brief about the bug โœ๏ธ

Description

  • Issue is that when I click subscribe to subscribe The Input box to enter email is not validated to input only emails.

What is the expected behavior? ๐Ÿค”

Description

  • This is because the field is not mandatory to enter only emails.

Provide step by step information reproduce the bug ๐Ÿ“„

Description

  • I have already fixed it, using only email to subscribe and it also says that you have subscribed after subscribing.

Please @Durgesh4993 assign this issue to me so that I can raise PR.

Little about me : I am experienced contributor as I have completed Hacktoberfest-2020 and Hactoberfest-2023 successfully.

Select program in which you are contributing

GSSoC24

Code of Conduct

Add customised scrollbar

๐ŸŽฎ feature Request

I want to add customised scrollbar to the website for enhancement of the website.

Point down the features

The UI of the page will look nice.

Select program in which you are contributing

GSSoC24

Code of Conduct

[New Feature]: Discord item close button not working.

๐ŸŽฎ feature Request

feature logic and basic description

The discord item is not disappearing even when close button is clicked upon.

Point down the features

feature points

The discord item is not disappearing even when its close button is clicked upon.

Screenshot 2024-05-12 133601

This needs to be fixed to enhance user interaction.

Kindly assign me this issue for fixing. :)

Select program in which you are contributing

GSSoC24

Code of Conduct

Add Code of Conduct

We recommend that every repo has a code of conduct. If you donโ€™t feel comfortable creating your own Code of Conduct from scratch we highly recommend using one of the templates provided by GitHub. If you do use a template, please read through the template and ensure that you can and will abide by the Code of Conduct.

Please follow these instructions on how to add a Code of Conduct.

Sample: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/CODE_OF_CONDUCT.md

Back to top button

๐ŸŽฎ feature Request

This feature proposes the addition of a "Back to Top" button functionality to enhance user experience in navigating through lengthy pages within the project. The "Back to Top" button would allow users to swiftly return to the beginning of the page, offering convenience and improved usability.

Point down the features

The proposed solution involves implementing a visually discreet yet easily accessible button, positioned at the bottom right corner of the viewport. Upon clicking or tapping, the button smoothly scrolls the page back to the top, providing a seamless navigation experience. The button's design will align with the project's aesthetic principles while maintaining clarity and functionality.
gssoc 3

Select program in which you are contributing

GSSoC24

Code of Conduct

Add issues

As the maintainer of a Collaborate repo, keeping Issues up-to-date will help the student community understand what they can do to contribute. Issues should vary by the easy (update documentation) to the difficult (add a new feature). The more involved you are, the more opportunities there are to collaborate.

Recommendations:

Add issues of varying difficulty to the repo often. you must add the tag GSSoC'24, Level 1, Level2, Level 3 good first issue etc.
How we cacluclate the Scores on Leaderboard: Every PR one point
Level 1: 10 points
Level 2: 25 points
Level 3: 45 points
Try to add some documentation issues as well it would be easy for beginner contributor to explore opensource through your repo.
Generate issues even if you plan on solving them, so the repository appears as active.
Contribute/commit often to the repo so it does not go stale.
Reference https://github.com/Recode-Hive/Stackoverflow-Analysis/issues

[style] Hover effect and github icon

๐ŸŽฎ feature Request

Point down the features

Hey, your website is good, and it could be even better if the buttons on the nav bar have hover effect, and also it would be nice if the website has a GitHub icon which navigates to this repo, so that if anyone has any issues or new feature request, they could inform you.

Features i would like to add:

  • Hover effect on the links of the nav bar.
  • GitHub icon on the left which navigates user to this repo.

Select program in which you are contributing

GSSOC'24

Code of Conduct

Just let me know by assigning me to this issue, if you are interested to view my PR.

[New Feature]: Styling of navbar contents

๐ŸŽฎ feature Request

As this project is related to games. The navbar icons does not have proper styling according to the concept. I think that these icons styling should be more funky and should align more towards games theme. This will improve user experience.

Point down the features

I will add a cool and funky styling to the content present in navbar. This will improve user experience and make design of the website more appealing.

Select program in which you are contributing

GSSoC24

Code of Conduct

[New Feature]: Moving the big discord item to simple social media bar icon at <760 px

๐ŸŽฎ feature Request

Feature Request
Feature logic and basic description

Moving the big discord item to simple left hand-side social media bar icon at <760 px to increase visiblity of page.

Point down the features

Feature points

Why should it be changed ?

The discord item is quite big and covers the whole page while scrolling.

Screenshot 2024-05-12 132906

This works when we are working on a big screen but we have screens less than 760 px, it ends up blocking the whole page.
This can be simply resolved by moving it to the left hand side social media bar in smaller screens.

Also responsiveness of whole page can be improved. Beyond 760px, the upper part of the page is not properly functioning at all and even above 760px, the layout is not proper.

The procedure needs to be below the logo along with the upload button.

Kindly assign me this issue so I can contribute to fix it. :)

Select program in which you are contributing

GSSoC24

Code of Conduct

Add templates for issues

Issue templates are very helpful for a collaboration repo. When users identify a bug or want to add a new feature, you can provide templates so you can collect all the pertinent information you need to fix a bug or add a new feature.

We recommend creating a โ€œReport Bugโ€ and โ€œFeature Requestโ€ issue template.
you can refer this: https://docs.github.com/en/communities/using-templates-to-encourage-useful-issues-and-pull-requests/configuring-issue-templates-for-your-repository

Some suggested prompts/questions you can add to a โ€œReport Bugโ€ template are:

Briefly describe the bug
What is the expected behavior?
Please provide step by step instructions on how to reproduce the bug
Some suggested prompts/questions you can add to a โ€œFeature Requestโ€ issue template are:

Briefly describe your feature request
What problem is this feature trying to solve?
How do we know when the feature is complete?

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/issues/new/choose
Click on Get Started button and copy the template to your

[New Feature]: Sticky top navbar

๐ŸŽฎ feature Request

feature logic and basic description
feature points :
Persistent Navigation: The navbar remains visible at the top of the viewport even when the user scrolls down the page, ensuring easy access to navigation links and menu items at all times.

Improved Usability: Users can quickly navigate to different sections of the website or access important features without having to scroll back to the top of the page, thereby enhancing overall usability and user experience.

Consistency: By keeping the navigation bar fixed at the top, the layout remains consistent across different pages and screen sizes, providing a familiar and predictable interface for users.

Space Efficiency: A sticky navbar optimizes screen real estate by minimizing the need for a large, static navbar that occupies valuable space on the page. Instead, it collapses or shrinks as the user scrolls down, maximizing the available content area.

Point down the features

feature points

Select program in which you are contributing

GSSoC24

Code of Conduct

Adding FAQ section and Fully Responsive Website

๐ŸŽฎ feature Request

feature logic and basic description
Adding FAQ section with drop down.
Mobile friendly website

Point down the features

feature points

  1. FAQ section
  2. Responsive
  3. Hover Effect
  4. Adding Favicon

Select program in which you are contributing

GSSoC24

Code of Conduct

Not Responsive

Give a brief about the bug โœ๏ธ

website is not responsive to different devices
WhatsApp Image 2024-05-12 at 21 30 15_36145f36
Screenshot 2024-05-12 212715
Screenshot 2024-05-12 212738

What is the expected behavior? ๐Ÿค”

All elements has to be in screen and adapt as per size of screen

Provide step by step information reproduce the bug ๐Ÿ“„

I can make it responsive using media queries in CSS for different breakpoints. which make it responsive to different devices.

Select program in which you are contributing

GSSoC24

Code of Conduct

[Bug]: social media links are not working on clicking

Give a brief about the bug โœ๏ธ

When we click on social media icons they are not redirecting to that particular social media platform

What is the expected behavior? ๐Ÿค”

The icons should be clickable and redirected to desired page

Provide step by step information reproduce the bug ๐Ÿ“„

I will add the paths of the social media website so it will enhance the UX and function properly

Select program in which you are contributing

GSSoC24

Code of Conduct

Add Topics

In GSSoC'24, GitHub Topics will help the discoverability of your project.

I see that you already have great topics on your repository!
I would recommend adding the name of the company like the software you use to build like "vs-code, ghdesktop" to improve your discoverability.

If you are happy with the topics you have, feel free to close this issue. ๐Ÿ‘

[Bug]: Navbar and webpage is not responsive

Give a brief about the bug โœ๏ธ

Description
Screenshot 2024-05-11 141636

As we can see the page is not responsive which is not for user experience.

Screenshot 2024-05-11 141707

as you see the side cross btn is also not working .

I'd be happy to help you solve the issue! Could you please assign this issue to me.

What is the expected behavior? ๐Ÿค”

Description

Provide step by step information reproduce the bug ๐Ÿ“„

Description

Select program in which you are contributing

GSSoC24

Code of Conduct

Learn.md

Learn repos should have a LEARN.md file to teach student how to build your project step by step. You can explain how to build your project with text, code snippets, images, or even short (5 minute) long video lessons. As the maintainer of a Learn repo, the LEARN.md file requires you to think critically about how to explain the building of your project and how to also make it engaging. We don't expect you to be an expert teacher, but we would like you to reflect on how difficult it was to get to your level of knowledge, and then provide friendly guidance to help other students to learn.

Reference: https://github.com/Recode-Hive/Stackoverflow-Analysis/blob/main/Learn.md

[New Feature]: Create About page

๐ŸŽฎ feature Request

i want to add a about page in your website

Point down the features

I would like to create the about page of the website so that it will be easy for users to know the details / information of the website

Select program in which you are contributing

GSSoC24

Code of Conduct

[New Feature]: Automated Greeting Workflow

๐ŸŽฎ feature Request

I propose to create a GitHub workflow named "Greetings". This workflow will automatically greet users who create new issues or pull requests in this repository. The Greeting will look like "Hi there! Thanks for opening this issue. We appreciate your contribution to this open-source project. We aim to respond or assign your issue as soon as possible."

Please assign this issue to me

Point down the features

image

Select program in which you are contributing

GSSoC24

Code of Conduct

[New Feature]: Change icons of progress

๐ŸŽฎ feature Request

I would like to change the icon of progress section to a more appealing icon to enhance the UI of the webpage.
Screenshot 2024-05-12 195321

Point down the features

I am planning to give it a gradient which matches your theme
Screenshot 2024-05-12 195542

It will make the UI more attractive

Select program in which you are contributing

GSSoC24

Code of Conduct

Missing Dark/Light Mode on Webpage

๐ŸŽฎ feature Request

Hello @Durgesh4993

I noticed that the webpage currently lacks support for dark and light modes. Adding dark and light modes would allow users to choose the theme that best suits their needs. I propose adding a toggle button or menu option that allows users to switch between dark and light modes seamlessly. Kindly assign me this issue.

Thank You!

Point down the features

Display transition (dark/light)

Select program in which you are contributing

GSSoc'24

Code of Conduct

[New Feature]: Change logo of the website

๐ŸŽฎ feature Request

i would like to change the logo of the website since it is very simple

Point down the features

Screenshot 2024-05-12 200145
The font in this image is very attractive which make your website appealing. I would like to change the logo with this font

Select program in which you are contributing

GSSoC24

Code of Conduct

Adding respective icons to the navbar

๐ŸŽฎ feature Request

The current navbar lacks icons, which impacts its visual appeal and usability. Users might find it less engaging and intuitive to navigate through the website without visual cues provided by icons.

Screenshot 2024-05-11 080754

Point down the features

  • I propose adding respective icons to the navbar to enhance its visual appeal and improve user navigation experience. These icons will align with the theme of the website and provide users with clear visual cues for each navigation option.
  • Adding icons is a more direct and effective solution to address the visual appeal and usability concerns of the navbar

Select program in which you are contributing

GSSoC24

Code of Conduct

[Bug]: Upload button is not working

Give a brief about the bug โœ๏ธ

Description
The upload btn is not working

What is the expected behavior? ๐Ÿค”

Description

Provide step by step information reproduce the bug ๐Ÿ“„

Description

Select program in which you are contributing

No response

Code of Conduct

[Bug]: Not able to close floating thing at right bottom

Give a brief about the bug โœ๏ธ

Im trying to close this but it is not closing , i think there is some issue in js
Screenshot from 2024-05-09 22-31-10

What is the expected behavior? ๐Ÿค”

It should close when i press the close button but it is not closing .

Provide step by step information reproduce the bug ๐Ÿ“„

  1. open the website
  2. Take your cursor to closing button of this floating thing
  3. Try to click on that close button , it should close but it isnt closing
Screencast.from.09-05-24.10.28.24.PM.IST.webm

Select program in which you are contributing

GSSoC24

Code of Conduct

Sticky Navbar at Top

๐ŸŽฎ feature Request

This issue proposes the implementation of a sticky navigation bar at the top of the project's interface. A sticky navigation bar, once implemented, will enhance user experience by providing consistent access to essential navigation elements as users scroll through the content.

Point down the features

feature points :
Persistent Navigation: The navbar remains visible at the top of the viewport even when the user scrolls down the page, ensuring easy access to navigation links and menu items at all times.

Improved Usability: Users can quickly navigate to different sections of the website or access important features without having to scroll back to the top of the page, thereby enhancing overall usability and user experience.

Consistency: By keeping the navigation bar fixed at the top, the layout remains consistent across different pages and screen sizes, providing a familiar and predictable interface for users.

Space Efficiency: A sticky navbar optimizes screen real estate by minimizing the need for a large, static navbar that occupies valuable space on the page. Instead, it collapses or shrinks as the user scrolls down, maximizing the available content area.

Select program in which you are contributing

GSSoC24

Code of Conduct

Better ReadMe adding Table of Contents such as About,Features, Installation, Contributing, License

Describe the bug โœ๏ธ

ReadMe shows the steps to create PR and doesn't describe the project.

Provide step by step information reproduce the bug ๐Ÿ“„

We can add Table of Contents such as About , Features, Installation, Contributing, License in. Snippets of community page will be added in ReadMe to enhance readability. Please assign this ask to me . I am a GSSOC-24 contributor

Select program in which you are contributing

GSSOC-24

Code of Conduct

[Bug]: image is not responsive

Give a brief about the bug โœ๏ธ

image

This is image and other context is not responsive when I'm decreasing the screen .
this is happening because the inline styling is used in this tags due to which it is not changing in media query.

Screencast.from.09-05-24.10.50.54.PM.IST.webm

What is the expected behavior? ๐Ÿค”

The expected behavior is that it should be responsive according to the screen size but it isnt doing that .

Provide step by step information reproduce the bug ๐Ÿ“„

To reproduce the issue simply decrease the size of ur window , u can see it from there

Select program in which you are contributing

GSSoC24

Code of Conduct

Girlscript Summer of Code Introduction/Tracking

๐Ÿ‘‹ Hi @GameSphere-MultiPlayer,

I am Prince,web developer(Core Team) Girlscript Summer of Code. I'll be collaborating with you on preparing your repo for GSSoC'24 Program

Why are these changes required?
After Analysing last year's contributions and feedback it would be great for students to have a couple of standard readme files on the repo to understand what the project is all about and some issues detailing what they can contribute. This will help you to see increased engagement in your repository as well.

As mentioned students get a chance to learn step by step, how to build this project as well as invite mentors to collaborate and add features to this repo. I will generate issues, which will provide guidance on how to prepare your repo for Girlscript summer of code 2024 on 10th May.

This issue will serve as a tracking issue to track all issues related to GSSoC'24. I recommend creating a new branch for every issue and opening a pull request to track changes so we can effectively collaborate with each other and merge changes when you and I feel like those changes are ready to be merged on your primary branch.

If you have any questions or concerns, please feel free to leave a comment on this issue or any of the other issues that are generated.

I look forward to working with you :octocat:

Proper Arrangement of files + Responsive Web Page

๐ŸŽฎ feature Request

Currently the files of the Web Page are not properly arranged and managed, I'll arrange it properly for better understanding and easy management of files. Also the Web Page is not Responsive enough which is making it look ugly. So will also make it responsive for better UX.

Point down the features

The Web Page will be responsive.

Select program in which you are contributing

GSSoC24

Code of Conduct

  • I follow CONTRIBUTING GUIDELINE of this project.
  • Proper Folder Structure.
  • Fixed Responsiveness for better UX.

[Feature]: Search Feature

๐ŸŽฎ feature Request

If the header search box empty we can any other search doesn't response.

  • I will expected to the search box can be enter the text that can displayed Result and shortlist.

Point down the features

This is can be more efficient for the users.

Issue

Screencast.from.2024-05-12.08-23-12.webm

Expected

Screencast.from.2024-05-12.08-10-53.webm

Select program in which you are contributing

No response

Code of Conduct

[Bug]: Responsive issue

For mobile devices the website is not responsive.

For every devices like mobile,laptop,desktop it should be properly aligned automatically

We can make the complete website as responsive using html,css and javascript.
Screenshot_20240512-085616

iam contributing under GSSOC'24

add hover effect to navbar

Screenshot 2024-05-10 194804

Hover effects are visual changes that occur when a user hovers their mouse cursor over an element, such as a link or button, on a webpage. (color change)

Point down the features

color change

Select program in which you are contributing

GSSoC24

Code of Conduct

Link Navbar Tabs and Enhance Content

๐ŸŽฎ feature Request

Overview

Some tabs in the navigation bar currently do not have content, which results in the absence of corresponding links. This issue aims to address that by providing content for these tabs and establishing links to their respective pages.

Goals

  • To create and add relevant content for each unlinked tab in the navbar.
  • To link these tabs to new or existing pages that reflect the added content.

Action Plan

  1. Identify all unlinked tabs in the navbar.
  2. Develop content that is informative and relevant for each tab.
  3. Create new pages or sections as needed to host this content.
  4. Implement navigation links from each tab to its new content page or section.

GSSoC Contribution

I am proposing these changes as part of my contributions to the GirlScript Summer of Code (GSSoC). I am ready to draft the content, design the pages, and execute the necessary code changes to enhance the project's navigation experience.

Please let me know if you're open to these enhancements, and I'll get started on the work right away. And please add labels to it.

Point down the features

Adding content and navigation links

Select program in which you are contributing

GSSoC24

Code of Conduct

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.