Winnie the Pooh Quotes

index.html

<img class="picFrame" src="http://www.cafeios.net/wp-content/uploads/2013/06/Winnie-the-pooh-classic-pictures-pooh1_1489609c.jpg">

<div class="quoteDiv"></div>

script.js

var quoteArray = ['You can\'t stay in your corner of the forest waiting for others to come to you. You have to go to them sometimes.',
  'Some people care too much. I think it\'s called love.',
  'It is more fun to talk with someone who doesn\'t use long, difficult words but rather short, easy words like \"What about lunch?\”',
  'I think we dream so we don\’t have to be apart for so long. If we\’re in each other\’s dreams, we can be together all the time.',
  'People say nothing is impossible, but I do nothing every day.',
  'Rivers know this: there is no hurry. We shall get there some day.',
  'If the person you are talking to doesn\'t appear to be listening, be patient. It may simply be that he has a small piece of fluff in his ear.',
  'I used to believe in forever, but forever\'s too good to be true',
  'I\'m not lost for I know where I am. But however, where I am may be lost.',
  'Some people talk to animals. Not many listen though. That\'s the problem.',
  'When you see someone putting on his Big Boots, you can be pretty sure that an Adventure is going to happen.',
  'A bear, however hard he tries, grows tubby without exercise.'
];
function fillQuoteDiv() {
  var rand = Math.floor(Math.random() * ((quoteArray.length - 1) - 0 + 1)) + 0;
    $('.quoteDiv').append('<h2><q>' + quoteArray[rand] + '</q><br><h3 class="author"> -A. A. Milne</h3></h2>').fadeIn();
}

$(document).ready(function() {
  fillQuoteDiv();
  
  $('.picFrame').click(function() {
    $('.quoteDiv').fadeOut(function() {
      $(this).empty();
      fillQuoteDiv();
    });
  });
  
});

scripts

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>

style.css

.picFrame {
  border: 5px solid black;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.picFrame:hover {
  border-color: red;
}

.quoteDiv {
  font-family: 'Gloria Hallelujah', cursive;
  margin-left: 30px;
  margin-right: 30px;
  display: none;
}

.author {
  text-align: right;
  margin-right: 90px;
}

Winnie the Pooh Quotes.markdown

Winnie the Pooh Quotes

Random quotes from Winnie the Pooh

A Pen by jordan rhea on CodePen.

License.