LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code
CSS
@import url(https://fonts.googleapis.com/css?family=Fira+Sans:400,500italic);
@import url("https://fonts.googleapis.com/css?family=Bangers");
html {
  height: 100%;
  background-color: #222024;
  background: radial-gradient(circle at center, #47414c 0%, #222024 100%);
  background-repeat: no-repeat;
}

body {
  text-align: center;
  font: normal 100% 'Fira Sans', sans-serif;
}

a {
  color: #fee;
}

.speech-bubble {
  position: absolute;
  background: #ddd;
  border: .1em solid black;
  border-radius: .4em;
  top: -130px;
  left: 50%;
  white-space: nowrap;
  -webkit-transform: translateX(-45%) rotate(-10deg);
          transform: translateX(-45%) rotate(-10deg);
}

.speech-bubble:before, .speech-bubble:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 25px solid transparent;
  border-top-color: #ddd;
  border-bottom: 0;
  border-left: 0;
  margin-left: -10px;
  margin-bottom: -19px;
}

.speech-bubble:before {
  border-top-color: black;
  margin-left: -13px;
  margin-bottom: -29px;
}

#quotecontainer {
  display: inline-block;
  padding: .5em;
  font-size: 3em;
  font-family: Bangers, cursive;
}

#quotecontainer span {
  position: relative;
  display: inline-block;
}

.wrapper {
  position: absolute;
  left: 50%;
  top: 60%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
JS
var holyRobin = function() {

	// Default options
	this.options = {
	}

	// Extend default options with the passed in arguments
	if (arguments[0] && typeof arguments[0] === "object") {
		this.options = extendDefaults(this.options, arguments[0]);
	}

	var quotes = ['Agility', 'Almost', 'Alphabet', 'Alps', 'Alter Ego', 'Anagram', 'Apparition', 'Armadillo', 'Armour Plate', 'Ashtray', 'Asp', 'Astronomy', 'Astringent Plum-like Fruit', 'Audubon', 'Backfire', 'Ball And Chain', 'Bank Balance', 'Bankruptcy', 'Banks', 'Bargain Basements', 'Barracuda', 'Bat Logic', 'Bat Trap', 'Batman', 'Benedict Arnold', 'Bijou', 'Bikini', 'Bill Of Rights', 'Birthday Cake', 'Black Beard', 'Blackout', 'Blank Cartridge', 'Blizzard', 'Blonde Mackerel Ash', 'Bluebeard', 'Bouncing Boiler Plate', 'Bowler', 'Bullseye', 'Bunions', 'Caffeine', 'Camouflage', 'Captain Nemo', 'Caruso', 'Catastrophe', 'Cat(s)', 'Chicken Coop', 'Chilblains', 'Chocolate Eclair', 'Cinderella', 'Cinemascope', 'Cliche', 'Cliffhangers', 'Clockwork', 'Clockworks', 'Cofax You Mean', 'Coffin Nails', 'Cold Creeps', 'Complications', 'Conflagration', 'Contributing to the Delinquency of Minors', 'Corpuscles', 'Cosmos', 'Costume Party', 'Crack Up', 'Crickets', 'Crossfire', 'Crucial Moment', 'Cryptology', 'D\'artagnan', 'Davy Jones', 'Detonator', 'Disappearing Act', 'Distortion', 'Diversionary Tactics', 'Dr. Jekyll and Mr. Hyde', 'Egg Shells', 'Encore', 'Endangered Species', 'Epigrams', 'Escape-hatch', 'Explosion', 'Fate-worse-than-death', 'False Front', 'Felony', 'Finishing-touches', 'Fireworks', 'Firing Squad', 'Fishbowl', 'Flight Plan', 'Flip-flop', 'Flood Gate', 'Floor Covering', 'Flypaper', 'Fly Trap', 'Fog', 'Forecast', 'Fork In The Road', 'Fourth Amendment', 'Fourth Of July', 'Frankenstein', 'Frankenstein It\'s Alive', 'Fratricide', 'Frogman', 'Fruit Salad', 'Frying Towels', 'Funny Bone', 'Gall', 'Gambles', 'Gemini', 'Geography', 'Ghost Writer', 'Giveaways', 'Glow Pot', 'Golden Gate', 'Graf Zeppelin', 'Grammar', 'Graveyards', 'Greed', 'Green Card', 'Greetings-cards', 'Guacamole', 'Guadalcanal', 'Gullibility', 'Gunpowder', 'Haberdashery', 'Hailstorm', 'Hairdo', 'Hallelujah', 'Halloween', 'Hallucination', 'Hamburger', 'Hamlet', 'Hamstrings', 'Happenstance', 'Hardest Metal In The World', 'Harem', 'Harshin', 'Haziness', 'Headache', 'Headline', 'Heart Failure', 'Heartbreak', 'Heidelberg', 'Helmets', 'Helplessness', 'Here We Go Again', 'Hi-fi', 'Hieroglyphic', 'High-wire', 'Hijack', 'Hijackers', 'History', 'Hoaxes', 'Hole In A Donut', 'Hollywood', 'Holocaust', 'Homecoming', 'Homework', 'Homicide', 'Hoodwink', 'Hoof Beats', 'Hors D\'Oeuvre', 'Horseshoes', 'Hostage', 'Hot Foot', 'Houdini', 'Human Collectors Item', 'Human Pearls', 'Human Pressure Cookers', 'Human Surfboards', 'Hunting Horn', 'Hurricane', 'Hutzpa', 'Hydraulics', 'Hypnotism', 'Hypodermics', 'Ice Picks', 'Ice Skates', 'Iceberg', 'Impossibility', 'Impregnability', 'Incantation', 'Inquisition', 'Interplanetary Yardstick', 'Interruptions', 'Iodine', 'IT and T', 'Jack In The Box', 'Jackpot', 'Jail Break', 'Jaw Breaker', 'JB Hi Fi', 'Jelly Molds', 'Jet Set', 'Jigsaw Puzzles', 'Jitter Bugs', 'Joe', 'Journey To The Center Of The Earth', 'Jumble', 'Jumpin\' Jiminy', 'Karats', 'Key Hole', 'Key Ring', 'Kilowatts', 'Kindergarten', 'Knit One Purl Two', 'Knock Out Drops', 'Known Unknown Flying Objects', 'Kofax', 'Las Vegas', 'Leopard', 'Levitation', 'Liftoff', 'Living End', 'Lodestone', 'Long John Silver', 'Looking Glass', 'Love Birds', 'Luther Burbank', 'Madness', 'Magic Lantern', 'Magician', 'Main Springs', 'Marathon', 'Mashed Potatoes', 'Masquerade', 'Matador', 'Mechanical Armies', 'Memory Bank', 'Merlin Magician', 'Mermaid', 'Merry Go Around', 'Mesmerism', 'Metronome', 'Miracles', 'Miscast', 'Missing Relatives', 'Molars', 'Mole Hill', 'Moly', 'Mucilage', 'Multitudes', 'Murder', 'Mush', 'Naive', 'New Year\'s Eve', 'Nick Of Time', 'Nightmare', 'Non Sequiturs', 'Oleo', 'Olfactory', 'One Track Bat Computer Mind', 'Oversight', 'Oxygen', 'Paderewski', 'Paraffin', 'Perfect Pitch', 'Pianola', 'Pin Cushions', 'Polar Front', 'Polar Ice Sheet', 'Polaris', 'Popcorn', 'Potluck', 'Pressure Cooker', 'Priceless Collection of Etruscan Snoods', 'Pseudonym', 'Purple Cannibals', 'Puzzlers', 'Rainbow', 'Rats In A Trap', 'Ravioli', 'Razors Edge', 'Recompense', 'Red Herring', 'Red Snapper', 'Reincarnation', 'Relief', 'Remote Control Robot', 'Reshevsky', 'Return From Oblivion', 'Reverse Polarity', 'Rheostat', 'Ricochet', 'Rip Van Winkle', 'Rising Hemlines', 'Roadblocks', 'Robert Louis Stevenson', 'Rock Garden', 'Rocking Chair', 'Romeo And Juliet', 'Rudder', 'Safari', 'Sarcophagus', 'Sardine', 'Scalding', 'Schizophrenia', 'Sedatives', 'Self Service', 'Semantics', 'Serpentine', 'Sewer Pipe', 'Shamrocks', 'Sherlock Holmes', 'Show-Ups', 'Showcase', 'Shrinkage', 'Shucks', 'Skull Tap', 'Sky Rocket', 'Slipped Disc', 'Smoke', 'Smokes', 'Smokestack', 'Snowball', 'Sonic Booms', 'Special Delivery', 'Spider Webs', 'Split Seconds', 'Squirrel Cage', 'Stalactites', 'Stampede', 'Standstills', 'Steam Valve', 'Stew Pot', 'Stomach Aches', 'Stratosphere', 'Stuffing', 'Subliminal', 'Sudden Incapacitation', 'Sundials', 'Superlatives', 'Surprise Party', 'Switch A Roo', 'Taj Mahal', 'Tartars', 'Taxation', 'Taxidermy', 'Tee Shot', 'Ten Toes', 'Terminology', 'Time Bomb', 'Tintinnabulation', 'Tipoffs', 'Titanic', 'Tome', 'Toreador', 'Trampoline', 'Transistors', 'Travel Agent', 'Trickery', 'Triple Feature', 'Trolls And Goblins', 'Tuxedo', 'Uncanny Photographic Mental Processes', 'Understatements', 'Underwritten Metropolis', 'Unlikelihood', 'Unrefillable Prescriptions', 'Vat', 'Venezuela', 'Vertebrae', 'Voltage', 'Waste Of Energy', 'Wayne Manor', 'Weaponry', 'Wedding Cake', 'Wernher von Braun', 'Whiskers', 'Wigs', 'Zorro'];

	var quoteContainer = document.querySelector('#quotecontainer');
	if (!quoteContainer) {
		quoteContainer = document.createElement('div');
		quoteContainer.setAttribute('id','quotecontainer');
		quoteContainer.classList.add('speech-bubble');
		document.querySelector('.wrapper').appendChild(quoteContainer);
	}
	var bubble = document.querySelector('.speech-bubble');
	var pos = parseInt(Math.random() * quotes.length);
	var selectedQuote = 'Holy ' + quotes[pos] + '!';
	var len = selectedQuote.length;
	var step = 1/len;
	var newQuote = '';

	bubble.style.transform = 'translateX(-45%) rotate(-' + (15-len/2) + 'deg)';
	for (var i=0;i' + v + '';
	}

	quoteContainer.innerHTML = newQuote;

	// Utility method to extend defaults with user options
	function extendDefaults(source, properties) {
		var property;
		for (property in properties) {
			if (properties.hasOwnProperty(property)) {
				source[property] = properties[property];
			}
		}
		return source;
	}
}

var hr = new holyRobin();

Description

Shows randomly one of the 368 "Holy..." exclamations which were uttered by Robin in the 1960s Batman TV series.
Term
Wed, 12/27/2017 - 06:59

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv