Guilherme Simoes guilhermesimoes

Footnotes

Difference to Standard Markdown

This syntax feature is not part of the original Markdown syntax. The idea and syntax comes from the PHP Markdown Extra package.

Footnotes in kramdown are similar to reference style links and link definitions. You need to place the footnote marker in the correct position in the text and the actual footnote content can be defined anywhere in the document.

More exactly, a footnote marker can be created by placing the footnote name in square brackets. The footnote name has to start with a caret (^), followed by a word character or a digit and then optionally followed by other word characters, digits or dashes. For example:

Rules for good testing

Look at the following image...

...it shows an object being tested.

You can't see inside the object. All you can do is send it messages. This is an important point to make because we should be "testing the interface, and NOT the implementation" - doing so will allow us to change the implementation without causing our tests to break.

Demonstrates the effect of dominant baseline for each of its possible values on text positioning in an SVG.

Each browser/ mobile browser seems to handle these a bit differently. Here are some issues:

Retrieving bounding boxes only works correctly after the font is loaded (and there is no easy way to find out when this happens)
The bounding box width does not reflect the actual extent of a text, but how far it advances the cursor. That means that in an italic letter 'f' in many fonts, part of the f will actually lie outside of the bounding box
The baseline-shift style does not work in FF
dominant-baseline values are interpreted different among browsers

All in all its best just use 'alphabetical' (which is consistent across browsers) and do any further vertical positioning by manually by using the x,y or dx,dy or the transform attributes. Also, if one needs to find out about the actual bounds of a text, one cannot rely on the getBBox() or the getBoundingClientRect() DOM methods, but has to use

	* {
	font-size: 12pt;
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: black;
	cursor: default;
	}

	#!/usr/bin/env python2

	import SimpleHTTPServer
	import SocketServer
	import logging

	PORT = 8000

	class GetHandler(SimpleHTTPServer.SimpleHTTPRequestHandler):

	import java.util.Map;
	import java.util.Comparator;
	import java.util.Collections;

	int index = 0;
	PImage pokemon, current;
	PGraphics pie;

	HashMap<Integer,Integer> colorMap;
	ArrayList<Integer> colorByCount;

	require 'rubygems'
	require 'mechanize'

	FIRST_NAME = 'FIRST_NAME'
	LAST_NAME = 'LAST_NAME'
	PHONE = 'PHONE'
	EMAIL = 'EMAIL@provider.com'

	PARTY_SIZE = 2
	SCHEDULE_RANGE = { :start_time => '19:00', :end_time => '20:30' }

	function htmlEncode(str) {
	return String(str)
	.replace(/&/g, '&')
	.replace(/</g, '<')
	.replace(/>/g, '>')
	.replace(/"/g, '"')
	.replace(/'/g, ''')
	.replace(/\//g, '/');
	}

	# normal
	class Library
	attr_accessor :games

	def each(&block)
	games.each(&block)
	end

	def map(&block)
	games.map(&block)

	# Returns a lambda used to determine what number is at t in the range of a and b
	#
	# interpolate_number(0, 500).call(0.5) # 250
	# interpolate_number(0, 500).call(1) # 500
	#
	def interpolate_number(a, b)
	a = a.to_f
	b = b.to_f
	b -= a
	lambda { \|t\| a + b * t }