From b43ba13577ecb6a36a0ed0f63e77a8fea149206e Mon Sep 17 00:00:00 2001 From: Belle <65808924+bellesea@users.noreply.github.com> Date: Mon, 4 Sep 2023 13:29:48 -0400 Subject: [PATCH] Update README.md (#856) * Update README.md * Update README.md * Update README.md * Update README.md * Update README.md * Update README.md * Update README.md --- README.md | 45 +++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 45 insertions(+) diff --git a/README.md b/README.md index d67709b9..ed1f790e 100755 --- a/README.md +++ b/README.md @@ -26,6 +26,51 @@ Code under MIT License, assets may not be re-used or re-distributed. --- +

Building hackclub.com

+ +Join us in building Hack Club's homepage and show new hackers what Hack Club could be for them 💖. + +See something that could be better? Make a PR! Have an easter egg idea? Make a PR! Is the site missing something? Make a PR! _(Do you see a trend? :))_ + +If you need to add content to the site, here's how you can: + +
Create a new card +Screenshot 2023-08-16 at 9 09 55 PM + +Most things on the homepage are cards, modular components that can easily be added and removed according to relevancy to Hack Clubbers. There are 3 main sections: connection, open-source, and IRL community. Most new cards will likely fall within the first two sections! + +First, you can create a new file under [components/index/cards]() with the name of your new event/project. Next add `import CardModel from './card-model'` and add whatever you want :) Finally, use a component (`import Buttons from './button'`) to highlight call-to-action buttons. If it's the main button, use the primary prop to add a background color! + +Your challenge: try and make the card as unique as possible, like a mini poster! Not sure where to start? Look at other cards on the page :) +
+ +
+Add to the carousel + +Screenshot 2023-08-16 at 9 09 11 PM + +If there's a Hack Club or Hack Club community-led project (past or present) that Hack Clubbers can get involved in, please add it to [lib/carousel.json]() and add your card to the end of the json file. An example looks like this: + +``` +{ + "background": "dark", + "titleColor": "white", + "descriptionColor": "white", + "title": "Hackers Wanted", + "description": "Our open love letter to hackers", + "img": "https://a.slack-edge.com/production-standard-emoji-assets/14.0/apple-large/1f4bb@2x.png", + "link": "/hackers-wanted" + } +``` + +
+ +Every week, [thousands of people](https://plausible.io/hackclub.com) visit hackclub.com. What story to you want to tell? + +_Have questions? Join us in [#hackclub-site-dev](https://hackclub.slack.com/archives/C036BTDGP43) and to learn more about the style guide at Hack Club check [this](https://hackclub.com/brand/) out_ + +--- + Hack Club, 2023. MIT License. [next.js]: https://nextjs.org