Prototyping a Table of Contents in Medium

I find that a great table of contents (TOC) for long articles helps give a quick “Too Long, Didn’t Read” (TL;DR) summary of an article. This is a prototype to see if you can make something like that within medium articles.

Bryan Zug
9 min readApr 5, 2014

This is gonna be a long one. Here’s some help for getting the gist and finding your way around…

This is H1 1 | http://medium.com/p/2fae7c880b29/#2f28
This is an H2 1.1 | http://medium.com/p/2fae7c880b29/#1d38
This is an H2 1.2 | http://medium.com/p/2fae7c880b29/#0e28
This is H1 2 | http://medium.com/p/2fae7c880b29/#42bf
This is an H2 2.1 | http://medium.com/p/2fae7c880b29/#a1cb
This is an H2 2.2 | http://medium.com/p/2fae7c880b29/#44c8

This is H1 1

This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy.

This is an H2 1.1

This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy.

This is an H2 1.2

This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy.

This is H1 2

This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy.

This is an H2 2.1

This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy.

This is an H2 2.2

This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy. This is body copy.

--

--

Bryan Zug

Product + UX + Entrepreneurial Culture + Stakeholder Whispering | Instigator at @ignitesea | Groom to @jenzug | Dad to the http://zugito.com crew