Random Quote Generator

index.pug

doctype html
html(lang="en")
head
	title Quote of the Day
	body
	.container
		#inner-container
			p(style='text-align:center; color:#fff') Welcome to my Random Quote 
			p#showQuotes Life isn’t about getting and having, it’s about giving and being. -- Kevin Kruse
		#btn
				br
				p
				button(onclick='preFunc()').btn.btn-primary.prev P r e v																				
				br
				p
				br
				p
				| 
				
				button(onclick='quotesFunc()').btn.btn-primary N e x t
				
					
	style.
		
		#inner-container{
		height:250px;
		border-radius:30px;
		margin:10px;
		}
		#inner-container p{
		margin:50px;
		}
		#btn{
		background-color:white;
		
		}
		#btn button{
		margin-top:-350px;
		margin-bottom:10px;
		box-shadow:2px 3px 0px;
	
		}
		#showQuotes{
		font-size:25px;
		text-align:center;
		margin:10px;
		}
		.prev{
		margin-bottom:20px;
		}
	

random-quote-generator.markdown

Random Quote Generator

A quote generator that automaticallly generates a lovely quotes

A Pen by kondas Lamar on CodePen.

License.

script.js

  var quotes = ["Life isn’t about getting and having, it’s about giving and being. -- Kevin Kruse","Whatever the mind of man can conceive and believe, it can achieve. -- Napoleon Hill","Strive not to be a success, but rather to be of value. -- Albert Einstein","Two roads diverged in a wood, and I—I took the one less traveled by, And that has made all the difference. -- Robert Frost","I attribute my success to this: I never gave or took any excuse. -- Florence Nightingale","You miss 100% of the shots you don’t take. -- Wayne Gretzky","I’ve missed more than 9000 shots in my career. I’ve lost almost 300 games. 26 times I’ve been trusted to take the game winning shot and missed. I’ve failed over and over and over again in my life. And that is why I succeed. -- Michael Jordan","The most difficult thing is the decision to act, the rest is merely tenacity. -- Amelia Earhart","Every strike brings me closer to the next home run. -- Babe Ruth","Definiteness of purpose is the starting point of all achievement. -- W. Clement Stone","We must balance conspicuous consumption with conscious capitalism. -- Kevin Kruse","Life is what happens to you while you’re busy making other plans. -- John Lennon","We become what we think about. -- Earl Nightingale","14.Twenty years from now you will be more disappointed by the things that you didn’t do than by the ones you did do, so throw off the bowlines, sail away from safe harbor, catch the trade winds in your sails.  Explore, Dream, Discover. -- Mark Twain","15.Life is 10% what happens to me and 90% of how I react to it. -- Charles Swindoll","The most common way people give up their power is by thinking they don’t have any. -- Alice Walker","The mind is everything. What you think you become. -- Buddha","The best time to plant a tree was 20 years ago. The second best time is now. -- Chinese Proverb","An unexamined life is not worth living. -- Socrates","Eighty percent of success is showing up. -- Woody Allen","Your time is limited, so don’t waste it living someone else’s life. -- Steve Jobs","Winning isn’t everything, but wanting to win is. -- Vince Lombardi","I am not a product of my circumstances. I am a product of my decisions. -- Stephen Covey","Every child is an artist.  The problem is how to remain an artist once he grows up. -- Pablo Picasso","You can never cross the ocean until you have the courage to lose sight of the shore. -- Christopher Columbus","I’ve learned that people will forget what you said, people will forget what you did, but people will never forget how you made them feel. -- Maya Angelou","Either you run the day, or the day runs you. -- Jim Rohn","Whether you think you can or you think you can’t, you’re right. -- Henry Ford","The two most important days in your life are the day you are born and the day you find out why. -- Mark Twain","Whatever you can do, or dream you can, begin it.  Boldness has genius, power and magic in it. -- Johann Wolfgang von Goethe","The best revenge is massive success. -- Frank Sinatra","People often say that motivation doesn’t last. Well, neither does bathing.  That’s why we recommend it daily. -- Zig Ziglar","Life shrinks or expands in proportion to one’s courage. -- Anais Nin","If you hear a voice within you say “you cannot paint,” then by all means paint and that voice will be silenced. -- Vincent Van Gogh","There is only one way to avoid criticism: do nothing, say nothing, and be nothing. -- Aristotle","Ask and it will be given to you; search, and you will find; knock and the door will be opened for you. -- Jesus"];
var state;
function quotesFunc(){
var shuffleQuotes = quotes[Math.floor(Math.random() * quotes.length)];
  document.getElementById("showQuotes").innerHTML = shuffleQuotes;
 	
}
function preFunc(){
	if(shuffleQuotes == true){
		var prevQuotes = quotes.length -1;
	}
	document.getElementById("showQuotes").innerHTML;
 	
 	}

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.2.0/umd/react.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.2.0/umd/react-dom.development.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script>

style.css

:root {
  --main-color: #fff;
	--background: #C05740;
	}
#btn button {
  color: var(--main-color);
}
#inner-container{
	background-color: var(--background)
}

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0/css/bootstrap.css" rel="stylesheet" />