2020-04-25 06:35:06 +00:00
<!doctype html>
< html >
< head >
< title > Zk | Oy, meme< / title >
< link rel = "stylesheet" type = "text/css" href = "/style.css" / >
< meta name = "viewport" content = "width=device-width" / >
< meta charset = "utf-8" / >
< / head >
< body >
< main >
< header >
< h1 > Zk | Oy, meme< / h1 >
< / header >
< article class = "content" >
< p > < span class = "tag" > diary< / span > < span class = "tag" > livejournal< / span > < span class = "tag" > fossils< / span > < / p >
2020-06-24 07:10:07 +00:00
< p > Except this time, I made it myself! < a href = "http://badger.mjs-svc.com" target = "_blank" > Badger!< / a > is a little badge you can put on your blags and webpages with all your other web presences laid out as icon - from the badge, people can get to your Twitter, Facebook, LJ, and so on. Just a goofy little thing. Alas, the dynamic version doesn’ t work on LJ because it involves both style and script tags, which are stripped out automatically. The static version, however, works!
2020-04-25 06:35:06 +00:00
<!-- Begin Badger! makyo -->
< div id = "bi-makyo" style = "border:2px solid #aaa;background-color:#fff;width:88px;-moz-border-radius:4px;-webkit-border-radius:4px;padding:2px;" > < a href = "http://badger.mjs-svc.com/badger/makyo" style = "text-decoration:none;color:#444;" target = "_blank" > < img src = "http://mjs-svc.com/badger/badger-icon.png" style = "border:none;" / > makyo< / a >
< table style = "border:3px double #999;background-color:#eee;position:relative;top:0;left:0" > < tr > < td > < a href = "http://drab-makyo.livejournal.com" style = "text-decoration:none;" target = "_blank" title = "LJ: drab-makyo" > < img src = "http://mjs-svc.com/badger/icons/lj-1.png" style = "border:none;" / > < / a > < / td >
< td > < a href = "http://mjs-publishing.com" style = "text-decoration:none;" target = "_blank" title = "http://mjs-publishing.com" > < img src = "http://mjs-svc.com/badger/icons/website.png" style = "border:none;" / > < / a > < / td >
< td > < a href = "http://mjs-svc.com" style = "text-decoration:none;" target = "_blank" title = "http://mjs-svc.com" > < img src = "http://mjs-svc.com/badger/icons/website.png" style = "border:none;" / > < / a > < / td >
< td > < a href = "http://drab-makyo.com" style = "text-decoration:none;" target = "_blank" title = "http://drab-makyo.com" > < img src = "http://mjs-svc.com/badger/icons/website.png" style = "border:none;" / > < / a > < / td >
< / tr > < tr > < td > < a href = "mailto:matthew.scott@rams.colostate.edu" style = "text-decoration:none;" target = "_blank" title = "matthew.scott@rams.colostate.edu" > < img src = "http://mjs-svc.com/badger/icons/mail.png" style = "border:none;" / > < / a > < / td >
< td > < a href = "mailto:mjs@mjs-publishing.com" style = "text-decoration:none;" target = "_blank" title = "mjs@mjs-publishing.com" > < img src = "http://mjs-svc.com/badger/icons/mail.png" style = "border:none;" / > < / a > < / td >
< td > < a href = "mailto:mjs@mjs-vc.com" style = "text-decoration:none;" target = "_blank" title = "mjs@mjs-vc.com" > < img src = "http://mjs-svc.com/badger/icons/mail.png" style = "border:none;" / > < / a > < / td >
< td > < a href = "mailto:makyo@drab-makyo.com" style = "text-decoration:none;" target = "_blank" title = "Primary: makyo@drab-makyo.com" > < img src = "http://mjs-svc.com/badger/icons/primary-mail.png" style = "border:none;" / > < / a > < / td >
< / tr > < tr > < td > < a href = "http://pgp.mit.edu:11371/pks/lookup?op=get&search=0x8361A9B7C55309AB" style = "text-decoration:none;" target = "_blank" title = "PGP public key" > < img src = "http://mjs-svc.com/badger/icons/pgp.png" style = "border:none;" / > < / a > < / td >
< td > < a href = "http://twitter.com/drab_makyo" style = "text-decoration:none;" target = "_blank" title = "Twitter: @drab_makyo" > < img src = "http://mjs-svc.com/badger/icons/t_mini-b.png" style = "border:none;" / > < / a > < / td >
< td > < a href = "http://flickr.com/photos/ranna" style = "text-decoration:none;" target = "_blank" title = "Flickr" > < img src = "http://mjs-svc.com/badger/icons/flickr.png" style = "border:none;" / > < / a > < / td >
< td > < a href = "http://furaffinity.net/user/ranna" style = "text-decoration:none;" target = "_blank" title = "FA: ranna" > < img src = "http://mjs-svc.com/badger/icons/fa-0.png" style = "border:none;" / > < / a > < / td >
< / tr > < tr > < td > < a href = "aim:goim?screenname=drabmakyo" style = "text-decoration:none;" target = "_blank" title = "AIM: drabmakyo" > < img src = "http://mjs-svc.com/badger/icons/aim-1.png" style = "border:none;" / > < / a > < / td >
< td > < a href = "http://youtube.com/user/rannafox" style = "text-decoration:none;" target = "_blank" title = "YouTube: rannafox" > < img src = "http://mjs-svc.com/badger/icons/yt.png" style = "border:none;" / > < / a > < / td >
< td > < a href = "http://facebook.com/drabmakyo" style = "text-decoration:none;" target = "_blank" title = "Facebook" > < img src = "http://mjs-svc.com/badger/icons/fb.png" style = "border:none;" / > < / a > < / td >
< td > < a href = "http://xmarks.com/profile/drab-makyo" style = "text-decoration:none;" target = "_blank" title = "Xmarks" > < img src = "http://mjs-svc.com/badger/icons/favicon.ico" style = "border:none;" / > < / a > < / td >
2020-06-24 07:10:07 +00:00
< / tr > < / table > < p style = "font-size:10px;padding:0px;margin:0px;text-align:right;border:none;" > < a href = "http://badger.mjs-svc.com/about/" style = "text-decoration:none;color:#444;" target = "_blank" > What’ s this?< / a > < / p > < / div >
2020-04-25 06:35:06 +00:00
<!-- End Badger! makyo -->
2020-06-24 07:10:07 +00:00
First time I’ ve done something like this, and it was pretty fun ^^ Felt like I woke up Tuesday with the idea fully formed in my head, and the rest was just making license plates. Have fun, do whatever with it, heh< / p >
2020-04-25 06:35:06 +00:00
< / article >
< footer >
< p > Page generated on 2010-03-20 04:35:26< / p >
< / footer >
< / main >
2020-06-24 07:10:07 +00:00
< script type = "text/javascript" >
document.querySelectorAll('.tag').forEach(tag => {
let text = tag.innerText;
tag.innerText = '';
tag.innerHTML = `< a href = "/tags.html#${text}" > ${text}< / a > `;
});
< / script >
2020-04-25 06:35:06 +00:00
< / body >
< / html >