commit 313db9c87d7ea2b1c5e8e54a706a00ada4baf56b
parent d061aac7f171ba57e844efbfc00cd72b2ec070f7
Author: Hugo Soucy <hugo@soucy.cc>
Date: Sun, 4 Dec 2016 08:28:31 -0500
Add a new css
Diffstat:
15 files changed, 2049 insertions(+), 1 deletion(-)
diff --git a/static/dev/css/README.md b/static/dev/css/README.md
@@ -0,0 +1,48 @@
+
+<!-- // DEFAULT CONFIGURATION -->
+<!-- $typo: ( -->
+<!-- fontsize: 18, -->
+<!-- lineheight: 1.5 -->
+<!-- ); -->
+
+<!-- $paths: ( -->
+<!-- images: "http://assets.soucy.cc/images/", -->
+<!-- fonts: "../fonts/" -->
+<!-- ); -->
+
+<!-- $grid: ( -->
+<!-- maxwidth: 992px, -->
+<!-- colnumber: 12, -->
+<!-- gutter:12px -->
+<!-- ); -->
+
+<!-- // Colors -->
+<!-- $colors: ( -->
+<!-- black: #000000, -->
+<!-- alpha: #111111, -->
+<!-- beta: #0000ff, -->
+<!-- gamma:#00a450, -->
+<!-- delta:#f5871e, -->
+<!-- epsilon: #ed1a3b, -->
+<!-- omega: #f1f1f1, -->
+<!-- white: #ffffff -->
+<!-- ); -->
+
+<!-- // RWD Breakpoints -->
+<!-- $breakpoints: ( -->
+<!-- xxs: 360, -->
+<!-- xs: 520, -->
+<!-- sm: 768, -->
+<!-- md: 992, -->
+<!-- lg: 1140 -->
+<!-- ); -->
+
+<!-- // X Y Rhythm -->
+<!-- $spacings: ( -->
+<!-- xs: 8, -->
+<!-- sm: 16, -->
+<!-- default: 24, -->
+<!-- md: 32, -->
+<!-- lg: 48, -->
+<!-- xl: 64 -->
+<!-- ); -->
diff --git a/static/dev/css/global/base.css b/static/dev/css/global/base.css
@@ -0,0 +1,181 @@
+/* BASE STYLES */
+html,
+button,
+input,
+select,
+textarea {
+ color:#111111;
+ font-family:"Domine",Georgia,"Times New Roman",times,serif;
+}
+
+html {
+ font-size:18px;
+ line-height:1.5;
+}
+
+@media screen and (min-width: 62em) {
+ html {
+ font-size:24px;
+ }
+}
+
+html,
+body {
+ height:100%;
+ min-height:100%;
+ position:relative;
+}
+
+body {
+ background:#f1f1f1 url("http://assets.soucy.cc/images/noise.png") repeat;
+}
+
+hr {
+ display:block;
+ height:1px;
+ border:0;
+ border-top:1px solid #111111;
+ margin:1em 0;
+ padding:0;
+}
+
+h1,
+.like-h1 {
+ font-size:2em;
+ hyphens:none;
+ margin:0 0 .67em;
+ padding-top:.67em;
+}
+
+h2,
+.like-h2 {
+ font-size:1.5em;
+ margin:0.83em 0;
+}
+
+h3,
+.like-h3 {
+ font-size:1.17em;
+ margin:1em 0;
+}
+
+h4,
+.like-h4 {
+ font-size:1em;
+ margin:1.33em 0;
+}
+
+h5,
+.like-h5 {
+ font-size:0.83em;
+ margin:1.67em 0;
+}
+
+h6,
+.like-h6 {
+ font-size:0.67em;
+ margin:2.33em 0;
+}
+
+a {
+ border-bottom:1px dotted #0000ff;
+ color:#0000ff;
+ text-decoration:none;
+}
+
+a:active,
+a:visited {
+ border-bottom:1px dotted #111111;
+ color:#111111;
+}
+
+a:focus,
+a:hover {
+ background-color:#0000ff;
+ border:0;
+ color:#f1f1f1;
+}
+
+ol,
+ul {
+ margin-left:1em;
+ padding:0;
+}
+
+ul ul {
+ margin-bottom:.5em;
+ margin-top:.5em;
+}
+
+li {
+ margin-bottom:.25em;
+}
+
+address {
+ font-style:normal;
+}
+
+address,
+dl,
+menu,
+ol,
+ul {
+ margin:1em 0;
+}
+
+dd {
+ margin:0;
+}
+
+dl,
+menu,
+ol,
+ul {
+ padding:0;
+}
+
+nav ul,
+nav ol {
+ list-style:none;
+ list-style-image:none;
+}
+
+menu ul,
+menu ol,
+nav ul,
+nav ol {
+ margin:0;
+}
+
+blockquote {
+ border-left:10px solid #ccc;
+ display:block;
+ margin:1em 0;
+ padding-left:1.5em;
+}
+
+blockquote span {
+ display:inline-block;
+}
+
+blockquote span:before,
+blockquote span:after {
+ display:inline;
+}
+
+blockquote span:after {
+ content:"\00A0\00BB";
+}
+
+blockquote span:before {
+ content:"\00AB\00A0";
+}
+
+blockquote p {
+ display:inline;
+}
+
+img {
+ max-width:100%;
+ width:auto;
+}
diff --git a/static/dev/css/global/fonts.css b/static/dev/css/global/fonts.css
@@ -0,0 +1,40 @@
+/* FONTS CONFIG */
+
+/* Font-Face Logo */
+/* Leitura News */
+@font-face {
+ font-family: 'Leitura News';
+ src: url('../fonts/leitura/leituranews-italic4-webfont.eot');
+ src: url('../fonts/leitura/leituranews-italic4-webfont.eot?#iefix') format('embedded-opentype'),
+ url('../fonts/leitura/leituranews-italic4-webfont.woff') format('woff'),
+ url('../fonts/leitura/leituranews-italic4-webfont.ttf') format('truetype'),
+ url('../fonts/leitura/leituranews-italic4-webfont.svg#LeituraNewsItalic4Regular') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* Font-Face Text */
+/* Domine */
+@font-face {
+ font-family: 'Domine';
+ src: url('../fonts/domine/domine-bold-webfont.eot');
+ src: url('../fonts/domine/domine-bold-webfont.eot?#iefix') format('embedded-opentype'),
+ url('../fonts/domine/domine-bold-webfont.woff2') format('woff2'),
+ url('../fonts/domine/domine-bold-webfont.woff') format('woff'),
+ url('../fonts/domine/domine-bold-webfont.ttf') format('truetype'),
+ url('../fonts/domine/domine-bold-webfont.svg#dominebold') format('svg');
+ font-weight: 700;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Domine';
+ src: url('../fonts/domine/domine-regular-webfont.eot');
+ src: url('../fonts/domine/domine-regular-webfont.eot?#iefix') format('embedded-opentype'),
+ url('../fonts/domine/domine-regular-webfont.woff2') format('woff2'),
+ url('../fonts/domine/domine-regular-webfont.woff') format('woff'),
+ url('../fonts/domine/domine-regular-webfont.ttf') format('truetype'),
+ url('../fonts/domine/domine-regular-webfont.svg#domineregular') format('svg');
+ font-weight: 400;
+ font-style: normal;
+}
diff --git a/static/dev/css/global/grid.css b/static/dev/css/global/grid.css
@@ -0,0 +1,21 @@
+/* LAYOUT & GRID */
+
+.layout {
+ hyphens:auto;
+ margin-left:auto;
+ margin-right:auto;
+ max-width:992px;
+ padding:0 .889em;
+ width:auto;
+}
+
+@media screen and (min-width: 48em) {
+ padding:0 1.111em;
+ text-align:left;
+}
+
+.layout__vcenter {
+ display:table-cell;
+ height:100vh;
+ vertical-align:middle;
+}
diff --git a/static/dev/css/global/helpers.css b/static/dev/css/global/helpers.css
@@ -0,0 +1,107 @@
+/* HELPERS CLASSES */
+
+/*
+ * Image replacement
+ */
+
+.ir {
+ background-color: transparent;
+ border: 0;
+ overflow: hidden;
+ /* IE 6/7 fallback */
+ *text-indent: -9999px;
+}
+
+.ir:before {
+ content: "";
+ display: block;
+ width: 0;
+ height: 150%;
+}
+
+/*
+ * Hide from both screenreaders and browsers: h5bp.com/u
+ */
+
+.hidden {
+ display: none !important;
+ visibility: hidden;
+}
+
+/*
+ * Hide only visually, but have it available for screenreaders: h5bp.com/v
+ */
+
+.visuallyhidden {
+ border: 0;
+ clip: rect(0 0 0 0);
+ height: 1px;
+ margin: -1px;
+ overflow: hidden;
+ padding: 0;
+ position: absolute;
+ width: 1px;
+}
+
+/*
+ * Extends the .visuallyhidden class to allow the element to be focusable
+ * when navigated to via the keyboard: h5bp.com/p
+ */
+
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus {
+ clip: auto;
+ height: auto;
+ margin: 0;
+ overflow: visible;
+ position: static;
+ width: auto;
+}
+
+/*
+ * Hide visually and from screenreaders, but maintain layout
+ */
+
+.invisible {
+ visibility: hidden;
+}
+
+/*
+ * Clearfix: contain floats
+ *
+ * For modern browsers
+ * 1. The space content is one way to avoid an Opera bug when the
+ * `contenteditable` attribute is included anywhere else in the document.
+ * Otherwise it causes space to appear at the top and bottom of elements
+ * that receive the `clearfix` class.
+ * 2. The use of `table` rather than `block` is only necessary if using
+ * `:before` to contain the top-margins of child elements.
+ */
+
+.clearfix:before,
+.clearfix:after {
+ content: " "; /* 1 */
+ display: table; /* 2 */
+}
+
+.clearfix:after {
+ clear: both;
+}
+
+/*
+ * For IE 6/7 only
+ * Include this rule to trigger hasLayout and contain floats.
+ */
+
+.clearfix {
+ *zoom: 1;
+}
+
+/*Position */
+.position--fixed {
+ position:fixed;
+}
+
+.position--relative {
+ position:relative;
+}
diff --git a/static/dev/css/global/normalize.css b/static/dev/css/global/normalize.css
@@ -0,0 +1,461 @@
+/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ */
+
+/* Document
+ ========================================================================== */
+
+html {
+ font-family: sans-serif; /* 1 */
+ line-height: 1.15; /* 2 */
+ -ms-text-size-adjust: 100%; /* 3 */
+ -webkit-text-size-adjust: 100%; /* 3 */
+}
+
+/* Sections
+ ========================================================================== */
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+ margin: 0;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+article,
+aside,
+footer,
+header,
+nav,
+section {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+
+figcaption,
+figure,
+main { /* 1 */
+ display: block;
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+ background-color: transparent; /* 1 */
+ -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+
+a:active,
+a:hover {
+ outline-width: 0;
+}
+
+/**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+ font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+ background-color: #ff0;
+ color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: sans-serif; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+
+details, /* 1 */
+menu {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* Hidden
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
diff --git a/static/dev/css/modules/cv.css b/static/dev/css/modules/cv.css
@@ -0,0 +1,33 @@
+/* CURRICULUM VITAE MODULE */
+
+.cv {
+ color:#111;
+}
+
+.cv__title {
+ font-size:1em;
+ line-height:normal;
+}
+
+.cv__title a {
+ display:inline-block;
+}
+
+.cv__banner .logo {
+ margin-bottom:0;
+}
+
+.cv__title a[rel="home"] {
+ border:0;
+ color:#111;
+}
+
+.cv__banner,
+.cv__main {
+ text-align:left;
+}
+
+.cv__banner .job {
+ font-size:1.5em;
+ margin-top:0;
+}
diff --git a/static/dev/css/modules/footer.css b/static/dev/css/modules/footer.css
@@ -0,0 +1,5 @@
+/* FOOTER */
+
+footer {
+ font-size:.7619047619em;
+}
diff --git a/static/dev/css/modules/images.css b/static/dev/css/modules/images.css
@@ -0,0 +1,17 @@
+/* IMAGES */
+.img-cache {
+ border:1rem solid transparent;
+ border-radius:100%;
+ display:inline-block;
+ float:right;
+ height:150px;
+ position:relative;
+ overflow:hidden;
+ width:150px;
+}
+
+.img-cache > .u-photo {
+ max-width:100%;
+ position:relative;
+ top:-20px;
+}
diff --git a/static/dev/css/modules/logo.css b/static/dev/css/modules/logo.css
@@ -0,0 +1,21 @@
+/* LOGO */
+.logo {
+ font:normal 3.33333em/1.1 "Leitura News","Domine",serif;
+ hyphens:none;
+ margin:0 0 .333em;
+ padding-top:.333em;
+ padding-right:1.08333333333em;
+ text-shadow:3px 3px #ccc;
+
+}
+
+@media screen and (min-width: 22.5em) {
+ .logo {
+ line-height:normal;
+ }
+}
+
+.logo a[rel="home"] {
+ border:0;
+ color:#111;
+}
diff --git a/static/dev/css/modules/nav.css b/static/dev/css/modules/nav.css
@@ -0,0 +1,132 @@
+/* NAVIGATION */
+.nav-button,
+.nav__close {
+ border:0;
+ display:inline-block;
+ position:absolute;
+ right:.9375rem;
+ text-align:center;
+ top:.9375rem;
+}
+
+@media screen and (min-width: 48em) {
+ .nav-button,
+ .nav__close {
+ right:1.25rem;
+ }
+}
+
+.nav-button:active,
+.nav-button:hover,
+.nav-button:focus,
+.nav-button:visited {
+ background:transparent;
+ border-bottom:0;
+ color:#111;
+}
+
+.nav__close,
+.nav__close:visited {
+ background:transparent;
+ border-bottom:0;
+ color:white;
+}
+
+.nav-button__text,
+.nav__close__text {
+ font-size:.75rem;
+ display:block;
+}
+
+.nav-button__burger,
+.nav__x {
+ display:block;
+ height:50px;
+ margin:0 auto;
+ position:relative;
+ width:50px;
+}
+
+.nav-button__burger {
+ background:#111;
+}
+
+.nav__x {
+ background:#333;
+}
+
+.nav-button:hover .nav-button__burger,
+.nav-button:focus .nav-button__burger {
+ background:#0000ff;
+}
+
+.nav__panel {
+ background:#111;
+ color:#f1f1f1;
+}
+
+.js .nav__panel {
+ display:none;
+}
+
+.nav__panel.state--hidden,
+.nav__panel.state--visible {
+ display:block;
+ height:auto;
+ left:0;
+ min-height:1em;
+ opacity:1;
+ position:absolute;
+ top:0;
+ width:100%;
+}
+
+.mod_csstransitions .nav__panel.state--hidden,
+.mod_csstransitions .nav__panel.state--visible {
+ transition:transform .25s ease-in-out;
+}
+
+.nav__panel.state--hidden {
+ top:-100%;
+
+}
+
+.mod_csstransforms .nav__panel.state--hidden {
+ top:0;
+ transform:translateY(-100%);
+}
+
+.nav__panel.state--visible {
+ top:0;
+
+}
+
+.mod_csstransforms .nav__panel.state--visible {
+ transform:translateY(0);
+}
+
+.nav__panel__content {
+ margin:0 auto;
+ position:relative;
+ text-align:left;
+ width:auto;
+}
+
+
+.nav__list {
+ padding:1em 0;
+}
+
+.nav__link,
+.nav__link:visited {
+ color:white;
+}
+
+.nav__link {
+ font-size:.7619047619em;
+}
+
+.no-js .nav__close {
+ display:none;
+ opacity:0;
+}
diff --git a/static/dev/css/modules/note.css b/static/dev/css/modules/note.css
@@ -0,0 +1,26 @@
+/* NOTE MODULE */
+
+.note__list {
+ list-style-type:none;
+ margin-left:0;
+}
+
+.note__item {
+ border-bottom:1px solid #cccccc;
+ margin-bottom:1.5em;
+ padding-bottom:1em;
+}
+
+.note__blockquote__footer {
+ margin:1em 0 0;
+}
+
+.note__footer {
+ font-size:14px;
+}
+
+@media screen and (min-width: 48em) {
+ .note__footer {
+ font-size:16px;
+ }
+}
diff --git a/static/dev/css/modules/single.css b/static/dev/css/modules/single.css
@@ -0,0 +1,9 @@
+/* SINGLE CONTENT */
+
+.single {
+ text-align:left;
+}
+
+.single h1 {
+ padding-right:66px;
+}
diff --git a/static/prod/css/styles.css b/static/prod/css/styles.css
@@ -1 +1,946 @@
-@font-face{font-family:'Leitura News';src:url("../fonts/leitura/leituranews-italic4-webfont.eot");src:url("../fonts/leitura/leituranews-italic4-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/leitura/leituranews-italic4-webfont.woff") format("woff"),url("../fonts/leitura/leituranews-italic4-webfont.ttf") format("truetype"),url("../fonts/leitura/leituranews-italic4-webfont.svg#LeituraNewsItalic4Regular") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:'Domine';src:url("../fonts/domine/domine-bold-webfont.eot");src:url("../fonts/domine/domine-bold-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/domine/domine-bold-webfont.woff2") format("woff2"),url("../fonts/domine/domine-bold-webfont.woff") format("woff"),url("../fonts/domine/domine-bold-webfont.ttf") format("truetype"),url("../fonts/domine/domine-bold-webfont.svg#dominebold") format("svg");font-weight:700;font-style:normal}@font-face{font-family:'Domine';src:url("../fonts/domine/domine-regular-webfont.eot");src:url("../fonts/domine/domine-regular-webfont.eot?#iefix") format("embedded-opentype"),url("../fonts/domine/domine-regular-webfont.woff2") format("woff2"),url("../fonts/domine/domine-regular-webfont.woff") format("woff"),url("../fonts/domine/domine-regular-webfont.ttf") format("truetype"),url("../fonts/domine/domine-regular-webfont.svg#domineregular") format("svg");font-weight:400;font-style:normal}/*! NORMALIZE.CSS V1.1.3 | MIT LICENSE | GIT.IO/NORMALIZE */article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html,body{height:100%;min-height:100%}html{text-size-adjust:100%}body{margin:0;position:relative}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1,.like-h1{font-size:2rem;hyphens:none;margin:0 0 .67em;padding-top:.67em}h2,.like-h2{font-size:1.5em;margin:0.83em 0}h3,.like-h3{font-size:1.17em;margin:1em 0}h4,.like-h4{font-size:1em;margin:1.33em 0}h5,.like-h5{font-size:0.83em;margin:1.67em 0}h6,.like-h6{font-size:0.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{border-left:10px solid #cccccc;display:block;margin:1em 0;padding-left:1.5em}blockquote span{display:inline-block}blockquote span:before,blockquote span:after{display:inline}blockquote span:after{content:"\00A0\00BB"}blockquote span:before{content:"\00AB\00A0"}blockquote p{display:inline}dfn{font-style:italic}hr{box-sizing:content-box;height:0}mark{background:#f5871e}p,pre{margin:1em 0}code,kbd,pre,samp{background:#fff;font-family:monospace;font-size:1em}code{display:inline-block;padding:0 3px}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}address{font-style:normal}address,dl,menu,ol,ul{margin:1em 0}dd{margin:0}menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic;max-width:100%;width:auto}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}html,button,input,select,textarea{color:#111;font-family:"Domine",Georgia,"Times New Roman",times,serif}html{font-size:18px;line-height:1.5}@media (min-width: 62em){html{font-size:24px}}body{background:#f1f1f1 url("http://assets.soucy.cc/images/noise.png") repeat}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #111;margin:1em 0;padding:0}audio,canvas,img,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}a{border-bottom:1px dotted blue;color:blue;text-decoration:none}a:active,a:visited{border-bottom:1px dotted #111;color:#111}a:focus,a:hover{background-color:blue;border:0;color:#f1f1f1}ol,ul{margin-left:1em;padding:0}ul ul{margin-bottom:.5em;margin-top:.5em}li{margin-bottom:.25em}menu ul,menu ol,nav ul,nav ol{margin:0;padding:0}.layout{hyphens:auto;margin-left:auto;margin-right:auto;max-width:992px;padding:0 .88889rem;width:auto}@media (min-width: 48em){.layout{padding:0 1.11111rem;text-align:left}}.layout__vcenter{display:table-cell;height:100vh;vertical-align:middle}.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}.position--fixed{position:fixed}.position--relative{position:relative}.logo{font:normal 3.33333em/1.1 "Leitura News","Domine",serif;hyphens:none;margin:0 0 .333em;padding-top:.333em;padding-right:1.08333em;text-shadow:3px 3px #ccc}@media (min-width: 22.5em){.logo{line-height:normal}}.logo a[rel="home"]{border:0;color:#111}.logo a[rel="home"]:focus,a[rel="home"]:focus .logo,.cv__title a[rel="home"]:focus,.logo a[rel="home"]:hover,a[rel="home"]:hover .logo,.cv__title a[rel="home"]:hover{color:#fff;text-shadow:none}.cv{color:#000}.cv__title{font-size:1em;line-height:normal}.cv__title a{display:inline-block}.cv__banner .logo{margin-bottom:0}.cv__title a[rel="home"]{border:0;color:#111}.cv__banner,.cv__main{text-align:left}.cv__banner .job{font-size:1.5em;margin-top:0}.img-cache{border:1rem solid transparent;border-radius:100%;display:inline-block;float:right;height:150px;position:relative;overflow:hidden;width:150px}.img-cache>.u-photo{max-width:100%;position:relative;top:-20px}.nav-button,.nav__close,.nav-button--floatright{border:0;display:inline-block;text-align:center}.nav-button:active,.nav__close:active,.nav-button:hover,.nav__close:hover,.nav-button:focus,.nav__close:focus,.nav-button:visited,.nav__close:visited,.nav-button--floatright:active,.nav-button--floatright:hover,.nav-button--floatright:focus,.nav-button--floatright:visited{background:transparent;border-bottom:0;color:#111}.nav-button,.nav__close{position:absolute;right:.83333rem;top:.83333rem}@media (min-width: 48em){.nav-button,.nav__close{right:1.11111rem}}.nav-button--floatright{float:right}.nav-button__text,.nav__close__text{font-size:.66667rem;display:block}.nav-button__burger,.nav__x{background:#111;display:block;height:50px;margin:0 auto;position:relative;width:50px}.nav-button:hover .nav-button__burger,.nav__close:hover .nav-button__burger,.nav-button:hover .nav__x,.nav__close:hover .nav__x,.nav-button:focus .nav-button__burger,.nav__close:focus .nav-button__burger,.nav-button:focus .nav__x,.nav__close:focus .nav__x{background:blue}.nav-button__burger__ico,.nav__x__ico{background:#f1f1f1;bottom:0;display:block;height:3px;left:0;margin:auto;right:0;position:absolute;top:0;width:50%}.nav-button__burger__ico:after,.nav__x__ico:after,.nav-button__burger__ico:before,.nav__x__ico:before{backface-visibility:hidden;background-color:#f1f1f1;content:"";height:100%;position:absolute;right:0;top:0;transform:translateZ(0);transition:transform 0.3s ease 0s;width:100%}.nav-button__burger__ico:before,.nav__x__ico:before{transform:translateY(-8px) rotate(0deg)}.nav-button__burger__ico:after,.nav__x__ico:after{transform:translateY(8px) rotate(0deg)}.nav__close,.nav__close:visited{color:white}.nav__x{background:#333}.nav__x__ico{height:3px;transform:translateY(0) rotate(-45deg)}.nav__x__ico:before{transform:translateY(0) rotate(90deg)}.nav__x__ico:after{display:none}.nav__panel{background:#111;color:#f1f1f1}.js .nav__panel{display:none}.nav__panel.state--hidden,.nav__panel.state--visible{display:block;height:auto;left:0;min-height:1em;opacity:1;position:absolute;top:0;width:100%}.mod_csstransitions .nav__panel.state--hidden,.mod_csstransitions .nav__panel.state--visible{transition:transform .25s ease-in-out}.nav__panel.state--hidden{top:-100%}.mod_csstransforms .nav__panel.state--hidden{top:0;transform:translateY(-100%)}.nav__panel.state--visible{top:0}.mod_csstransforms .nav__panel.state--visible{transform:translateY(0)}.nav__panel__content{margin:0 auto;position:relative;text-align:left;width:auto}.nav__list{padding:1em 0}.nav__link{font-size:.7619em}.nav__link,.nav__link:visited{color:white}.no-js .nav__close{display:none;opacity:0}.single{text-align:left}.single h1{padding-right:66px}.note__list{list-style-type:none;margin-left:0}.note__item{border-bottom:1px solid #cccccc;margin-bottom:1.5em;padding-bottom:1em}.note__blockquote__footer{margin:1em 0 0}.note__footer{font-size:14px}@media (min-width: 48em){.note__footer{font-size:16px}}footer{font-size:.7619em}
+/* FONTS CONFIG */
+
+/* Font-Face Logo */
+/* Leitura News */
+@font-face {
+ font-family: 'Leitura News';
+ src: url('../fonts/leitura/leituranews-italic4-webfont.eot');
+ src: url('../fonts/leitura/leituranews-italic4-webfont.eot?#iefix') format('embedded-opentype'),
+ url('../fonts/leitura/leituranews-italic4-webfont.woff') format('woff'),
+ url('../fonts/leitura/leituranews-italic4-webfont.ttf') format('truetype'),
+ url('../fonts/leitura/leituranews-italic4-webfont.svg#LeituraNewsItalic4Regular') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+
+/* Font-Face Text */
+/* Domine */
+@font-face {
+ font-family: 'Domine';
+ src: url('../fonts/domine/domine-bold-webfont.eot');
+ src: url('../fonts/domine/domine-bold-webfont.eot?#iefix') format('embedded-opentype'),
+ url('../fonts/domine/domine-bold-webfont.woff2') format('woff2'),
+ url('../fonts/domine/domine-bold-webfont.woff') format('woff'),
+ url('../fonts/domine/domine-bold-webfont.ttf') format('truetype'),
+ url('../fonts/domine/domine-bold-webfont.svg#dominebold') format('svg');
+ font-weight: 700;
+ font-style: normal;
+}
+
+@font-face {
+ font-family: 'Domine';
+ src: url('../fonts/domine/domine-regular-webfont.eot');
+ src: url('../fonts/domine/domine-regular-webfont.eot?#iefix') format('embedded-opentype'),
+ url('../fonts/domine/domine-regular-webfont.woff2') format('woff2'),
+ url('../fonts/domine/domine-regular-webfont.woff') format('woff'),
+ url('../fonts/domine/domine-regular-webfont.ttf') format('truetype'),
+ url('../fonts/domine/domine-regular-webfont.svg#domineregular') format('svg');
+ font-weight: 400;
+ font-style: normal;
+}
+/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
+
+/**
+ * 1. Change the default font family in all browsers (opinionated).
+ * 2. Correct the line height in all browsers.
+ * 3. Prevent adjustments of font size after orientation changes in
+ * IE on Windows Phone and in iOS.
+ */
+
+/* Document
+ ========================================================================== */
+
+html {
+ font-family: sans-serif; /* 1 */
+ line-height: 1.15; /* 2 */
+ -ms-text-size-adjust: 100%; /* 3 */
+ -webkit-text-size-adjust: 100%; /* 3 */
+}
+
+/* Sections
+ ========================================================================== */
+
+/**
+ * Remove the margin in all browsers (opinionated).
+ */
+
+body {
+ margin: 0;
+}
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+article,
+aside,
+footer,
+header,
+nav,
+section {
+ display: block;
+}
+
+/**
+ * Correct the font size and margin on `h1` elements within `section` and
+ * `article` contexts in Chrome, Firefox, and Safari.
+ */
+
+h1 {
+ font-size: 2em;
+ margin: 0.67em 0;
+}
+
+/* Grouping content
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in IE.
+ */
+
+figcaption,
+figure,
+main { /* 1 */
+ display: block;
+}
+
+/**
+ * Add the correct margin in IE 8.
+ */
+
+figure {
+ margin: 1em 40px;
+}
+
+/**
+ * 1. Add the correct box sizing in Firefox.
+ * 2. Show the overflow in Edge and IE.
+ */
+
+hr {
+ box-sizing: content-box; /* 1 */
+ height: 0; /* 1 */
+ overflow: visible; /* 2 */
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+pre {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/* Text-level semantics
+ ========================================================================== */
+
+/**
+ * 1. Remove the gray background on active links in IE 10.
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
+ */
+
+a {
+ background-color: transparent; /* 1 */
+ -webkit-text-decoration-skip: objects; /* 2 */
+}
+
+/**
+ * Remove the outline on focused links when they are also active or hovered
+ * in all browsers (opinionated).
+ */
+
+a:active,
+a:hover {
+ outline-width: 0;
+}
+
+/**
+ * 1. Remove the bottom border in Firefox 39-.
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+ */
+
+abbr[title] {
+ border-bottom: none; /* 1 */
+ text-decoration: underline; /* 2 */
+ text-decoration: underline dotted; /* 2 */
+}
+
+/**
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
+ */
+
+b,
+strong {
+ font-weight: inherit;
+}
+
+/**
+ * Add the correct font weight in Chrome, Edge, and Safari.
+ */
+
+b,
+strong {
+ font-weight: bolder;
+}
+
+/**
+ * 1. Correct the inheritance and scaling of font size in all browsers.
+ * 2. Correct the odd `em` font sizing in all browsers.
+ */
+
+code,
+kbd,
+samp {
+ font-family: monospace, monospace; /* 1 */
+ font-size: 1em; /* 2 */
+}
+
+/**
+ * Add the correct font style in Android 4.3-.
+ */
+
+dfn {
+ font-style: italic;
+}
+
+/**
+ * Add the correct background and color in IE 9-.
+ */
+
+mark {
+ background-color: #ff0;
+ color: #000;
+}
+
+/**
+ * Add the correct font size in all browsers.
+ */
+
+small {
+ font-size: 80%;
+}
+
+/**
+ * Prevent `sub` and `sup` elements from affecting the line height in
+ * all browsers.
+ */
+
+sub,
+sup {
+ font-size: 75%;
+ line-height: 0;
+ position: relative;
+ vertical-align: baseline;
+}
+
+sub {
+ bottom: -0.25em;
+}
+
+sup {
+ top: -0.5em;
+}
+
+/* Embedded content
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+audio,
+video {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in iOS 4-7.
+ */
+
+audio:not([controls]) {
+ display: none;
+ height: 0;
+}
+
+/**
+ * Remove the border on images inside links in IE 10-.
+ */
+
+img {
+ border-style: none;
+}
+
+/**
+ * Hide the overflow in IE.
+ */
+
+svg:not(:root) {
+ overflow: hidden;
+}
+
+/* Forms
+ ========================================================================== */
+
+/**
+ * 1. Change the font styles in all browsers (opinionated).
+ * 2. Remove the margin in Firefox and Safari.
+ */
+
+button,
+input,
+optgroup,
+select,
+textarea {
+ font-family: sans-serif; /* 1 */
+ font-size: 100%; /* 1 */
+ line-height: 1.15; /* 1 */
+ margin: 0; /* 2 */
+}
+
+/**
+ * Show the overflow in IE.
+ * 1. Show the overflow in Edge.
+ */
+
+button,
+input { /* 1 */
+ overflow: visible;
+}
+
+/**
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
+ * 1. Remove the inheritance of text transform in Firefox.
+ */
+
+button,
+select { /* 1 */
+ text-transform: none;
+}
+
+/**
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+ * controls in Android 4.
+ * 2. Correct the inability to style clickable types in iOS and Safari.
+ */
+
+button,
+html [type="button"], /* 1 */
+[type="reset"],
+[type="submit"] {
+ -webkit-appearance: button; /* 2 */
+}
+
+/**
+ * Remove the inner border and padding in Firefox.
+ */
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+ border-style: none;
+ padding: 0;
+}
+
+/**
+ * Restore the focus styles unset by the previous rule.
+ */
+
+button:-moz-focusring,
+[type="button"]:-moz-focusring,
+[type="reset"]:-moz-focusring,
+[type="submit"]:-moz-focusring {
+ outline: 1px dotted ButtonText;
+}
+
+/**
+ * Change the border, margin, and padding in all browsers (opinionated).
+ */
+
+fieldset {
+ border: 1px solid #c0c0c0;
+ margin: 0 2px;
+ padding: 0.35em 0.625em 0.75em;
+}
+
+/**
+ * 1. Correct the text wrapping in Edge and IE.
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
+ * 3. Remove the padding so developers are not caught out when they zero out
+ * `fieldset` elements in all browsers.
+ */
+
+legend {
+ box-sizing: border-box; /* 1 */
+ color: inherit; /* 2 */
+ display: table; /* 1 */
+ max-width: 100%; /* 1 */
+ padding: 0; /* 3 */
+ white-space: normal; /* 1 */
+}
+
+/**
+ * 1. Add the correct display in IE 9-.
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
+ */
+
+progress {
+ display: inline-block; /* 1 */
+ vertical-align: baseline; /* 2 */
+}
+
+/**
+ * Remove the default vertical scrollbar in IE.
+ */
+
+textarea {
+ overflow: auto;
+}
+
+/**
+ * 1. Add the correct box sizing in IE 10-.
+ * 2. Remove the padding in IE 10-.
+ */
+
+[type="checkbox"],
+[type="radio"] {
+ box-sizing: border-box; /* 1 */
+ padding: 0; /* 2 */
+}
+
+/**
+ * Correct the cursor style of increment and decrement buttons in Chrome.
+ */
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+ height: auto;
+}
+
+/**
+ * 1. Correct the odd appearance in Chrome and Safari.
+ * 2. Correct the outline style in Safari.
+ */
+
+[type="search"] {
+ -webkit-appearance: textfield; /* 1 */
+ outline-offset: -2px; /* 2 */
+}
+
+/**
+ * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+ */
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+ -webkit-appearance: none;
+}
+
+/**
+ * 1. Correct the inability to style clickable types in iOS and Safari.
+ * 2. Change font properties to `inherit` in Safari.
+ */
+
+::-webkit-file-upload-button {
+ -webkit-appearance: button; /* 1 */
+ font: inherit; /* 2 */
+}
+
+/* Interactive
+ ========================================================================== */
+
+/*
+ * Add the correct display in IE 9-.
+ * 1. Add the correct display in Edge, IE, and Firefox.
+ */
+
+details, /* 1 */
+menu {
+ display: block;
+}
+
+/*
+ * Add the correct display in all browsers.
+ */
+
+summary {
+ display: list-item;
+}
+
+/* Scripting
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 9-.
+ */
+
+canvas {
+ display: inline-block;
+}
+
+/**
+ * Add the correct display in IE.
+ */
+
+template {
+ display: none;
+}
+
+/* Hidden
+ ========================================================================== */
+
+/**
+ * Add the correct display in IE 10-.
+ */
+
+[hidden] {
+ display: none;
+}
+/* BASE STYLES */
+html,
+button,
+input,
+select,
+textarea {
+ color:#111111;
+ font-family:"Domine",Georgia,"Times New Roman",times,serif;
+}
+
+html {
+ font-size:18px;
+ line-height:1.5;
+}
+
+@media screen and (min-width: 62em) {
+ html {
+ font-size:24px;
+ }
+}
+
+html,
+body {
+ height:100%;
+ min-height:100%;
+ position:relative;
+}
+
+body {
+ background:#f1f1f1 url("http://assets.soucy.cc/images/noise.png") repeat;
+}
+
+hr {
+ display:block;
+ height:1px;
+ border:0;
+ border-top:1px solid #111111;
+ margin:1em 0;
+ padding:0;
+}
+
+h1,
+.like-h1 {
+ font-size:2em;
+ hyphens:none;
+ margin:0 0 .67em;
+ padding-top:.67em;
+}
+
+h2,
+.like-h2 {
+ font-size:1.5em;
+ margin:0.83em 0;
+}
+
+h3,
+.like-h3 {
+ font-size:1.17em;
+ margin:1em 0;
+}
+
+h4,
+.like-h4 {
+ font-size:1em;
+ margin:1.33em 0;
+}
+
+h5,
+.like-h5 {
+ font-size:0.83em;
+ margin:1.67em 0;
+}
+
+h6,
+.like-h6 {
+ font-size:0.67em;
+ margin:2.33em 0;
+}
+
+a {
+ border-bottom:1px dotted #0000ff;
+ color:#0000ff;
+ text-decoration:none;
+}
+
+a:active,
+a:visited {
+ border-bottom:1px dotted #111111;
+ color:#111111;
+}
+
+a:focus,
+a:hover {
+ background-color:#0000ff;
+ border:0;
+ color:#f1f1f1;
+}
+
+ol,
+ul {
+ margin-left:1em;
+ padding:0;
+}
+
+ul ul {
+ margin-bottom:.5em;
+ margin-top:.5em;
+}
+
+li {
+ margin-bottom:.25em;
+}
+
+address {
+ font-style:normal;
+}
+
+address,
+dl,
+menu,
+ol,
+ul {
+ margin:1em 0;
+}
+
+dd {
+ margin:0;
+}
+
+dl,
+menu,
+ol,
+ul {
+ padding:0;
+}
+
+nav ul,
+nav ol {
+ list-style:none;
+ list-style-image:none;
+}
+
+menu ul,
+menu ol,
+nav ul,
+nav ol {
+ margin:0;
+}
+
+blockquote {
+ border-left:10px solid #ccc;
+ display:block;
+ margin:1em 0;
+ padding-left:1.5em;
+}
+
+blockquote span {
+ display:inline-block;
+}
+
+blockquote span:before,
+blockquote span:after {
+ display:inline;
+}
+
+blockquote span:after {
+ content:"\00A0\00BB";
+}
+
+blockquote span:before {
+ content:"\00AB\00A0";
+}
+
+blockquote p {
+ display:inline;
+}
+
+img {
+ max-width:100%;
+ width:auto;
+}
+/* LAYOUT & GRID */
+
+.layout {
+ hyphens:auto;
+ margin-left:auto;
+ margin-right:auto;
+ max-width:992px;
+ padding:0 .889em;
+ width:auto;
+}
+
+@media screen and (min-width: 48em) {
+ padding:0 1.111em;
+ text-align:left;
+}
+
+.layout__vcenter {
+ display:table-cell;
+ height:100vh;
+ vertical-align:middle;
+}
+/* CURRICULUM VITAE MODULE */
+
+.cv {
+ color:#111;
+}
+
+.cv__title {
+ font-size:1em;
+ line-height:normal;
+}
+
+.cv__title a {
+ display:inline-block;
+}
+
+.cv__banner .logo {
+ margin-bottom:0;
+}
+
+.cv__title a[rel="home"] {
+ border:0;
+ color:#111;
+}
+
+.cv__banner,
+.cv__main {
+ text-align:left;
+}
+
+.cv__banner .job {
+ font-size:1.5em;
+ margin-top:0;
+}
+/* FOOTER */
+
+footer {
+ font-size:.7619047619em;
+}
+/* IMAGES */
+.img-cache {
+ border:1rem solid transparent;
+ border-radius:100%;
+ display:inline-block;
+ float:right;
+ height:150px;
+ position:relative;
+ overflow:hidden;
+ width:150px;
+}
+
+.img-cache > .u-photo {
+ max-width:100%;
+ position:relative;
+ top:-20px;
+}
+/* LOGO */
+.logo {
+ font:normal 3.33333em/1.1 "Leitura News","Domine",serif;
+ hyphens:none;
+ margin:0 0 .333em;
+ padding-top:.333em;
+ padding-right:1.08333333333em;
+ text-shadow:3px 3px #ccc;
+
+}
+
+@media screen and (min-width: 22.5em) {
+ .logo {
+ line-height:normal;
+ }
+}
+
+.logo a[rel="home"] {
+ border:0;
+ color:#111;
+}
+/* NAVIGATION */
+.nav-button,
+.nav__close {
+ border:0;
+ display:inline-block;
+ position:absolute;
+ right:.9375rem;
+ text-align:center;
+ top:.9375rem;
+}
+
+@media screen and (min-width: 48em) {
+ .nav-button,
+ .nav__close {
+ right:1.25rem;
+ }
+}
+
+.nav-button:active,
+.nav-button:hover,
+.nav-button:focus,
+.nav-button:visited {
+ background:transparent;
+ border-bottom:0;
+ color:#111;
+}
+
+.nav__close,
+.nav__close:visited {
+ background:transparent;
+ border-bottom:0;
+ color:white;
+}
+
+.nav-button__text,
+.nav__close__text {
+ font-size:.75rem;
+ display:block;
+}
+
+.nav-button__burger,
+.nav__x {
+ display:block;
+ height:50px;
+ margin:0 auto;
+ position:relative;
+ width:50px;
+}
+
+.nav-button__burger {
+ background:#111;
+}
+
+.nav__x {
+ background:#333;
+}
+
+.nav-button:hover .nav-button__burger,
+.nav-button:focus .nav-button__burger {
+ background:#0000ff;
+}
+
+.nav__panel {
+ background:#111;
+ color:#f1f1f1;
+}
+
+.js .nav__panel {
+ display:none;
+}
+
+.nav__panel.state--hidden,
+.nav__panel.state--visible {
+ display:block;
+ height:auto;
+ left:0;
+ min-height:1em;
+ opacity:1;
+ position:absolute;
+ top:0;
+ width:100%;
+}
+
+.mod_csstransitions .nav__panel.state--hidden,
+.mod_csstransitions .nav__panel.state--visible {
+ transition:transform .25s ease-in-out;
+}
+
+.nav__panel.state--hidden {
+ top:-100%;
+
+}
+
+.mod_csstransforms .nav__panel.state--hidden {
+ top:0;
+ transform:translateY(-100%);
+}
+
+.nav__panel.state--visible {
+ top:0;
+
+}
+
+.mod_csstransforms .nav__panel.state--visible {
+ transform:translateY(0);
+}
+
+.nav__panel__content {
+ margin:0 auto;
+ position:relative;
+ text-align:left;
+ width:auto;
+}
+
+
+.nav__list {
+ padding:1em 0;
+}
+
+.nav__link,
+.nav__link:visited {
+ color:white;
+}
+
+.nav__link {
+ font-size:.7619047619em;
+}
+
+.no-js .nav__close {
+ display:none;
+ opacity:0;
+}
+/* NOTE MODULE */
+
+.note__list {
+ list-style-type:none;
+ margin-left:0;
+}
+
+.note__item {
+ border-bottom:1px solid #cccccc;
+ margin-bottom:1.5em;
+ padding-bottom:1em;
+}
+
+.note__blockquote__footer {
+ margin:1em 0 0;
+}
+
+.note__footer {
+ font-size:14px;
+}
+
+@media screen and (min-width: 48em) {
+ .note__footer {
+ font-size:16px;
+ }
+}
+/* SINGLE CONTENT */
+
+.single {
+ text-align:left;
+}
+
+.single h1 {
+ padding-right:66px;
+}
diff --git a/static/prod/css/styles.min.css b/static/prod/css/styles.min.css
@@ -0,0 +1 @@
+@font-face{font-family:leitura news;src:url(../fonts/leitura/leituranews-italic4-webfont.eot);src:url(../fonts/leitura/leituranews-italic4-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/leitura/leituranews-italic4-webfont.woff) format('woff'),url(../fonts/leitura/leituranews-italic4-webfont.ttf) format('truetype'),url(../fonts/leitura/leituranews-italic4-webfont.svg#LeituraNewsItalic4Regular) format('svg');font-weight:400;font-style:normal}@font-face{font-family:domine;src:url(../fonts/domine/domine-bold-webfont.eot);src:url(../fonts/domine/domine-bold-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/domine/domine-bold-webfont.woff2) format('woff2'),url(../fonts/domine/domine-bold-webfont.woff) format('woff'),url(../fonts/domine/domine-bold-webfont.ttf) format('truetype'),url(../fonts/domine/domine-bold-webfont.svg#dominebold) format('svg');font-weight:700;font-style:normal}@font-face{font-family:domine;src:url(../fonts/domine/domine-regular-webfont.eot);src:url(../fonts/domine/domine-regular-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/domine/domine-regular-webfont.woff2) format('woff2'),url(../fonts/domine/domine-regular-webfont.woff) format('woff'),url(../fonts/domine/domine-regular-webfont.ttf) format('truetype'),url(../fonts/domine/domine-regular-webfont.svg#domineregular) format('svg');font-weight:400;font-style:normal}/*!normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css*/html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:0;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted buttontext}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}html,button,input,select,textarea{color:#111;font-family:domine,georgia,times new roman,times,serif}html{font-size:18px;line-height:1.5}@media screen and (min-width:62em){html{font-size:24px}}html,body{height:100%;min-height:100%;position:relative}body{background:#f1f1f1 url(http://assets.soucy.cc/images/noise.png) repeat}hr{display:block;height:1px;border:0;border-top:1px solid #111;margin:1em 0;padding:0}h1,.like-h1{font-size:2em;hyphens:none;margin:0 0 .67em;padding-top:.67em}h2,.like-h2{font-size:1.5em;margin:.83em 0}h3,.like-h3{font-size:1.17em;margin:1em 0}h4,.like-h4{font-size:1em;margin:1.33em 0}h5,.like-h5{font-size:.83em;margin:1.67em 0}h6,.like-h6{font-size:.67em;margin:2.33em 0}a{border-bottom:1px dotted #00f;color:#00f;text-decoration:none}a:active,a:visited{border-bottom:1px dotted #111;color:#111}a:focus,a:hover{background-color:#00f;border:0;color:#f1f1f1}ol,ul{margin-left:1em;padding:0}ul ul{margin-bottom:.5em;margin-top:.5em}li{margin-bottom:.25em}address{font-style:normal}address,dl,menu,ol,ul{margin:1em 0}dd{margin:0}dl,menu,ol,ul{padding:0}nav ul,nav ol{list-style:none;list-style-image:none}menu ul,menu ol,nav ul,nav ol{margin:0}blockquote{border-left:10px solid #ccc;display:block;margin:1em 0;padding-left:1.5em}blockquote span{display:inline-block}blockquote span:before,blockquote span:after{display:inline}blockquote span:after{content:"\00A0\00BB"}blockquote span:before{content:"\00AB\00A0"}blockquote p{display:inline}img{max-width:100%;width:auto}.layout{hyphens:auto;margin-left:auto;margin-right:auto;max-width:992px;padding:0 .889em;width:auto}@media screen and (min-width:48em){padding:0 1.111em; text-align:left; } .layout__vcenter { display:table-cell; height:100vh; vertical-align:middle; } .cv { color:#111; } .cv__title { font-size:1em; line-height:normal; } .cv__title a { display:inline-block; } .cv__banner .logo { margin-bottom:0; } .cv__title a[rel=home] { border:0; color:#111; } .cv__banner,.cv__main { text-align:left; } .cv__banner .job { font-size:1.5em; margin-top:0; } footer { font-size:.7619047619em; } .img-cache { border:1rem solid transparent; border-radius:100%; display:inline-block; float:right; height:150px; position:relative; overflow:hidden; width:150px; } .img-cache>.u-photo { max-width:100%; position:relative; top:-20px; } .logo { font:normal 3.33333em/1.1 "Leitura News","Domine",serif; hyphens:none; margin:0 0 .333em; padding-top:.333em; padding-right:1.08333333333em; text-shadow:3px 3px #ccc; } @media screen and (min-width: 22.5em) { .logo{line-height:normal}}.logo a[rel=home]{border:0;color:#111}.nav-button,.nav__close{border:0;display:inline-block;position:absolute;right:.9375rem;text-align:center;top:.9375rem}@media screen and (min-width:48em){.nav-button,.nav__close{right:1.25rem}}.nav-button:active,.nav-button:hover,.nav-button:focus,.nav-button:visited{background:transparent;border-bottom:0;color:#111}.nav__close,.nav__close:visited{background:transparent;border-bottom:0;color:#fff}.nav-button__text,.nav__close__text{font-size:.75rem;display:block}.nav-button__burger,.nav__x{display:block;height:50px;margin:0 auto;position:relative;width:50px}.nav-button__burger{background:#111}.nav__x{background:#333}.nav-button:hover .nav-button__burger,.nav-button:focus .nav-button__burger{background:#00f}.nav__panel{background:#111;color:#f1f1f1}.js .nav__panel{display:none}.nav__panel.state--hidden,.nav__panel.state--visible{display:block;height:auto;left:0;min-height:1em;opacity:1;position:absolute;top:0;width:100%}.mod_csstransitions .nav__panel.state--hidden,.mod_csstransitions .nav__panel.state--visible{transition:transform .25s ease-in-out}.nav__panel.state--hidden{top:-100%}.mod_csstransforms .nav__panel.state--hidden{top:0;transform:translateY(-100%)}.nav__panel.state--visible{top:0}.mod_csstransforms .nav__panel.state--visible{transform:translateY(0)}.nav__panel__content{margin:0 auto;position:relative;text-align:left;width:auto}.nav__list{padding:1em 0}.nav__link,.nav__link:visited{color:#fff}.nav__link{font-size:.7619047619em}.no-js .nav__close{display:none;opacity:0}.note__list{list-style-type:none;margin-left:0}.note__item{border-bottom:1px solid #ccc;margin-bottom:1.5em;padding-bottom:1em}.note__blockquote__footer{margin:1em 0 0}.note__footer{font-size:14px}@media screen and (min-width:48em){.note__footer{font-size:16px}}.single{text-align:left}.single h1{padding-right:66px}+
\ No newline at end of file
