<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card>
<p><b>3: Baby Steps</b></p>
<p>
The first thing I did was to translate the static pages of this whole site into wml. Plain text with some headlines inbetween was easy. It helps to copy other peoples work and start from there to get a feel for it.
</p>
<p>Something that's surprisingly complicated was embedding images. Those are encoded as either wbmp or jpeg files. Basically all devices support wbmp, some also do jpeg. Maartje comes in clutch again by supplying a </p><p><a href="https://github.com/bevelgacom/wap.bevelgacom.be/blob/main/img-to-wbmp.sh">script</a></p>
<p> that converts modern image file formats to wbmp.</p><p>This is the point in the process where I basically stopped using m3gate: It's very particular about the wml being "correct" and will refuse to do anything until it is. So if it contains a tag it doesn't know, it will throw a fit. One of the tags it isn't aware of is the </p><p>
 // img //
</p>
<p>---<br /></p>
<p>-tag.
Openwave is slightly better, it knows about the tag but can't display the actual image. At least it falls back to the alt text instead of throwing an error message. wApua works just fine and displays the image.</p><p><img src="3ee06abc-2737-4904-8204-fc0a70f7dcf3_img/wml_image.png.wbmp" alt="A similar screenshot of windows 2000 as before. This time without the error-message. The M3Gate emulator displays a somewhat cryptic error-text instead of the page and Openwave displays the about-section of my page without the picture of me." /></p>
<p><img src="3ee06abc-2737-4904-8204-fc0a70f7dcf3_img/wApua2.png.wbmp" alt="The About-page of this site in wApua. The text is the same but the photograph of me is even more low-resolution than on the normal site. The cookie-emoji has been replaced with some ascii-art in the shape of a cookie." /></p>
<p align="center">
<a href="3ee06abc-2737-4904-8204-fc0a70f7dcf3-1.wml">previous page</a>
<a href="3ee06abc-2737-4904-8204-fc0a70f7dcf3-3.wml">next page</a>
<a href="/blog">post index</a>
</p>
</card>
</wml>
