hugosoucycc

[ARCHIVED] Another old source code of <hugo.soucy.cc>.
Log | Files | Refs | Submodules

commit a6870306061d82410759efc5f275fa0b6ad82885
parent 34817a16245fd1c06a39ea986298a20a5dccd224
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Tue, 26 Jul 2016 21:45:20 -0400

Add an avatar of me on index.

Diffstat:
Mstatic/dev/scss/modules/_images.scss | 22+++++++++-------------
Mstatic/dev/scss/modules/_nav.scss | 7++++---
Mstatic/dev/scss/styles.scss | 2+-
Mstatic/prod/css/styles.css | 2+-
4 files changed, 15 insertions(+), 18 deletions(-)

diff --git a/static/dev/scss/modules/_images.scss b/static/dev/scss/modules/_images.scss @@ -1,21 +1,17 @@ // IMAGES - .img-cache { - border:10px solid #e5e5e5; + border:1rem solid transparent; border-radius:100%; display:inline-block; - max-height:280px; - max-width:280px; + float:right; + height:150px; + position:relative; overflow:hidden; + width:150px; - @include breakpoint($sm) { - border-radius:0; - float:right; - margin:0 0 1em 1em; - max-height:none; - max-width:none; + > .u-photo { + max-width:100%; + position:relative; + top:-20px; } - - /* .hs-home-portrait { */ - /* } */ } diff --git a/static/dev/scss/modules/_nav.scss b/static/dev/scss/modules/_nav.scss @@ -84,12 +84,13 @@ left:0; min-height:1em; position:absolute; - top:-100%; - transition:top 0.35s ease-in-out; + top:0; + transform:translateY(-100%); + transition:transform .25s ease-in-out; width:100%; &:target { - top:0; + transform:translateY(0); } &__content { diff --git a/static/dev/scss/styles.scss b/static/dev/scss/styles.scss @@ -15,7 +15,7 @@ // Modules @import 'modules/logo'; @import 'modules/cv'; -//@import 'modules/images'; +@import 'modules/images'; @import 'modules/nav'; @import 'modules/single'; @import 'modules/note'; diff --git a/static/prod/css/styles.css b/static/prod/css/styles.css @@ -1 +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: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}.nav__button,.nav__close{border:0;display:inline-block;position:absolute;right:.83333rem;text-align:center;top:.83333rem}@media (min-width: 48em){.nav__button,.nav__close{right:1.11111rem}}.nav__button:active,.nav__close:active,.nav__button:hover,.nav__close:hover,.nav__button:focus,.nav__close:focus,.nav__button:visited,.nav__close:visited{background:transparent;border-bottom:0;color:#111}.nav__button__text,.nav__close__text{font-size:.66667rem;display:block}.nav__burger,.nav__x{background:#111;display:block;height:50px;margin:0 auto;position:relative;width:50px}.nav__button:hover .nav__burger,.nav__close:hover .nav__burger,.nav__button:hover .nav__x,.nav__close:hover .nav__x,.nav__button:focus .nav__burger,.nav__close:focus .nav__burger,.nav__button:focus .nav__x,.nav__close:focus .nav__x{background:blue}.nav__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__burger__ico:after,.nav__x__ico:after,.nav__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__burger__ico:before,.nav__x__ico:before{transform:translateY(-8px) rotate(0deg)}.nav__burger__ico:after,.nav__x__ico:after{transform:translateY(8px) rotate(0deg)}.nav__panel{background:#111;color:#f1f1f1;height:auto;left:0;min-height:1em;position:absolute;top:-100%;transition:top 0.35s ease-in-out;width:100%}.nav__panel:target{top: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}.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}.single{text-align:left}.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}footer{font-size:.7619em} +@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{border:0;display:inline-block;position:absolute;right:.83333rem;text-align:center;top:.83333rem}@media (min-width: 48em){.nav__button,.nav__close{right:1.11111rem}}.nav__button:active,.nav__close:active,.nav__button:hover,.nav__close:hover,.nav__button:focus,.nav__close:focus,.nav__button:visited,.nav__close:visited{background:transparent;border-bottom:0;color:#111}.nav__button__text,.nav__close__text{font-size:.66667rem;display:block}.nav__burger,.nav__x{background:#111;display:block;height:50px;margin:0 auto;position:relative;width:50px}.nav__button:hover .nav__burger,.nav__close:hover .nav__burger,.nav__button:hover .nav__x,.nav__close:hover .nav__x,.nav__button:focus .nav__burger,.nav__close:focus .nav__burger,.nav__button:focus .nav__x,.nav__close:focus .nav__x{background:blue}.nav__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__burger__ico:after,.nav__x__ico:after,.nav__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__burger__ico:before,.nav__x__ico:before{transform:translateY(-8px) rotate(0deg)}.nav__burger__ico:after,.nav__x__ico:after{transform:translateY(8px) rotate(0deg)}.nav__panel{background:#111;color:#f1f1f1;height:auto;left:0;min-height:1em;position:absolute;top:0;transform:translateY(-100%);transition:transform .25s ease-in-out;width:100%}.nav__panel:target{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}.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}.single{text-align:left}.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}footer{font-size:.7619em}