From 12a322d58b635ec2575854963b00bf2272952e7c Mon Sep 17 00:00:00 2001 From: Belle <65808924+bellesea@users.noreply.github.com> Date: Wed, 16 Aug 2023 21:21:14 +0800 Subject: [PATCH] Update README.md --- README.md | 21 +++++++++++++++------ 1 file changed, 15 insertions(+), 6 deletions(-) diff --git a/README.md b/README.md index 9ff502291..406218271 100755 --- a/README.md +++ b/README.md @@ -26,13 +26,15 @@ Code under MIT License, assets may not be re-used or re-distributed. --- -## Building hackclub.com +

Building hackclub.com

-Hack Club's homepage is our chance to 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?:))_ +Hack Club's homepage is our chance to show new hackers what Hack Club could be for them 💖. -### Here are a some ways to add content to the site: +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?:))_ -#### Create a new card +For now, 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! @@ -40,9 +42,12 @@ Most things on the homepage are cards, modular components that can easily be add 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, for all "call to actions", use a component which you can import with `import Buttons from './button'`. If it's the main CTA, use the primary prop to add a background color! Your challenge: try and make the card as unique as possible, like a mini poster! +
+ +
+ Add to the carousel -#### Adding to the Carousel -Screenshot 2023-08-16 at 9 09 11 PM + 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: ``` @@ -57,6 +62,10 @@ If there's a Hack Club or Hack Club community-led project (past or present) that } ``` +
+ +Every week, [thousands of people](https://plausible.io/hackclub.com) visit hackclub.com. What story to you want to tell? + --- Hack Club, 2023. MIT License.