Skip to content

Commit 45189a7

Browse files
rjzupkoiirjzupkoii
committed
Closes academicpages#820 with updated style
1 parent 2b62493 commit 45189a7

File tree

2 files changed

+45
-40
lines changed

2 files changed

+45
-40
lines changed

‎_includes/author-profile.html

Lines changed: 40 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -25,130 +25,130 @@ <h3 class="author__name">{{ author.name }}</h3>
2525
<ul class="author__urls social-icons">
2626
<!-- Font Awesome icons / Biographic information -->
2727
{% if author.location %}
28-
<li><i class="fa-solid fa-location-dot" aria-hidden="true"></i> {{ author.location }}</li>
28+
<li><i class="fa-solid fa-location-dot icon-pad-right" aria-hidden="true"></i>{{ author.location }}</li>
2929
{% endif %}
3030
{% if author.employer %}
31-
<li><i class="fa fa-solid fa-building-columns" aria-hidden="true"></i> {{ author.employer }}</li>
31+
<li><i class="fa fa-solid fa-building-columns icon-pad-right" aria-hidden="true"></i>{{ author.employer }}</li>
3232
{% endif %}
3333
{% if author.uri %}
34-
<li><a href="{{ author.uri }}"><i class="fas fa-fw fa-link" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].website_label | default: "Website" }}</a></li>
34+
<li><a href="{{ author.uri }}"><i class="fas fa-fw fa-link icon-pad-right" aria-hidden="true"></i>{{ site.data.ui-text[site.locale].website_label | default: "Website" }}</a></li>
3535
{% endif %}
3636
{% if author.email %}
37-
<li><a href="mailto:{{ author.email }}"><i class="fas fa-fw fa-envelope" aria-hidden="true"></i> {{ site.data.ui-text[site.locale].email_label | default: "Email" }}</a></li>
37+
<li><a href="mailto:{{ author.email }}"><i class="fas fa-fw fa-envelope icon-pad-right" aria-hidden="true"></i>{{ site.data.ui-text[site.locale].email_label | default: "Email" }}</a></li>
3838
{% endif %}
3939

4040
<!-- Font Awesome and Academicons icons / Academic websites -->
4141
{% if author.arxiv %}
42-
<li><a href="{{ author.arxiv }}"><i class="ai ai-arxiv ai-fw"></i> arXiv</a></li>
42+
<li><a href="{{ author.arxiv }}"><i class="ai ai-arxiv ai-fw icon-pad-right"></i>arXiv</a></li>
4343
{% endif %}
4444
{% if author.googlescholar %}
45-
<li><a href="{{ author.googlescholar }}"><i class="fas fa-fw fa-graduation-cap"></i> Google Scholar</a></li>
45+
<li><a href="{{ author.googlescholar }}"><i class="ai ai-google-scholar icon-pad-right"></i>Google Scholar</a></li>
4646
{% endif %}
4747
{% if author.impactstory %}
48-
<li><a href="{{ author.impactstory }}"><i class="ai ai-impactstory ai-fw"></i> Impactstory</a></li>
48+
<li><a href="{{ author.impactstory }}"><i class="ai ai-impactstory ai-fw icon-pad-right"></i>Impactstory</a></li>
4949
{% endif %}
5050
{% if author.orcid %}
51-
<li><a href="{{ author.orcid }}"><i class="ai ai-orcid ai-fw"></i> ORCID</a></li>
51+
<li><a href="{{ author.orcid }}"><i class="ai ai-orcid ai-fw icon-pad-right"></i>ORCID</a></li>
5252
{% endif %}
5353
{% if author.pubmed %}
54-
<li><a href="{{ author.pubmed }}"><i class="ai ai-pubmed ai-fw"></i> PubMed</a></li>
54+
<li><a href="{{ author.pubmed }}"><i class="ai ai-pubmed ai-fw icon-pad-right"></i>PubMed</a></li>
5555
{% endif %}
5656
{% if author.researchgate %}
57-
<li><a href="{{ author.researchgate }}"><i class="fab fa-fw fa-researchgate" aria-hidden="true"></i> ResearchGate</a></li>
57+
<li><a href="{{ author.researchgate }}"><i class="fab fa-fw fa-researchgate icon-pad-right" aria-hidden="true"></i>ResearchGate</a></li>
5858
{% endif %}
5959

6060
<!-- Font Awesome icons / Repositories and software development -->
6161
{% if author.bitbucket %}
62-
<li><a href="https://bitbucket.org/{{ author.bitbucket }}"><i class="fab fa-fw fa-bitbucket" aria-hidden="true"></i> Bitbucket</a></li>
62+
<li><a href="https://bitbucket.org/{{ author.bitbucket }}"><i class="fab fa-fw fa-bitbucket icon-pad-right" aria-hidden="true"></i>Bitbucket</a></li>
6363
{% endif %}
6464
{% if author.codepen %}
65-
<li><a href="https://codepen.io/{{ author.codepen }}"><i class="fab fa-fw fa-codepen" aria-hidden="true"></i> CodePen</a></li>
65+
<li><a href="https://codepen.io/{{ author.codepen }}"><i class="fab fa-fw fa-codepen icon-pad-right" aria-hidden="true"></i>CodePen</a></li>
6666
{% endif %}
6767
{% if author.dribbble %}
68-
<li><a href="https://dribbble.com/{{ author.dribbble }}"><i class="fab fa-fw fa-dribbble" aria-hidden="true"></i> Dribbble</a></li>
68+
<li><a href="https://dribbble.com/{{ author.dribbble }}"><i class="fab fa-fw fa-dribbble icon-pad-right" aria-hidden="true"></i>Dribbble</a></li>
6969
{% endif %}
7070
{% if author.github %}
71-
<li><a href="https://github.com/{{ author.github }}"><i class="fab fa-fw fa-github" aria-hidden="true"></i> Github</a></li>
71+
<li><a href="https://github.com/{{ author.github }}"><i class="fab fa-fw fa-github icon-pad-right" aria-hidden="true"></i>Github</a></li>
7272
{% endif %}
7373
{% if author.kaggle %}
74-
<li><a href="https://kaggle.com/{{ author.kaggle }}"><i class="fab fa-fw fa-kaggle" aria-hidden="true"></i> Kaggle</a></li>
74+
<li><a href="https://kaggle.com/{{ author.kaggle }}"><i class="fab fa-fw fa-kaggle icon-pad-right" aria-hidden="true"></i>Kaggle</a></li>
7575
{% endif %}
7676
{% if author.stackoverflow %}
77-
<li><a href="https://www.stackoverflow.com/users/{{ author.stackoverflow }}"><i class="fab fa-fw fa-stack-overflow" aria-hidden="true"></i> Stackoverflow</a></li>
77+
<li><a href="https://www.stackoverflow.com/users/{{ author.stackoverflow }}"><i class="fab fa-fw fa-stack-overflow icon-pad-right" aria-hidden="true"></i>Stackoverflow</a></li>
7878
{% endif %}
7979

8080
<!-- Font Awesome icons / Social media -->
8181
{% if author.bluesky %}
82-
<li><a href="https://bsky.app/profile/{{ author.bluesky }}"><i class="fa-solid fa-square" style="color: #1184fe" aria-hidden="true"></i> Bluesky</a></li>
82+
<li><a href="https://bsky.app/profile/{{ author.bluesky }}"><i class="fa-solid fa-square icon-pad-right" style="color: #1184fe" aria-hidden="true"></i>Bluesky</a></li>
8383
{% endif %}
8484
{% if author.facebook %}
85-
<li><a href="https://www.facebook.com/{{ author.facebook }}"><i class="fab fa-fw fa-facebook-f" aria-hidden="true"></i> Facebook</a></li>
85+
<li><a href="https://www.facebook.com/{{ author.facebook }}"><i class="fab fa-fw fa-facebook-f icon-pad-right" aria-hidden="true"></i>Facebook</a></li>
8686
{% endif %}
8787
{% if author.flickr %}
88-
<li><a href="https://www.flickr.com/{{ author.flickr }}"><i class="fab fa-fw fa-flickr" aria-hidden="true"></i> Flickr</a></li>
88+
<li><a href="https://www.flickr.com/{{ author.flickr }}"><i class="fab fa-fw fa-flickr icon-pad-right" aria-hidden="true"></i>Flickr</a></li>
8989
{% endif %}
9090
{% if author.foursquare %}
91-
<li><a href="https://foursquare.com/{{ author.foursquare }}"><i class="fab fa-fw fa-foursquare" aria-hidden="true"></i> Foursquare</a></li>
91+
<li><a href="https://foursquare.com/{{ author.foursquare }}"><i class="fab fa-fw fa-foursquare icon-pad-right" aria-hidden="true"></i>Foursquare</a></li>
9292
{% endif %}
9393
{% if author.goodreads %}
94-
<li><a href="https://www.goodreads.com/{{ author.goodreads }}"><i class="fab fa-fw fa-goodreads" aria-hidden="true"></i> Goodreads</a></li>
94+
<li><a href="https://www.goodreads.com/{{ author.goodreads }}"><i class="fab fa-fw fa-goodreads icon-pad-right" aria-hidden="true"></i>Goodreads</a></li>
9595
{% endif %}
9696
{% if author.google_plus %}
97-
<li><a href="https://plus.google.com/+{{ author.google_plus }}"><i class="fab fa-fw fa-google-plus-g" aria-hidden="true"></i> Google+</a></li>
97+
<li><a href="https://plus.google.com/+{{ author.google_plus }}"><i class="fab fa-fw fa-google-plus-g icon-pad-right" aria-hidden="true"></i>Google+</a></li>
9898
{% endif %}
9999
{% if author.keybase %}
100-
<li><a href="https://keybase.io/{{ author.keybase }}"><i class="fas fa-fw fa-key" aria-hidden="true"></i> Keybase</a></li>
100+
<li><a href="https://keybase.io/{{ author.keybase }}"><i class="fas fa-fw fa-key icon-pad-right" aria-hidden="true"></i>Keybase</a></li>
101101
{% endif %}
102102
{% if author.instagram %}
103-
<li><a href="https://instagram.com/{{ author.instagram }}"><i class="fab fa-fw fa-instagram" aria-hidden="true"></i> Instagram</a></li>
103+
<li><a href="https://instagram.com/{{ author.instagram }}"><i class="fab fa-fw fa-instagram icon-pad-right" aria-hidden="true"></i>Instagram</a></li>
104104
{% endif %}
105105
{% if author.lastfm %}
106-
<li><a href="https://lastfm.com/user/{{ author.lastfm }}"><i class="fab fa-fw fa-lastfm" aria-hidden="true"></i> Last.fm</a></li>
106+
<li><a href="https://lastfm.com/user/{{ author.lastfm }}"><i class="fab fa-fw fa-lastfm icon-pad-right" aria-hidden="true"></i>Last.fm</a></li>
107107
{% endif %}
108108
{% if author.linkedin %}
109-
<li><a href="https://www.linkedin.com/in/{{ author.linkedin }}"><i class="fab fa-fw fa-linkedin" aria-hidden="true"></i> LinkedIn</a></li>
109+
<li><a href="https://www.linkedin.com/in/{{ author.linkedin }}"><i class="fab fa-fw fa-linkedin icon-pad-right" aria-hidden="true"></i>LinkedIn</a></li>
110110
{% endif %}
111111
{% if author.mastodon %}
112-
<li><a href="{{ author.mastodon }}"><i class="fab fa-fw fa-mastodon" aria-hidden="true"></i> Mastodon</a></li>
112+
<li><a href="{{ author.mastodon }}"><i class="fab fa-fw fa-mastodon icon-pad-right" aria-hidden="true"></i>Mastodon</a></li>
113113
{% endif %}
114114
{% if author.medium %}
115-
<li><a href="{{ author.medium }}"><i class="fab fa-fw fa-medium" aria-hidden="true"></i> Medium</a></li>
115+
<li><a href="{{ author.medium }}"><i class="fab fa-fw fa-medium icon-pad-right" aria-hidden="true"></i>Medium</a></li>
116116
{% endif %}
117117
{% if author.pinterest %}
118-
<li><a href="https://www.pinterest.com/{{ author.pinterest }}"><i class="fab fa-fw fa-pinterest" aria-hidden="true"></i> Pinterest</a></li>
118+
<li><a href="https://www.pinterest.com/{{ author.pinterest }}"><i class="fab fa-fw fa-pinterest icon-pad-right" aria-hidden="true"></i>Pinterest</a></li>
119119
{% endif %}
120120
{% if author.soundcloud %}
121-
<li><a href="https://soundcloud.com/{{ author.soundcloud }}"><i class="fab fa-fw fa-soundcloud" aria-hidden="true"></i> Soundcloud</a></li>
121+
<li><a href="https://soundcloud.com/{{ author.soundcloud }}"><i class="fab fa-fw fa-soundcloud icon-pad-right" aria-hidden="true"></i>Soundcloud</a></li>
122122
{% endif %}
123123
{% if author.steam %}
124-
<li><a href="https://steamcommunity.com/id/{{ author.steam }}"><i class="fab fa-fw fa-steam" aria-hidden="true"></i> Steam</a></li>
124+
<li><a href="https://steamcommunity.com/id/{{ author.steam }}"><i class="fab fa-fw fa-steam icon-pad-right" aria-hidden="true"></i>Steam</a></li>
125125
{% endif %}
126126
{% if author.telegram %}
127-
<li><a href="{{ author.telegram }}"><i class="fab fa-fw fa-telegram" aria-hidden="true"></i> Telegram</a></li>
127+
<li><a href="{{ author.telegram }}"><i class="fab fa-fw fa-telegram icon-pad-right" aria-hidden="true"></i>Telegram</a></li>
128128
{% endif %}
129129
{% if author.tumblr %}
130-
<li><a href="https://{{ author.tumblr }}.tumblr.com"><i class="fab fa-fw fa-tumblr" aria-hidden="true"></i> Tumblr</a></li>
130+
<li><a href="https://{{ author.tumblr }}.tumblr.com"><i class="fab fa-fw fa-tumblr icon-pad-right" aria-hidden="true"></i>Tumblr</a></li>
131131
{% endif %}
132132
{% if author.twitter %}
133-
<li><a href="https://twitter.com/{{ author.twitter }}"><i class="fab fa-fw fa-x-twitter" aria-hidden="true"></i> X (formerly Twitter)</a></li>
133+
<li><a href="https://twitter.com/{{ author.twitter }}"><i class="fab fa-fw fa-x-twitter icon-pad-right" aria-hidden="true"></i>X (formerly Twitter)</a></li>
134134
{% endif %}
135135
{% if author.vine %}
136-
<li><a href="https://vine.co/u/{{ author.vine }}"><i class="fab fa-fw fa-vine" aria-hidden="true"></i> Vine</a></li>
136+
<li><a href="https://vine.co/u/{{ author.vine }}"><i class="fab fa-fw fa-vine icon-pad-right" aria-hidden="true"></i>Vine</a></li>
137137
{% endif %}
138138
{% if author.weibo %}
139-
<li><a href="https://www.weibo.com/{{ author.weibo }}"><i class="fab fa-fw fa-weibo" aria-hidden="true"></i> Weibo</a></li>
139+
<li><a href="https://www.weibo.com/{{ author.weibo }}"><i class="fab fa-fw fa-weibo icon-pad-right" aria-hidden="true"></i>Weibo</a></li>
140140
{% endif %}
141141
{% if author.wikipedia %}
142-
<li><a href="https://en.wikipedia.org/wiki/User:{{ author.wikipedia }}"><i class="fab fa-fw fa-wikipedia-w" aria-hidden="true"></i> Wikipedia</a></li>
142+
<li><a href="https://en.wikipedia.org/wiki/User:{{ author.wikipedia }}"><i class="fab fa-fw fa-wikipedia-w icon-pad-right" aria-hidden="true"></i>Wikipedia</a></li>
143143
{% endif %}
144144
{% if author.xing %}
145-
<li><a href="https://www.xing.com/profile/{{ author.xing }}"><i class="fab fa-fw fa-xing" aria-hidden="true"></i> XING</a></li>
145+
<li><a href="https://www.xing.com/profile/{{ author.xing }}"><i class="fab fa-fw fa-xing icon-pad-right" aria-hidden="true"></i>XING</a></li>
146146
{% endif %}
147147
{% if author.youtube %}
148-
<li><a href="https://www.youtube.com/user/{{ author.youtube }}"><i class="fab fa-fw fa-youtube" aria-hidden="true"></i> YouTube</a></li>
148+
<li><a href="https://www.youtube.com/user/{{ author.youtube }}"><i class="fab fa-fw fa-youtube icon-pad-right" aria-hidden="true"></i>YouTube</a></li>
149149
{% endif %}
150150
{% if author.zhihu %}
151-
<li><a href="{{ author.zhihu }}"><i class="fab fa-fw fa-zhihu" aria-hidden="true"></i> Zhihu</a></li>
151+
<li><a href="{{ author.zhihu }}"><i class="fab fa-fw fa-zhihu icon-pad-right" aria-hidden="true"></i>Zhihu</a></li>
152152
{% endif %}
153153
</ul>
154154
</div>

‎_sass/_utilities.scss

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -187,6 +187,11 @@ body:hover .visually-hidden button {
187187
vertical-align: middle;
188188
}
189189

190+
/* Adjust this setting to control the space between an icon and text in the sidebar */
191+
.icon-pad-right {
192+
padding-right: 0.5em;
193+
}
194+
190195
/* social icons*/
191196

192197
.social-icons {

0 commit comments

Comments
 (0)