I am looking to replicate the following artwork with LaTeX:
A border resembling a pencil runs along the left-hand side. The pencil is divided into coloured sections corresponding to different pieces of information. Each piece of text is also given a 'reference' (subtitle) of varying lengths. The coloured rounded rectangular tab surrounding each subtitle should also vary in length to fit the entire subtitle.
How can this be achieved with tikz?
The following code by Marco Daniel can be used as a starting point and achieves a similar (but much simplified) effect where a line is drawn along only the left-hand side of a certain piece of text.
\documentclass[a4paper,10pt]{article}
\usepackage[utf8]{inputenc}
\usepackage[x11names, svgnames]{xcolor}
\usepackage[framemethod=tikz]{mdframed}
\usetikzlibrary{calc}
\usepackage{fourier-orns}
\definecolor{warningColor}{named}{Red3}
\tikzset{
warningsymbol/.style={
rectangle,
draw=warningColor,
fill=white,
scale=1,
overlay}
}
\mdfdefinestyle{warning}{%
hidealllines=true,leftline=true,
skipabove=12,skipbelow=12pt,
innertopmargin=0.4em,%
innerbottommargin=0.4em,%
innerrightmargin=0.7em,%
rightmargin=0.7em,%
innerleftmargin=1.7em,%
leftmargin=0.7em,%
middlelinewidth=.2em,%
linecolor=warningColor,%
fontcolor=warningColor,%
firstextra={\path let \p1=(P), \p2=(O) in ($(\x2,0)+0.5*(0,\y1)$)
node[warningsymbol] {\danger};},%
secondextra={\path let \p1=(P), \p2=(O) in ($(\x2,0)+0.5*(0,\y1)$)
node[warningsymbol] {\danger};},%
middleextra={\path let \p1=(P), \p2=(O) in ($(\x2,0)+0.5*(0,\y1)$)
node[warningsymbol] {\danger};},%
singleextra={\path let \p1=(P), \p2=(O) in ($(\x2,0)+0.5*(0,\y1)$)
node[warningsymbol] {\danger};},%
}
\newmdenv[style=warning]{Warning}
\usepackage{lipsum}
\begin{document}
\begin{Warning}
\lipsum[1]
\end{Warning}
\lipsum[1]
\begin{Warning}
\lipsum\lipsum[1]
\end{Warning}
\lipsum[1]
\end{document}