Voting Closed [Vote for Winner] 5 lines of HTML, 5 lines of CSS, 5 lines of JavaScript

[adam]

Please check out all our great entries from the Entries Closed - 💪 [Front-end] 5 lines of HTML, 5 lines of CSS, 5 lines of JavaScript challenge and vote for your winner anonymously above!

Entrants: Feel free to share your creation and appeal for votes on social media. 😉 The winner will receive a funky exclusive profile trophy.

Voting closes Monday October 14th at 7pm UTC.

Title: animated Heart 💙
Codepen link: https://codepen.io/Gummibeer/pen/zYYxONj
Submit for voting: Yes
HTML: 4/5 lines
CSS: 4/5 lines
JS: 0/5 lines

Title: Neon Name
Codepen link: https://codepen.io/Gummibeer/pen/abbbLOj
Submit for voting: Yes
HTML: 1/5 lines
CSS: 3/5 lines
JS: 0/5 lines

Title: 5 Line Flags
Website link: https://5lines.kognise.repl.co/
Code link: 5Lines
Submit for voting: Yes

I had some extra lines available so I added the flag of Germany and some text. There's some pretty gnarly JavaScript to populate all the stars, I felt it was kinda against the spirit to put all the stars in the markup.

Who needs Vue or Reach when you can make your own in 5 lines? 😄

Title: Templating engine v2
Codepen link: https://codepen.io/m1guelpiedrafita/pen/NWWWzpb
Submit for voting: Yes
HTML: 4/5 lines
CSS: 0/5 lines
JS: 5/5 lines

Title: Excuseme
Codepen link: https://codepen.io/sfcgeorge/pen/WNNNyrG
Submit for voting: Yes
HTML: 5/5 lines
CSS: 4/5 lines
JS: 5/5 lines

I'm especially pleased with how short the Javascript is. AND as a bonus, the form actually works (though there's no confirmation). You have to hit tab, start typing an email, use autofill to complete it, then hit enter. Slick UX.

Title: You are awesome
Codepen link: https://codepen.io/Gummibeer/pen/GRRRPoB
Submit for voting: Yes
HTML: 4/5 lines
CSS: 5/5 lines
JS: 5/5 lines

 

[Gummibeer]

Is there a rule what happens if two have the same amount of votes? 🤔

 

[mpboom]

They are all awesome, nice work!

 

[adam]

Is there a rule what happens if two have the same amount of votes? 🤔

Two winners. 😉

 

[Michael]

I was reaaaally torn on two of them, so sorry for not being able to vote for both. 😭

 

[adam]

Less than 24 hours left to vote!

 

[Gummibeer]

Less than 24 hours left to vote!

I'm refreshing every some minutes to check the status. 😅🥶🤯

 

[adam]

Closing in 15 minutes, were neck and neck!

 

[Gummibeer]

Congratulations @sfcgeorge ! 🏆🎉

 

[sfcgeorge]

Congratulations @sfcgeorge ! 🏆🎉

Ooh we drew! Thank you and congratulations @Gummibeer 🏅🙌🏻
(I liked the heart too 😄)

 

[adam]

@sfcgeorge @Gummibeer Sorry guys draw means no winners better luck next time...

...just kidding! 😄 Trophies coming your way shortly. They were all such fantastic entries it felt bad putting them to vote.

 

[Gummibeer]

@Adam I just want to open the discussion.

The winner will receive a funky exclusive profile

Atm it's a simple first, second, third ... win trophy!? This is fine and great for the multi participating ones. But shouldn't an archived trophy show which challenges the user won?

So one exclusive trophy per challenge and a series of first, second, third, fifth, tenth win.