Build out Article index and show views
Closed this issue · 9 comments
Feature Overview
This is primarily a frontend/Tailwind project, though there are a few minor Ruby/Rails bits in there. We're adding an Articles section to the marketing site and need to build out the index view and single article "show" views.
Requirements
- Match design elements
- The "gradient" headers should be randomly generated using Tailwind gradients. Ideally would have an array of colors it chooses from so we have some control there.
- Author avatar should be an if statement based on the author name
- The "Join waitlist" form should use the existing
render_signup_form - Read time can likely be a helper method that just measures article length and then converts that to "minutes" to read
Design
Here's the Figma file.
Bounty
There is a $350 bounty on this. To participate in the bounty:
- Comment
/attempt #8to indicate you plan on working on this. - Submit a draft PR once you start and include
/claim #8along with your general game plan for how you intent to implement this. - Change out of draft mode on the PR once you're ready to submit your attempt.
- Include a short video showing functionality in your PR (drastically speeds up us approving).
In the event of multiple attempts, we generally pick the one that most closes matches the scope with the cleanest code and test coverage (when appropriate).
NOTE: Given the speed at which we're moving on the codebase, we don't assign issues or "give" issues to anyone.
/bounty $350
💎 $350 bounty created by maybe-finance
🙋 If you start working on this, comment /attempt #8 along with your implementation plan
👉 To claim this bounty, submit a pull request that includes the text /claim #8 somewhere in its body
📝 Before proceeding, please make sure you can receive payouts in your country
💵 Payment arrives in your account 2-5 days after the bounty is rewarded
💯 You keep 100% of the bounty award
🙏 Thank you for contributing to maybe-finance/marketing!
👉 Add a bounty • Share on socials
| Attempt | Started (GMT+0) | Solution |
|---|---|---|
| 🟢 @syedbarimanjan | Apr 30, 2024, 7:00:00 PM | #9 |
| 🟢 @JoshAntBrown | May 1, 2024, 8:07:58 AM | #10 |
/attempt #8
| Algora profile | Completed bounties | Tech | Active attempts | Options |
|---|---|---|---|---|
| @syedbarimanjan | 1 bounty from 1 project | TypeScript, Go, JavaScript |
Cancel attempt |
@Shpigford do you want the grid to only have three elements in a column? and should the card width be fixed?
@Shpigford do you want the grid to only have three elements in a column? and should the card width be fixed?
Correct, 3 elements in a column. Card width should be fluid for responsiveness, but the overall width of the entire content area should have a max width applied to it.
The "gradient" headers should be randomly generated using Tailwind gradients. Ideally would have an array of colors it chooses from so we have some control there.
Author avatar should be an if statement based on the author name
@Shpigford can you elaborate on these.
The "gradient" headers should be randomly generated using Tailwind gradients. Ideally would have an array of colors it chooses from so we have some control there.
Each article header should be a different combination of colors for the gradients.
Author avatar should be an if statement based on the author name
Avatars will just be stored in the assets folder and so we should display a given avatar based on the author name.
/attempt #8
I'll take a look at this today, I plan to integrate the views with the existing models and portion into separate partials as appropriate.
| Algora profile | Completed bounties | Tech | Active attempts | Options |
|---|---|---|---|---|
| @JoshAntBrown | 9 maybe-finance bounties | Ruby, JavaScript, Shell & more |
Cancel attempt |
🎉🎈 @JoshAntBrown has been awarded $350! 🎈🎊