Description

Create a new page and add articles about/from the 4c community on that page. These should have a title, description, image and link to the article

Screenshots

No response

Description

• We have a fixed height for the cards at 450px and that is the reason if the descriptions are too long, it will be thrown outside the box
• This gets initially fixed if we put h-[480px]
• Also we would wanna make sure that the descriptions aren't too long, or maybe then we can clip the descriptions.

Screenshots

Description

While hovering over the second blog card, the blog card size reduces.

Screenshots

https://user-images.githubusercontent.com/110733735/207617194-3020c44e-9f2b-4761-8eb8-1c1bebfd435e.mp4

Bug Description The videos page has a video embed iframe that looks really tiny and miniaturized.

Steps to Reproduce Steps to reproduce the behavior:

1. Go to 4c.rocks
2. Click on Videos button to go to the Videos page.

Description

In the project's section, at the bottom of projects, we have a useless scroll. That should be removed to get better UI, Please assign this task to me :)

Screenshots

Description

Readme Doesn't Say How To Fix "PWA NOT SUPPORTED" on Windows. This will pose issues as Powershell on Windows and even the Command Prompt on Windows follow a different syntax of the command to resolving the same issue.

Screenshots

Description

Let's add more stuff to the Brand file, stuff like how to do the gradients, layouts, common patterns, this is something we can work as we go working and descovering the ways of how to apply our brand, looking forward to create our Style Guide.

Screenshots

No response

i installed tailwind v3 with some additional stuffs related to it, updated the config file and sorted some classes on the sources, still some eslint errors to fix

Issue:

Colour contrast on the small text above the <h1>

<div class="col-span-2 lg:col-span-1">
  <!-- this text -->
  <p class="text-sm text-orange-600 font-bold tracking-wide uppercase">What is 4C?</p>
  <h1 class="mt-2 text-5xl font-extrabold tracking-tight text-gray-900 md:text-6xl">The Cool Community For <strong class="text-orange-600">Content Creators</strong></h1>

The current contrast is 3.35:1 and needs to be 4.5:1 minimum.

Suggested Fix Options:

1. Put the text within a box with a dark background with rounded corners.

Styles

background-color: #212121; /*this is 4.54:1 contrast ratio */
display: inline-block;
padding: 0.5rem 1rem;
border-radius: 0.5rem;
margin-left: -1rem;
margin-bottom: -1rem;

2. Make the text darker (introduce third colour that allows for sufficient contrast).

A darker text colour, either the existing body text grey (text-gray-500) or another to be decided.

3. Make the text larger

Make the font size 24px equivalent (preferable to use rem which would be font-size: 1.5rem or tailwind equivalent)

Description

The Loader (That stuff that rolls when you go to a page that hasn't fully loaded) should be conditionally rendered. The Loader should only be removed when all the resources have been fetched.

Screencast from 14-12-2022 14:41:43.webm

Screenshots

Description

There seems to be a problem when I run the website on my PC using the commands given in the readme.md. It throws an error stating that PWA support is disabled

Screenshots

The world is evolving so is the technology. With evolving technology, the old ones get deprecated . So I wanted to upgrade the dependencies of this project and also the node as the project is still using node 16 which still has some issues . @tobySolutions you can assign me this .

Description

Projects page should have a dropdown which is for filtering the projects according to technology. This will add more value to user experience and people will directly filter projects according to there interest and will move ahead for contributions.

Screenshots

No response

Description

All projects should have technology stack included which is missing in our projects. So, we need to add tech stack in all the projects so that it would be easy to choose any project for contributors.

Screenshots

No response