# Sticky notes image

I've tried looking in the site for this but I couldn't find anything (rather surprising).

I want a package (or even a TikZ drawing) to accomplish a note on a sticky note. I just need one note, so I don't mind a complex solution or a very specific solution to this problem.

Here are 2 possible examples of what I want:

Here is something better, but I don't own those images so I'll just put a link.

I have no MWE since I want to know if there is a package. If there's not, I'll try with TikZ, though I'm not very good at it.

-
Where do you want to place these sticky notes? In the margin, or on the page? Does it need to overlap the text? You should creae a MWE showing the usage. Just define \newcommand{\StickyNote}[1]{}. –  Peter Grill Feb 10 at 18:59
@PeterGrill It will be on a beamer slide. I don't mind making a pdf with standalone and then insert the pdf as an image. –  Nico Feb 10 at 19:01

One basic possibility using TikZ (process using xelatex):

\documentclass{article}
\usepackage{xparse}
\usepackage{fontspec}
\setmainfont{Humor Sans}
\usepackage{tikz}
\usepackage{lipsum}

\definecolor{myyellow}{RGB}{242,226,149}

\NewDocumentCommand\StickyNote{O{6cm}mO{6cm}}{%
\begin{tikzpicture}
\node[
},
inner xsep=7pt,
fill=myyellow,
xslant=-0.1,
yslant=0.1,
inner ysep=10pt
] {\parbox[t][#1][c]{#3}{#2}};
\end{tikzpicture}%
}

\begin{document}

\StickyNote{some text here\hfill\\\vfill And some more text \\\vfill And a third line}

\StickyNote[2.5cm]{\LARGE As \underline{who}, I want\\[4ex]\underline{what} so that \underline{why}}[6.5cm]

\end{document}


The basic command has the following syntax:

\MyStickyNote[<height>]{<text>}[<width>]


The font is Humor-Sans, which can be obtained in https://github.com/shreyankg/xkcd-desktop/blob/master/Humor-Sans.ttf.

Some other options using the fancypar package:

\documentclass{article}
\usepackage{xparse}
\usepackage{fontspec}
\setmainfont{Humor Sans}
\usepackage{fancypar}
\usepackage{lipsum}

\definecolor{myyellow}{RGB}{242,226,149}

\NewDocumentCommand\StickyNoteP{O{6cm}mO{6cm}}{%
\begin{tikzpicture}
\node[
},
inner xsep=0pt,
xslant=-0.1,
yslant=0.1,
inner ysep=0pt,
text depth=\the\dimexpr#1+2.5ex\relax
] {\parbox[t][#1][c]{#3}{#2}};
\end{tikzpicture}%
}

\NewDocumentCommand\StickyNotePi{O{6cm}mO{6cm}}{%
\begin{tikzpicture}
\node[
draw,
fill=myyellow,
inner xsep=10pt,
xslant=-0.1,
yslant=0.1,
inner ysep=0pt,
text depth=\the\dimexpr#1+2.5ex\relax
] {\parbox[t][#1][c]{#3}{#2}};
\end{tikzpicture}%
}

\begin{document}

\StickyNoteP[2.5cm]{%
\NotebookPar[spiral=false]{
\LARGE As \underline{who}, I want\\ \underline{what} so that \underline{why}}}[6.5cm]

\StickyNoteP[2.5cm]{%
\NotebookPar[spiral=false,intercolor=black,linecolor=white]{
\LARGE As \underline{who}, I want\\ \underline{what} so that \underline{why}}}[6.5cm]

\StickyNotePi[2.5cm]{%
\UnderlinedPar[rulecolor=green]{%
\LARGE As \underline{who}, I want\\ \underline{what} so that \underline{why}}}[6.5cm]

\StickyNotePi[2.5cm]{%
\MarkedPar{%
\LARGE As \underline{who}, I want\\ \underline{what} so that \underline{why}}}[6.5cm]

\StickyNotePi[2.5cm]{%
\DashedPar{%
\LARGE As \underline{who}, I want\\ \underline{what} so that \underline{why}}}[6.5cm]

\end{document}


And with a bent corner:

\documentclass{article}
\usepackage{xparse}
\usepackage{fontspec}
\setmainfont{Humor Sans}
\usepackage{fancypar}
\usepackage{lipsum}

\definecolor{myyellow}{RGB}{242,226,149}

\makeatletter
\pgfdeclareshape{document}{
\inheritsavedanchors[from=rectangle] % this is nearly a rectangle
\inheritanchorborder[from=rectangle]
\inheritanchor[from=rectangle]{center}
\inheritanchor[from=rectangle]{north}
\inheritanchor[from=rectangle]{south}
\inheritanchor[from=rectangle]{west}
\inheritanchor[from=rectangle]{east}
% ... and possibly more
\backgroundpath{% this is new
% store lower right in xa/ya and upper right in xb/yb
\southwest \pgf@xa=\pgf@x \pgf@ya=\pgf@y
\northeast \pgf@xb=\pgf@x \pgf@yb=\pgf@y
% compute corner of ‘‘flipped page’’
\pgf@xc=\pgf@xb \advance\pgf@xc by-10pt % this should be a parameter
% construct main path
\pgfpathmoveto{\pgfpoint{\pgf@xa}{\pgf@ya}}
\pgfpathlineto{\pgfpoint{\pgf@xa}{\pgf@yb}}
\pgfpathlineto{\pgfpoint{\pgf@xc}{\pgf@yb}}
\pgfpathlineto{\pgfpoint{\pgf@xb}{\pgf@yc}}
\pgfpathlineto{\pgfpoint{\pgf@xb}{\pgf@ya}}
\pgfpathclose
\pgfpathmoveto{\pgfpoint{\pgf@xc}{\pgf@yb}}
\pgfpathlineto{\pgfpoint{\pgf@xc}{\pgf@yc}}
\pgfpathlineto{\pgfpoint{\pgf@xb}{\pgf@yc}}
\pgfpathlineto{\pgfpoint{\pgf@xc}{\pgf@yc}}
}
}
\makeatother

\NewDocumentCommand\StickyNote{O{6cm}mO{6cm}}{%
\begin{tikzpicture}
\node[
document,
draw,
},
inner xsep=7pt,
fill=myyellow,
xslant=-0.1,
yslant=0.1,
inner ysep=10pt
] {\parbox[t][#1][c]{#3}{#2}};
\end{tikzpicture}%
}

\NewDocumentCommand\StickyNotePi{O{6cm}mO{6cm}}{%
\begin{tikzpicture}
\node[
document,
draw,
fill=myyellow,
inner xsep=10pt,
xslant=-0.1,
yslant=0.1,
inner ysep=0pt,
text depth=\the\dimexpr#1+2.5ex\relax
] {\parbox[t][#1][c]{#3}{#2}};
\end{tikzpicture}%
}

\begin{document}

\StickyNote{some text here\hfill\\\vfill And some more text \\\vfill And a third line}

\StickyNote[2.5cm]{\LARGE As \underline{who}, I want\\[4ex]\underline{what} so that \underline{why}}[6.5cm]

\StickyNotePi[2.5cm]{%
\UnderlinedPar[rulecolor=black]{%
\LARGE As \underline{who}, I want\\ \underline{what} so that \underline{why}}}[6.5cm]

\StickyNotePi[2.5cm]{%
\DashedPar{%
\LARGE As \underline{who}, I want\\ \underline{what} so that \underline{why}}}[6.5cm]

\end{document}


-
Interesting. I'll try adding some lines like the second link. –  Nico Feb 10 at 19:04
@azetina the corners have been bent! :-) –  Gonzalo Medina Feb 10 at 20:37
@GonzaloMedina You are really good at this. I always inspired by you and egreg just to mention a few. –  azetina Feb 10 at 20:46
+1 for not using the font which you surely know I'm referring to. –  egreg Feb 10 at 21:13
@GonzaloMedina now you are ready to make it a package. \usepackage{StickyNotes} =) –  Nico Feb 11 at 13:54