Added a side column for skills

awesome-cv.cls

@@ -644,12 +644,12 @@
   \vspace{-2.0mm}
   \setlength\tabcolsep{0pt}
   \setlength{\extrarowheight}{0pt}
-  \begin{tabular*}{\textwidth}{@{\extracolsep{\fill}} L{\textwidth - 4.5cm} R{4.5cm}}
+  \begin{tabular*}{0.75\textwidth}{@{\extracolsep{\fill}} L{0.75\textwidth - 4.5cm} R{4.5cm}}
     \ifempty{#2#3}
       {\entrypositionstyle{#1} & \entrydatestyle{#4} \\}
       {\entrytitlestyle{#2} & \entrylocationstyle{#3} \\
       \entrypositionstyle{#1} & \entrydatestyle{#4} \\}
-    \multicolumn{2}{L{\textwidth}}{\descriptionstyle{#5}}
+    \multicolumn{2}{L{0.75\textwidth}}{\descriptionstyle{#5}}
   \end{tabular*}%
 }
 
@@ -707,6 +707,19 @@
     \end{tabular*}
   \end{center}
 }
+\newenvironment{cvskilltags}{
+  \vspace{\acvSectionContentTopSkip}
+  \vspace{-2.0mm}
+  \setlength\tabcolsep{1ex}
+  \setlength{\extrarowheight}{0pt}
+}{}
+\newcommand*{\cvskillgroup}[1]{%
+	\skilltypestyle{#1} \smallskip \\
+}
+\newcommand{\cvtag}[1]{%
+  \tikz[baseline]\node[anchor=base, draw=darktext,rounded corners,inner xsep=1ex,inner ysep=0.75ex,text height=1.5ex,text depth=.25ex]{#1};
+  \vspace{0.25ex}
+}
 % Define a line of cv information(skill)
 % Usage: \cvskill{<type>}{<skillset>}
 \newcommand*{\cvskill}[2]{%

examples/cv/skilltags.tex

@@ -0,0 +1,55 @@
+%-------------------------------------------------------------------------------
+%	SECTION TITLE
+%-------------------------------------------------------------------------------
+\cvsection{Skills}
+
+
+%-------------------------------------------------------------------------------
+%	CONTENT
+%-------------------------------------------------------------------------------
+
+%---------------------------------------------------------
+\begin{cvskilltags}
+
+\cvskillgroup{DevOps} % Category
+    \cvtag{AWS}
+    \cvtag{Docker}\\
+    \cvtag{Kubernetes}
+    \cvtag{Rancher}\\
+    \cvtag{Vagrant}
+    \cvtag{Packer}\\
+    \cvtag{Terraform}
+    \cvtag{Jenkins}\\
+    \cvtag{CircleCI}
+    \medskip
+
+\cvskillgroup{Back-end} % Category
+    \cvtag{Koa}
+    \cvtag{Express}\\
+    \cvtag{Django}
+    \cvtag{REST API}
+    \medskip
+
+\cvskillgroup{Front-end} % Category
+    \cvtag{Hugo}
+    \cvtag{Redux}\\
+    \cvtag{React}
+    \cvtag{HTML5}\\
+    \cvtag{LESS}
+    \cvtag{SASS}
+    \medskip
+
+\cvskillgroup{Programming} % Category
+    \cvtag{Node.js}
+    \cvtag{Python}\\
+    \cvtag{Java}
+    \cvtag{OCaml}\\
+    \cvtag{LaTeX}
+    \medskip
+
+\cvskillgroup{Languages} % Category
+    \cvtag{Korean}
+    \cvtag{English}\\
+    \cvtag{Japanese}
+    \medskip
+\end{cvskilltags}

examples/cv_twocol.tex

@@ -0,0 +1,114 @@
+%!TEX TS-program = xelatex
+%!TEX encoding = UTF-8 Unicode
+% Awesome CV LaTeX Template for CV/Resume
+%
+% This template has been downloaded from:
+% https://github.com/posquit0/Awesome-CV
+%
+% Author:
+% Claud D. Park <posquit0.bj@gmail.com>
+% http://www.posquit0.com
+%
+% Template license:
+% CC BY-SA 4.0 (https://creativecommons.org/licenses/by-sa/4.0/)
+%
+
+
+%-------------------------------------------------------------------------------
+% CONFIGURATIONS
+%-------------------------------------------------------------------------------
+% A4 paper size by default, use 'letterpaper' for US letter
+\documentclass[11pt, a4paper]{awesome-cv}
+\usepackage{paracol}
+
+% Configure page margins with geometry
+\geometry{left=1.4cm, top=.8cm, right=1.4cm, bottom=1.8cm, footskip=.5cm}
+
+% Color for highlights
+% Awesome Colors: awesome-emerald, awesome-skyblue, awesome-red, awesome-pink, awesome-orange
+%                 awesome-nephritis, awesome-concrete, awesome-darknight
+\colorlet{awesome}{awesome-red}
+% Uncomment if you would like to specify your own color
+% \definecolor{awesome}{HTML}{CA63A8}
+
+% Colors for text
+% Uncomment if you would like to specify your own color
+% \definecolor{darktext}{HTML}{414141}
+% \definecolor{text}{HTML}{333333}
+% \definecolor{graytext}{HTML}{5D5D5D}
+% \definecolor{lighttext}{HTML}{999999}
+% \definecolor{sectiondivider}{HTML}{5D5D5D}
+
+% Set false if you don't want to highlight section with awesome color
+\setbool{acvSectionColorHighlight}{true}
+
+% If you would like to change the social information separator from a pipe (|) to something else
+\renewcommand{\acvHeaderSocialSep}{\quad\textbar\quad}
+
+
+%-------------------------------------------------------------------------------
+%	PERSONAL INFORMATION
+%	Comment any of the lines below if they are not required
+%-------------------------------------------------------------------------------
+% Available options: circle|rectangle,edge/noedge,left/right
+% \photo{./examples/profile.png}
+\name{Claud D.}{Park}
+\position{Site Reliability Engineer{\enskip\cdotp\enskip}Software Architect}
+\address{235, World Cup buk-ro, Mapo-gu, Seoul, 03936, Republic of Korea}
+
+\mobile{(+82) 10-9030-1843}
+\email{posquit0.bj@gmail.com}
+%\dateofbirth{January 1st, 1970}
+\homepage{www.posquit0.com}
+\github{posquit0}
+\linkedin{posquit0}
+% \gitlab{gitlab-id}
+% \stackoverflow{SO-id}{SO-name}
+% \twitter{@twit}
+% \skype{skype-id}
+% \reddit{reddit-id}
+% \medium{medium-id}
+% \kaggle{kaggle-id}
+% \googlescholar{googlescholar-id}{name-to-display}
+%% \firstname and \lastname will be used
+% \googlescholar{googlescholar-id}{}
+% \extrainfo{extra information}
+
+\quote{``Be the change that you want to see in the world."}
+
+
+%-------------------------------------------------------------------------------
+\begin{document}
+
+% Print the header with above personal information
+% Give optional argument to change alignment(C: center, L: left, R: right)
+\makecvheader
+
+% Print the footer with 3 arguments(<left>, <center>, <right>)
+% Leave any of these blank if they are not needed
+\makecvfooter
+  {\today}
+  {Claud D. Park~~~·~~~Curriculum Vitae}
+  {\thepage}
+
+
+%-------------------------------------------------------------------------------
+%	CV/RESUME CONTENT
+%	Each section is imported separately, open each file in turn to modify content
+%-------------------------------------------------------------------------------
+\columnratio{0.25}
+\begin{paracol}{2}
+  \input{cv/skilltags.tex}
+  \switchcolumn
+  \input{cv/education.tex}
+  \input{cv/experience.tex}
+  \input{cv/extracurricular.tex}
+  \input{cv/honors.tex}
+  \input{cv/certificates.tex}
+  \input{cv/presentation.tex}
+  \input{cv/writing.tex}
+  \input{cv/committees.tex}
+\end{paracol}
+
+%-------------------------------------------------------------------------------
+\end{document}