\documentclass[10pt,a4paper]{article}

% Packages
\usepackage{fancyhdr}           % For header and footer
\usepackage{multicol}           % Allows multicols in tables
\usepackage{tabularx}           % Intelligent column widths
\usepackage{tabulary}           % Used in header and footer
\usepackage{hhline}             % Border under tables
\usepackage{graphicx}           % For images
\usepackage{xcolor}             % For hex colours
%\usepackage[utf8x]{inputenc}    % For unicode character support
\usepackage[T1]{fontenc}        % Without this we get weird character replacements
\usepackage{colortbl}           % For coloured tables
\usepackage{setspace}           % For line height
\usepackage{lastpage}           % Needed for total page number
\usepackage{seqsplit}           % Splits long words.
%\usepackage{opensans}          % Can't make this work so far. Shame. Would be lovely.
\usepackage[normalem]{ulem}     % For underlining links
% Most of the following are not required for the majority
% of cheat sheets but are needed for some symbol support.
\usepackage{amsmath}            % Symbols
\usepackage{MnSymbol}           % Symbols
\usepackage{wasysym}            % Symbols
%\usepackage[english,german,french,spanish,italian]{babel}              % Languages

% Document Info
\author{nubianlord}
\pdfinfo{
  /Title (firebase-angularfire.pdf)
  /Creator (Cheatography)
  /Author (nubianlord)
  /Subject (Firebase + AngularFire Cheat Sheet)
}

% Lengths and widths
\addtolength{\textwidth}{6cm}
\addtolength{\textheight}{-1cm}
\addtolength{\hoffset}{-3cm}
\addtolength{\voffset}{-2cm}
\setlength{\tabcolsep}{0.2cm} % Space between columns
\setlength{\headsep}{-12pt} % Reduce space between header and content
\setlength{\headheight}{85pt} % If less, LaTeX automatically increases it
\renewcommand{\footrulewidth}{0pt} % Remove footer line
\renewcommand{\headrulewidth}{0pt} % Remove header line
\renewcommand{\seqinsert}{\ifmmode\allowbreak\else\-\fi} % Hyphens in seqsplit
% This two commands together give roughly
% the right line height in the tables
\renewcommand{\arraystretch}{1.3}
\onehalfspacing

