OtaClock Blog post/page

input/blog/2015/2015_08_31_otaclock.md

@@ -0,0 +1,56 @@
+title: Blog
+post: OtaClock for Mac OS X
+date: 2015-08-31
+comments: true
+flattr: true
+twitter: xythobuz
+github: https://github.com/xythobuz/OtaClock
+parent: stuff
+position: 88
+---
+
+## {{ page["post"] }}
+<!--%
+from datetime import datetime
+date = datetime.strptime(page["date"], "%Y-%m-%d").strftime("%B %d, %Y")
+print "*Posted at %s.*" % date
+%-->
+
+In 2006, Konami published a Windows and Mac version of a little program called OtaClock. It’s a borderless floating window looking like the Metal Gear Solid 2 Otacon Sprite, looking at the mouse cursor and showing the current time. [You can still download the original using the Web Archive](https://web.archive.org/web/20150130201810/http://www.konami.jp/kojima_pro/english/dl/item_ota.html)!
+
+The Windows version still works pretty well and can also be used with Wine. There is a bug with the alarm feature of the english version, however. The included alarm file `Alerm.txt` [sic] is encoded in UTF-16, but the app want’s to read ASCII. Convert the file and the alarm feature works properly.
+
+Unfortunately, the Mac version is only comaptible with PowerPC Macs. Because Apple removed the Rosetta emulator, old programs like OtaClock do no longer work.
+
+So I decided to recreate the app, pixel for pixel. And I succeeded mostly :)
+
+<div class="yoxview">
+    <a href="img/otaclock1.png" class="thumbnail">
+        <img src="img/otaclock1.png" alt="Screenshot" title="Military Time, Date, Alarm">
+    </a>
+    <a href="img/otaclock2.png" class="thumbnail">
+        <img src="img/otaclock2.png" alt="Screenshot" title="Normal Time, Date, Alarm">
+    </a>
+    <a href="img/otaclock3.png" class="thumbnail">
+        <img src="img/otaclock3.png" alt="Screenshot" title="Military Time only">
+    </a>
+    <a href="img/otaclock4.png" class="thumbnail">
+        <img src="img/otaclock4.png" alt="Screenshot" title="Settings">
+    </a>
+    <a href="img/otaclock5.png" class="thumbnail">
+        <img src="img/otaclock5.png" alt="Screenshot" title="Sizes">
+    </a>
+    <a href="img/otaclock6.png" class="thumbnail">
+        <img src="img/otaclock6.png" alt="Screenshot" title="Alarm Time">
+    </a>
+    <a href="img/otaclock7.png" class="thumbnail">
+        <img src="img/otaclock7.png" alt="Screenshot" title="Alarm Settings (unimplemented)">
+    </a>
+</div>
+
+I haven’t implemented the sound output for the alarm feature yet, but you can set an alarm and the animation will play.
+
+I used [these](http://www.spriters-resource.com/playstation_2/mgs2/sheet/6789/) [two](http://spritedatabase.net/file/455) sprite sheets to extract most sprites, except for the AM/PM marker that was missing from both. I got them from a screenshot made using Wine.
+
+You can find the code on [GitHub](https://github.com/xythobuz/OtaClock) and [my server](http://xythobuz.de/git/otaclock). There is also [a pre-built binary](https://github.com/xythobuz/OtaClock/releases) on GitHub.
+

input/stuff.md

@@ -9,7 +9,10 @@ position: 40
 mpages = [p for p in pages if p.get("parent", "") == "stuff" and p.lang == "en"]
 mpages.sort(key=lambda p: int(p["position"]))
 for p in mpages:
-    print "  * **[%s](%s)**" % (p.title, p.url) # markdown list item
+    if p.title == "Blog":
+        print "  * **[%s](%s)**" % (p.post, p.url) # markdown list item
+    else:
+        print "  * **[%s](%s)**" % (p.title, p.url) # markdown list item
 %-->
 
 ### MacPorts Maintainer