Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Migrate from Picocss to Tailwind and Cleanup Frontend Code #5

Open
nkkko opened this issue Sep 25, 2024 · 10 comments · May be fixed by #33
Open

Migrate from Picocss to Tailwind and Cleanup Frontend Code #5

nkkko opened this issue Sep 25, 2024 · 10 comments · May be fixed by #33

Comments

@nkkko
Copy link
Member

nkkko commented Sep 25, 2024

Is your feature request related to a problem? Please describe.
The current project utilizes Picocss for styling the frontend. Tailwind CSS provides a more modern, utility-first approach to styling, which can make the codebase cleaner and more maintainable. Additionally, there is some mix of tailwind already in the frontend that needs to be cleaned up.

Describe the solution you'd like

  • Replace Picocss with Tailwind CSS for all styling.
  • Refactor HTML templates to use Tailwind's utility classes.
  • Remove any unused or duplicated CSS and HTML code.

Additional context
Please ensure that all sections in content.py are updated to reflect the changes. Below are some specific sections that will need modification:

  • hero_section
  • generator_section
  • benefits_section
  • setup_section
  • examples_section
  • faq_section
  • cta_section
  • footer_section

Review and update main.py and other related files to ensure integration is seamless and effective. Make sure to test thoroughly to maintain the functionality and design consistency.

@nkkko
Copy link
Member Author

nkkko commented Oct 9, 2024

/bounty $20

Copy link

algora-pbc bot commented Oct 9, 2024

💎 $20 bounty • Daytona

Steps to solve:

  1. Start working: Comment /attempt #5 with your implementation plan
  2. Submit work: Create a pull request including /claim #5 in the PR body to claim the bounty
  3. Receive payment: 100% of the bounty is received 2-5 days post-reward. Make sure you are eligible for payouts

If no one is assigned to the issue, feel free to tackle it, without confirmation from us, after registering your attempt. In the event that multiple PRs are made from different people, we will generally accept those with the cleanest code.

Please respect others by working on PRs that you are allowed to submit attempts to.

e.g. If you reached the limit of active attempts, please wait for the ability to do so before submitting a new PR.

If you can not submit an attempt, you will not receive your payout.

Thank you for contributing to daytonaio/devcontainer-generator!

Add a bountyShare on socials

Attempt Started (GMT+0) Solution
🔴 @AliYar-Khan Oct 10, 2024, 7:20:15 PM #33

@AliYar-Khan
Copy link

AliYar-Khan commented Oct 10, 2024

/attempt #5

I will install pytailwindcss to generate the css as listed here https://pypi.org/project/pytailwindcss/

@nkkko
Copy link
Member Author

nkkko commented Oct 11, 2024

sounds good @AliYar-Khan

@AliYar-Khan
Copy link

@nkkko thanks ... Also i want to tell that uvloop is not supported in windows. In fact it is not being used in the project as well. So can i remove it ?

@nkkko
Copy link
Member Author

nkkko commented Oct 11, 2024

@AliYar-Khan Project for sure would benefit from some optimisation, sure you can remove it if it is not used.

@AliYar-Khan
Copy link

AliYar-Khan commented Oct 11, 2024

@nkkko there are some classes on main.py that are being used in main.js. Should I remove them as well?
Also while I am trying to generate, it is giving me this error "An error occurred: {'code': '42P01', 'details': None, 'hint': None, 'message': 'relation "public.devcontainers" does not exist'}"

What does this mean ?

@AliYar-Khan AliYar-Khan linked a pull request Oct 11, 2024 that will close this issue
@AliYar-Khan
Copy link

/claim #5

Copy link

algora-pbc bot commented Oct 21, 2024

💡 @AliYar-Khan submitted a pull request that claims the bounty. You can visit your bounty board to reward.

@AliYar-Khan
Copy link

/cancel #5

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants