Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Details

Privacy

Go PRO Window blinds lowered to protect code. Code Editor with window blinds (raised) and a light blub turned on.

Keep it secret; keep it safe.

Private Pens are hidden everywhere on CodePen, except to you. You can still share them and other people can see them, they just can't find them through searching or browsing.

Upgrade to PRO

Behavior

Auto Save

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

Template

Make Template?

Templates are Pens that can be used to start other Pens quickly from the create menu. The new Pen will copy all the code and settings from the template and make a new Pen (that is not a fork). You can view all of your templates, or learn more in the documentation.

Template URL

Any Pen can act as a template (even if you don't flip the toggle above) with a special URL you can use yourself or share with others. Here's this Pen's template URL:

Screenshot

Screenshot or Custom Thumbnail

Screenshots of Pens are shown in mobile browsers, RSS feeds, to users who chose images instead of iframes, and in social media sharing.

This Pen is using the default Screenshot, generated by CodePen. Upgrade to PRO to upload your own thumbnail that will be displayed on previews of this pen throughout the site and when sharing to social media.

Upgrade to PRO

HTML

              
                <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<body>
  <div id="titleContainer">
    <h1 id="title">
        The Art Of War
      </h1>
  </div>
  <div class="container">
    <div id="content">
      <p id="quote"></p>
    </div>
  </div>
  <div id="b-nav">
    <ul>
      <button id="gen" onclick="genQuote2()">Mockery</button>
      <button id="gen2" onclick="genQuote()">Poetry</button>
    </ul>
  </div>
              
            
!

CSS

              
                html, 
{
    overflow: scroll;
}
body {
  overflow-x: hidden;
/*  overflow-y: hidden;*/
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: black;
  background-image: url('http://dreadgazebo.net/wp-content/uploads/2014/08/wilds.jpg');
 /* background-repeat: repeat-x;*/
  background-position: top;
  z-index: -2;
}

.wrapper {
  background-color: red;
}

span {
  border-radius: 100px;
  opacity: 0.75;
  filter: alpha(opacity=75); /* For IE8 and earlier */
}

#content {
  height: 15em;
}
p {
  max-width: 30em;
  color: white;
  font-family: "Adobe Caslon Pro",
    "Hoefler Text",
    Georgia,
    Garamond,
    Times,
    serif;
  letter-spacing: 0.1em;
  text-align: center;
  margin: -180px auto;
  text-transform: lowercase;
  line-height: 140%;
  font-size: 1.5em;
  font-variant: small-caps;
}

#titleContainer {
  height: 3em;
}

h1 {
  max-width: 30em;
  color: white;
  font-family: "Adobe Caslon Pro",
    "Hoefler Text",
    Georgia,
    Garamond,
    Times,
    serif;
  letter-spacing: 0.1em;
  text-align: center;
  margin: 40px auto;
  text-transform: lowercase;
  line-height: 145%;
  font-size: 4em;
  font-variant: small-caps;
}

p :hover {
  text-decoration: none;
}

.container {
  padding-top: 14em;
  text-align: center;
}

#b-nav {
  padding-bottom: 20em;
  position: fixed 
  width: 100%;
  bottom: 2em;
  
}

#b-nav ul {
  margin: 0;
  padding: 0.5em;
  list-style-type: none;
  text-align: center;
}

#b-nav ul li {
  display: inline;
}

#b-nav ul li a {
  text-decoration: none;
  padding: .2em 1em;
  background-color: black;
  opacity: 0.4;
  filter: alpha(opacity=40); /* For IE8 and earlier */
}

.hold {
  width: 100%;
  text-align: left;
}

#gen {
  outline: none;
  padding-top: 5px;
  text-decoration: none;
  opacity: 0.6;
  background-color: black;
  color: white;
  border: thin solid white;
  height: 40px;
  width: 100px;
  border-radius: 10px;
  transition: 0.5s;
  /*margin: -100px auto;*/
  /* margin: -3%; */
  position: fixed;
  bottom: 2%;
  left: 20%;

}

#gen:hover {
  background-color: black;
  color: white;
  border: thin solid white;
  opacity: 1;
}

#gen a {
  text-decoration: none;
}

#gen2 {
  outline: none;
  padding-top: 5px;
  text-decoration: none;
  opacity: 0.6;
  background-color: black;
  color: white;
  border: thin solid white;
  height: 40px;
  width: 100px;
  border-radius: 10px;
  transition: 0.5s;
  /*margin: -100px auto;*/
  position: fixed;
  bottom: 2%;
  right: 20%;

}

