Professional Documents
Culture Documents
Script
Script
DOCTYPE HTML>
<html>
<head>
<title>100% Free Meme Generator Tool</title>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-
scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="description"content="A Free Meme Generator Tool is an
online Fully Customizable Free Meme Generator Tool using which you can generate
funny memes using the image of your own choice. This Meme Generator Tool is
absolutely free and and you can download the meme you have created by using the
download button without any watermark."/>
<meta name="robots" content="noodp" />
<meta name="keywords"content="Meme Generator Online Tool for
free, customize meme generator, free meme generator,free meme creator, online meme
generator, online meme creator, create simple memes images using meme Generator."/>
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Meme Generator Online Tool" />
<meta itemprop="url" content="yoursiteurl" />
<meta itemprop="name" content="Meme Generator Online Tool" />
<meta name="author" content="Pykit" />
<meta property="og:description" content="Meme Generator Online
Tool for free, create simple memes images using meme Generator."/>
<meta property="og:site_name"content="Meme Generator"/>
<link rel="canonical" href="https://coolmemegenerator.blogspot.com/"/>
<!-- / Replace Image as per your need -->
<meta
property="og:image"content="https://pykit.org/wp-content/uploads/2022/01/py-1.png">
<!-- Favicons-->
<link rel="shortcut icon"
href="https://pykit.org/wp-content/uploads/2022/01/py-1.png">
<link rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"
integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M"
crossorigin="anonymous">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-
awesome/4.7.0/css/font-awesome.min.css" />
<!--link rel="stylesheet" href="style.css"-->
img#start-image {
position: absolute;
left: -10000px;
top: -10000px;
}
.setting-value {
text-align: center;
font-weight: bold;
}
.adspacebypykit {
padding:2em;
box-shadow:0 5px 15px rgba(0,0,0,.16);
border-radius:5px;
margin-top:1em;
background:#fff;
text-align:left
}
.about-meme-generator{
padding-left:2.5rem;
padding-right:2.5rem;
}
.page-header{
padding-top:4.5rem;
}
</style>
</head>
<body>
<div class="container">
<div class="page-header">
<h1><i class="fa fa-1.5x fa-paint-brush"
aria-hidden="true"></i>Free Meme Generator Tool!</h1>
</div>
<br>
<div class=" container adspacebypykit ">
Place your Ad Code 1
</div>
<br>
<p> </p>
<div class="row">
<div class="col-md-4">
<div class="row">
<div class="col-md-12">
<div class="input-group">
<span
class="input-group-addon">Image:</span>
<input type="file" class="form-control"
id="imgInp" />
</div>
</div>
</div>
<hr />
<div class="form-group">
<input type="text" class="form-control form-control-
lg" value="This is Top Text" id="text_top" style="font-size:16"
/>
</div>
<div class="form-group">
<div class="row">
<label class="control-label col-md-3"
for="text_top_offset">Offset from top:</label>
<div class="col-md-7">
<input style="width:100%"
id="text_top_offset" type="range" min="0" max="500" value="50"/>
</div>
<div class="col-md-2 setting-value">
<span
id="text_top_offset__val">50</span>px
</div>
</div>
</div>
<p> </p>
<div class="form-group">
<input type="text" class="form-control form-control-
lg" value="This is Bottom Text" id="text_bottom" style="font-size:16" />
</div>
<div class="form-group">
<div class="row">
<label class="control-label col-md-3"
for="text_bottom_offset">Offset from top:</label>
<div class="col-md-7">
<input style="width:100%"
id="text_bottom_offset" type="range" min="0" max="500" value="450"/>
</div>
<div class="col-md-2 setting-value">
<span
id="text_bottom_offset__val">450</span>px
</div>
</div>
</div>
<hr />
<p> </p>
<div class="card">
<div class="card-header">
<i class="fa fa-cogs" aria-hidden="true"></i>
More options
</div>
<div class="card-body">
<div class="row">
<div class="col-md-12">
<div class="form-group">
<div class="row">
<label class="control-
label col-md-3" for="canvas_size">Meme size:</label>
<div class="col-md-7">
<input
style="width:100%" id="canvas_size" type="range" min="0" max="1000" value="500"/>
</div>
<div class="col-md-2
setting-value">
<span
id="canvas_size__val">500</span>px
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<label class="control-
label col-md-3" for="text_font_size">Font size:</label>
<div class="col-md-7">
<input
style="width:100%" id="text_font_size" type="range" min="0" max="72" value="28"/>
</div>
<div class="col-md-2
setting-value">
<span
id="text_font_size__val">28</span>pt
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<label class="control-
label col-md-3" for="text_line_height">Line height:</label>
<div class="col-md-7">
<input
style="width:100%" id="text_line_height" type="range" min="0" max="100"
value="15"/>
</div>
<div class="col-md-2
setting-value">
<span
id="text_line_height__val">15</span>pt
</div>
</div>
</div>
<div class="form-group">
<div class="row">
<label class="control-
label col-md-3" for="text_stroke_width">Stroke width:</label>
<div class="col-md-7">
<input
style="width:100%" id="text_stroke_width" type="range" min="0" max="20" value="4"/>
</div>
<div class="col-md-2
setting-value">
<span
id="text_stroke_width__val">4</span>pt
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class=" container adspacebypykit ">
Place your Ad Code 2
</div>
<br>
<div class="about-meme-generator">
<h3 style="height: 0px; text-align: left;"></h3><h2 style="text-align: left;"><span
style="font-family: helvetica;">What is Free Meme Generator Tool?</span></h2><p
style="text-align: left;"><span style="font-family: helvetica; font-weight:
normal;">A Free Meme Generator Tool is an online </span><span style="font-family:
helvetica;"><b>Fully Customizable</b></span><span style="font-family: helvetica;
font-weight: normal;"> Free Meme Generator Tool using which you can generate funny
memes using the image of your own choice. This Meme Generator Tool is absolutely
free and and you can download the meme you have created by using the download
button without any watermark.</span></p><h3 style="text-align: left;"><span
style="font-family: helvetica;">How To Use Free Meme Generator
Tool?</span></h3><div><ol style="text-align: left;"><li><span style="font-family:
helvetica;">Choose any image of your own choice using the "Choose File" button. For
better clarity try to use square size image.</span></li><li><span style="font-
family: helvetica;">Enter the top text or bottom text.</span></li><li><span
style="font-family: helvetica;">Change the offset positions of top text and bottom
as per your requirement.</span></li><li><span style="font-family: helvetica;">Using
the "More options", you can change the size of the meme, font size of the text,
line height, and stoke width of the text.</span></li><li><span style="font-family:
helvetica;">Once completed the editing part, download the meme using "Download"
button just below the image preview.</span></li></ol></div>
</div>
<br>
<h2>Consent</h2>
<h2>Information we collect</h2>
<ul>
<li>Provide, operate, and maintain our website</li>
<li>Improve, personalize, and expand our website</li>
<li>Understand and analyze how you use our
website</li>
<li>Develop new products, services, features, and
functionality</li>
<li>Communicate with you, either directly or through
one of our partners, including for customer service, to provide you with updates
and other information relating to the website, and for marketing and promotional
purposes</li>
<li>Send you emails</li>
<li>Find and prevent fraud</li>
</ul>
<h2>Log Files</h2>
<ul>
<li>
<p>Google</p>
<p><a
href="https://policies.google.com/technologies/ads">https://policies.google.com/
technologies/ads</a></p>
</li>
</ul>
<h2>Children's Information</h2>
</p>
</div>
<div class="modal-footer">
<button data-dismiss="modal" class="btn btn-default"
type="button">close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- / ABOUT US -->
<h3><strong>Cookies</strong></h3>
<h3><strong>License</strong></h3>
<ul>
<li>You are entitled to post the Comments on
our website and have all necessary licenses and consents to do so;</li>
<li>The Comments do not invade any intellectual
property right, including without limitation copyright, patent or trademark of any
third party;</li>
<li>The Comments do not contain any defamatory,
libelous, offensive, indecent or otherwise unlawful material which is an invasion
of privacy</li>
<li>The Comments will not be used to solicit or
promote business or custom or present commercial activities or unlawful
activity.</li>
</ul>
<ul>
<li>Government agencies;</li>
<li>Search engines;</li>
<li>News organizations;</li>
<li>Online directory distributors may link to
our Website in the same manner as they hyperlink to the Websites of other listed
businesses; and</li>
<li>System wide Accredited Businesses except
soliciting non-profit organizations, charity shopping malls, and charity
fundraising groups which may not hyperlink to our Web site.</li>
</ul>
<ul>
<li>commonly-known consumer and/or business
information sources;</li>
<li>dot.com community sites;</li>
<li>associations or other groups representing
charities;</li>
<li>online directory distributors;</li>
<li>internet portals;</li>
<li>accounting, law and consulting firms;
and</li>
<li>educational institutions and trade
associations.</li>
</ul>
<ul>
<li>By use of our corporate name; or</li>
<li>By use of the uniform resource locator
being linked to; or</li>
<li>By use of any other description of our
Website being linked to that makes sense within the context and format of content
on the linking party’s site.</li>
</ul>
<p>No use of Free Meme Generator's logo or other
artwork will be allowed for linking absent a trademark license agreement.</p>
<h3><strong>iFrames</strong></h3>
<h3><strong>Content Liability</strong></h3>
<h3><strong>Your Privacy</strong></h3>
<h3><strong>Reservation of Rights</strong></h3>
<h3><strong>Disclaimer</strong></h3>
<ul>
<li>limit or exclude our or your liability for
death or personal injury;</li>
<li>limit or exclude our or your liability for
fraud or fraudulent misrepresentation;</li>
<li>limit any of our or your liabilities in any
way that is not permitted under applicable law; or</li>
<li>exclude any of our or your liabilities that
may not be excluded under applicable law.</li>
</ul>
</div>
</div>
<div class="modal-footer">
<button data-dismiss="modal" class="btn btn-default"
type="button">close</button>
</div>
</div>
<!-- /.modal-content -->
</div>
<!-- /.modal-dialog -->
</div>
<!-- / TERMOFUSE -->
<br>
<br>
<br>
<footer id='footer'>
<script>
$(document).ready(function(){
ctx.drawImage(img, 0, 0, croppingWidth,croppingDimension,
0, 0, memeSize, memeSize);
ctx.textBaseline = 'bottom';
var text2 = $('#text_bottom').val();
text2 = text2.toUpperCase();
y = parseInt( $('#text_bottom_offset').val() );
};
reader.readAsDataURL(input.files[0]);
}
window.setTimeout(function(){
drawMeme();
$('#image_credit').hide();
}, 500);
});
// init at startup
window.setTimeout(function(){
drawMeme();
}, 100);
});
</script>
</body>
</html>