Skip to content
/ tonc Public
forked from gbadev-org/tonc

GBA Programming Tutorial (Community Edition)

License

Notifications You must be signed in to change notification settings

gwilymk/tonc

 
 

Repository files navigation

Tonc (Community Edition)

This is a community-maintained version of Tonc, the GBA programming tutorial originally written by Jasper Vijn (cearn).

Setup

You need Python 3. Dependencies can be installed via pip or your package manager.

# install dependencies
pip install pelican markdown

# clone the repo
git clone git@github.com:gbadev-org/tonc.git
cd tonc

# run the development server
make devserver

Then open http://127.0.0.1:8000/toc.html in your browser.

Converting pages to markdown

Conversion can be done one page at a time.

You can use pandoc to get you started:

1. Initial conversion

cd content/pages

# rename to avoid conflicts in page generation
mv intro.htm intro-old.htm

# run through pandoc (minus some extensions to get sane output)
pandoc --from=html --to=markdown-fenced_divs-bracketed_spans-escaped_line_breaks-smart --wrap=none -o intro.md intro-old.htm

Then, add metadata and replace the table of contents with a [TOC] marker:

Title: Introduction to Tonc
Date: 2003-09-01
Modified: 2023-08-13
Authors: Cearn

# ii. Introduction to Tonc

[TOC]

2. Cleanup

Next, go through the page and fix anything that's broken.

For example:

  • <span class="dfn"> should be changed back to <dfn> (for some reason pandoc messes this up). Same goes for <kbd> and some other tags.

  • Section numbers should be removed from headings (but the number in the page title should stay, e.g. # 3. My first GBA demo)

  • Tables and Figures should be replaced with the raw HTML from Tonc.

  • Code blocks should have the correct language set on them (c, asm, makefile)

  • Container tags may need a markdown attribute adding to them, otherwise the Markdown within won't be rendered properly. e.g.

    <div style="margin-left:1.2cm;" markdown> ... </div>

Once it's in good shape, you can delete the original .htm file.

3. Figures, tables, equations

For autonumbering and cross-referencing of figures, tables and equations, we use a syntax based on pandoc-xnos.

  • The id attribute is used to define a figure, e.g. id="fig:foobar" or {#fig:foobar}.

  • Possible ID kinds are fig:, tbl: and eq: to define figures, tables, and equations respectively.

  • Use @fig:foobar to refer to a figure.

  • Use *@fig:foobar when the first letter should be capitalised.

  • Use !@fig:foobar to print only the number (without the word 'fig').

  • Use {@fig:foobar} to avoid clashing with surrounding syntax.

  • The figure/table/equation prefix is defined by the page title.

For example, on the page 'ii. Introduction to Tonc', the following Markdown:

<img src="img/toncdirs.png" id="fig:toncdirs" alt="Tonc directory structure">  
**{*@fig:toncdirs}**: directories.

Will be rendered as:

Tonc directory structure
Fig ii.1: directories.

About

GBA Programming Tutorial (Community Edition)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 98.1%
  • Other 1.9%