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

Who is your winner?

  • Animated Heart πŸ’™

    Votes: 6 28.6%
  • Neon Name

    Votes: 1 4.8%
  • Templating engine v2

    Votes: 3 14.3%
  • You are awesome

    Votes: 4 19.0%
  • Excuseme

    Votes: 6 28.6%
  • 5 lines flags

    Votes: 1 4.8%

  • Total voters
    21
  • Poll closed .
Status
Not open for further replies.

Adam

Mr. Webwide
Administrator
Local time
20:07
Joined
Sep 24, 2019
Messages
1,257
Pronouns
he/him

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

 
Last edited:

Gummibeer

Astroneer
Moderator
Local time
21:07
Joined
Oct 5, 2019
Messages
1,170
Pronouns
he/him

Is there a rule what happens if two have the same amount of votes? πŸ€”

 

Michael

😎
Local time
20:07
Joined
Oct 5, 2019
Messages
312

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

 

Adam

Mr. Webwide
Administrator
Local time
20:07
Joined
Sep 24, 2019
Messages
1,257
Pronouns
he/him

Less than 24 hours left to vote!

 

Adam

Mr. Webwide
Administrator
Local time
20:07
Joined
Sep 24, 2019
Messages
1,257
Pronouns
he/him

Closing in 15 minutes, were neck and neck!

 

Adam

Mr. Webwide
Administrator
Local time
20:07
Joined
Sep 24, 2019
Messages
1,257
Pronouns
he/him

@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

Astroneer
Moderator
Local time
21:07
Joined
Oct 5, 2019
Messages
1,170
Pronouns
he/him

@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.

 
Status
Not open for further replies.
Top