\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{huyennguyen}
\pdfinfo{
  /Title (devops.pdf)
  /Creator (Cheatography)
  /Author (huyennguyen)
  /Subject (devops 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}{0808A3}
\definecolor{LightBackground}{HTML}{F7F7FC}
\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{devops Cheat Sheet}}}} \\
    \normalsize{by \textcolor{DarkBackground}{huyennguyen} via \textcolor{DarkBackground}{\uline{cheatography.com/171364/cs/35952/}}}
\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}huyennguyen \\
  \uline{cheatography.com/huyennguyen} \\
  \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 16th December, 2022.\\
   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{3.2 cm} x{4.8 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Dash}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{Install virtual environment} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
python3 -m venv name\_folder & Create an environment for project inside folder. If folder does not exist, create one \tn 
% Row Count 5 (+ 4)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{Flash + plotly + react = Dash}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.28 cm} x{4.72 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{GIT}}  \tn
% Row 0
\SetRowColor{LightBackground}
git clone \seqsplit{link-to-git-folder} & clone code from git folder \tn 
% Row Count 2 (+ 2)
% Row 1
\SetRowColor{white}
mkdir & make directory. This command is useful for make new directory in termux. \tn 
% Row Count 6 (+ 4)
% Row 2
\SetRowColor{LightBackground}
git init & initialized empty git repository \tn 
% Row Count 8 (+ 2)
% Row 3
\SetRowColor{white}
touch name\_file & create file \tn 
% Row Count 9 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{Manager code}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4.4 cm} x{3.6 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{NGINX}}  \tn
% Row 0
\SetRowColor{LightBackground}
sudo apt install nginx & install nginx \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
sudo nano \seqsplit{/etc/nginx/sites-enabled/dash\_app} & create dash\_app to use with nginx \tn 
% Row Count 3 (+ 2)
% Row 2
\SetRowColor{LightBackground}
172.105.72.121 & IP server \tn 
% Row Count 4 (+ 1)
% Row 3
\SetRowColor{white}
80 & port for incoming request \tn 
% Row Count 6 (+ 2)
% Row 4
\SetRowColor{LightBackground}
http://127.0.0.1:8000 & port of Gunicorn \tn 
% Row Count 7 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{server \{ \newline     ~  listen 80; \newline ~      server\_name 172.105.72.121; \newline ~      location / \{ \newline            ~~proxy\_pass http://127.0.0.1:8000; \newline ~~           proxy\_set\_header Host \$host; \newline ~~           proxy\_set\_header X-Forwarded-For \$proxy\_add\_x\_ \newline ~~           forwarded\_for; \newline ~      \} \newline \}}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{p{1.92 cm} x{6.08 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{SSH}}  \tn
% Row 0
\SetRowColor{LightBackground}
ls & list out \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
rm & remove \tn 
% Row Count 2 (+ 1)
% Row 2
\SetRowColor{LightBackground}
sudo & super user do \tn 
% Row Count 3 (+ 1)
% Row 3
\SetRowColor{white}
cat & concatenate \tn 
% Row Count 4 (+ 1)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{WSGI-gunicorn}}  \tn
% Row 0
\SetRowColor{LightBackground}
gunicorn \seqsplit{name\_python\_app:server\_name\_in\_python\_app} & run app by gunicorn \tn 
% Row Count 3 (+ 3)
% Row 1
\SetRowColor{white}
gunicorn -{}-workers=9 -{}-threads=4 \seqsplit{name\_python\_app:app} & create 9 workers and 4 threads for each worker \tn 
% Row Count 6 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{Bọc app python để mong muốn có thể nhân đôi nhiều phiên bản của app python, để có thể thực hiện nhiều yêu cầu cùng lúc \newline  \newline wrap python app to multi versions to implement many requests}  \tn 
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{4 cm} x{4 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{Flask}}  \tn
% Row 0
\SetRowColor{LightBackground}
\seqsplit{@app.route("/change\_img\_color"}, methods={[}"POST"{]}) & receive \seqsplit{apihttp://127.0.0.1:8000/change\_img\_color} \tn 
% Row Count 3 (+ 3)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}

\begin{tabularx}{8.4cm}{x{3.04 cm} x{4.96 cm} }
\SetRowColor{DarkBackground}
\mymulticolumn{2}{x{8.4cm}}{\bf\textcolor{white}{docker}}  \tn
% Row 0
\SetRowColor{LightBackground}
\mymulticolumn{2}{x{8.4cm}}{docker file} \tn 
% Row Count 1 (+ 1)
% Row 1
\SetRowColor{white}
\mymulticolumn{2}{x{8.4cm}}{docker image} \tn 
% Row Count 2 (+ 1)
% Row 2
\SetRowColor{LightBackground}
docker build -t myimage . & build and tag an image from a Dockerfile \tn 
% Row Count 4 (+ 2)
% Row 3
\SetRowColor{white}
docker images & show a list of all images \tn 
% Row Count 6 (+ 2)
\hhline{>{\arrayrulecolor{DarkBackground}}--}
\end{tabularx}
\par\addvspace{1.3em}


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

\end{document}