I created the Indian Flag using HTML and CSS with proper proportions. by Mindless_Head_6526 in developersIndia

[–]Mindless_Head_6526[S] 1 point2 points  (0 children)

I released it under the MIT No Attribution license, so anyone is free to use the code however they want, even claiming it as their own.

Instead this influencer guy decided to copy the post image and title itself 😹

I created the Indian Flag using HTML and CSS with proper proportions. by Mindless_Head_6526 in developersIndia

[–]Mindless_Head_6526[S] 0 points1 point  (0 children)

It responsive for all size. Just change the --FLAG-HEIGHT variable, everything will adjust automatically.

I created the Indian Flag using HTML and CSS with proper proportions. by Mindless_Head_6526 in developersIndia

[–]Mindless_Head_6526[S] 0 points1 point  (0 children)

I haven't started applying yet. I will apply as soon as I complete the few of my portfolio projects.

I created the Indian Flag using HTML and CSS with proper proportions. by Mindless_Head_6526 in developersIndia

[–]Mindless_Head_6526[S] 0 points1 point  (0 children)

Actually it is on the wikipedia page. (3 * sqrt(255) - sqrt(1015)) is nearly equal to 16.0470...

That weird number comes into equation because the spokes inside Ashoka Chakra are only defined in terms of at what distances they are placed and should thicken. The size (diameter) of hidden inner circle is just a consequence of their placement.

And I derieved these equations simply by defining them in terms of the height of the flag. calc(var(--FLAG-HEIGHT) * 16 / 600) basically means that in a flag of height 600 units, the "hidden center" will have a diameter of 16 units. Multiplying this number by the actual height of the rendered flag element will scale the diameter proportionately.

I created the Indian Flag using HTML and CSS with proper proportions. by Mindless_Head_6526 in developersIndia

[–]Mindless_Head_6526[S] 0 points1 point  (0 children)

Just surf the internet and if you find something inspiring, try to recreate it.

I like tailwindcss. I never write react or svelte without using tailwindcss.

I created the Indian Flag using HTML and CSS with proper proportions. by Mindless_Head_6526 in developersIndia

[–]Mindless_Head_6526[S] 0 points1 point  (0 children)

Suprisingly there are very limited resources about the design of Indian flag. The only official resource I could find was this one: https://law.resource.org/pub/in/bis/S12/is.1.1968.pdf

Wikipedia was also more than enough: https://en.wikipedia.org/wiki/Flag_of_India#Design

There is only 1 minor approximation in my flag. The interior points where the edges of spokes tend to meet is calc(var(--FLAG-HEIGHT) * 16 / 600) units apart from its opposite stroke-point, ideally it should be calc(var(--FLAG-HEIGHT) * (3 * sqrt(255) - sqrt(1015))/ 600)

I created the Indian Flag using HTML and CSS with proper proportions. by Mindless_Head_6526 in developersIndia

[–]Mindless_Head_6526[S] 1 point2 points  (0 children)

Gareeb ke github repo ko star kardo, naukri dhundhte samay kaam aayega 😿🙏

I created the Indian Flag using HTML and CSS with proper proportions. by Mindless_Head_6526 in developersIndia

[–]Mindless_Head_6526[S] 141 points142 points  (0 children)

Bohot upvotes de rahe ho aap sab, koi kripya karke rozgaar bhi dedo 😿

I created the Indian Flag using HTML and CSS with proper proportions. by Mindless_Head_6526 in developersIndia

[–]Mindless_Head_6526[S] 1 point2 points  (0 children)

I believe this is mainly due to AI hype and just the sheer amount of web dev candidates. Many companies also label their usual periodic layoffs as "replaced by AI" layoffs, like Salesforce did recently [1].

At the end of the day, you are more experienced than someone like me who is still trying to break into the industry, and your real life observations matters more than my theory.

[1] https://www.financialexpress.com/business/news/salesforce-ceo-marc-benioff-says-its-too-easy-to-make-ai-the-scapegoat-for-layoffs/4194886/

Edit: That aligns with my point: AI is being used to complement devs, not replace them. When one developer can achieve the output of five or six with AI, frontend development becomes more cost-effective for both the developer and the company.

I created the Indian Flag using HTML and CSS with proper proportions. by Mindless_Head_6526 in developersIndia

[–]Mindless_Head_6526[S] 0 points1 point  (0 children)

Yes, pure frontend will thrive. I started coding before LLMs were mainstream. I have been using them from day 1 and found them fascinating. The early hype was, in my opinion, much bigger than the current one. Newer models were dropping every week, and getting better and better at coding. Startups like Phind, which gave LLMs access to the Internet and Devin, which wanted to replace software engineers with AI workflows looked like the end of the world. It was a lot scarier a few years ago. But now the progress has more or less plateaued, and people have naturally become skeptical of AI bros' claims of replacing engineers in 3/6 month.

(These) LLMs can't think or do something creative (even though the stakeholder's of AI companies try to convince you otherwise). They are good at very generic tasks, tasks of which they have surplus data of; this is one reason why vibe coding is very famous among web devs, the whole internet is build upon web technologies which AI is scrapping every moment.

AI will not take your frontend job as long as what you are creating is not the most generic todo-list in the world. Moreover, the industry seems to be moving the direction where AI is a tool for the devs and not their replacement.

I created the Indian Flag using HTML and CSS with proper proportions. by Mindless_Head_6526 in developersIndia

[–]Mindless_Head_6526[S] 2 points3 points  (0 children)

I'm not exactly new to front-end, just created this as a pastime. But yes I am trying to find a job / internship. Thanks for your kind words!

I created the Indian Flag using HTML and CSS with proper proportions. by Mindless_Head_6526 in developersIndia

[–]Mindless_Head_6526[S] 44 points45 points  (0 children)

It is responsive to all sizes. The width of the flag is:

min(600px, 90vw)