#gen2:hover {
  background-color: black;
  color: white;
  border: thin solid white;
  opacity: 1;
}

#gen2 a {
  text-decoration: none;
}

#title {
  outline: none;
  text-align: center;
  padding-bottom: 1.4em;
  text-decoration: none;
  opacity: 0.6;
  background-color: black;
  color: white;
  border: thin solid white;
  height: 30px;
  width: 250px;
  border-radius: 10px;
}

/*@media screen 
 and (max-device-width: 800px) 
  and (max-device-height: 640px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {
    p {
      font-size: 1em;
    }
}
*/

/* @media start */

/* we don't need to specify for smartphones, that's our default layout */

/*
          -7 inch tablets
          -This CSS will apply for devices with the minimum width of 480 pixels
          */
@media only screen and (min-width: 100px) {
  h1 {
    font-size: 2em;
  }

  nav ul li {
    float: left;
    width: 25%;
  }
}

/*
          -10 inch tablets
          -This CSS will apply for devices with the minimum width of 768 pixels
          */
@media only screen and (min-width: 768px) {
  p {
    font-size: 2em;
  }
}

/*
          -Desktop computers
          -This CSS will apply for devices with the minimum width of 1140 pixels
          */
@media only screen and (min-width: 1140px) {
  #gen{
    left: 42%;
  }
  #gen2{
    right: 42%;
  }
}

              
            
!

JS

              
                function genQuote() {
  var randNum = Math.floor(Math.random() * quotes.length);
  document.getElementById("quote").innerHTML = quotes[randNum];
  console.log(randNum)
}

function genQuote2() {
  var randNum = Math.floor(Math.random() * quotes2.length);
  document.getElementById("quote").innerHTML = quotes2[randNum];
  console.log(randNum)
}

var quotes = [
  '"The general who wins the battle makes many calculations in his temple before the battle is fought. The general who loses makes but few calculations beforehand"',
  '"A leader leads by example not by force"',
  '"The control of a large force is the same principle as the control of a few men: it is merely a question of dividing up their numbers"',
  '"The ultimate in disposing one\'s troops is to be without ascertainable shape. Then the most penetrating spies cannot pry in nor can the wise lay plans against you"',
  '"If words of command are not clear and distinct, if orders are not thoroughly understood, the general is to blame. But if his orders ARE clear, and the soldiers nevertheless disobey, then it is the fault of their officers"',
  '"Strategy without tactics is the slowest route to victory. Tactics without strategy is the noise before defeat"',
  '"All warfare is based on deception"',
  '"If fighting is sure to result in victory, then you must fight"',
  '"One defends when his strength is inadaquate, he attacks when it is abundan"',
  '"The quality of decision is like the well-timed swoop of a falcon which enables it to strike and destroy its victim"',
  '"When the enemy is at ease, be able to weary him; when well fed, to starve him; when at rest, to make him move. Appear at places to which he must hasten; move swiftly where he does not expect you"',
  '"If you know your enemy and you know yourself you need not fear the results of a hundred battles. If you know yourself but not the enemy for every victory gained you will also suffer a defeat. If you know neither the enemy nor yourself you will succumb in every battle"',
  '"The general who advances without coveting fame and retreats without fearing disgrace, whose only thought is to protect his country and do good service for his sovereign, is the jewel of the kingdom"',
  '"For to win one hundred victories in one hundred battles is not the acme of skill. To subdue the enemy without fighting is the acme of skill"',
  '"What the ancients called a clever fighter is one who not only wins, but excels in winning with ease"',
  '"To a surrounded enemy, you must leave a way of escape"',
  '"To know your Enemy, you must become your Enemy"',
  '"Thus, what is of supreme importance in war is to attack the enemy\'s strategy"',
  '"a leader leads by example not forc"',
  '"Too frequent rewards indicate that the general is at the end of his resources; too frequent punishments that he is in acute distress"',
  '"Pretend inferiority and encourage his arrogance"',
  '"All men can see these tactics whereby I conquer, but what none can see is the strategy out of which victory is evolved"',
  '"If we do not wish to fight, we can prevent the enemy from engaging us even though the lines of our encampment be merely traced out on the ground. All we need to do is to throw something odd and unaccountable in his way"',
  '"A military operation involves deception. Even though you are competent, appear to be incompetent. Though effective, appear to be ineffective"',
  '"Victorious warriors win first and then go to war, while defeated warriors go to war first and then seek to win"',
  '"The best victory is when the opponent surrenders of its own accord before there are any actual hostilities... It is best to win without fighting"',
  '"Opportunities multiply as they are seized"',
  '"Speed is the essence of war. Take advantage of the enemy\'s unpreparedness; travel by unexpected routes and strike him where he has taken no precautions"',
  '"If your opponent is of choleric temperament, seek to irritate him"',
  '"Management of many is the same as management of few. It is a matter of organization"',
  '"The good fighters of old first put themselves beyond the possibility of defeat, and then waited for an opportunity of defeating the enemy"',
  '"Build your opponent a golden bridge to retreat across"',
  '"Swift as the wind. Quiet as the forest. Conquer like the fire. Steady as the mountai"',
  '"It is essential to seek out enemy agents who have come to conduct espionage against you and to bribe them to serve you. Give them instructions and care for them. Thus doubled agents are recruited and used"',
  '"Now the reason the enlightened prince and the wise general conquer the enemy whenever they move and their achievements surpass those of ordinary men is foreknowledge"',
  '"And therefore those skilled in war bring the enemy to the field of battle and are not brought there by him"',
  '"There is no instance of a nation benefitting from prolonged warfare"',
  '"When able to attack, we must seem unable; when using our forces, we must seem inactive; when we are near, we must make the enemy believe we are far away; when far away, we must make him believe we are nea"',
  '"When torrential water tosses boulders, it is because of its momentum. When the strike of a hawk breaks the body of its prey, it is because of timing"',
  '"Secret operations are essential in war; upon them the army relies to make its every move"',
  '"It is said that if you know your enemies and know yourself, you will not be imperilled in a hundred battles; if you do not know your enemies but do know yourself, you will win one and lose one; if you do not know your enemies nor yourself, you will be imperilled in every single battle"',
  '"He who knows when he can fight and when he cannot will be victorious"',
  '"Subtle and insubstantial, the expert leaves no trace; divinely mysterious, he is inaudible. Thus he is master of his enemy\'s fate"',
  '"A skilled commander seeks victory from the situation and does not demand it of his subordinates"',
  "BLANK (I got nothing :S)",
  '"Dude, suckin\' at something is the first step at being sorta good at something."',
  '"Either I will find a way, or I will make one."',
  '"Our greatest weakness lies in giving up. The most certain way to succeed is always to try just one more time."',
  '"You are never too old to set another goal or to dream a new dream."',
  '"If you can dream it, you can do it."',
  '"Never give up, for that is just the place and time that the tide will turn."',
  ' "I know where Im going and I know the truth, and I dont have to be what you want me to be. Im free to be what I want." ',
  '"If you always put limit on everything you do, physical or anything else. It will spread into your work and into your life. There are no limits. There are only plateaus, and you must not stay there, you must go beyond them." ',
  ' "Im doing pretty good as far as geniuses go." ' ,
' "Give me respect, dammit, or get damaged." ' ,
' "Im still not a player, but you still a hater." ' ,
' "F**k hashtags and retweets." ' ,
' "Let he who is without sin cast the first stone, after you who’s last, it’s Doom, he’s the worst known" ' ,
' "I ain’t a saint B, I ain’t a god. I ain’t a angel neither but I try hard." ' ,
' "You know it’s funny when it rains it pours. They got money for wars, but can’t feed the poor." ' ,
' "If you battle BL you picked the wrong head I smash mics like cornbread, you can’t kill me I was born dead" ' ,
' "Humans start to mumble, they wanna rumble Mix em and cook em in a pot like gumbo" ' ,
' "Ill puke, eat it, and freak you (eww) Battle? I’m too weeded to speak to The only key that I see to defeat you would be for me to remove these two shoes and beat you" ' ,
' "Life without knowledge is death in disguise" ' ,
' "I might be no body, but wait til Im together like a symphony" ' ,
' "Worst comes to worst, my peoples (party) come first" ' ,
' "Too ambitious and too damn timid, and too thrilled that the glass was half filled to wonder what was In It." ' ,
' "But whats it all worth? cant take it when you under this earth Rich men died and tried, but none of it worked" ' ,
' "I got techniques drippin out my buttcheeks, sleep on my stomach so I don’t fuck up my sheets." ' ,
' "Friends, Romans, countrymen lend me yo eardrums It was a beautiful day off in the neighborhood Yellows and greens and blues and browns And greys and hues that ooze beneath dilapidated woods" ' ,
' "I got sick of class, so I started making classics" ' ,
' "Rat-tat-tat goes the gat to the devil’s fac. I hope he think about how he done us when he lay to waste. And get the feeling of the peeling from the other side. From weapons given to my people from my own kind." ' ,
' "Rhymes more fresher than a virgin in a frigerator." ' ,
' "Always exhale the facts, cause I don’t inhale lies." ' ,
' "So when the devil wants to dance with you, you better say never, Because the dance with the devil might last you forever." ' ,
' "We went from candy bars, to handle bars, to hangin’ in bars, to being behind bars" ' ,
' "You ain’t as hard as you act. When I investigation check pussy, I end up at your welcome mat…" ' ,
' "Music is a form of expression, Imma use mine just to teach you a lesson." ' ,
' "We missed a lot of church, so the music is our confessional" ' ,
' "We got to mediate our greedy levels, Cause the lust of currency can have us sleepin with the devil." ' ,
' "Gangsta rappers cant fight, so they rap about guns." ' ,
' "Pain took the softness away and left the hard half." ' ,
' "You gotta get back to your essence, Use your gifts and share your presence." ' ,
' "It was you that chose your due, You built a maze you can’t get through. I tried to help you all I can, Now I can’t do nuttin for you, man!" ' ,
' "If you aint using all the talents God provided you with For the betterment of Man, understand, You aint nothing but a waste." ' ,
' "Just cause you make it, don’t give you the right to be on that fake shit." ' ,
' "gave us music, so we play with our words." ' ,
' "Do the math: You never settle for less than the whole if you knew the half." ' ,
' "If you don’t respect yourself, then your rhymes is garbage." ' ,
' "Make sure your crew is as tight as you. Cause when your comrades fallin off, they gonna bring you down too." ' ,
' "Understand the meaning of MC. The power to Move the Crowd like Moses split the seas." ' ,
' "Know your shit and don’t ever be blunted. If you don’t know what your words mean, then your rhymes mean nothin." ' ,
' "Kick facts in the raps, and curse with clarity. What’s a curse when language is immersed in vulgarity?" ' ,
' "Acknowledge that you need food on your plate. In order to say your grace, make sure your business is straight." ' ,
' "Consider me the entity within the industry without a history of spitting the epitome of stupidity." ' ,
' "Just because no one can understand how you speak, Don’t necessarily mean that what you be sayin is deep." ' ,
' "A flower that grow in the ghetto know more about survival than the one from fresh meadows." ' ,
' "Life without knowledge is death in disguise." ',
  ' "I am a literal, lyrical, little elf with an earful of peer, mere, sheer into feared cleared middlemen" ',
' "An urgent tool I will pivot and carry loot, intervened. I murder you with a written, and bury you for free." ',
' "Im in a regiment, sighting fine design in the messages. High off the medicine, rhyme a line, Im trying to dread on it." ',
' "Defend, lend weapon, sense men on it (Gentlemen)" ',
' "The battlefield is out of here, amount of fear is loudest here." ',
' "Stop actin like an orc already, be a visionary, And maybe you can see your name in the column of obituaries." ',
' "Consider me the entity within the industry without a history. Of spitting the epitome of stupidity. Living my life, expressing my liberty, it gotta be done properly. My name is in the middle of equality" ',
' "I tighten up my game as I approach you. Yo check her she the nectar the bee get close to." ',
' "I don’t get many compliments, but I am confident. Used to have a complex about, gettin too complex." ',
' "So many bards focusin on minority extermination. We keep it balanced with that knowledge of self, determination." ',
' "Knowledge Of Self is like life after death. With that you never worry about your last breath." ',
' "Now yall bloomin like a flower with the power of the evident." ',
' "The most important time in history is the present. So count your blessings cause time can’t define the essence." ',
' "Inner-city concentration camps where no one pays attention. Or mentions the ascension of death, til nothing’s left." ',
' "Hands steady so the lines in the mental illustration is straight. The thought you had don’t even contemplate. Infinite like figure eight there’s no escape." ',
' "Visions occupy my synaptic space. Command and shape, to illustrate my mind’s landscape." ',
' "I follow suit, and face it, embrace it. Shinin bright, but still I’m careful not to waste it. Destined to rise, because I’m basement adjacent. Spirit is still so just chill and be patient." ',
' "Hard knuckles on the second hands of workin class watches. Skyscrapers is collosus, the cost of living is preposterous. Stay alive, you play or die, no options." ',
' "Breathin in deep city breaths, sittin on shitty steps. We stoop to new lows, hell froze the night the city slept." ',
' "Look in the skies for God, what you see besides the smog. Is broken dreams flying away on the wings of the obscene." ',
' "And so tomorrow coming later than usual. Waiting on someone to pity us while we finding beauty in the hideous." ',
' "Brought up, through endangered species status on the planet. Survival tactics means, busting spells to prove you hard. Your wands are too short to box with God." ',
' "My affirmations kill emcees like assassination. Bringin you pain until you wish you had a vaccination." ',
' "The flesh goes underground, the book of life, flip the page. Yo they askin me how old, we livin the same age. I feel the rage of a million elfs locked inside a cage." ',
' "Proceed to read and not believin everything I’m readin. But my brain was bleedin, needin feedin, and exercise." ',
' "They tried to hold my soul in a holding cell so I would sell." ',
' "We used to fight for building blocks, now we fight for blocks with buidlings that make a killing." ',
' "Im trying to right my wrongs. But its funny, them same wrongs helped me write this song." ',
' "My mama aint raise no fool because my mama aint raise me fool." ',
' "They fight wars for peace, Without war there would be peace, I dont understand." ',
' "Riot: A popular entertainment given to the military by innocent bystanders." ',
' "I was not born a poet. I was broken into one." ',
' "I sit on the fence that keeps two sides from tearing each other down. I built that fence." ',
' "love is like syphilis it makes you crazy eventually leading to death." ',
' "nothings wrong with this world. somethings wrong with humans " ',
' "Ive not taken root here Im merely holding on waiting for the right winds at the right time." ',
' "I am aware that I am less than some people prefer me to be, but most people are unaware that I am so much more than what they see." ',
' "Of all the places she sought to hide She only found one safe place inside in dancing images where the poetry resides."' 
];
//quote array
var quotes2 = [
  ' "What smells worse than a goblin? Oh yeah, you!" ',
' "Your mother takes up more tiles than a gelatinous cube!" ',
' "Youre going to make an excellent belt!" ',
' "Im glad youre tall...It means theres more of you I can despise!" ',
' "I dont know whether to use charm person or hold monster!" ',
' "Youre the reason baby gnomes cry!" ',
' "Ugh. What the hell is that all over your face? Oh...its just your face!" ',
' "You are the feces that is created when shame eats too much stupidly!" ',
' "Youre like a dragon, only shit!" ',
' "Ive seen more threatening geckos!" ',
' "I swear, if you were any worse at this, youd be doing our job for us!" ',
' "On a scale of 1 - 10, youre proper screwed!" ',
' "Your mother was a kobold and your father smelled of elderberry!" ',
' "You would bore the legs off a village idiot!" ',
' "It gives me a headache just trying to think down to your level!" ',
' "Youre not a complete idiot...Some parts are obviously missing!" ',
' "Youre like a trained ape, only, without the training!" ',
' "Hey, have you ever been mistaken for a (insert)" ',
' "Well, my time of not taking you seriously is coming to a middle!" ',
' "Your mothers so ugly, folk turn to stone just incase they might happen to catch a glimpse of her face!" ',
' "Some day youll meet a doppelganger of yourself and be disappointed!" ',
' "Are you always stupid, or are you making a special effort today!" ',
' "Some day youll go far and I hope you stay there!" ',
' "Youre lucky to be born beautiful, unlike me, who was born to be a big liar!" ',
' "Id like to leave you with one thought...but Im not sure you have anywhere to put it!" ',
' "So, youre a half (insert), was your mother a spider or is your ass naturally that huge!" ',
' "Your mommas so ugly, clerics try to turn her!" ',
' "Your magic is as bad as your breath!" ',
' "Oh look, both your weapons are tiny!" ',
' "A wet cat is tougher than you!" ',
' "If ignorance is bliss, you must be the happiest person alive!" ',
' "Are you a half orc crossed with a pig? Oh yeah, there are some things a pig wouldnt do!" ',
' "Your Breath would put an otyugh off its breakfast!" ',
' "I could say youre as ugly as an ogre, but that would be an insult to ogres!" ',
' "I would contact your mother about your death, but I dont speak goblin!" ',
' "Your very existence is an insult to all!" ',
' "You look like the armpit of an unshaven bog hag!" ',
' "You are maggot pie served from a dwarfs codpiece!" ',
' "A goblin with one hand nailed to a tree would be more of a threat than you!" ',
' "You look like a scab on a trolls wart!" ',
' "No loot is worth having to look at you!" ',
' "You are the worst example of your class that Ive ever come across!" ',
' "OMG. Why dont you give me your weapon so I can hit myself with it, because thatd be more effective than you trying it!" ',
' "I can tell your reservoir of courage is fed by the tributary running down your leg!" ',
' "Well...I have met sharper loaves of bread!" ',
' "Even evards black tentacles wouldnt touch something as gross as you!" ',
' "Would you like me to remove that curse? Oh my mistake, you were just born that way!" ',
' "Animal friendship was the only way your parents could get puppies to play with you!" ',
' "Your ugly face makes a good argument against raising the dead!" ',
' "When your god put teeth in your mouth, he ruined a perfectly good asshole!" ',
' "If your brain exploded, it wouldnt even mess up your hair!" ',
' "Somewhere, youre depriving a village of its idiot!" ',
' "Id like to see things from your point of view, but I cant get my head that far up my arse!" ',
' "Could you go get your husband, I dont like fighting ugly women!" ',
' "You call that an attack, Ive seen dead kittens hit harder than that!" ',
' "I heard what happened to your mother, its not everyday your reflection kills you!" ',
' "You look like your mother, and, your mother looks like your father!" ',
' "Youre so stupid, if an illithid tried to eat your brain, it would starve to death!" ',
' "Whats that smell? I thought breath weapons were suppose to come out of your mouth!" ',
' "Did your mother cast a darkness spell to feed you!" ',
' "No wonder youre hiding behind cover, Id hide too with a face like that!" ',
' "Do you have a pen? Well youd better get back to it before the farmer knows you are missing!" ',
' "Quick grab some fire...no wait, its ok, its not an actual troll!" ',
' "If I were you, Id go and get my money back for that remove curse spell!" ',
' "OMG. And I thought troglodytes smelt bad!" ',
' "Were you once hit by a melfs acid arrow or have you always looked like a half eaten marrow!" ',
' "Phew! Have you just cast stinking cloud or do you always smell like that!" ',
' "Very impressive, I think Ill hire you out for childrens parties!" ',
' "Hey, you pox ridden dung heap, I bet not even a starving vampire would go near you!" ',
' "By looking at you, now I know what you get when you scrape out the bottom of the barrel!" ',
' "I was going to cast detect thoughts, but I dont think Im going to find anything up there!" ',
' "I wish I still had that blindness spell, then I wouldnt have to endure that face anymore!" ',
' "I was thinking of casting feeblemind, but I doubt it would work on you!" ',
' "Whats the difference between a troll and your mother? Ones a stinking ugly monster, and the other is a troll!" ',
' "Your mother was so stupid, zombies made her a dunce hat!" ',
' "Youre like a gnome on stilts, real cute, but its not working!" ',
' "They say every rose has its thorn, aint that right, buttercup!" ',
' "Id say you were a worthy opponent, but I once fought a flumph wielding a dandelion!" ',
' "If this fight gets any harder, Ill have to switch it up to folk music!" ',
' "Id draw my rapier, but I wouldnt want to make you jealous!" ',
' "Do you know what happens to a (insert) when it fails its save? Neither do I, but based on what happened to your comrade, my moneys on dies horribly!" ',
' "How does it feel that youre not worthy of anyone casting a decent spell on you!" ',
' "One day Im going to make a ballad of this fight. Tell me your name, I hope it rhymes with horribly slaughtered!" ',
' "Your mother is so fat that making a joke here would detract from the seriousness of her condition!" ',
' "Didnt there used to be like twice as many of you guys? Whats up with that, huh!" ',
' "Whats the difference between a dragon and a mallard with a cold? Ones a sick duck and I forget the punchline, but your mothers a whore!" ',
' "Wait, wait, I just need to ask, what do you need us to put on your headstone!" ',
' "Ive heard of schoolgirls with better fighting skills than you!" ',
' "You do know the pointy end is suppose to go in the other guy, right!" ',
' "Do you know, that if you were at a party surrounded by female zombies, the only thing youd pull is a hamstring!" ',
' " Wait, so youre the manifestation of a divine being of supreme power and malevolence, and you chose that face? Do they even have mirrors on your plane of existence!" '
];

              
            
!
999px
If a groundhog inspects their Web Component, do they see their Shadow DOM?

Console