From 9009ed7e30dfd4d687c19fc25c7207a4b95b2501 Mon Sep 17 00:00:00 2001 From: Carlos Cuesta Date: Sun, 6 Nov 2016 13:43:05 +0100 Subject: [PATCH] :art: Update gitmojis order, set colors, add favicon Update templates and styles --- src/data/gitmojis.json | 208 ++++++++++++++++---------------- src/images/gitmoji.svg | 83 +------------ src/styles/_includes/_vars.scss | 23 ++-- src/styles/style.scss | 7 +- src/templates/about.pug | 19 ++- src/templates/index.pug | 19 ++- 6 files changed, 159 insertions(+), 200 deletions(-) diff --git a/src/data/gitmojis.json b/src/data/gitmojis.json index f7fa80a..6e9d06d 100644 --- a/src/data/gitmojis.json +++ b/src/data/gitmojis.json @@ -1,34 +1,104 @@ { "gitmojis": [ - { - "emoji": "⬆️", - "entity": "️", - "code": ":arrow_up:", - "description": "Upgrading dependencies.", - "name": "arrow-up" - }, - { - "emoji": "⬇️", - "entity": "️", - "code": ":arrow_down:", - "description": "Downgrading dependencies.", - "name": "arrow-down" - }, - { + { "emoji": "🎨", "entity": "🎨", "code": ":art:", "description": "Improving structure / format of the code.", "name": "art" }, - { + { + "emoji": "⚡️", + "entity": "⚡", + "code": ":zap:", + "description": "Improving performance.", + "name": "zap" + }, + { "emoji": "🔥", "entity": "🔥", "code": ":fire:", "description": "Removing code or files.", "name": "fire" }, - { + { + "emoji": "🐛", + "entity": "🐛", + "code": ":bug:", + "description": "Fixing a bug.", + "name": "bug" + }, + { + "emoji": "✨", + "entity": "✨", + "code": ":sparkles:", + "description": "Introducing new features.", + "name": "sparkles" + }, + { + "emoji": "🍎", + "entity": "🍎", + "code": ":apple:", + "description": "Fixing something on macOS.", + "name": "apple" + }, + { + "emoji": "📝", + "entity": "📝", + "code": ":memo:", + "description": "Writing docs.", + "name": "memo" + }, + { + "emoji": "🚀", + "entity": "🚀", + "code": ":rocket:", + "description": "Deploying stuff.", + "name": "rocket" + }, + { + "emoji": "✅", + "entity": "✅", + "code": ":white_check_mark:", + "description": "Adding tests.", + "name": "white-check-mark" + }, + { + "emoji": "🔖", + "entity": "🔖", + "code": ":bookmark:", + "description": "Releasing / Version tags.", + "name": "bookmark" + }, + { + "emoji": "🔒", + "entity": "🔒", + "code": ":lock:", + "description": "Fixing security issues.", + "name": "lock" + }, + { + "emoji": "🐧", + "entity": "🐧", + "code": ":penguin:", + "description": "Fixing something on Linux.", + "name": "penguin" + }, + { + "emoji": "🚨", + "entity": "🚨", + "code": ":rotating_light:", + "description": "Removing linter warnings.", + "name": "rotating-light" + }, + { + "emoji": "🚧", + "entity": "🚧", + "code": ":construction:", + "description": "Work in progress.", + "name": "construction" + }, + { "emoji": "💚", "entity": "💚", "code": ":green_heart:", @@ -36,33 +106,26 @@ "name": "green-heart" }, { - "emoji": "🔒", - "entity": "🔒", - "code": ":lock:", - "description": "Fixing security issues.", - "name": "lock" + "emoji": "⬇️", + "entity": "⬇️", + "code": ":arrow_down:", + "description": "Downgrading dependencies.", + "name": "arrow-down" }, { - "emoji": "✨", - "entity": "✨", - "code": ":sparkles:", - "description": "Introducing new features.", - "name": "sparkles" - }, - { - "emoji": "🐛", - "entity": "🐛", - "code": ":bug:", - "description": "Fixing a bug.", - "name": "bug" - }, - { - "emoji": "🚧", - "entity": "🚧", - "code": ":construction:", - "description": "Work in progress.", - "name": "construction" + "emoji": "🏁", + "entity": "🏁", + "code": ":checkered_flag:", + "description": "Fixing something on Windows.", + "name": "checkered-flag" }, + { + "emoji": "⬆️", + "entity": "⬆️", + "code": ":arrow_up:", + "description": "Upgrading dependencies.", + "name": "arrow-up" + }, { "emoji": "👷", "entity": "👷", @@ -70,69 +133,6 @@ "description": "Adding CI build system.", "name": "construction-worker" }, - { - "emoji": "📝", - "entity": "📝", - "code": ":memo:", - "description": "Writing docs.", - "name": "memo" - }, - { - "emoji": "✅", - "entity": "✅", - "code": ":white_check_mark:", - "description": "Adding tests.", - "name": "white-check-mark" - }, - { - "emoji": "🍎", - "entity": "🍎", - "code": ":apple:", - "description": "Fixing something on macOS.", - "name": "apple" - }, - { - "emoji": "🐧", - "entity": "🐧", - "code": ":penguin:", - "description": "Fixing something on Linux.", - "name": "penguin" - }, - { - "emoji": "🏁", - "entity": "🏁", - "code": ":checkered_flag:", - "description": "Fixing something on Windows.", - "name": "checkered-flag" - }, - { - "emoji": "🔖", - "entity": "🔖", - "code": ":bookmark:", - "description": "Releasing / Version tags.", - "name": "bookmark" - }, - { - "emoji": "🚨", - "entity": "🚨", - "code": ":rotating_light:", - "description": "Removing linter warnings.", - "name": "rotating-light" - }, - { - "emoji": "🚀", - "entity": "🚀", - "code": ":rocket:", - "description": "Deploying stuff.", - "name": "rocket" - }, - { - "emoji": "⚡️", - "entity": "⚡", - "code": ":zap:", - "description": "Improving performance.", - "name": "zap" - }, { "emoji": "🔧", "entity": "🔧", diff --git a/src/images/gitmoji.svg b/src/images/gitmoji.svg index 0c5afef..b30efcd 100644 --- a/src/images/gitmoji.svg +++ b/src/images/gitmoji.svg @@ -1,82 +1 @@ - - + diff --git a/src/styles/_includes/_vars.scss b/src/styles/_includes/_vars.scss index 2f50b77..da38ad4 100644 --- a/src/styles/_includes/_vars.scss +++ b/src/styles/_includes/_vars.scss @@ -8,21 +8,22 @@ $pink: #ff5a79; // Emoji colors $art: #ff7281; -$arrowUp:; -$arrowDown:; +$arrowUp: #00E676; +$arrowDown: #EF5350; $apple: #f94e43; -$bookmark: ; +$bookmark: #80DEEA; $bug: #8cd842; -$checkeredFlag: #333333; -$construction: #3d4347; +$checkeredFlag: #ff7281; +$construction: #FFB74D; $fire: #ff9d44; -$greenHeart: #77e856; +$greenHeart: #c5e763; $lock: #ffce49; -$memo: #fff6d9; +$memo: #00E676; $penguin: #fa9a3f; $rocket: #00a9f0; -$rotatingLight: #607D8B; +$rotatingLight: #536DFE; $sparkles: #ffe55f; -$whiteCheckMark: pink ; -$wrench: ; -$zap: pink; +$whiteCheckMark: #77e856; +$wrench: #FFC400; +$zap: #40C4FF; +$constructionWorker: #64B5F6; diff --git a/src/styles/style.scss b/src/styles/style.scss index cd93197..1b8c2c9 100644 --- a/src/styles/style.scss +++ b/src/styles/style.scss @@ -183,8 +183,13 @@ main.wrap { } } +@media(min-width: 2048px) { + html, body { + font-size: 19px; + } +} -@each $gitmoji, $color in (art: $art, apple: $apple, bookmark: $bookmark, bug: $bug, checkered-flag: $checkeredFlag, construction: $construction, fire: $fire, green-heart: $greenHeart, lock: $lock, memo: $memo, penguin: $penguin, rocket: $rocket, rotating-light: $rotatingLight, sparkles: $sparkles, white-check-mark: $whiteCheckMark, wrench: $wrench, zap: $zap) { +@each $gitmoji, $color in (art: $art, apple: $apple, bookmark: $bookmark, bug: $bug, checkered-flag: $checkeredFlag, construction: $construction, fire: $fire, green-heart: $greenHeart, lock: $lock, memo: $memo, penguin: $penguin, rocket: $rocket, rotating-light: $rotatingLight, sparkles: $sparkles, white-check-mark: $whiteCheckMark, wrench: $wrench, zap: $zap, construction-worker: $constructionWorker, arrow-up: $arrowUp, arrow-down: $arrowDown) { .#{$gitmoji} { background-color: $color; } diff --git a/src/templates/about.pug b/src/templates/about.pug index f91d634..21751e4 100644 --- a/src/templates/about.pug +++ b/src/templates/about.pug @@ -1,7 +1,7 @@ doctype html html head - title gitmoji | About | An emoji guide for your commit messages. + title gitmoji | About | An emoji guide for your commit messages meta(name="author", content="Carlos Cuesta") meta(name="description", content="") meta(charset="utf-8") @@ -19,6 +19,23 @@ html meta(name="og:url", content="https://gitmoji.carloscuesta.me/about") meta(name="robots", content="index, follow") link(href="css/style.css", rel="stylesheet", type="text/css") + link(rel='apple-touch-icon', sizes='57x57', href='/images/apple-icon-57x57.png') + link(rel='apple-touch-icon', sizes='60x60', href='/images/apple-icon-60x60.png') + link(rel='apple-touch-icon', sizes='72x72', href='/images/apple-icon-72x72.png') + link(rel='apple-touch-icon', sizes='76x76', href='/images/apple-icon-76x76.png') + link(rel='apple-touch-icon', sizes='114x114', href='/images/apple-icon-114x114.png') + link(rel='apple-touch-icon', sizes='120x120', href='/images/apple-icon-120x120.png') + link(rel='apple-touch-icon', sizes='144x144', href='/images/apple-icon-144x144.png') + link(rel='apple-touch-icon', sizes='152x152', href='/images/apple-icon-152x152.png') + link(rel='apple-touch-icon', sizes='180x180', href='/images/apple-icon-180x180.png') + link(rel='icon', type='image/png', sizes='192x192', href='/images/android-icon-192x192.png') + link(rel='icon', type='image/png', sizes='32x32', href='/images/favicon-32x32.png') + link(rel='icon', type='image/png', sizes='96x96', href='/images/favicon-96x96.png') + link(rel='icon', type='image/png', sizes='16x16', href='/images/favicon-16x16.png') + link(rel='manifest', href='/assets/manifest.json') + meta(name='msapplication-TileColor', content='#FFDD67') + meta(name='msapplication-TileImage', content='/images/ms-icon-144x144.png') + meta(name='theme-color', content='#FFDD67') //-style include ../../dist/css/style.css body diff --git a/src/templates/index.pug b/src/templates/index.pug index 8a086c2..4ebe974 100644 --- a/src/templates/index.pug +++ b/src/templates/index.pug @@ -1,7 +1,7 @@ doctype html html head - title gitmoji | An emoji guide for your commit messages. + title gitmoji | An emoji guide for your commit messages meta(name="author", content="Carlos Cuesta") meta(name="description", content="") meta(charset="utf-8") @@ -19,6 +19,23 @@ html meta(name="og:url", content="https://gitmoji.carloscuesta.me") meta(name="robots", content="index, follow") link(href="css/style.css", rel="stylesheet", type="text/css") + link(rel='apple-touch-icon', sizes='57x57', href='/images/apple-icon-57x57.png') + link(rel='apple-touch-icon', sizes='60x60', href='/images/apple-icon-60x60.png') + link(rel='apple-touch-icon', sizes='72x72', href='/images/apple-icon-72x72.png') + link(rel='apple-touch-icon', sizes='76x76', href='/images/apple-icon-76x76.png') + link(rel='apple-touch-icon', sizes='114x114', href='/images/apple-icon-114x114.png') + link(rel='apple-touch-icon', sizes='120x120', href='/images/apple-icon-120x120.png') + link(rel='apple-touch-icon', sizes='144x144', href='/images/apple-icon-144x144.png') + link(rel='apple-touch-icon', sizes='152x152', href='/images/apple-icon-152x152.png') + link(rel='apple-touch-icon', sizes='180x180', href='/images/apple-icon-180x180.png') + link(rel='icon', type='image/png', sizes='192x192', href='/images/android-icon-192x192.png') + link(rel='icon', type='image/png', sizes='32x32', href='/images/favicon-32x32.png') + link(rel='icon', type='image/png', sizes='96x96', href='/images/favicon-96x96.png') + link(rel='icon', type='image/png', sizes='16x16', href='/images/favicon-16x16.png') + link(rel='manifest', href='/assets/manifest.json') + meta(name='msapplication-TileColor', content='#FFDD67') + meta(name='msapplication-TileImage', content='/images/ms-icon-144x144.png') + meta(name='theme-color', content='#FFDD67') //-style include ../../dist/css/style.css body.emoji-container