Plan 9: Dynamic HTML

 

Render Dynamic HTML using plot and qjs.

Render a simple website
 
Font zoom

 

E-Book Reader


eBook is a collection of HTML files in a ZIP archive. Follow same steps for Comic Book reader which are collection of JPG/PNG images in a ZIP/RAR archive.

For columns, pure HTML solution involves column-count CSS property. However, this works only for designed screen sizes. For non-standard sizes, the first column might span multiple pages before continuing in the second column. Hence, the page mode manages the split without relying on the column-count.

 

Keymap

t                    Table of Content

-/=                Font zoom

1,2,3             Column

s                   Toggle scroll/page mode 

Up/down      Scroll

Prev/Next    Chapter navigation 

q                  Quit 

  

Linkedom Fixes

  • Use lowerCaseAttributeNames: isHTML to ignore case for attribute names.
 

Lessons Learnt

  1. Mouse click generates two events like a keypress. If you are doing a zero byte read, you're likely to miss an event as each read pops the event queue.
  2. Screen, keyboard and mouse are separate devices - obviously. However, only Plan 9 allows these to be interacted with via separate programs.
  3. Plan 9 draws a symmetrical line i.e. 2*thickness+1 pixels. Important to note for table calculations. 

 

References

  1. HTML rendering in Emacs 
  2. HTML rendering via SVG 
  3. Browser in Javascript 
  4. Plan 9: Tiled Map 
  5. Comic Book Reader 

 

Miscellaneous

  1. Andrey's port of Links 

 

Comments

Post a Comment

Popular posts from this blog

Plan 9 : The Infinity Notebook

Image
  Plan 9 is an Operating System (OS) from Bell Labs which is a successor to UNIX. It builds on the learnings from the previous Operating systems. Network computing and graphics is an integral part of the OS rather than an afterthought. It is modular and portable - it comes with a cross compiler . It is available, under MIT License , which anybody can use, learn and tweak. Features Everything is a file. Small Kernel:  Around 5MB size which can be built in under 2 minutes.  Singular Grid: All the computers running Plan 9 OS and connected together act like a singular grid. So there's no need for remote access solutions like VNC or RDP. This cool video shows a small glimpse of the possibilities. Process Isolation: Processes run within their own namespaces and are isolated from each other. So you can run rio (the window manager) within rio. Applications like Browsers don't need complicated sandboxing. And a crashing program is unlikely to bring down the OS. No DLL Hell : ...
Read more

Plan 9: Quick Boot with UEFI

Image
 UEFI ( Unified Extensible Firmware Interface) provides a quick way to set up a Plan 9 terminal  on modern hardware .  EFI System Partition (ESP) is a FAT32 partition. You should be able to modify it in most of the operating systems.     Run mk in /sys/src/boot/efi . aux/aout2efi converts an a.out file to an EFI executable.  For x86_64 hardware,  copy over the files bootx64.efi (EFI application) , 9pc64 (kernel) , plan9.ini  (configuration file) to \EFI\plan9\ directory in the ESP. If you want it be the default OS , you can create a symlink \EFI\boot to \EFI\plan9. Remember to include the full path to the kernel in plan9.ini. ( Note:  ESP is a FAT32 partition. Hence you must use backward slashes.) bootfile=\EFI\plan9\9pc64       When bootx64.efi fails to find the bootfile (e.g. kernel is missing, plan9.ini is missing or path is incorrect), you can provide the arguments at > prompt   followed by a boot command . Y...
Read more

Comics Builder in GNU Emacs

Image
  Generate comics strip from a script in GNU Emacs. First, create a folder containing artwork. You can use samples from [2]. It should have three subfolders - faces, poses and backgrounds. Images can be GIF, JPG or PNG. Filenames for face and poses follow a convention: <id>-<emotion>.<ext> . Please ensure you have atleast one file for neutral emotion . Set appropriate values for following variables: comics-artwork - Folder containing artwork comics-col-max - Maximum no. of columns (default: 2) comics-emotions - Alist of emotions and words used to describe them comics-avatars - A list of cons cells (FACE-ID . BODY-ID) Open a file containing the script (sample below) and run M-x comics. This will generate an SVG image for the comics strip which will fit the display window. Panels are rendered with fixed font-size so that it is always readable. Actors are assigned an avatar from comics-avatars sequentially as they appear in the script. Normally, all the actors are d...
Read more