diff --git a/src/styles/style.scss b/src/styles/style.scss index cd8a0d1..c7b71fb 100644 --- a/src/styles/style.scss +++ b/src/styles/style.scss @@ -41,6 +41,13 @@ code { word-break: break-all; } +pre { + background-color: $yellow; + box-shadow: 0 4px darken($yellow, 15%); + padding: 1em; + border-radius: 4px +} + section { padding: .5em; } diff --git a/src/templates/about.pug b/src/templates/about.pug index ad4121e..55615bf 100644 --- a/src/templates/about.pug +++ b/src/templates/about.pug @@ -27,6 +27,11 @@ html svg.icon.icon-twitter use(xlink:href='#icon-twitter') | Tweet + section + h1 Using gitmoji with #[a(href="https://github.com/carloscuesta/gitmoji-cli") gitmoji-cli] + p An easy solution for using gitmoji from your command line, is to install #[a(href="https://github.com/carloscuesta/gitmoji-cli") gitmoji-cli]. A gitmoji interactive client for using emojis on commit messages. + pre + code $ npm i -g gitmoji-cli section h1#contributing-gitmoji Contributing to gitmoji p Contributing to gitmoji it's a piece of cake 🍰! This project it's a static website built with #[i Pug, SCSS, Gulp and ES6]. All the gitmojis displayed are rendered from a JSON file. Before submitting any pull request, please follow the next steps: