Zipline Random Quote Machine

Developer
DannyCoder
Size
4,902 Kb
Views
18,216
  1. Zipline Random Quote Machine Previews
  2. Zipline Random Quote Machine HTML Codes
  3. Zipline Random Quote Machine CSS Codes
  4. Zipline Random Quote Machine JS Codes

How do I make an zipline random quote machine?

FreeCodeCampus - Project Zipline: Build A Random Quote Machine. What is a zipline random quote machine? How do you make a zipline random quote machine? This script and codes were developed by DannyCoder on 06 November 2022, Sunday.

Zipline Random Quote Machine Previews
IQ Test

Zipline Random Quote Machine - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Zipline Random Quote Machine</title>
<link href='https://fonts.googleapis.com/css?family=Alegreya:400,900,700' rel='stylesheet' type='text/css'>
<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css' rel='stylesheet' type='text/css'> <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container text-center">
<div class="panel panel-default"> <div class="panel-heading"> <h1><i class="fa fa-comments-o"></i>&nbsp;&nbsp;Random Quote Machine</h1> </div> <div class="panel-body"> <a href="#" target="_blank" id="twitter-btn"><i class="fa fa-twitter"></i></a> <blockquote><i class="fa fa-quote-left fa-3x fa-pull-left"></i> <p id="quote-text">It turns out, though, that most of what we make or design is actually aimed at a public that is there for something else. The design is important, but the design is not the point. Call it “public design”…</p> <footer id="quote-author">Someone famous in </footer>
</blockquote> </div><!-- /.panel-body -->
</div><!-- /.panel --> <p> <button id="btn-random" class="btn btn-primary btn-lg" role="button"><i class="fa fa-cog fa-spin"></i>&nbsp;&nbsp;Generate Random Quote</button></p> <p id="quote-link">Read more quotes <a href="http://www.brainyquote.com/" target=_blank >here</a></p> </div> <!-- /container --> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Zipline Random Quote Machine - Script Codes CSS Codes

body { padding-top: 40px; padding-bottom: 40px; background-color: #ecf0f1;
}
.container { max-width: 700px;
}
h1 { font-family: 'Alegreya', serif; font-size: 40px; font-size: bold; color: #337AB7;
}
blockquote p { font-size: 30px; text-align: left;
}
blockquote footer{ text-align: right;
}
.panel, .btn { -webkit-box-shadow: -1px 3px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: -1px 3px 8px 0px rgba(0,0,0,0.3); box-shadow: -1px 3px 8px 0px rgba(0,0,0,0.3);
}
.panel-body { position: relative;
}
#twitter-btn { position: absolute; right: 20px; top: 5px; font-size: 30px;
} a#twitter-btn{ color: 0084b4;
}

