diff --git a/public/images/icons/youtube.svg b/public/images/icons/youtube.svg new file mode 100644 index 0000000..6ce880f --- /dev/null +++ b/public/images/icons/youtube.svg @@ -0,0 +1,19 @@ + + + + + youtube [#168] + Created with Sketch. + + + + + + + + + + + + + diff --git a/public/index.html b/public/index.html index c9c254b..cde4fe6 100644 --- a/public/index.html +++ b/public/index.html @@ -49,6 +49,7 @@

Luis Victoria

GitHub LinkedIn + YouTube Lichess RSS
diff --git a/public/pages/blog.html b/public/pages/blog.html index 42be850..16d3a52 100644 --- a/public/pages/blog.html +++ b/public/pages/blog.html @@ -42,6 +42,7 @@

Luis Victoria

GitHub LinkedIn + YouTube Lichess RSS
diff --git a/public/styles/global.css b/public/styles/global.css index 436bf87..c0f9319 100644 --- a/public/styles/global.css +++ b/public/styles/global.css @@ -126,7 +126,7 @@ aside { padding-bottom: 0.5em; } -aside h3, +aside h3, aside h4 { color: var(--panel-title-color); background-color: var(--panel-title-color-bg); @@ -171,6 +171,11 @@ footer .contact a[href*="linkedin.com"] { padding-left: 2em; } +footer .contact a[href*="youtube.com"] { + background-image: url("../images/icons/youtube.svg"); + padding-left: 2em; +} + footer .contact a[href*="lichess.org"] { background-image: url("../images/icons/lichess.svg"); padding-left: 2em;