house-of-m/contributors-wall

All contributors level are welcome to check-in and tag their name on the wall! Beginner friendly, no code knowledge required to contribute.

contributors-wall's Issues

hey can I help?

          hey can I help?

Originally posted by @thatjohanntrent-2-googlegroups-com in #1 (comment)

Create your contributor's card

Info

Join the project and add your name to the wall of contributors, whether you're a total beginner starting your journey to open source with hacktoberfest or you're a veteran, join the project, tag your name and few interesting resources that may help others and make a pull request!

How?

1. Fork the project to your own account.

2. In the index.html file you'll find a template code named contributor-card
   
   

3. Copy/Past the template in the section between the comments "__ YourName Card START __ " and "__ YourName Card END __":
   
   

4. Change the placeholder text and links ( change the herf="#" by your actual urls, e.g; herf="https://github.com/IndigoWizard")
   you may delete the links to socials that you don't need if you dont have twitter or dev account...

5. Make a pull request and wait for the maintainers to review and merge it, only then it will go online on the live website.

Note:

Do not temper with the template or the css file.
If you got improvements or fixes you want to apply to the project file, open a separate issue with all the necessary details first.

Does this repository allow draft public requests?

Before I contribute, I need to know.

Fixing live website thread card stack overlap & theme switch (fix+enhancement)

Live website issues

• The theme switch button is doubled and not styled.
• The contribution thread is messedup at the bottom with overlapping card stacks.

preview

repetitive check box div	over stacked usercards

repetitive check box div

Based on the commit and merge history the first issue (checkbox glitch) emerged in commit 696ab7f during a hotfix from @L4RBI that was meant to fix the issue...

over stacked usercards

Issue happened after contribution 1dca8cc was merged in PR #23 97a6483 which didn't align with the right contribution steps during which contributors add their code at the top of the thread and not at the bottom to avoid conflicts.

Fix

• The theme switch box will be reworked, keeping the base functionality but moving the button in the nav bar + styling the switch button.
• Restacking the thread based on PR chronological order and stacking latest contributions from top to bottom.
• All upcoming contributions must be at the top of the thread.

Dark mode theme

Info

So far the live website of the repo has only one light theme. It would be great to have a dark theme switch as well.

How

• Feel free to to use either CSS or JavaScript (vanilla preferably) to build a theme switch.
• In the CSS :root element you'll find an already setup color palette, use them to build the color palette for dark theme mode (feel free to add some colors if needed).
• The main logo SVGs are available in two colors; white & red. use what suits the theme for better visibility.

PR

• Please explain what method you used and how you built the feature (briefly).
• Make sure to include some screenshots for the results in your Pull Request submission (you can put them in a markdown table if you're doing a comparison if you wish).

Notes:

• Keep css variable naming convention as setup in the style sheet.
• If you are opting for JS, please mind to create a folder dedicated for scripts inside src folder as ./src/scripts.

How do i add my contributor card to the website?

Styling issues

• the transition between section snaps in an ugly way
• resources links are stiff and transition not working properly on hover
• theme switch snaps as well with no smooth trasition

Email notification help needed

This issue is for the Repository admin.

I would love to be a part of notifications for this repository.

Can I get some information on the requirements to be?