Zipline Random Quote Machine - Script Codes JS Codes

 $(function () { var quotes = [ ["William Gibson", "I'm interested in how people all over the world array themselves and go forth in the morning to do whatever they have to do to make a living."], ["Paul Stamets", "Mushrooms provide a vast array of potential medicinal compounds. Many mushrooms - such as portobello, oyster, reishi and maitake - are well-known for these properties, but the lion's mane mushroom, in particular, has drawn the attention of researchers for its notable nerve-regenerative properties."], ["Marie Rutkoski", "Any consideration of the story we call 'Cinderella' for simplicity's sake must acknowledge that 'Cinderella' has had a dizzying array of personae over hundreds of years, in several cultures. There is no one authoritative tale of 'Cinderella,' only a hall of mirrors with a different face in each reflection."], ["Marc Andreessen", "If the Net becomes the center of the universe, which is what seems to be happening, then the dizzying array of machines that will be plugged into it will virtually guarantee that the specifics of which chip and which operating system you've got will be irrelevant."], ["Fred Upton", "Americans want and deserve a broad array of health insurance choices so they can identify those that best fit their own individual or family needs. These choices expand when we allow free enterprise to foster innovation, not smother it with taxes and one-size fits all ideology."], ["Mark Ronson", "Being a die-hard Knicks fan, I remember hunting down these orange-and-blue Nikes that they only released in England. And I used to hunt for sneakers when I DJ'd in Japan. But then Nike flooded the market with a head-spinning array of color combinations and it just didn't seem cool anymore."], ["Chad Hurley", "Being a die-hard Knicks fan, I remember hunting down these orange-and-blue Nikes that they only released in England. And I used to hunt for sneakers when I DJ'd in Japan. But then Nike flooded the market with a head-spinning array of color combinations and it just didn't seem cool anymore."], ["Yann Martel", "In all big cities the style of life is the same. Same endless array of restaurants; same big museums with the usual suspects; same anonymity, which can be thrilling when you're young but which I found got tiresome."], ["Mark Twain", "The secret of getting ahead is getting started."], ["Robert H. Shculler", "Problems are not stop signs, they are guidelines."], ["Albert Einsten", "You have to learn the rules of the game. And then you have to play better than anyone else."], ["Lau Tzu", "Do the difficult things while they are easy and do the great things while they are small. A journey of a thousand miles must begin with a single step."], ["Woodrow Wilson", "You are not here merely to make a living. You are here in order to enable the world to live more amply, with greater vision, with a finer spirit of hope and achievement. You are here to enrich the world, and you impoverish yourself if you forget the errand."], ["Eileen Caddy", "Set your sights high, the higher the better. Expect the most wonderful things to happen, not in the future but right now. Realize that nothing is too good. Allow absolutely nothing to hamper you or hold you up in any way."], ["Ron White", "I believe that if life gives you lemons, you should make lemonade... And try to find somebody whose life has given them vodka, and have a party."], ["Lana Turner", "A successful man is one who makes more money than his wife can spend. A successful woman is one who can find such a man."], ["Wiston Churchill", "I may be drunk, Miss, but in the morning I will be sober and you will still be ugly."], ["Jane Wagner", "All my life, I always wanted to be somebody. Now I see that I should have been more specific"], ["Ellen DeGeneres", "My grandmother started walking five miles a day when she was sixty. She's ninety-seven now, and we don't know where the hell she is"], ["Arnold H. Glasow", "A good leader takes a little more than his share of the blame, a little less than his share of the credit."], ["Sam Walton", "Outstanding leaders go out of their way to boost the self-esteem of their personnel. If people believe in themselves, it's amazing what they can accomplish."], ["Mainmonides", "Give a man a fish and you feed him for a day; teach a man to fish and you feed him for a lifetime."], ["Walt Disney", "I would rather entertain and hope that people learned something than educate people and hope they were entertained."], ]; var randomQuoteNum = Math.floor(Math.random() * (quotes.length)); //Change p#quote-text on load $("#quote-text").html(quotes[randomQuoteNum][1]); $("#quote-author").html(quotes[randomQuoteNum][0]); $("#btn-random").click(function() { randomQuoteNum = Math.floor(Math.random() * (quotes.length)); $(".btn").hide(); $("#quote-link").hide(); $('.panel-body').slideUp('slow', function(){ $("#quote-text").html(quotes[randomQuoteNum][1]); $("#quote-author").html(quotes[randomQuoteNum][0]); }).delay(200).slideDown('slow', function(){ $(".btn").fadeIn(300); $("#quote-link").fadeIn(1500); }); }); $( "#twitter-btn" ).click(function() { var text = $("#quote-text").text(); var twitterLink = "https://twitter.com/intent/tweet?text=" + text; $("#twitter-btn").attr("href", twitterLink); }); });
Zipline Random Quote Machine - Script Codes
Zipline Random Quote Machine - Script Codes
Home Page Home
Developer DannyCoder
Username DannyCoder
Uploaded November 06, 2022
Rating 3
Size 4,902 Kb
Views 18,216
Do you need developer help for Zipline Random Quote Machine?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

DannyCoder (DannyCoder) Script Codes
Name
CamperNews
Palindromes
Personal Portfolio Webpage
Twitch Streamers
Pomodoro Clock
A Pen by DannyCoder
Local Weather
Calculator
Create amazing marketing copy with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!