diff --git a/templates/novo/css/_variables.less b/templates/novo/css/_variables.less
new file mode 100644
index 0000000..f46d8d2
--- /dev/null
+++ b/templates/novo/css/_variables.less
@@ -0,0 +1,31 @@
+:root {
+ /* Colors
+ ---------------------------------------- */
+ /* Neutrals */
+ --color-gray-10: #F1F3F6;
+ --color-gray-20: #CED0D4;
+ --color-gray-30: #A0A5AB;
+ --color-gray-40: #727981;
+ --color-gray-50: #414C58;
+ --color-gray-60: #24282F;
+ --color-white: #fff;
+ --color-black: #000;
+
+ /* Brand Colors */
+ --color-green: #64BB53;
+ --color-red: #FB434D;
+ --color-orange: #F48248;
+ --color-yellow: #FCB748;
+ --color-blue: #09AFD6;
+
+ /* Semantic Colors */
+ --color-primary: var(--color-blue);
+ --color-primary-hover: #75AEBD;
+ --color-danger: var(--color-red);
+ --color-success: var(--color-red);
+ --color-warning: var(--color-orange);
+
+ --disabled-color: var(--color-gray-30);
+ --disabled-bg: var(--color-gray-10);
+
+}
diff --git a/templates/novo/css/elements.less b/templates/novo/css/elements.less
new file mode 100755
index 0000000..e0a3fb5
--- /dev/null
+++ b/templates/novo/css/elements.less
@@ -0,0 +1,136 @@
+/*---------------------------------------------------
+ LESS Elements 0.6
+ ---------------------------------------------------
+ A set of useful LESS mixins by Dmitry Fadeyev
+ Special thanks for mixin suggestions to:
+ Kris Van Herzeele,
+ Benoit Adam,
+ Portenart Emile-Victor,
+ Ryan Faerman
+
+ More info at: http://lesselements.com
+-----------------------------------------------------*/
+
+.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
+ background: @color;
+ background: -webkit-gradient(linear,
+ left bottom,
+ left top,
+ color-stop(0, @start),
+ color-stop(1, @stop));
+ background: -ms-linear-gradient(bottom,
+ @start,
+ @stop);
+ background: -moz-linear-gradient(center bottom,
+ @start 0%,
+ @stop 100%);
+}
+.bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) {
+ background: @color;
+ background: -webkit-gradient(linear,
+ left bottom,
+ left top,
+ color-stop(0, rgb(@start,@start,@start)),
+ color-stop(1, rgb(@stop,@stop,@stop)));
+ background: -ms-linear-gradient(bottom,
+ rgb(@start,@start,@start) 0%,
+ rgb(@start,@start,@start) 100%);
+ background: -moz-linear-gradient(center bottom,
+ rgb(@start,@start,@start) 0%,
+ rgb(@stop,@stop,@stop) 100%);
+}
+.bordered(@top-color: #EEE, @right-color: #EEE, @bottom-color: #EEE, @left-color: #EEE) {
+ border-top: solid 1px @top-color;
+ border-left: solid 1px @left-color;
+ border-right: solid 1px @right-color;
+ border-bottom: solid 1px @bottom-color;
+}
+.drop-shadow(@x-axis: 0, @y-axis: 1px, @blur: 2px, @alpha: 0.1) {
+ -webkit-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+ -moz-box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+ box-shadow: @x-axis @y-axis @blur rgba(0, 0, 0, @alpha);
+}
+.rounded(@radius: 2px) {
+ -webkit-border-radius: @radius;
+ -moz-border-radius: @radius;
+ border-radius: @radius;
+ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
+}
+.border-radius(@topright: 0, @bottomright: 0, @bottomleft: 0, @topleft: 0) {
+ -webkit-border-top-right-radius: @topright;
+ -webkit-border-bottom-right-radius: @bottomright;
+ -webkit-border-bottom-left-radius: @bottomleft;
+ -webkit-border-top-left-radius: @topleft;
+ -moz-border-radius-topright: @topright;
+ -moz-border-radius-bottomright: @bottomright;
+ -moz-border-radius-bottomleft: @bottomleft;
+ -moz-border-radius-topleft: @topleft;
+ border-top-right-radius: @topright;
+ border-bottom-right-radius: @bottomright;
+ border-bottom-left-radius: @bottomleft;
+ border-top-left-radius: @topleft;
+ -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;
+}
+.opacity(@opacity: 0.5) {
+ -moz-opacity: @opacity;
+ -khtml-opacity: @opacity;
+ -webkit-opacity: @opacity;
+ opacity: @opacity;
+}
+.transition-duration(@duration: 0.2s) {
+ -moz-transition-duration: @duration;
+ -webkit-transition-duration: @duration;
+ transition-duration: @duration;
+}
+.rotation(@deg:5deg){
+ -webkit-transform: rotate(@deg);
+ -moz-transform: rotate(@deg);
+ transform: rotate(@deg);
+}
+.scale(@ratio:1.5){
+ -webkit-transform:scale(@ratio);
+ -moz-transform:scale(@ratio);
+ transform:scale(@ratio);
+}
+.transition(@duration:0.2s, @ease:ease-out) {
+ -webkit-transition: all @duration @ease;
+ -moz-transition: all @duration @ease;
+ transition: all @duration @ease;
+}
+.inner-shadow(@horizontal:0, @vertical:1px, @blur:2px, @alpha: 0.4) {
+ -webkit-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
+ -moz-box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
+ box-shadow: inset @horizontal @vertical @blur rgba(0, 0, 0, @alpha);
+}
+.box-shadow(@arguments) {
+ -webkit-box-shadow: @arguments;
+ -moz-box-shadow: @arguments;
+ box-shadow: @arguments;
+}
+.columns(@colwidth: 250px, @colcount: 0, @colgap: 50px, @columnRuleColor: #EEE, @columnRuleStyle: solid, @columnRuleWidth: 1px) {
+ -moz-column-width: @colwidth;
+ -moz-column-count: @colcount;
+ -moz-column-gap: @colgap;
+ -moz-column-rule-color: @columnRuleColor;
+ -moz-column-rule-style: @columnRuleStyle;
+ -moz-column-rule-width: @columnRuleWidth;
+ -webkit-column-width: @colwidth;
+ -webkit-column-count: @colcount;
+ -webkit-column-gap: @colgap;
+ -webkit-column-rule-color: @columnRuleColor;
+ -webkit-column-rule-style: @columnRuleStyle;
+ -webkit-column-rule-width: @columnRuleWidth;
+ column-width: @colwidth;
+ column-count: @colcount;
+ column-gap: @colgap;
+ column-rule-color: @columnRuleColor;
+ column-rule-style: @columnRuleStyle;
+ column-rule-width: @columnRuleWidth;
+}
+.translate(@x:0, @y:0) {
+ -moz-transform: translate(@x, @y);
+ -webkit-transform: translate(@x, @y);
+ -o-transform: translate(@x, @y);
+ -ms-transform: translate(@x, @y);
+ transform: translate(@x, @y);
+}
diff --git a/templates/novo/css/icons.less b/templates/novo/css/icons.less
new file mode 100644
index 0000000..555e205
--- /dev/null
+++ b/templates/novo/css/icons.less
@@ -0,0 +1,36 @@
+.icon {
+ &::before {
+ display: inline-block;
+ font-family: "Font Awesome 5 Free";
+ font-style: normal;
+ font-variant: normal;
+ font-weight: 900;
+ margin-right: 4px;
+ text-rendering: auto;
+ -webkit-font-smoothing: antialiased;
+ }
+
+ &--email::before {
+ content: "\f0e0";
+ }
+
+ &--github::before {
+ font-family: "Font Awesome 5 Brands";
+ font-weight: 400;
+ content: "\f09b";
+ }
+
+ &--linkedin::before {
+ font-family: "Font Awesome 5 Brands";
+ font-weight: 400;
+ content: "\f0e1";
+ }
+
+ &--location::before {
+ content: "\f3c5";
+ }
+
+ &--phone::before {
+ content: "\f095";
+ }
+}
diff --git a/templates/novo/css/normalize.css b/templates/novo/css/normalize.css
new file mode 100644
index 0000000..24b40e9
--- /dev/null
+++ b/templates/novo/css/normalize.css
@@ -0,0 +1,502 @@
+/*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */
+
+/* =============================================================================
+ HTML5 display definitions
+ ========================================================================== */
+
+/*
+ * Corrects block display not defined in IE6/7/8/9 & FF3
+ */
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section,
+summary {
+ display: block;
+}
+
+/*
+ * Corrects inline-block display not defined in IE6/7/8/9 & FF3
+ */
+
+audio,
+canvas,
+video {
+ display: inline-block;
+ *display: inline;
+ *zoom: 1;
+}
+
+/*
+ * Prevents modern browsers from displaying 'audio' without controls
+ */
+
+audio:not([controls]) {
+ display: none;
+}
+
+/*
+ * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
+ * Known issue: no IE6 support
+ */
+
+[hidden] {
+ display: none;
+}
+
+
+/* =============================================================================
+ Base
+ ========================================================================== */
+
+/*
+ * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
+ * http://clagnut.com/blog/348/#c790
+ * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
+ * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
+ */
+
+html {
+ font-size: 100%; /* 1 */
+ -webkit-text-size-adjust: 100%; /* 2 */
+ -ms-text-size-adjust: 100%; /* 2 */
+}
+
+/*
+ * Addresses font-family inconsistency between 'textarea' and other form elements.
+ */
+
+html,
+button,
+input,
+select,
+textarea {
+ font-family: sans-serif;
+}
+
+/*
+ * Addresses margins handled incorrectly in IE6/7
+ */
+
+body {
+ margin: 0;
+}
+
+
+/* =============================================================================
+ Links
+ ========================================================================== */
+
+/*
+ * Addresses outline displayed oddly in Chrome
+ */
+
+a:focus {
+ outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers
+ * people.opera.com/patrickl/experiments/keyboard/test
+ */
+
+a:hover,
+a:active {
+ outline: 0;
+}
+
+
+/* =============================================================================
+ Typography
+ ========================================================================== */
+
+/*
+ * Addresses font sizes and margins set differently in IE6/7
+ * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+h2 {
+ font-size: 1.5em;
+ margin: 0.83em 0;
+}
+
+h3 {
+ font-size: 1.17em;
+ margin: 1em 0;
+}
+
+h4 {
+ font-size: 1em;
+ margin: 1.33em 0;
+}
+
+h5 {
+ font-size: 0.83em;
+ margin: 1.67em 0;
+}
+
+h6 {
+ font-size: 0.75em;
+ margin: 2.33em 0;
+}
+
+/*
+ * Addresses styling not present in IE7/8/9, S5, Chrome
+ */
+
+abbr[title] {
+ border-bottom: 1px dotted;
+}
+
+/*
+ * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
+*/
+
+b,
+strong {
+ font-weight: bold;
+}
+
+blockquote {
+ margin: 1em 40px;
+}
+
+/*
+ * Addresses styling not present in S5, Chrome
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE6/7/8/9
+ */
+
+mark {
+ background: #ff0;
+ color: #000;
+}
+
+/*
+ * Addresses margins set differently in IE6/7
+ */
+
+p,
+pre {
+ margin: 1em 0;
+}
+
+/*
+ * Corrects font family set oddly in IE6, S4/5, Chrome
+ * en.wikipedia.org/wiki/User:Davidgothberg/Test59
+ */
+
+pre,
+code,
+kbd,
+samp {
+ font-family: monospace, serif;
+ _font-family: 'courier new', monospace;
+ font-size: 1em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers
+ */
+
+pre {
+ white-space: pre;
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
+
+/*
+ * 1. Addresses CSS quotes not supported in IE6/7
+ * 2. Addresses quote property not supported in S4
+ */
+
+/* 1 */
+
+q {
+ quotes: none;
+}
+
+/* 2 */
+
+q:before,
+q:after {
+ content: '';
+ content: none;
+}
+
+small {
+ font-size: 75%;
+}
+
+/*
+ * Prevents sub and sup affecting line-height in all browsers
+ * gist.github.com/413930
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sup {
+ top: -0.5em;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+
+/* =============================================================================
+ Lists
+ ========================================================================== */
+
+/*
+ * Addresses margins set differently in IE6/7
+ */
+
+dl,
+menu,
+ol,
+ul {
+ margin: 1em 0;
+}
+
+dd {
+ margin: 0 0 0 40px;
+}
+
+/*
+ * Addresses paddings set differently in IE6/7
+ */
+
+menu,
+ol,
+ul {
+ padding: 0 0 0 40px;
+}
+
+/*
+ * Corrects list images handled incorrectly in IE7
+ */
+
+nav ul,
+nav ol {
+ list-style: none;
+ list-style-image: none;
+}
+
+
+/* =============================================================================
+ Embedded content
+ ========================================================================== */
+
+/*
+ * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
+ * 2. Improves image quality when scaled in IE7
+ * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
+ */
+
+img {
+ border: 0; /* 1 */
+ -ms-interpolation-mode: bicubic; /* 2 */
+}
+
+/*
+ * Corrects overflow displayed oddly in IE9
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+
+/* =============================================================================
+ Figures
+ ========================================================================== */
+
+/*
+ * Addresses margin not present in IE6/7/8/9, S5, O11
+ */
+
+figure {
+ margin: 0;
+}
+
+
+/* =============================================================================
+ Forms
+ ========================================================================== */
+
+/*
+ * Corrects margin displayed oddly in IE6/7
+ */
+
+form {
+ margin: 0;
+}
+
+/*
+ * Define consistent border, margin, and padding
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE6/7/8/9
+ * 2. Corrects text not wrapping in FF3
+ * 3. Corrects alignment displayed oddly in IE6/7
+ */
+
+legend {
+ border: 0; /* 1 */
+ padding: 0;
+ white-space: normal; /* 2 */
+ *margin-left: -7px; /* 3 */
+}
+
+/*
+ * 1. Corrects font size not being inherited in all browsers
+ * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
+ * 3. Improves appearance and consistency in all browsers
+ */
+
+button,
+input,
+select,
+textarea {
+ font-size: 100%; /* 1 */
+ margin: 0; /* 2 */
+ vertical-align: baseline; /* 3 */
+ *vertical-align: middle; /* 3 */
+}
+
+/*
+ * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
+ */
+
+button,
+input {
+ line-height: normal; /* 1 */
+}
+
+/*
+ * 1. Improves usability and consistency of cursor style between image-type 'input' and others
+ * 2. Corrects inability to style clickable 'input' types in iOS
+ * 3. Removes inner spacing in IE7 without affecting normal text inputs
+ * Known issue: inner spacing remains in IE6
+ */
+
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+ cursor: pointer; /* 1 */
+ -webkit-appearance: button; /* 2 */
+ *overflow: visible; /* 3 */
+}
+
+/*
+ * Re-set default cursor for disabled elements
+ */
+
+button[disabled],
+input[disabled] {
+ cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to content-box in IE8/9
+ * 2. Removes excess padding in IE8/9
+ * 3. Removes excess padding in IE7
+ Known issue: excess padding remains in IE6
+ */
+
+input[type="checkbox"],
+input[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+ *height: 13px; /* 3 */
+ *width: 13px; /* 3 */
+}
+
+/*
+ * 1. Addresses appearance set to searchfield in S5, Chrome
+ * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
+ */
+
+input[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ -moz-box-sizing: content-box;
+ -webkit-box-sizing: content-box; /* 2 */
+ box-sizing: content-box;
+}
+
+/*
+ * Removes inner padding and search cancel button in S5, Chrome on OS X
+ */
+
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+ -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in FF3+
+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
+ */
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+ border: 0;
+ padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE6/7/8/9
+ * 2. Improves readability and alignment in all browsers
+ */
+
+textarea {
+ overflow: auto; /* 1 */
+ vertical-align: top; /* 2 */
+}
+
+
+/* =============================================================================
+ Tables
+ ========================================================================== */
+
+/*
+ * Remove most spacing between table cells
+ */
+
+table {
+ border-collapse: collapse;
+ border-spacing: 0;
+}
\ No newline at end of file
diff --git a/templates/novo/css/pdf.less b/templates/novo/css/pdf.less
new file mode 100644
index 0000000..7b80ce5
--- /dev/null
+++ b/templates/novo/css/pdf.less
@@ -0,0 +1,44 @@
+body.pdf {
+ color: black;
+
+ a {
+ text-decoration: none;
+ color: black;
+ }
+
+ .container {
+ width: 1080px;
+ margin: 0 auto;
+ padding: 0;
+ background: none;
+ border: 0;
+ text-align: left;
+ }
+
+ .resume {
+ position:relative;
+ padding: 20px 0;
+ }
+
+ h1 {
+ letter-spacing: 0;
+ margin-top: 0;
+ text-transform: uppercase;
+ font-weight: normal;
+ }
+
+ h2 {
+ letter-spacing: 0;
+ text-transform: uppercase;
+ font-style: italic;
+ font-weight: normal;
+ }
+
+ h3 {
+ font-style: normal;
+
+ + p {
+
+ }
+ }
+}
diff --git a/templates/novo/css/resume.less b/templates/novo/css/resume.less
new file mode 100644
index 0000000..f642aff
--- /dev/null
+++ b/templates/novo/css/resume.less
@@ -0,0 +1,288 @@
+.clearfix {
+ zoom: 1;
+ &:after {
+ display: block;
+ visibility: hidden;
+ height: 0;
+ clear: both;
+ content: ".";
+ }
+}
+
+body {
+ font-family: 'Open Sans', sans-serif;
+ font-size: 16px;
+ color: var(--color-gray-60);
+}
+
+h1, h2, h3, h4, ul dl dt {
+ font-family: Roboto, "Century Gothic", AppleGothic, sans-serif;
+}
+
+.container {
+ margin: 0 auto;
+ padding: 0;
+ background: #ffffed;
+ border: solid var(--color-gray-50);
+ border-width: 8px 0 4px 0;
+ text-align: left;
+}
+
+.resume {
+ position:relative;
+ padding: 0.75em 0 0;
+}
+
+.header {
+ h2 {
+ font-style: italic;
+ }
+}
+
+.summary {
+}
+
+.main {
+ margin-top: 1em;
+}
+
+.header,
+.summary,
+.main,
+.footer {
+ padding: 0 2em;
+}
+
+a[href$='.pdf'] {
+ background: #666;
+ color: white;
+ padding: 6px 12px;
+ margin-bottom: 6px;
+ text-decoration: none;
+ position: absolute;
+ top: 15px;
+ right: 25px;
+}
+
+blockquote {
+ align-items: center;
+ border: 2px solid var(--color-gray-60);
+ border-left: 0;
+ border-right: 0;
+ clear: both;
+ display: flex;
+ font-size: 0.75em;
+ justify-content: center;
+ margin: 0;
+ padding: 0;
+ line-height: 1.4em;
+ text-align: center;
+
+ p {
+ align-items: center;
+ display: flex;
+ flex-flow: wrap;
+ justify-content: center;
+ width: 100%;
+ }
+
+ a {
+ color: var(--color-gray-50);
+ display: inline;
+ flex: 0 0 auto;
+ margin: 0 1em;
+ }
+}
+
+hr {
+ display: block;
+ position: relative;
+ padding: 0;
+ margin: 18px auto;
+ width: 100%;
+ clear: both;
+ border: 0;
+ border-top: 1px solid #CCC;
+ font-size: 1px;
+ line-height: 0;
+ overflow: visible;
+ page-break-after: avoid;
+}
+
+ul {
+ margin: 0;
+ padding: 0;
+}
+
+h1 {
+ color: rgba(120, 120, 240, .8);
+ margin: 0;
+ padding: 0;
+ font-size: 3em;
+ letter-spacing: -1px;
+ font-weight: normal;
+}
+h2 {
+ color: #aaa;
+ margin: 0;
+ padding: 0;
+ font-size: 1.75em;
+ letter-spacing: -1px;
+ font-weight: normal;
+}
+
+h3 {
+ color: var(--color-primary);
+ margin: 0;
+ padding: .25em 0;
+ font-size: 1.5em;
+ font-weight: bold;
+}
+
+h3+p,
+h3~ul {
+ margin: .2em 0 1.2em;
+ padding: 0;
+ display: block;
+ font-size: 1em;
+ line-height: 1.5;
+}
+h3~ul {
+ padding-left: 1.5em;
+}
+
+h4 {
+ font-size: 1.2em;
+ margin: 0;
+}
+
+ul li {
+ margin: 0;
+ padding: 0;
+}
+
+ul,
+ol {
+ li ul li {
+ font-style: italic;
+ margin: 0 0 0 1.5em;
+ width: 80%;
+ }
+}
+
+ul dl {
+ margin: .3em 0 0;
+ padding: 0;
+ width: 100%;
+ dt {
+ /*font-size: 1em;*/
+ }
+ dd {
+ // margin: 0 0 1em;
+ padding: 0 2em 0 0;
+ font-size: .8em;
+ line-height: 1.5em;
+ }
+}
+
+ol {
+ margin: 0;
+ margin-left: 1em;
+ padding: 0 0 .75em;
+ width: 84%;
+ display: inline-block;
+}
+
+ol li {
+ margin: 0 0 0 .5em;
+ padding: 0;
+ border-top: 1px solid #CCCCCC;
+ width: 100%;
+ /*float: left;*/
+ /*list-style: none;*/
+ line-height: 1.5em;
+ font-size: 1em;
+}
+ol li:nth-child(1) {
+ border-top: 0;
+}
+
+dl {
+ display: inline-block;
+ width: 95%;
+ margin: 0;
+ padding: 0;
+ dt {
+ margin: 0;
+ padding: 0;
+ /*font-size: 1.4em;*/
+ }
+ dd {
+ padding: 0;
+ font-size: 0.8em;
+ }
+ strong {
+ display: block;
+ font-size: 1.2em;
+ }
+ em {
+ display: block;
+ font-size: 1.2em;
+ margin: .15em 0 .5em;
+ }
+}
+
+#experience {
+ ~ dl {
+ dt {
+ margin-top: 0.5em;
+ }
+
+ dd {
+ font-size: 1em;
+ margin-left: 0;
+
+ p {
+ margin: 0;
+ }
+
+ em {
+ color: var(--color-gray-30);
+ font-size: 0.75em;
+ }
+ }
+ }
+
+ ~ p {
+ font-size: 0.9em;
+ margin-top: 0;
+ width: 85%;
+ }
+
+ ~ ul {
+ font-size: 0.9em;
+ width: 85%;
+ }
+
+ ~ ol li {
+ border: 0;
+ font-size: 0.9em;
+ }
+}
+
+#footer {
+ display: none;
+
+ + p {
+ width: 100%;
+ font-size: 0.8em;
+ text-align: center;
+ }
+}
+
+.footer {
+ border-top: 1px solid var(--color-gray-40);
+ font-size: 0.75em;
+ text-align: center;
+ width: 100%;
+}
diff --git a/templates/novo/css/screen.less b/templates/novo/css/screen.less
new file mode 100644
index 0000000..41ae8e9
--- /dev/null
+++ b/templates/novo/css/screen.less
@@ -0,0 +1,63 @@
+
+
+/*
+ Mobile layout
+ 240–479 px
+ Zoomed out below 320 px
+*/
+
+@media screen and (min-width: 15em) {
+}
+
+
+/*
+ Wide mobile layout
+ 480-767 px
+ Zoomed in above 480 px
+*/
+
+@media screen and (min-width: 30em) {
+}
+
+
+/*
+ Tablet layout
+ 600-911 px
+ Zoomed in above 600 px
+*/
+
+@media screen and (min-width: 37.5em) {
+ h1 { /* Open up the top section height so we don't collapse on the blockquote */
+ margin-top: .5em;
+ }
+ ol {
+ margin: 0 0 0 1em;
+ }
+ ol li {
+ width: 50%;
+ margin: 0;
+ }
+ ol li:nth-child(1), ol li:nth-child(2) {
+ border-top: none;
+ }
+}
+
+
+/*
+ Widescreen layout
+ 912-1887 px
+ Zoomed in above 912 px
+*/
+@media screen and (min-width: 57em) {
+}
+
+/*
+ Huge-screen layout
+ 1888-2520 px
+ Zoomed in above 1920 px
+*/
+
+@media screen and (min-width: 118em) {
+
+
+}
diff --git a/templates/novo/description.txt b/templates/novo/description.txt
new file mode 100644
index 0000000..96a9d0e
--- /dev/null
+++ b/templates/novo/description.txt
@@ -0,0 +1 @@
+Layout based on templates from novoresume.com
diff --git a/templates/novo/index.html b/templates/novo/index.html
new file mode 100644
index 0000000..a7ebb0b
--- /dev/null
+++ b/templates/novo/index.html
@@ -0,0 +1,29 @@
+
+
+
+
+ {{#reload}}
+
+ {{/reload}}
+
+
+ {{ title }}
+
+
+
+
+
+
+