hugosoucycc

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

commit dc1458a4202e51711b81c1a187e4567e15dcd72d
parent 300da3b5103c05a53ea38d41fa48473b8131d5ba
Author: Hugo Soucy <hugo@soucy.cc>
Date:   Wed,  5 Apr 2017 21:44:06 -0400

Transform cv in all markdown.

Diffstat:
Mcontent/file/curriculum-vitae.md | 52++++++++++++++++++++++++++++++++++++++++++----------
Mstatic/dev/css/modules/cv.css | 23+++++------------------
Mtemplates/mustache/curriculum-vitae.mustache | 27++-------------------------
3 files changed, 49 insertions(+), 53 deletions(-)

diff --git a/content/file/curriculum-vitae.md b/content/file/curriculum-vitae.md @@ -1,14 +1,29 @@ --- -title: Curriculum vitae +title: Curriculum vitae de Hugo Soucy, développeur Web frontend date: 2014-01-01 datetime: 00:00:00 template: curriculum-vitae --- +Hugo Soucy, <br/>développeur Web frontend +========================================= + +* **Ville de Québec**, Qc<br/> +* Téléphone: [581-996-6481](tel://+15819966481)<br/> +* Courriel: <hugo@soucy.cc><br/> +* Github: [hs0ucy](https://github.com/hs0ucy) + +--- + Profil ------ -Je suis un <span>intégrateur Web</span> d'expérience, qui adore structurer des contenus qui se démarquent. J'excelle à mettre en valeur le travail de mes collègues designers et rédacteurs. J'aime contribuer à l'émergence de sites Web de qualité, accessibles autant aux humains qu'aux machines... Pour y arriver, je favorise l'utilisation des standards du Web et des formats libres. +Je suis un <span>intégrateur Web</span> d'expérience, qui adore +structurer des contenus qui se démarquent. J'excelle à mettre en +valeur le travail de mes collègues designers et rédacteurs. J'aime +contribuer à l'émergence de sites Web de qualité, accessibles autant +aux humains qu'aux machines... Pour y arriver, je favorise +l'utilisation des standards du Web et des formats libres. --- @@ -17,16 +32,28 @@ Compétences ### Conception Web -Maîtrise les langages déclaratifs (X)HTML et CSS. Applique les bonnes pratiques d'intégration Web, tant au niveau de la performance qu'au niveau de l'accessibilité et de la compatibilité de navigation. Améliore l'expérience utilisateur avec du JavaScript non intrusif. Propose des solutions innovantes. +Maîtrise les langages déclaratifs (X)HTML et CSS. Applique les bonnes +pratiques d'intégration Web, tant au niveau de la performance qu'au +niveau de l'accessibilité et de la compatibilité de +navigation. Améliore l'expérience utilisateur avec du JavaScript non +intrusif. Propose des solutions innovantes. ### Gestion de projet -En mesure de coordonner toutes les étapes de la réalisation d'un site Web; incluant l’élaboration d'un plan de travail, ainsi que le soutien et l’encadrement d'une équipe de travail, afin d'assurer le respect d'échéanciers. +En mesure de coordonner toutes les étapes de la réalisation d'un site +Web; incluant l’élaboration d'un plan de travail, ainsi que le soutien +et l’encadrement d'une équipe de travail, afin d'assurer le respect +d'échéanciers. ### Communication -Aime partager les fruits de sa curiosité et de son expérience. Vulgarise le Web de vive voix, ou par l'écriture de tutoriaux. Procède à une veille technologique quotidienne et transmet ses découvertes par les canaux de communications mis à sa disposition. Capable de rédiger des documents de formation et de transmettre la matière à un groupe. +Aime partager les fruits de sa curiosité et de son +expérience. Vulgarise le Web de vive voix, ou par l'écriture de +tutoriaux. Procède à une veille technologique quotidienne et transmet +ses découvertes par les canaux de communications mis à sa +disposition. Capable de rédiger des documents de formation et de +transmettre la matière à un groupe. --- @@ -44,22 +71,26 @@ _Libéo_, Québec | 2012 – 2013 * **Développeur Web**, _DuProprio_, Charny | 2011 – 2012 * Maintenance du code «front-end» - * Participe au développement de nouveaux outils pour le site Web de l'entreprise. + * Participe au développement de nouveaux outils pour le site Web + de l'entreprise. * **Intégrateur Web et référenceur**, _Kryzalid communication_, Montréal | 2007 – 2011 * Établir la structure du code selon l'arborescence. - * Intégrer tous les éléments des sites à l'aide des langages XHTML, CSS, PHP et JavaScript. + * Intégrer tous les éléments des sites à l'aide des langages + XHTML, CSS, PHP et JavaScript. * Optimiser des sites Web pour le référencement naturel. * Modérer et animer le blogue de l'agence. * **Webmestre**, _Fromagex_, Rimouski | 2005 – 2006 - * Mettre en place une solution de commerce électronique basée sur osCSS. + * Mettre en place une solution de commerce électronique basée sur + osCSS. * Intégrer et programmer le site Web de l'entreprise. * Soutenir techniquement les contributeurs du site. * **Webmestre et formateur en informatique**, _Atena groupe-conseil_, Rimouski | 2005 – 2006 * Planifier et concevoir la refonte du site Web de l'entreprise. - * Donner des formations en micro-informatique et en création de site Web. + * Donner des formations en micro-informatique et en création de + site Web. * Rédiger des document de formation. * Soutenir techniquement la clientèle. * **Infographiste-Webmestre**, @@ -80,7 +111,8 @@ _ONG Alternatives_, Rabat (Maroc) | 2001 – 2002 * Rédiger des documents didactiques. * **Intégrateur multimédia**, _I.C. Axon_, Montréal | 1999 – 2001 - * Faire de la mise en page d'images numériques destinées à des CD-ROM interactifs. + * Faire de la mise en page d'images numériques destinées à des + CD-ROM interactifs. --- diff --git a/static/dev/css/modules/cv.css b/static/dev/css/modules/cv.css @@ -1,24 +1,11 @@ /* CURRICULUM VITAE MODULE */ -.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:var(--base-fg-color); -} - .cv__banner, .cv__main { text-align:left; } + +.cv__main h1 + ul { + list-style-type:none; + margin-left:0; +} diff --git a/templates/mustache/curriculum-vitae.mustache b/templates/mustache/curriculum-vitae.mustache @@ -1,34 +1,11 @@ {{> partials/head.mustache }} <body class="cv" id="cv"> - {{> partials/nav.button.mustache }} - - <header class="cv__banner"> - <div class="layout"> - <h1 class="cv__title"> - <span class="visuallyhidden">Curriculum vitæ de</span> - <span class="logo">{{ SITE_AUTHOR }},</span> - </h1> - - <p class="cv__infos"> - <strong>{{ SITE_AUTHOR_TITLE }}</strong><br/> - <strong>{{ SITE_AUTHOR_LOCALITY }}</strong>, {{ SITE_AUTHOR_REGION }}<br/> - Téléphone: <a href="tel:+1{{ SITE_AUTHOR_PHONE }}">{{ SITE_AUTHOR_PHONE }}</a><br/> - Courriel: <a href="mailto:{{ SITE_AUTHOR_EMAIL }}">{{ SITE_AUTHOR_EMAIL }}</a><br/> - Github: <a href="https://github.com/hs0ucy/" rel="external nofollow">github.com/hs0ucy</a> - </p> - </div> - </header> + {{> partials/nav.button.mustache }} <main class="cv__main"> <div class="layout"> - $body$ - - <div class="cv__list"> - $for(include-after)$ - $include-after$ - $endfor$ - </div> + $body$ </div> </main>