<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Parody Motivator Generator</title>
<link href="http://lib.store.yahoo.net/lib/demotivators/despairwide.css" rel="stylesheet" type="text/css" />
<meta name="Keywords" content="Demotivational Posters Demotivation motivational posters motivation poster Agony Failure Defeat Apathy Ineptitude Losing Mediocrity Mistakes Stupidity Pessimism Procrastination Demotivators Burnout Despair Futility Bitterness Blame Cluelessness Dare to Slack Delusions Disloyalty Disservice Dysfunction Incompetence Ignorance Insanity Pretension Arrogance Consulting Demotivation Elitism Fear Hazards Achievement Ambition Change Discovery Dreams Nepotism Persistence Potential Power Retirement Success Teamwork Demotivate Irresponsibility Loneliness Overconfidence Regret Risks Sacrifice Flattery Get To Work Goals Indifference Individuality Intimidation Leaders Limitations Meetings Motivation Planning Strife Adversity Burnout Conformity Despair Doubt Humiliation Idiocy Laziness Misfortune Problems Trouble Underachievement Gifts Novelties Humorous Posters Calendars Notecards Shopping Cynical Pessimism BitterSweets Successories Parody Motivational Depressories Despair Inc Candy Hearts Valentine's Day Conversation Hearts, funny poster, college dorm, Kersten, Depression, Pessimists Mug, podcasts, podcasting, humor, video, Art of Demotivation, RSS, video podcasts, quicktime, video podcast, quicktime podcast, vpodcast, video ipod, video podcasting ">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="http://lib.store.yahoo.net/lib/demotivators/3colrightNav.css" type="text/css">
<link rel="shortcut icon" href="http://images.despair.com/frownie.ico" type="image/x-icon" >
<link rel="stylesheet" type="text/css" href="http://lib.store.yahoo.net/lib/demotivators/mainwide.css" media="screen">
<link rel="stylesheet" type="text/css" href="http://css.despair.com/prototip.css" />
<link rel="stylesheet" type="text/css" href="http://lib.store.yahoo.net/lib/demotivators/dwitemwide.css" />
<link rel="alternate" type="application/rss+xml" title="RSS 2.0" href="http://feeds.feedburner.com/despairinc">
<link rel="stylesheet" href="css/motivator.css" type="text/css"> <script type="text/javascript" src="http://css.despair.com/Scripts/browser.js"></script>
<script type="text/javascript" src="http://css.despair.com/Scripts/prototype-1.6.0.2.js"></script>
<script type="text/javascript" src="http://css.despair.com/Scripts/scriptaculous.js"></script>
<script type="text/javascript" src="http://css.despair.com/Scripts/navScripts.js"></script>
<script type="text/javascript" src="http://css.despair.com/Scripts/prototip.js"></script>
<script type="text/javascript" src="http://site.despair.com/css/Scripts/diyScripts.js"></script>
<script type="text/javascript">function tellafriendwindow(url) {window.open (url,'','width=316,height=555,toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no');}</script>
<script type="text/javascript" language="javascript">
function hide(id) {
var e = document.getElementById(id);
if (e != null) {
e.style.display = "none";
}
}
function show(id, style) {
var e = document.getElementById(id);
if (style == null) { style = "block"; }
if (e != null) {
e.style.display = style;
}
}
function hideLoadingMessage() {
var e = document.getElementById("loading");
if (e != null) {
e.style.display = "none";
}
var e = document.getElementById("resultframe");
if (e != null) {
e.style.display = "block";
}
}
t1 = setTimeout("hideLoadingMessage()", 30000);
</script>
<script language="javascript" type="text/javascript">
var colorDialogField;
var mouseX, mouseY;
document.onmousemove = getMousePosition;
function getMousePosition(e) {
try {
if (!e) e = window.event;
if (e.pageX)
mouseX = e.pageX;
else if (e.clientX)
mouseX = e.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft);
else
mouseX = null;
if (e.pageY)
mouseY = e.pageY;
else if (e.clientY)
mouseY = e.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop);
else
mouseY = null;
} catch(e) {
// This is here so that the page doesn't throw errors when there is no
// document. That seems to happen in IE when the mouse is moving while the
// page is loading.
}
}
function openColorDialog(f, e) {
colorDialogField = f;
// Show dialog
var d = document.getElementById('colorPickerDialog');
if (d != null) {
d.style.top = mouseY+"px";
d.style.left = mouseX+"px";
d.style.visibility = "visible";
}
// Give control of the mouse position to the color dialog.
document.onmousemove = getDialogMousePosition;
}
function closeColorDialog(f) {
// Hide dialog
var d = document.getElementById('colorPickerDialog');
if (d != null) {
d.style.visibility = "hidden";
}
// Reclaim control of the mouse position back to the main
// window so that the next dialog can be positioned.
document.onmousemove = getMousePosition;
}
function setColor(c) {
var s = document.getElementById(colorDialogField+'ColorSwatch');
var h = document.getElementById(colorDialogField);
if (s != null && h != null) {
s.style.backgroundColor = c;
h.value = c;
}
closeColorDialog();
}
/************************************************************/
// This code was adapted from the fantastic 4096 Color Wheel
// by Jemima Pereira (http://www.ficml.org/jemimap/style/color/wheel.html)
// Modified by John Watson for use as a popup.
threec = new Array("#666666", "#555555", "#545657"); // the three colors
// HSV conversion algorithm adapted from easyrgb.com
function hsv2rgb(Hdeg,S,V) {
H = Hdeg/360; // convert from degrees to 0 to 1
if (S==0) { // HSV values = From 0 to 1
R = V*255; // RGB results = From 0 to 255
G = V*255;
B = V*255;}
else {
var_h = H*6;
var_i = Math.floor( var_h ); //Or ... var_i = floor( var_h )
var_1 = V*(1-S);
var_2 = V*(1-S*(var_h-var_i));
var_3 = V*(1-S*(1-(var_h-var_i)));
if (var_i==0) {var_r=V ; var_g=var_3; var_b=var_1}
else if (var_i==1) {var_r=var_2; var_g=V; var_b=var_1}
else if (var_i==2) {var_r=var_1; var_g=V; var_b=var_3}
else if (var_i==3) {var_r=var_1; var_g=var_2; var_b=V}
else if (var_i==4) {var_r=var_3; var_g=var_1; var_b=V}
else {var_r=V; var_g=var_1; var_b=var_2}
R = Math.round(var_r*255); //RGB results = From 0 to 255
G = Math.round(var_g*255);
B = Math.round(var_b*255);
}
return new Array(R,G,B);
}
function rgb2hex(rgbary) {
cary = new Array;
cary[3] = "#";
for (i=0; i < 3; i++) {
cary[i] = parseInt(rgbary[i]).toString(16);
if (cary[i].length < 2) cary[i] = "0"+ cary[i];
cary[3] = cary[3] + cary[i];
cary[i+4] = rgbary[i]; //save dec values for later
}
// function returns hex color as an array of three two-digit strings
// plus the full hex color and original decimal values
return cary;
}
function webRounder(c,d) {//d is the divisor
//safe divisor is 51, smart divisor is 17
thec = "#";
for (i=0; i<3; i++) {
num = Math.round(c[i+4]/d) * d; //use saved rgb value
numc = num.toString(16);
if (String(numc).length < 2) numc = "0" + numc;
thec += numc;
}
return thec;
}
function hexColorArray(c) { //now takes string hex value with #
threec[2] = c[3];
threec[1] = webRounder(c,17);
threec[0] = webRounder(c,51);
return false;
}
function greyMoved(x, y) {
if (x < 10) {
// Pure black
c = rgb2hex(hsv2rgb(0, 0, 0));
} else if (x > 140) {
// Pure white
c = rgb2hex(hsv2rgb(0, 0, 1));
} else {
// Shades of grey
c = rgb2hex(hsv2rgb(0, 0, (x-10)/130));
}
hexColorArray(c);
hoverColor();
}
function getDialogMousePosition(e) {
if (document.layers) {
x = e.layerX;
y = e.layerY;
}
else if (document.all) {
x = event.offsetX;
y = event.offsetY;
}
else if (document.getElementById) {
x = (e.pageX - document.getElementById("colorPickerDialog").offsetLeft);
y = (e.pageY - document.getElementById("colorPickerDialog").offsetTop);
}
if (x > 150) { return false; }
if (y > 150) { greyMoved(x, y); return false; }
cartx = x - 75;
carty = 75 - y;
cartx2 = cartx * cartx;
carty2 = carty * carty;
cartxs = (cartx < 0)?-1:1;
cartys = (carty < 0)?-1:1;
cartxn = cartx/75; //normalize x
rraw = Math.sqrt(cartx2 + carty2); //raw radius
rnorm = rraw/75; //normalized radius
if (rraw == 0) {
sat = 0;
val = 0;
rgb = new Array(0,0,0);
}
else {
arad = Math.acos(cartx/rraw); //angle in radians
aradc = (carty>=0)?arad:2*Math.PI - arad; //correct below axis
adeg = 360 * aradc/(2*Math.PI); //convert to degrees
if (rnorm > 1) { // outside circle
rgb = new Array(255,255,255);
sat = 1;
val = 1;
}
//else rgb = hsv2rgb(adeg,1,1);
else if (rnorm >= .5) {
sat = 1 - ((rnorm - .5) *2);
val = 1;
rgb = hsv2rgb(adeg,sat,val);
}
else {
sat = 1;
val = rnorm * 2;
rgb = hsv2rgb(adeg,sat,val);}
}
c = rgb2hex(rgb);
hexColorArray(c);
hoverColor();
return false;
}
function hoverColor() {
var e = document.getElementById("colorPickerDialog");
e.style.backgroundColor = threec[2];
return false;
}
function pickColor() {
setColor(threec[2]);
return false;
}
/************************************************************/
</script>
</head>
<body>
<iframe id="colorPickerShim" src="javascript:false;" frameBorder="0" scrolling="no"></iframe><div id="colorPickerDialog" style="visibility: hidden;"><a href="#" onclick="pickColor(); return false;" onmouseout="closeColorDialog();"><img src="img/hsvwheel.png" alt="Color wheel"></a></div> <div id="wrap">
<div id="maincontent">
<div class="header" style="padding-top:20px;">
<div class="banner_logo">
<ul class="banner_logo">
<li class="banner_logo"><a class="banner_logo" href="http://despair.com/index.html"><img class="banner_logo" src="http://site.despair.com/images/banners/despairnavlogo.gif"></a>
</li>
</ul>
</div> <!--/banner_logo-->
<div class="wl_form_list" id="wailingListForm">
<ul class="wl_form_list">
<li class="wl_form_list">
<form style="padding:0 0 0 0; vertical-align:top;" method="POST" action="http://the.wailinglist.com/despair/prefs" target="optin" onsubmit="wlSubmit_list();">
<input class="wl_form_list" style="padding:0 0 0 0; position:relative; margin-right:5px;" type="text" name="email_addr" value=" Insert your email here">
<input type="hidden" style="border:0;" value="optin" name="subscribe">
<input style="padding:0 0 0 0; width:14px; height:18px; border:0; position:relative; bottom:-6px;" src="http://site.despair.com/images/buttons/mailicon.gif" border=0 type="image" name="submit" value="submit">
</form></li>
<li style="width:100px;">
<img src="http://site.despair.com/images/buttons/thewailing.gif" style="border:0; position:relative; bottom:-8px; padding:0 0 0 0; margin-right:5px;">
</li>
</ul>
</div>
<div class="wl_form_list" id="wailingListMemo">
<ul>
<li style="width:250px;"><img id="wlStatus" src="http://site.despair.com/images/buttons/join.gif" style="border:0;">
</li>
</ul>
</div>
<iframe name="optin" WIDTH="0" HEIGHT="0" frameborder="0"></iframe>
<div class="banner_tab" id="banner_tabs">
<ul>
<li><a class="banner_tab" href="http://store.yahoo.com/cgi-bin/wg-order?demotivators"><img src="http://lib.store.yahoo.net/lib/demotivators/yourorderBLACK.gif" alt="Show Order"></a>
</li>
<li><a class="banner_tab" href="http://despair.com/disservice1.html"><img src="http://lib.store.yahoo.net/lib/demotivators/disserviceBLACK.gif" alt="Disservice"></a>
</li>
<li><a class="banner_tab" href="http://blog.despair.com"><img src="http://lib.store.yahoo.net/lib/demotivators/blogBLACK.gif" alt="Subscribe"></a>
</li>
<li ><a class="banner_tab" href="http://despair.com/spin.html"><img src="http://lib.store.yahoo.net/lib/demotivators/videoBLACK.gif" alt="Spin"></a>
</li>
<li><a class="banner_tab" href="http://diy.despair.com/"><img src="http://lib.store.yahoo.net/lib/demotivators/diyBLUE.gif" alt="DIY"></a>
</li>
<li><a class="banner_tab" href="http://despair.com/store.html"><img src="http://lib.store.yahoo.net/lib/demotivators/storeBLACK.gif" alt="Store"></a>
</li>
</ul>
</div>
<div class="topdiv_list" >
<a class="trigger" id="2007CALENDARSTrigger" href="http://calendar.despair.com">2009 Calendars</a></a> | <a class="trigger" href="http://despair.com/viewall.html">Demotivators (By Name</a> | <a class="trigger" href="http://despair.com/15ozcoffeemugs.html">mugs</a> | <a class="trigger" href="http://despair.com/lithographs.html">Posters</a> | <a class="trigger" href="http://despair.com/sampler-packs.html">notecards</a> | <a class="trigger" href="http://devas.despair.com">clings)</a> | <a class="trigger" href="http://despair.com/pessimistsmug.html">Pessimist's Mug</a> | <a class="trigger" href="http://www.despair.com/bittersweets.html">bittersweets</a> | <a class="trigger" href="http://www.despair.com/gifcer.html">Email gift certificates</a> | <a class="trigger" href="http://wear.despair.com">DespairWear</a> | <a class="trigger" href="http://www.despair.com/artofde.html">Other Stuff</a>
</div>
</div> <!--/header-->
<div class="frame">
<iframe name="optin" WIDTH="0" HEIGHT="0" frameborder="0"></iframe>
<script type="text/javascript">
function showEmail() {
$('emailformmain').style.display = "";
$('emailformwaiting').style.display = "none";
$('emailformsuccess').style.display = "none";
Effect.Appear('emailform', { duration: 0.25 } );
}
function hideEmail() {
Effect.Fade('emailform', { duration: 0.25 } );
}
function makeRequest() {
var f = $('emailform');
if (f != null) {
file = f.file.value;
msgfrom = f.from.value;
msgfromname = f.fromname.value;
msgto = f.to.value;
msgtoname = f.toname.value;
msgcomment = f.comments.value;
$('emailformmain').style.display = "none";
$('emailformwaiting').style.display = "";
new Ajax.Request('email.php',
{
asynchronous: true,
parameters: 'file='+escape(file)+'&from='+escape(msgfrom)+'&fromname='+escape(msgfromname)+'&to='+escape(msgto)+'&toname='+escape(msgtoname)+'&comments='+escape(msgcomment),
onSuccess: handlerFunc,
onFailure: errFunc
}
);
}
}
function handlerFunc(t) {
$('emailformwaiting').style.display = "none";
switch(t.responseText) {
case 'ok':
$('emailformmessage').innerHTML = '';
$('emailformsuccess').style.display = "";
break;
case 'error-from':
$('emailformmain').style.display = "";
$('emailformmessage').innerHTML = 'Enter your email address.';
break;
case 'error-fromname':
$('emailformmain').style.display = "";
$('emailformmessage').innerHTML = 'Enter your name.';
break;
case 'error-to':
$('emailformmain').style.display = "";
$('emailformmessage').innerHTML = "Enter recipient's email address.";
break;
case 'error-toname':
$('emailformmain').style.display = "";
$('emailformmessage').innerHTML = "Enter recipient's name.";
break;
case 'error-sending':
$('emailformmain').style.display = "";
$('emailformmessage').innerHTML = 'There was a problem sending the email. Make sure the email addresses are correct.';
break;
default:
$('emailformmain').style.display = "";
$('emailformmessage').innerHTML = t.responseText;
break;
}
}
function errFunc(t) {
return "email trouble";
}
function hidePreCart() {
Effect.Fade('precartform', { duration: 0.25 } );
}
function showPreCart() {
$('miniprintinfo').style.display = "";
Effect.Appear('precartform', { duration: 0.25 } );
}
function check_form(){ //function run upon cart submission
if (frm.policy.checked){ return true;
} else {return false;}
}
</script>
<form name="motivatorform" action="motivator.php" method="post" onSubmit="return fReqs();" enctype="multipart/form-data">
<a name="top"></a>
<div align=center>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="800" height="450" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="id" value="http://despair.dgram.net/despairtv/guidedtoursdiywhitebg.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#EFEFEF" /><param name="src" value="http://despair.dgram.net/despairtv/guidedtoursdiywhitebg.swf" /><embed id="http://despair.dgram.net/video/guidedtoursdiywhitebg.swf" type="application/x-shockwave-flash" width="800" height="450" src="http://despair.dgram.net/despairtv/guidedtoursdiywhitebg.swf" bgcolor="#EFEFEF" border="0" quality="high"></embed></object>
</div>
<div class="motivator_layout">
<div class="label_notice">
<p>(CLICK BLUE TRIANGLE ABOVE FOR GUIDED VIDEO TOUR.)</p>
</div><!--/label_notice-->
<div class="motivator_copy">
<ul>
<li>
<h1>The War Against Motivation Continues.</h1>
</li>
<li>
<p>For over two decades, the multi-billion dollar motivation industry has unleashed untold suffering upon the workplaces, schools and civil institutions of the world- in the insidious form of the motivational poster. By the millions they have been sold and displayed- these dark instruments of corporate propaganda. While promising to stimulate "Hope", "Success" and "Teamwork", instead these tools of coercion and intimidation have inspired only grief, anger and nausea.</p>
</li>
<li>
<p>In 1998, one company dared to fight back, as Despair, Inc. introduced <a target=new window href=http://www.despair.com/viewall.html>Demotivators®</a>, satirical products reverse-engineered from the most powerful motivational posters ever inflicted upon mankind. And now, with the <span>Parody Motivator Generator</span>, we place those very same tools in your less-capable hands- giving you a chance to join us in the battle against an opponent as ubiquitous as it is idiotic. The chance to not only create your very own motivational parodies online, but also to purchase beautiful 11"x14" prints of your designs.</p>
</li>
<li>
<h2>Now, Join The Battle and Make Your Design.</h2>
</li>
</ul>
</div><!--/motivator_copy-->
<div class="image_center">
<ul>
<li>
<p><img src="http://images.despair.com/banners/diy/upload.jpg"></p>
</li>
<li>
<p>
Choose any photograph on your computer to use for your motivational parody. </p>
</li>
<li>
<input name="userfile" type="file" />
</li>
<li>
<label>Keep this part of my photo visible if it must be cropped:</label>
</li>
<li>
<input type="radio" name="alignment" id="align2" value="center" checked>
<label for="align2">Center</label>
<input type="radio" name="alignment" id="align1" value="left">
<label for="align1">Top/Left</label>
<input type="radio" name="alignment" id="align3" value="right">
<label for="align3">Bottom/Right</label>
</li>
<li>
<label>Orientation:</label>
</li>
<li>
<input type="radio" name="orientation" id="orientation1" value="landscape" checked>
<label for="orientation1">Landscape (wide)</label>
<input type="radio" name="orientation" id="orientation2" value="portrait">
<label for="orientation2">Portrait (tall)</label>
</li>
<li>
<label>Colors:</label> <span>For the best look, choose colors that complement your photograph.</span>
</li>
<li>
<input type="hidden" name="color" id="color" value="#ffffff">
<a id="colorColorSwatch" href="javascript:openColorDialog('color')" class="colorpicker" style="background-color: #ffffff"> </a>
<label>Title+border</label>
<input type="hidden" name="color2" id="color2" value="#ffffff">
<a id="color2ColorSwatch" href="javascript:openColorDialog('color2')" class="colorpicker" style="background-color: #ffffff"> </a>
<label>Motivational text</label>
<input type="hidden" name="bg" id="bg" value="#000000">
<a id="bgColorSwatch" href="javascript:openColorDialog('bg')" class="colorpicker" style="background-color: #000000"> </a>
<label>Background</label>
</li>
<li>
<label>Title:</label> <span>Name your design, then pick your font.</span>
<input id="diyTitle" name="title" value="" size="40">
<select name="font1">
<option value="times" selected>Roman (default)</option>
<option value="framd">Plain</option>
<option value="fantasy1">Fantasy</option>
<option value="script">Script</option>
<option value="yikes">Comic book</option>
<option value="scifi">Sci-fi</option>
<option value="army">Army</option>
<option value="smash">Grunge</option>
<option value="caslantr">Goth</option>
<option value="arcade">80's arcade</option>
<option value="cloisterblack">Olde school</option>
<option value="70s">Funk</option>
</select>
</li>
<li>
<label>Motivational text:</label> <span >You've got room for 175 characters.</span>
<textarea id="diyText" cols="40" rows="3" name="text"></textarea>
<select name="font2">
<option value="times">Roman</option>
<option value="framd" selected>Plain (default)</option>
<option value="fantasy1">Fantasy</option>
<option value="script">Script</option>
<option value="yikes">Comic book</option>
<option value="scifi">Sci-fi</option>
<option value="army">Army</option>
<option value="smash">Grunge</option>
<option value="caslantr">Goth</option>
<option value="arcade">80's arcade</option>
<option value="cloisterblack">Olde school</option>
<option value="70s">Funk</option>
</select>
</li>
<li>
<p><input class="button" type="submit" name="button" value="Create poster"></p>
</li>
</ul>
</div> <!--/image_center-->
<p>
<center>
<font size=1 color=c1c1c1 face="verdana, arial, helvetica">Special thanks to flagrantdisregard.com for help.</i></font></center>
</div> <!--/motivator_layout-->
</form>
</div><!--/result-frame-->
</div><!--/frame-->
<style type="text/css">
div.float {
float: left;
}
</style>
<div class="clear"></div>
<div style="background-image:url('http://lib.store.yahoo.net/lib/demotivators/mainbackground.jpg')">
<center><table border=0 cellspacing=1 cellpadding=1 align=center>
<tr>
<td valign=bottom>
<A href="http://calendar.despair.com"><img border=0 src="http://lib.store.yahoo.net/lib/demotivators/button1.jpg"
alt="" width="240" height="159"></a></td>
<td valign=bottom>
<A href="http://site.despair.com/despairwear/"><img border=0 src="http://lib.store.yahoo.net/lib/demotivators/button2.jpg"
alt="" width="240" height="159"></a></td><td valign=bottom>
<A target="_blank" href="http://store.despair.com/cgi-bin/clink?demotivators+W4fhxs+bittersweets.html"><img border=0 src="http://lib.store.yahoo.net/lib/demotivators/010109bittersweetsdiyfooter.gif"
alt="" width="240" height="159"></a></td>
<td valign=bottom>
<A href="http://store.despair.com/cgi-bin/clink?demotivators+W4fhxs+pessimistsmug.html"><img border=0 src="http://lib.store.yahoo.net/lib/demotivators/button4.jpg"
alt="" width="240" height="159"></a></td></tr>
</table></center>
</div> <!-- maincontent -->
</div> <!-- wrap -->
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2356281-1";
urchinTracker();
</script>
<!-- Start Quantcast tag -->
<script type="text/javascript" src="http://edge.quantserve.com/quant.js"></script>
<script type="text/javascript">_qacct="p-bd--ugXf0rN8Y";quantserve();</script>
<noscript>
<a href="http://www.quantcast.com/p-bd--ugXf0rN8Y" target="_blank"><img src="http://pixel.quantserve.com/pixel/p-bd--ugXf0rN8Y.gif" style="display: none;" border="0" height="1" width="1" alt="Quantcast"/></a>
</noscript>
<!-- End Quantcast tag -->
</body>
</html>