Twin Peaks Quote Machine - asking for feedback

Hi guys,

I’m in for UX design/front-end development. That’s why I decided to design and develop my random quote machine from scratch all by myself (layout, logos, buttons, js, html, css etc.). I have some ideas about how the project could evolve and hope to discuss them with you soon.

But for now — any feedback would be of great value to me!

1 Like

I like it but I am confused what the difference between the quote button and the mix button is.

1 Like

This is astonishingly beautiful. In terms of aesthetics, you’ve completely outdone yourself.

1 Like

Hi @gorniczy,


  • Error:

Element head is missing a required instance of child element title

Open Graph protocol Documentation:

As an example, the following is the Open Graph protocol markup for The Rock on IMDB:

<html prefix="og:">
<title>The Rock (1996)</title>
<meta property="og:title" content="The Rock" />
<meta property="og:type" content="" />
<meta property="og:url" content="" />
<meta property="og:image" content="" />

  • Error:

Bad value for attribute src on element img: Must be non-empty.

HTML5 specification:

The src attribute must be present, and must contain a valid non-empty URL potentially surrounded by spaces referencing a non-interactive, optionally animated, image resource that is neither paged nor scripted.

<!-- Grid for one character -->
    <div id="grid_one">
      <div id= "mono_image">
        <img src="" id="image" alt="">

Cheers and happy coding :slight_smile:

Tools used:

1 Like

Thank you @RandellDawson! The mix button randomly assigns quote to any character, whereas the quote button just randomly gives you character with his/her quote. I hope I managed to clear that up!

Thank you once more!

Thanky you @dylanesque! I’m really flattered!

Thank you @Diego_Perez for you feedback! I think I’m gonna use that tool in the future. :slight_smile: