From ce8be3ad988609e4422d9c5492ee5f05b33e4090 Mon Sep 17 00:00:00 2001 From: Evan Lovely Date: Mon, 29 Feb 2016 11:41:43 -0800 Subject: [PATCH] showing social icon urls when printed --- assets/css/theme.css | 16 ++++++++++++++++ assets/less/info_card_styles.less | 9 +++++++++ assets/less/print.less | 10 ++++++++++ jade/profile-card.jade | 8 +++++--- 4 files changed, 40 insertions(+), 3 deletions(-) diff --git a/assets/css/theme.css b/assets/css/theme.css index 3b25107d..8d5e076b 100644 --- a/assets/css/theme.css +++ b/assets/css/theme.css @@ -567,6 +567,13 @@ body { .social-link:hover { text-decoration: none; } +.social-link-icon { + display: inline-block; + font-size: 2em; +} +.social-link-label { + display: none; +} .link-github { color: #454545; } @@ -866,4 +873,13 @@ body { .pagebreak { page-break-before: always; } + .social-link-icon { + padding-right: 5px; + font-size: 1.33333333em; + line-height: .75em; + vertical-align: -15%; + } + .social-link-label { + display: inline-block; + } } diff --git a/assets/less/info_card_styles.less b/assets/less/info_card_styles.less index 2cccb7bc..ff526454 100644 --- a/assets/less/info_card_styles.less +++ b/assets/less/info_card_styles.less @@ -83,6 +83,15 @@ } } +.social-link-icon { + display: inline-block; + .fs-2x; +} + +.social-link-label { + display: none; +} + .link-github { .make-social-link(@github-color); } .link-twitter { .make-social-link(@twitter-color); } .link-blog { .make-social-link(@rss-feed-color); } diff --git a/assets/less/print.less b/assets/less/print.less index 2682b631..c5316201 100644 --- a/assets/less/print.less +++ b/assets/less/print.less @@ -35,4 +35,14 @@ .pagebreak { page-break-before: always; } + + .social-link-icon { + padding-right: 5px; + .fs-lg; + } + + .social-link-label { + display: inline-block; + } + } \ No newline at end of file diff --git a/jade/profile-card.jade b/jade/profile-card.jade index fe200336..37cc2f90 100644 --- a/jade/profile-card.jade +++ b/jade/profile-card.jade @@ -10,12 +10,14 @@ mixin profile_card_detail(icon, info, itemprop, icon_title) mixin render_links(profiles) - each profile in profiles - a.fs-2x.social-link( + a.social-link( href=profile.url, target="_blank", data-toggle="tooltip", - title= resume.basics.name + " on " + profile.network, - class="link-" + profile.label + " icon-" + profile.label) + title= resume.basics.name + " on " + profile.network) + i.fs-lg.social-link-icon(class="link-" + profile.label + " icon-" + profile.label) + span.social-link-label #{profile.url} + section.col-md-3.card-wrapper.profile-card-wrapper.affix .card.profile-card