j"19HxigV4QyBv3tHpQVcUEQyq1pzZVdoAutM&<!DOCTYPE html>
<html>
<head>
<title>
Meme Generator by Deggen
</title>
<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=Latin">
<style>
body{
background: black;
color: white;
font-family: Ubuntu, Helvetica, sans-serif;
}
h1{
text-align: center;
}
form{
text-align: center;
font-size: 14pt;
}
input{
font-size: 14pt;
}
.pictureContainer {
position: relative;
margin: 0px auto;
padding: 10px;
background: white;
max-width: 100vw;
max-height: 100vh;
margin-bottom: 60px;
}
.memeWords {
width: 90%;
bottom: 0;
position: absolute;
padding: 5%;
max-height: 40%;
font-family: impact;
color: white;
font-size: 20pc;
text-transform: uppercase;
-webkit-text-stroke: 1.5pt black;
text-align: center;
margin: 0px;
vertical-align: bottom;
}
</style>
<!-- jquery -->
<script src="b://4ce9981bddd1777204eb83afad1b632d12eedb78d090e41559754f587878a0bd"></script>
<!-- Metalense by Satchmo-->
<script src="b://9bbe7e5f867d1830477e126de632734c7d9c82ee384eca9f5a771df14c316940"></script>
</head>
<body>
<h1>Metanet MemeChain</h1>
<form>
Base Image txid: b://<input type="text" id="imgtxid" name="imgtxid">
<br><br>
Words to add: <input type="text" id="wordsin" name="words"><br><br>
</form>
<div class="pictureContainer" style="display: none;">
<img src="#" class="memeImage"/>
<div id="words" class="memeWords resize">
</div>
</div>
<div>Share with this link: <a id="link" href="">Metanet Memechain link</a></div>
<div class="metalens-embed"></div>
<script>
var getParams = function (url) {
var params = {};
var parser = document.createElement('a');
parser.href = url;
var query = parser.search.substring(1);
var vars = query.split('&');
for (var i = 0; i < vars.length; i++) {
var pair = vars[i].split('=');
params[pair[0]] = decodeURIComponent(pair[1]);
}
return params;
};
var autoSizeText;
autoSizeText = function() {
$('#words').css('font-size', '20pc');
var el, elements, _i, _len, _results;
elements = $('.resize');
if (elements.length < 0) {
return;
}
_results = [];
for (_i = 0, _len = elements.length; _i < _len; _i++) {
el = elements[_i];
_results.push((function(el) {
var resizeText, _results1;
resizeText = function() {
var elNewFontSize;
elNewFontSize = (parseInt($(el).css('font-size').slice(0, -2)) - 1) + 'px';
return $(el).css('font-size', elNewFontSize);
};
_results1 = [];
while (el.scrollHeight > el.offsetHeight) {
_results1.push(resizeText());
}
while(el.scrollWidth > el.offsetWidth){
var pad = parseInt($('#words').css('padding'), 10);
while(pad > 0) {
_results1.push(resizeText());
pad -= 1;
}
}
$('#words').css('bottom', '0px');
return _results1;
})(el));
}
return _results;
};
function renderimage(){
var memeimage = "b://" + paramses['image'];
$('.memeImage').attr('src', memeimage);
var tmpImg = new Image();
tmpImg.onload = function() {
$('#words')[0].innerHTML=paramses['words'];
$('.pictureContainer').css('width', 'fit-content');
autoSizeText();
}
tmpImg.src = memeimage;
$('.pictureContainer').css('display', 'block');
}
$(document).ready(function() {
paramses = getParams(window.location.href);
if(typeof paramses['image'] === "undefined"){
paramses['image'] = "529bfc6b76fd31a16be38c895a639ea981b2c2aa6568ae98dd1d9efed8fb26d8";
}
if(typeof paramses['words'] === "undefined"){
paramses['words'] = "stiff bickies";
}
$("#imgtxid").val(paramses['image']);
$("#wordsin").val(paramses['words']);
metalens.embed('.metalens-embed', {
url: "b://" + $("#imgtxid").val(),
txid: $("#imgtxid").val(),
height: '600px'
});
});
setInterval(function() {
paramses['image'] = $("#imgtxid").val();
paramses['words'] = $("#wordsin").val();
var linky = "b://bfb362845f814d9a7d4bff711ad3bcce403a78bac5de19d00a3bc447defe8379/?image=" + $("#imgtxid").val() + "&words=" + $("#wordsin").val();
$('#link').attr("href", linky);
renderimage();
}, 1500);
</script>
</body>
</html>
text/html; charset=utf-8UTF-8&Metanet Memechain generator by $deggen
https://whatsonchain.com/tx/2f240561d985e99213ecb11df2f73933061ba24b48ec190630ecaf7b8e070107