diff --git a/design/time-frames.png b/design/time-frames.png
new file mode 100644
index 0000000..cd23734
Binary files /dev/null and b/design/time-frames.png differ
diff --git a/design/time-frames.svg b/design/time-frames.svg
deleted file mode 100644
index f4f4923..0000000
--- a/design/time-frames.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-<?xml version="1.0"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="59 18 476 224" width="476pt" height="224pt"><metadata xmlns:dc="http://purl.org/dc/elements/1.1/"><dc:date>2016-12-27 02:06Z</dc:date><!-- Produced by OmniGraffle Professional 5.4.4 --></metadata><defs><font-face font-family="Helvetica" font-size="12" units-per-em="1000" underline-position="-75.683594" underline-thickness="49.316406" slope="0" x-height="522.94922" cap-height="717.28516" ascent="770.01953" descent="-229.98047" font-weight="500"><font-face-src><font-face-name name="Helvetica"/></font-face-src></font-face><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="DimensionArrow_Marker" viewBox="-1 -6 10 12" markerWidth="10" markerHeight="12" color="black"><g><path d="M 0 0 L 8 0 M 8 5 L 8 -5 M 0 2 L 7 0 L 0 -2" fill="none" stroke="currentColor" stroke-width="1"/></g></marker><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="DimensionArrow_Marker_2" viewBox="-9 -6 10 12" markerWidth="10" markerHeight="12" color="black"><g><path d="M 0 0 L -8 0 M -8 -5 L -8 5 M 0 -2 L -7 0 L 0 2" fill="none" stroke="currentColor" stroke-width="1"/></g></marker><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker" viewBox="-1 -3 6 6" markerWidth="6" markerHeight="6" color="black"><g><path d="M 3.7333333 0 L 0 -1.4 L 0 1.4 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/></g></marker></defs><g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1"><title>Canvas 1</title><g><title>Layer 1</title><rect x="72" y="72" width="72" height="37" fill="white"/><rect x="72" y="72" width="72" height="37" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(77 83.5)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" fill="black" x="10.65918" y="11" textLength="40.68164">frame 0</tspan></text><rect x="216" y="72" width="72" height="37" fill="white"/><rect x="216" y="72" width="72" height="37" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(221 83.5)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="10.65918" y="11" textLength="40.68164">frame 1</tspan></text><rect x="360" y="72" width="72" height="37" fill="white"/><rect x="360" y="72" width="72" height="37" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(365 83.5)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="10.65918" y="11" textLength="40.68164">frame 2</tspan></text><line x1="80" y1="152" x2="136" y2="152" marker-end="url(#DimensionArrow_Marker)" marker-start="url(#DimensionArrow_Marker_2)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(83 116)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".31738281" y="11" textLength="49.365234">exposure</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="13.665039" y="25" textLength="22.669922">time</tspan></text><line x1="224" y1="152" x2="280" y2="152" marker-end="url(#DimensionArrow_Marker)" marker-start="url(#DimensionArrow_Marker_2)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(227 116)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".31738281" y="11" textLength="49.365234">exposure</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="13.665039" y="25" textLength="22.669922">time</tspan></text><line x1="368" y1="152" x2="424" y2="152" marker-end="url(#DimensionArrow_Marker)" marker-start="url(#DimensionArrow_Marker_2)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(371 116)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".31738281" y="11" textLength="49.365234">exposure</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="13.665039" y="25" textLength="22.669922">time</tspan></text><line x1="80" y1="51.5" x2="208" y2="51.5" marker-end="url(#DimensionArrow_Marker)" marker-start="url(#DimensionArrow_Marker_2)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke-dasharray="4,4"/><text transform="translate(105 27)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".31347656" y="11" textLength="77.373047">frame duration</tspan></text><line x1="224" y1="51.5" x2="352" y2="51.5" marker-end="url(#DimensionArrow_Marker)" marker-start="url(#DimensionArrow_Marker_2)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke-dasharray="4,4"/><text transform="translate(249 27)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".31347656" y="11" textLength="77.373047">frame duration</tspan></text><line x1="368" y1="51.5" x2="504" y2="51.5" marker-start="url(#DimensionArrow_Marker_2)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke-dasharray="4,4"/><text transform="translate(362.5 27)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="9.3779297" y="11" textLength="138.74414">unknown frame duration...</tspan></text><line x1="72" y1="213.5" x2="488.1" y2="213.5" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><text transform="translate(72 219)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".16503906" y="11" textLength="22.669922">time</tspan></text></g></g></svg>
diff --git a/design/time.md b/design/time.md
index cce1918..bc202c5 100644
--- a/design/time.md
+++ b/design/time.md
@@ -118,7 +118,7 @@ information:
 
 The camera records video frames as in the diagram below:
 
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xl="http://www.w3.org/1999/xlink" version="1.1" viewBox="59 18 476 224" width="476pt" height="224pt"><metadata xmlns:dc="http://purl.org/dc/elements/1.1/"><dc:date>2016-12-27 02:06Z</dc:date><!-- Produced by OmniGraffle Professional 5.4.4 --></metadata><defs><font-face font-family="Helvetica" font-size="12" units-per-em="1000" underline-position="-75.683594" underline-thickness="49.316406" slope="0" x-height="522.94922" cap-height="717.28516" ascent="770.01953" descent="-229.98047" font-weight="500"><font-face-src><font-face-name name="Helvetica"/></font-face-src></font-face><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="DimensionArrow_Marker" viewBox="-1 -6 10 12" markerWidth="10" markerHeight="12" color="black"><g><path d="M 0 0 L 8 0 M 8 5 L 8 -5 M 0 2 L 7 0 L 0 -2" fill="none" stroke="currentColor" stroke-width="1"/></g></marker><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="DimensionArrow_Marker_2" viewBox="-9 -6 10 12" markerWidth="10" markerHeight="12" color="black"><g><path d="M 0 0 L -8 0 M -8 -5 L -8 5 M 0 -2 L -7 0 L 0 2" fill="none" stroke="currentColor" stroke-width="1"/></g></marker><marker orient="auto" overflow="visible" markerUnits="strokeWidth" id="FilledArrow_Marker" viewBox="-1 -3 6 6" markerWidth="6" markerHeight="6" color="black"><g><path d="M 3.7333333 0 L 0 -1.4 L 0 1.4 Z" fill="currentColor" stroke="currentColor" stroke-width="1"/></g></marker></defs><g stroke="none" stroke-opacity="1" stroke-dasharray="none" fill="none" fill-opacity="1"><title>Canvas 1</title><g><title>Layer 1</title><rect x="72" y="72" width="72" height="37" fill="white"/><rect x="72" y="72" width="72" height="37" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(77 83.5)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" fill="black" x="10.65918" y="11" textLength="40.68164">frame 0</tspan></text><rect x="216" y="72" width="72" height="37" fill="white"/><rect x="216" y="72" width="72" height="37" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(221 83.5)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="10.65918" y="11" textLength="40.68164">frame 1</tspan></text><rect x="360" y="72" width="72" height="37" fill="white"/><rect x="360" y="72" width="72" height="37" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(365 83.5)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="10.65918" y="11" textLength="40.68164">frame 2</tspan></text><line x1="80" y1="152" x2="136" y2="152" marker-end="url(#DimensionArrow_Marker)" marker-start="url(#DimensionArrow_Marker_2)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(83 116)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".31738281" y="11" textLength="49.365234">exposure</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="13.665039" y="25" textLength="22.669922">time</tspan></text><line x1="224" y1="152" x2="280" y2="152" marker-end="url(#DimensionArrow_Marker)" marker-start="url(#DimensionArrow_Marker_2)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(227 116)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".31738281" y="11" textLength="49.365234">exposure</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="13.665039" y="25" textLength="22.669922">time</tspan></text><line x1="368" y1="152" x2="424" y2="152" marker-end="url(#DimensionArrow_Marker)" marker-start="url(#DimensionArrow_Marker_2)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/><text transform="translate(371 116)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".31738281" y="11" textLength="49.365234">exposure</tspan><tspan font-family="Helvetica" font-size="12" font-weight="500" x="13.665039" y="25" textLength="22.669922">time</tspan></text><line x1="80" y1="51.5" x2="208" y2="51.5" marker-end="url(#DimensionArrow_Marker)" marker-start="url(#DimensionArrow_Marker_2)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke-dasharray="4,4"/><text transform="translate(105 27)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".31347656" y="11" textLength="77.373047">frame duration</tspan></text><line x1="224" y1="51.5" x2="352" y2="51.5" marker-end="url(#DimensionArrow_Marker)" marker-start="url(#DimensionArrow_Marker_2)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke-dasharray="4,4"/><text transform="translate(249 27)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".31347656" y="11" textLength="77.373047">frame duration</tspan></text><line x1="368" y1="51.5" x2="504" y2="51.5" marker-start="url(#DimensionArrow_Marker_2)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="1" stroke-dasharray="4,4"/><text transform="translate(362.5 27)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x="9.3779297" y="11" textLength="138.74414">unknown frame duration...</tspan></text><line x1="72" y1="213.5" x2="488.1" y2="213.5" marker-end="url(#FilledArrow_Marker)" stroke="black" stroke-linecap="round" stroke-linejoin="round" stroke-width="3"/><text transform="translate(72 219)" fill="black"><tspan font-family="Helvetica" font-size="12" font-weight="500" x=".16503906" y="11" textLength="22.669922">time</tspan></text></g></g></svg>
+![Video frame timeline](time-frames.png)
 
 Each frame has an associated RTP timestamp. It's unclear from skimming RFC
 3550 exactly what time this represents, but it must be some time after the