% Commands
\newcommand{\SetRowColor}[1]{\noalign{\gdef\RowColorName{#1}}\rowcolor{\RowColorName}} % Shortcut for row colour
\newcommand{\mymulticolumn}[3]{\multicolumn{#1}{>{\columncolor{\RowColorName}}#2}{#3}} % For coloured multi-cols
\newcolumntype{x}[1]{>{\raggedright}p{#1}} % New column types for ragged-right paragraph columns
\newcommand{\tn}{\tabularnewline} % Required as custom column type in use

% Font and Colours
\definecolor{HeadBackground}{HTML}{333333}
\definecolor{FootBackground}{HTML}{666666}
\definecolor{TextColor}{HTML}{333333}
\definecolor{DarkBackground}{HTML}{A15D22}
\definecolor{LightBackground}{HTML}{F9F4F1}
\renewcommand{\familydefault}{\sfdefault}
\color{TextColor}

% Header and Footer
\pagestyle{fancy}
\fancyhead{} % Set header to blank
\fancyfoot{} % Set footer to blank
\fancyhead[L]{
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{C}
    \SetRowColor{DarkBackground}
    \vspace{-7pt}
    {\parbox{\dimexpr\textwidth-2\fboxsep\relax}{\noindent
        \hspace*{-6pt}\includegraphics[width=5.8cm]{/web/www.cheatography.com/public/images/cheatography_logo.pdf}}
    }
\end{tabulary}
\columnbreak
\begin{tabulary}{11cm}{L}
    \vspace{-2pt}\large{\bf{\textcolor{DarkBackground}{\textrm{Firebase + AngularFire Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{nubianlord} via \textcolor{DarkBackground}{\uline{cheatography.com/28383/cs/8342/}}}
\end{tabulary}
\end{multicols}}

\fancyfoot[L]{ \footnotesize
\noindent
\begin{multicols}{3}
\begin{tabulary}{5.8cm}{LL}
  \SetRowColor{FootBackground}
  \mymulticolumn{2}{p{5.377cm}}{\bf\textcolor{white}{Cheatographer}}  \\
  \vspace{-2pt}nubianlord \\
  \uline{cheatography.com/nubianlord} \\
  \end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Cheat Sheet}}  \\
   \vspace{-2pt}Not Yet Published.\\
   Updated 4th June, 2016.\\
   Page {\thepage} of \pageref{LastPage}.
\end{tabulary}
\vfill
\columnbreak
\begin{tabulary}{5.8cm}{L}
  \SetRowColor{FootBackground}
  \mymulticolumn{1}{p{5.377cm}}{\bf\textcolor{white}{Sponsor}}  \\
  \SetRowColor{white}
  \vspace{-5pt}
  %\includegraphics[width=48px,height=48px]{dave.jpeg}
  Measure your website readability!\\
  www.readability-score.com
\end{tabulary}
\end{multicols}}




\begin{document}
\raggedright
\raggedcolumns

% Set font size to small. Switch to any value
% from this page to resize cheat sheet text:
% www.emerson.emory.edu/services/latex/latex_169.html
\footnotesize % Small font.

\begin{multicols*}{2}

\begin{tabularx}{8.4cm}{x{2.4 cm} x{5.6 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Firebase + AngularFire Cheatsheet}}  \tn
% Row 0
\SetRowColor{LightBackground}
{\bf{Firebase}} & {\bf{AngularFire}} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
{\bf{{\emph{Coming soon}}}} & {\bf{{\emph{\$firebaseArray Service Methods}}}} \tn 
% Row Count 3 (+ 2)
% Row 2
\SetRowColor{LightBackground}
 & .add(data) - Creates a new record in the array. Should be used in place of push() or splice(). \tn 
% Row Count 7 (+ 4)
% Row 3
\SetRowColor{white}
 & \$remove(recordOrIndex) - Removes an existing item from the array. Should be used in place of pop() or splice(). \tn 
% Row Count 11 (+ 4)
% Row 4
\SetRowColor{LightBackground}
 & \$save(recordOrIndex) 	Saves an existing item in the array. \tn 
% Row Count 14 (+ 3)
% Row 5
\SetRowColor{white}
 & \$getRecord(key) 	Given a Firebase database key, returns the corresponding item from the array. It is also possible to find the index with \$indexFor(key). \tn 
% Row Count 20 (+ 6)
% Row 6
\SetRowColor{LightBackground}
 & \$loaded() 	Returns a promise which resolves after the initial records have been downloaded from our database. This is only called once and should be used with care. See Extending the Services for more ways to hook into server events. \tn 
% Row Count 29 (+ 9)
% Row 7
\SetRowColor{white}
 & {\bf{{\emph{\$firebaseArray Meta Fields on the object}}}} \tn 
% Row Count 31 (+ 2)
\end{tabularx}
\par\addvspace{1.3em}

\vfill
\columnbreak
\begin{tabularx}{8.4cm}{x{2.4 cm} x{5.6 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Firebase + AngularFire Cheatsheet (cont)}}  \tn
% Row 8
\SetRowColor{LightBackground}
 & \$id 	The key for each record. This is equivalent to each record's path in our database as it would be returned by ref.key(). \tn 
% Row Count 5 (+ 5)
% Row 9
\SetRowColor{white}
 & \$priority 	The priority of each child node is stored here for reference. Changing this value and then calling \$save() on the record will also change the priority on the server and potentially move the record in the array. \tn 
% Row Count 13 (+ 8)
% Row 10
\SetRowColor{LightBackground}
 & \$value 	If the data for this child node is a primitive (number, string, or boolean), then the record itself will still be an object. The primitive value will be stored under \$value and can be changed and saved like any other field. \tn 
% Row Count 22 (+ 9)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{5.12 cm} p{2.88 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{\$firebaseObject}}  \tn
% Row 0
\SetRowColor{LightBackground}
Methods & Meta \tn 
% Row Count 1 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}


% That's all folks
\end{multicols*}

\end{document}