A Pen by Steven

Developer
Size
2,755 Kb
Views
42,504

How do I make an a pen by steven?

What is a a pen by steven? How do you make a a pen by steven? This script and codes were developed by Steven on 31 July 2022, Sunday.

A Pen by Steven Previews

A Pen by Steven - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Steven</title> <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"> <h1>Chuck Norris</h1> <button id="generate" class="btn btn-lg">Next Quote</button> <p class="quote"><span id="chuck" class="quotetext"></span> <div id="citation"><cite><a href="http://www.icndb.com/">http://www.icndb.com/</a></cite></div> <div id="twit"></div></p> <script src="https://platform.twitter.com/widgets.js"></script>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

A Pen by Steven - Script Codes CSS Codes

html,
body { height: 100%; color: black;
}
body { background-repeat: no-repeat; background-image: -webkit-linear-gradient(-28deg, #000 0%, rgb(26, 39, 105) 15%, rgb(62, 109, 171) 35%, rgb(26, 39, 105) 99%, rgb(26, 39, 105) 100%); background-image: -moz-linear-gradient(-28deg, #000 0%, rgb(26, 39, 105) 15%, rgb(62, 109, 171) 35%, rgb(26, 39, 105) 99%, rgb(26, 39, 105) 100%); background-image: -o-linear-gradient(-28deg, #000 0%, rgb(26, 39, 105) 15%, rgb(62, 109, 171) 35%, rgb(26, 39, 105) 99%, rgb(26, 39, 105) 100%); background-image: -ms-linear-gradient(-28deg, #000 0%, rgb(26, 39, 105) 15%, rgb(62, 109, 171) 35%, rgb(26, 39, 105) 99%, rgb(26, 39, 105) 100%); text-align: center;
}
h1 { font-family: "Simsun"; font-weight: 900; font-size: 50px; color: black; text-shadow: 3px 3px 7px black;
}
.btn { margin-top: 20px; margin-bottom: 20px; box-shadow: 2px 2px 10px 2px #000000; border: solid black; border-radius: 10px; font-weight: 900; background: rgba(1, 255, 255, .2); transition: all .5s; -webkit-transition: all .5s;
}
.btn:hover { background: rgba(255, 255, 1, .2); box-shadow: 2px 2px 5px 2px #000000;
}
.btn:active { background: #ffffff; box-shadow: 2px 2px 5px 2px #000000;
}
.quote { width: 50%; margin: 20px 25%; border-radius: 20px; box-shadow: -10px 10px 30px 10px black; border: solid; padding: 20px 10px; background: rgba(1, 255, 255, .2);
}
.quotetext { font-size: larger; font-weight: 700;
}
#twit { width: 50%; margin: -10px 25%; text-align: right !important;
}
#citation { width:50%; margin-bottom: 0px; margin-top: -20px; margin-left: 25%; margin-right: 25%; text-align:left;
}

A Pen by Steven - Script Codes JS Codes

function nextQuote() { var chuckAPI="http://api.icndb.com/jokes/random?firstName=Chuck&lastName=Norris&callback=?"; $.getJSON(chuckAPI).done(function(data) { $("#chuck").html(data.value.joke); $('#twit iframe').remove(); // Generate new markup var tweetBtn = $('<a></a>') .addClass('twitter-share-button', 'twitbtn') .attr('href', 'http://twitter.com/share') .attr('data-url', 'http://volv.org/fcc/quotegen/') .attr('data-text', data.value.joke) .attr('data-size', 'large') .attr('data-via', 'volv777'); $('#twit').append(tweetBtn); twttr.widgets.load(); });
}
$("#generate").click(nextQuote);
nextQuote();
/* var flickerAPI = "http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?"; yodude = $.getJSON( flickerAPI, { tags: "zelda", tagmode: "any", format: "json" }).done(function( data ) { $.each( data.items, function( i, item ) { $( "<img>" ).attr( "src", item.media.m ).appendTo( "#images" ); if ( i === 3 ) { return false; } }); }); */
A Pen by Steven - Script Codes
A Pen by Steven - Script Codes
Home Page Home
Developer Steven
Username volv
Uploaded July 31, 2022
Rating 3
Size 2,755 Kb
Views 42,504
Do you need developer help for A Pen by Steven?

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!

Steven (volv) Script Codes
Create amazing art & images 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!