hugo.soucy.cc

The personnal website source code of Hugo Soucy. Creates from an homebrewed static website generator (Ferron).
Log | Files | Refs

commit 78fc36a4a249b65ff703fb53a071d8f07c7f88bf
parent 880219854f42e9076c1d256aae17d6810691a4b4
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Sat, 18 Nov 2017 16:42:50 -0500

Renew autogenerate css

Diffstat:
Acss/styles.css | 1181+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Acss/styles.min.css | 2++
2 files changed, 1183 insertions(+), 0 deletions(-)

diff --git a/css/styles.css b/css/styles.css @@ -0,0 +1,1181 @@ +/* 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; +} +/* ABSTRACTIONS */ + +/* Global Vars */ +:root { + /* Colors */ + --base-bg-color: #f1f1f1; + --base-fg-color: #111111; + --base-link-color: #0000ff; + --code-bg-color: rgba(255,255,255,0.4); + --code-fg-color: #333333; + --shadow-color: #cccccc; + + /* Typography */ + --fontfamily-alpha: "Domine",Georgia,"Times New Roman",times,serif; + --fontfamily-beta: "Leitura News","Domine", serif; + --fontfamily-gamma: monospace; + + --base-size: 18; + --base-fontsize: calc((var(--base-size) / 16) * 100%); + --base-lineheight: 1.5; + + --size-h1: calc(1rem * (36 / var(--base-size))); + --size-h2: calc(1rem * (27 / var(--base-size))); + --size-h3: calc(1rem * (21 / var(--base-size))); + --size-h4: calc(1rem * (18 / var(--base-size))); + --size-h5: calc(1rem * (16 / var(--base-size))); + --size-h6: calc(1rem * (14 / var(--base-size))); + + --size-base: calc(1rem * (var(--base-size) / var(--base-size))); + --size-half: calc(var(--size-base) / 2); + --size-two-thirds: calc(var(--size-base) / 1.5); + --size-quarter: calc(var(--size-base) / 4); + --size-and-quarter: calc(var(--size-base) * 1.25); + --size-and-half: calc(var(--size-base) * 1.5); + --size-double: calc(var(--size-base) * 2); + --size-double-and-half: calc(var(--size-base) * 2.5); + + /* Layout */ + --grid-max-width: 992px; +} + +@media screen and (min-width: 62.0000em) { + :root { + /* Typography */ + --base-fontsize: calc((24 / 16) * 100%); + } +} +/* BASE STYLES */ +html, +button, +input, +select, +textarea { + color:var(--base-fg-color); + font-family:var(--fontfamily-alpha); + font-size:var(--base-fontsize); + line-height:var(--base-lineheight); +} + +html, +body { + height:100%; + min-height:100%; + position:relative; +} + +body { + background:var(--base-bg-color) url("http://assets.soucy.cc/images/noise.png") repeat; +} + +hr { + display:block; + height:1px; + border:0; + border-top:1px solid var(--base-fg-color); + margin:var(--size-base) 0; + padding:0; +} + +h1, +.like-h1 { + font-size:var(--size-h1); + hyphens:none; + margin:0 0 var(--size-and-half); + padding-top:var(--size-double); +} + +h2, +.like-h2 { + font-size:var(--size-h2); + margin:var(--size-double-and-half) 0 var(--size-and-half); +} + +h3, +.like-h3 { + font-size:var(--size-h3); + margin:var(--size-and-half) 0 var(--size-base); +} + +h4, +.like-h4 { + font-size:var(--size-h4); + margin:var(--size-base) 0; +} + +h5, +.like-h5 { + font-size:var(--size-h5); + margin:var(--size-base) 0; +} + +h6, +.like-h6 { + font-size:var(--size-h6); + margin:var(--size-base) 0; +} + +a { + border-bottom:1px dotted var(--base-link-color); + color:var(--base-link-color); + text-decoration:none; +} + +a:active, +a:visited { + border-bottom:1px dotted var(--base-fg-color); + color:var(--base-fg-color); +} + +a:focus, +a:hover { + background-color:var(--base-link-color); + border:0; + color:var(--base-bg-color); +} + +ol, +ul { + margin-left:var(--size-base); + padding:0; +} + +ul ul { + margin-bottom:var(--size-half); + margin-top:var(--size-half); +} + +li { + margin-bottom:var(--size-quarter); +} + +address { + font-style:normal; +} + +address, +dl, +menu, +ol, +ul { + margin-bottom:var(--size-base); + margin-top:var(--size-base); +} + +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:var(--size-half) solid #ccc; + display:block; + margin:var(--size-base) 0; + padding-left:var(--size-and-half); +} + +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; +} + +figure { + margin:0; +} + +img { + max-width:100%; + width:auto; +} + +code { + background:var(--code-bg-color); + color:var(--code-fg-color); + font-size:var(--size-h5); +} + +pre { + background:var(--code-bg-color); + overflow-x:auto; + padding:var(--size-half); +} + +pre code { + background:transparent; +} + +* {color:red;} +/* 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; +} +/* LAYOUT & GRID */ + +.layout { + hyphens:auto; + margin-left:auto; + margin-right:auto; + max-width:var(--grid-max-width); + padding-left:var(--size-base); + padding-right:var(--size-base); + width:auto; +} + +@media screen and (min-width: 48.0000em) { + .layout { + text-align:left; + } +} + +.layout__vcenter { + display:table-cell; + height:100vh; + vertical-align:middle; +} +/* CURRICULUM VITAE MODULE */ + +.cv__banner, +.cv__main { + text-align:left; +} + +.cv__hr { + margin-top:var(--size-double-and-half); +} + +.cv__main .logo { + padding-right:calc(1rem * (60 / var(--base-size))); +} + +.cv__contactinfos { + overflow:hidden; +} + +.cv__contactinfos__key, +.cv__contactinfos__value { + float:left; +} + +.cv__contactinfos__value + .cv__contactinfos__key { + clear:left; +} + +.cv__contactinfos__key::after { + content: "\00a0:\00a0"; + display:inline; +} + +.cv__experience, +.cv__education, +.cv__course { + margin-bottom:var(--size-and-half); +} + +.cv__experience__name, +.cv__education__name, +.cv__course__name { + font-size:var(--size-h3); +} +/* FOOTER */ + +footer { + font-size:var(--size-h6); +} +/* IMAGES */ +:root { + --img-cache-size: calc(1rem * (150 / var(--base-size))); +} + +.img-cache { + border:1rem solid transparent; + border-radius:100%; + display:inline-block; + float:right; + height:var(--img-cache-size); + position:relative; + overflow:hidden; + width:var(--img-cache-size); +} + +.img-cache > .u-photo { + height:auto; + position:relative; + top:-20px; + width:auto; +} +/* LOGO */ + +.logo, +#hugosoucy { + font:normal 3.33333rem/1.1 var(--fontfamily-beta); + hyphens:none; + margin:0 0 var(--size-and-quarter); + padding-top:var(--size-and-quarter); + padding-right:calc(1rem * (68 / var(--base-size))); + text-shadow:3px 3px var(--shadow-color); + +} + +@media screen and (min-width: 22.5000em) { + .logo, + #hugosoucy { + line-height:normal; + } +} + +.logo a[rel="home"] { + border:0; + color:var(--base-fg-color); +} +/* NAVIGATION */ + +:root { + --nav-btn-size: calc(1rem * (50 / var(--base-size))); +} + +.nav-button, +.nav__close { + border:0; + display:inline-block; + position:absolute; + right:var(--size-base); + text-align:center; + top:var(--size-base); +} + +.nav-button:active, +.nav-button:hover, +.nav-button:focus, +.nav-button:visited { + background:transparent; + border-bottom:0; + color:var(--base-fg-color); +} + +.nav__close, +.nav__close:visited { + background:transparent; + border-bottom:0; + color:var(--base-bg-color); + z-index:999; +} + +.nav-button__text, +.nav__close__text { + font-size:var(--size-h6); + display:block; +} + +.nav-button__burger, +.nav__x { + display:block; + margin:0 auto; + position:relative; +} + +.nav-button__burger { + background:var(--base-fg-color); +} + +.nav-button__burger, +.nav-button__burger__ico, +.nav__x, +.nav__x__ico { + height:var(--nav-btn-size); + line-height:var(--nav-btn-size); + width:var(--nav-btn-size); +} + +.nav__x { + background:var(--code-fg-color); +} + +.nav-button:hover .nav-button__burger, +.nav-button:focus .nav-button__burger { + background:var(--base-link-color); +} + +.nav__panel { + background:var(--base-fg-color); + color:var(--base-bg-color); +} + +.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%; +} + +@supports (transition:transform .25s ease-in-out) { + .nav__panel.state--hidden, + .nav__panel.state--visible { + transition:transform .25s ease-in-out; + } +} + +.nav__panel.state--hidden { + top:-100%; +} + +.nav__panel.state--visible { + top:0; +} + +@supports (transform:translateY(-100%)) { + .nav__panel.state--hidden { + top:0; + transform:translateY(-100%); + } + + .nav__panel.state--visible { + transform:translateY(0); + } +} + +.nav__panel__content { + margin:0 auto; + position:relative; + text-align:left; + width:auto; +} + +.nav__list { + padding:var(--size-base) 0; +} + +.nav__link, +.nav__link:visited { + color:var(--base-bg-color); +} + +.nav__link { + font-size:var(--size-h6); +} + +.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 var(--shadow-color); + margin-bottom:var(--size-and-half); + padding-bottom:var(--size-base); +} + +.note__blockquote__footer { + margin:var(--size-base) 0 0; +} + +.note__footer { + font-family:var(--fontfamily-gamma); + font-size:var(--size-two-thirds); +} +/* SINGLE CONTENT */ + +.single { + text-align:left; +} + +.single h1:first-child { + padding-right:calc(1rem * (74 / var(--base-size))); +} + +.single__footer { + font-family:var(--fontfamily-gamma); + font-size:var(--size-two-thirds); +} +.webmention-container { + background:rgba(9,9,9,0.1); + font-family:var(--fontfamily-gamma); + font-size:var(--size-two-thirds); + margin-top:var(--size-and-half); + padding:var(--size-base); +} + +.webmention-mention { + margin-bottom:var(--size-base); +} + +.webmention-mention:last-child { + margin-bottom:0; +} + +/* .webmention-author, */ +/* .webmention-summary { */ +/* font-size:var(--size-h6); */ +/* } */ + +.webmention-author a { + display:inline; +} + +.webmention-author img { + display:inline-block; + margin-right:var(--size-half); + max-width:calc(1rem * (32 / var(--base-size))); + height:auto; +} + +.webmention-summary { + margin:var(--size-half) 0 0; +} + +/* .webmention-published { */ +/* font-size:var(--size-two-thirds); */ +/* } */ diff --git a/css/styles.min.css b/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}:root{--base-bg-color: #f1f1f1;--base-fg-color: #111111;--base-link-color: #0000ff;--code-bg-color: rgba(255,255,255,0.4);--code-fg-color: #333333;--shadow-color: #cccccc;--fontfamily-alpha: "Domine",Georgia,"Times New Roman",times,serif;--fontfamily-beta: "Leitura News","Domine", serif;--fontfamily-gamma: monospace;--base-size: 18;--base-fontsize: calc((var(--base-size) / 16) * 100%);--base-lineheight: 1.5;--size-h1: calc(1rem * (36 / var(--base-size)));--size-h2: calc(1rem * (27 / var(--base-size)));--size-h3: calc(1rem * (21 / var(--base-size)));--size-h4: calc(1rem * (18 / var(--base-size)));--size-h5: calc(1rem * (16 / var(--base-size)));--size-h6: calc(1rem * (14 / var(--base-size)));--size-base: calc(1rem * (var(--base-size) / var(--base-size)));--size-half: calc(var(--size-base) / 2);--size-two-thirds: calc(var(--size-base) / 1.5);--size-quarter: calc(var(--size-base) / 4);--size-and-quarter: calc(var(--size-base) * 1.25);--size-and-half: calc(var(--size-base) * 1.5);--size-double: calc(var(--size-base) * 2);--size-double-and-half: calc(var(--size-base) * 2.5);--grid-max-width: 992px}@media screen and (min-width:62.0000em){:root{--base-fontsize: calc((24 / 16) * 100%)}}html,button,input,select,textarea{color:var(--base-fg-color);font-family:var(--fontfamily-alpha);font-size:var(--base-fontsize);line-height:var(--base-lineheight)}html,body{height:100%;min-height:100%;position:relative}body{background:var(--base-bg-color) url(http://assets.soucy.cc/images/noise.png) repeat}hr{display:block;height:1px;border:0;border-top:1px solid var(--base-fg-color);margin:var(--size-base) 0;padding:0}h1,.like-h1{font-size:var(--size-h1);hyphens:none;margin:0 0 var(--size-and-half);padding-top:var(--size-double)}h2,.like-h2{font-size:var(--size-h2);margin:var(--size-double-and-half) 0 var(--size-and-half)}h3,.like-h3{font-size:var(--size-h3);margin:var(--size-and-half) 0 var(--size-base)}h4,.like-h4{font-size:var(--size-h4);margin:var(--size-base) 0}h5,.like-h5{font-size:var(--size-h5);margin:var(--size-base) 0}h6,.like-h6{font-size:var(--size-h6);margin:var(--size-base) 0}a{border-bottom:1px dotted var(--base-link-color);color:var(--base-link-color);text-decoration:none}a:active,a:visited{border-bottom:1px dotted var(--base-fg-color);color:var(--base-fg-color)}a:focus,a:hover{background-color:var(--base-link-color);border:0;color:var(--base-bg-color)}ol,ul{margin-left:var(--size-base);padding:0}ul ul{margin-bottom:var(--size-half);margin-top:var(--size-half)}li{margin-bottom:var(--size-quarter)}address{font-style:normal}address,dl,menu,ol,ul{margin-bottom:var(--size-base);margin-top:var(--size-base)}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:var(--size-half) solid #ccc;display:block;margin:var(--size-base) 0;padding-left:var(--size-and-half)}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}figure{margin:0}img{max-width:100%;width:auto}code{background:var(--code-bg-color);color:var(--code-fg-color);font-size:var(--size-h5)}pre{background:var(--code-bg-color);overflow-x:auto;padding:var(--size-half)}pre code{background:transparent}*{color:red}.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}.layout{hyphens:auto;margin-left:auto;margin-right:auto;max-width:var(--grid-max-width);padding-left:var(--size-base);padding-right:var(--size-base);width:auto}@media screen and (min-width:48.0000em){.layout{text-align:left}}.layout__vcenter{display:table-cell;height:100vh;vertical-align:middle}.cv__banner,.cv__main{text-align:left}.cv__hr{margin-top:var(--size-double-and-half)}.cv__main .logo{padding-right:calc(1rem * (60/var(--base-size)))}.cv__contactinfos{overflow:hidden}.cv__contactinfos__key,.cv__contactinfos__value{float:left}.cv__contactinfos__value+.cv__contactinfos__key{clear:left}.cv__contactinfos__key::after{content:"\00a0:\00a0";display:inline}.cv__experience,.cv__education,.cv__course{margin-bottom:var(--size-and-half)}.cv__experience__name,.cv__education__name,.cv__course__name{font-size:var(--size-h3)}footer{font-size:var(--size-h6)}:root{--img-cache-size: calc(1rem * (150 / var(--base-size)))}.img-cache{border:1rem solid transparent;border-radius:100%;display:inline-block;float:right;height:var(--img-cache-size);position:relative;overflow:hidden;width:var(--img-cache-size)}.img-cache>.u-photo{height:auto;position:relative;top:-20px;width:auto}.logo,#hugosoucy{font:normal 3.33333rem/1.1 var(--fontfamily-beta);hyphens:none;margin:0 0 var(--size-and-quarter);padding-top:var(--size-and-quarter);padding-right:calc(1rem * (68/var(--base-size)));text-shadow:3px 3px var(--shadow-color)}@media screen and (min-width:22.5000em){.logo,#hugosoucy{line-height:normal}}.logo a[rel=home]{border:0;color:var(--base-fg-color)}:root{--nav-btn-size: calc(1rem * (50 / var(--base-size)))}.nav-button,.nav__close{border:0;display:inline-block;position:absolute;right:var(--size-base);text-align:center;top:var(--size-base)}.nav-button:active,.nav-button:hover,.nav-button:focus,.nav-button:visited{background:transparent;border-bottom:0;color:var(--base-fg-color)}.nav__close,.nav__close:visited{background:transparent;border-bottom:0;color:var(--base-bg-color);z-index:999}.nav-button__text,.nav__close__text{font-size:var(--size-h6);display:block}.nav-button__burger,.nav__x{display:block;margin:0 auto;position:relative}.nav-button__burger{background:var(--base-fg-color)}.nav-button__burger,.nav-button__burger__ico,.nav__x,.nav__x__ico{height:var(--nav-btn-size);line-height:var(--nav-btn-size);width:var(--nav-btn-size)}.nav__x{background:var(--code-fg-color)}.nav-button:hover .nav-button__burger,.nav-button:focus .nav-button__burger{background:var(--base-link-color)}.nav__panel{background:var(--base-fg-color);color:var(--base-bg-color)}.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%}@supports(transition:transform .25s ease-in-out){.nav__panel.state--hidden,.nav__panel.state--visible{transition:transform .25s ease-in-out}}.nav__panel.state--hidden{top:-100%}.nav__panel.state--visible{top:0}@supports(transform:translateY(-100%)){.nav__panel.state--hidden{top:0;transform:translateY(-100%)}.nav__panel.state--visible{transform:translateY(0)}}.nav__panel__content{margin:0 auto;position:relative;text-align:left;width:auto}.nav__list{padding:var(--size-base) 0}.nav__link,.nav__link:visited{color:var(--base-bg-color)}.nav__link{font-size:var(--size-h6)}.no-js .nav__close{display:none;opacity:0}.note__list{list-style-type:none;margin-left:0}.note__item{border-bottom:1px solid var(--shadow-color);margin-bottom:var(--size-and-half);padding-bottom:var(--size-base)}.note__blockquote__footer{margin:var(--size-base) 0 0}.note__footer{font-family:var(--fontfamily-gamma);font-size:var(--size-two-thirds)}.single{text-align:left}.single h1:first-child{padding-right:calc(1rem * (74/var(--base-size)))}.single__footer{font-family:var(--fontfamily-gamma);font-size:var(--size-two-thirds)}.webmention-container{background:rgba(9,9,9,.1);font-family:var(--fontfamily-gamma);font-size:var(--size-two-thirds);margin-top:var(--size-and-half);padding:var(--size-base)}.webmention-mention{margin-bottom:var(--size-base)}.webmention-mention:last-child{margin-bottom:0}.webmention-author a{display:inline}.webmention-author img{display:inline-block;margin-right:var(--size-half);max-width:calc(1rem * (32/var(--base-size)));height:auto}.webmention-summary{margin:var(--size-half) 0 0}+ \ No newline at end of file