52 lines
5.5 KiB
HTML
52 lines
5.5 KiB
HTML
<!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>
|
|
<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!
|
|
<!-- 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>
|
|
</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>
|
|
<!-- End Badger! makyo -->
|
|
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>
|
|
</article>
|
|
<footer>
|
|
<p>Page generated on 2010-03-20 04:35:26</p>
|
|
</footer>
|
|
</main>
|
|
<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>
|
|
</body>
|
|
</html>
|