Skip to content

Commit b39b29b

Browse files
rjzupkoiicabreraam
rjzupkoii
authored and
cabreraam
committed
Closes academicpages#820 with updated style
1 parent 38d0442 commit b39b29b

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,16 +25,16 @@ <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
<<<<<<< HEAD
4040
{% if author.keybase %}
@@ -124,116 +124,116 @@ <h3 class="author__name">{{ author.name }}</h3>
124124

125125
<!-- Font Awesome and Academicons icons / Academic websites -->
126126
{% if author.arxiv %}
127-
<li><a href="{{ author.arxiv }}"><i class="ai ai-arxiv ai-fw"></i> arXiv</a></li>
127+
<li><a href="{{ author.arxiv }}"><i class="ai ai-arxiv ai-fw icon-pad-right"></i>arXiv</a></li>
128128
{% endif %}
129129
{% if author.googlescholar %}
130-
<li><a href="{{ author.googlescholar }}"><i class="fas fa-fw fa-graduation-cap"></i> Google Scholar</a></li>
130+
<li><a href="{{ author.googlescholar }}"><i class="ai ai-google-scholar icon-pad-right"></i>Google Scholar</a></li>
131131
{% endif %}
132132
{% if author.impactstory %}
133-
<li><a href="{{ author.impactstory }}"><i class="ai ai-impactstory ai-fw"></i> Impactstory</a></li>
133+
<li><a href="{{ author.impactstory }}"><i class="ai ai-impactstory ai-fw icon-pad-right"></i>Impactstory</a></li>
134134
{% endif %}
135135
{% if author.orcid %}
136-
<li><a href="{{ author.orcid }}"><i class="ai ai-orcid ai-fw"></i> ORCID</a></li>
136+
<li><a href="{{ author.orcid }}"><i class="ai ai-orcid ai-fw icon-pad-right"></i>ORCID</a></li>
137137
{% endif %}
138138
{% if author.pubmed %}
139-
<li><a href="{{ author.pubmed }}"><i class="ai ai-pubmed ai-fw"></i> PubMed</a></li>
139+
<li><a href="{{ author.pubmed }}"><i class="ai ai-pubmed ai-fw icon-pad-right"></i>PubMed</a></li>
140140
{% endif %}
141141
{% if author.researchgate %}
142-
<li><a href="{{ author.researchgate }}"><i class="fab fa-fw fa-researchgate" aria-hidden="true"></i> ResearchGate</a></li>
142+
<li><a href="{{ author.researchgate }}"><i class="fab fa-fw fa-researchgate icon-pad-right" aria-hidden="true"></i>ResearchGate</a></li>
143143
{% endif %}
144144

145145
<!-- Font Awesome icons / Repositories and software development -->
146146
{% if author.bitbucket %}
147-
<li><a href="https://bitbucket.org/{{ author.bitbucket }}"><i class="fab fa-fw fa-bitbucket" aria-hidden="true"></i> Bitbucket</a></li>
147+
<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>
148148
{% endif %}
149149
{% if author.codepen %}
150-
<li><a href="https://codepen.io/{{ author.codepen }}"><i class="fab fa-fw fa-codepen" aria-hidden="true"></i> CodePen</a></li>
150+
<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>
151151
{% endif %}
152152
{% if author.dribbble %}
153-
<li><a href="https://dribbble.com/{{ author.dribbble }}"><i class="fab fa-fw fa-dribbble" aria-hidden="true"></i> Dribbble</a></li>
153+
<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>
154154
{% endif %}
155155
{% if author.github %}
156-
<li><a href="https://github.com/{{ author.github }}"><i class="fab fa-fw fa-github" aria-hidden="true"></i> Github</a></li>
156+
<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>
157157
{% endif %}
158158
{% if author.kaggle %}
159-
<li><a href="https://kaggle.com/{{ author.kaggle }}"><i class="fab fa-fw fa-kaggle" aria-hidden="true"></i> Kaggle</a></li>
159+
<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>
160160
{% endif %}
161161
{% if author.stackoverflow %}
162-
<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>
162+
<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>
163163
{% endif %}
164164

165165
<!-- Font Awesome icons / Social media -->
166166
{% if author.bluesky %}
167-
<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>
167+
<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>
168168
{% endif %}
169169
{% if author.facebook %}
170-
<li><a href="https://www.facebook.com/{{ author.facebook }}"><i class="fab fa-fw fa-facebook-f" aria-hidden="true"></i> Facebook</a></li>
170+
<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>
171171
{% endif %}
172172
{% if author.flickr %}
173-
<li><a href="https://www.flickr.com/{{ author.flickr }}"><i class="fab fa-fw fa-flickr" aria-hidden="true"></i> Flickr</a></li>
173+
<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>
174174
{% endif %}
175175
{% if author.foursquare %}
176-
<li><a href="https://foursquare.com/{{ author.foursquare }}"><i class="fab fa-fw fa-foursquare" aria-hidden="true"></i> Foursquare</a></li>
176+
<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>
177177
{% endif %}
178178
{% if author.goodreads %}
179-
<li><a href="https://www.goodreads.com/{{ author.goodreads }}"><i class="fab fa-fw fa-goodreads" aria-hidden="true"></i> Goodreads</a></li>
179+
<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>
180180
{% endif %}
181181
{% if author.google_plus %}
182-
<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>
182+
<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>
183183
{% endif %}
184184
{% if author.keybase %}
185-
<li><a href="https://keybase.io/{{ author.keybase }}"><i class="fas fa-fw fa-key" aria-hidden="true"></i> Keybase</a></li>
185+
<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>
186186
{% endif %}
187187
{% if author.instagram %}
188-
<li><a href="https://instagram.com/{{ author.instagram }}"><i class="fab fa-fw fa-instagram" aria-hidden="true"></i> Instagram</a></li>
188+
<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>
189189
{% endif %}
190190
{% if author.lastfm %}
191-
<li><a href="https://lastfm.com/user/{{ author.lastfm }}"><i class="fab fa-fw fa-lastfm" aria-hidden="true"></i> Last.fm</a></li>
191+
<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>
192192
{% endif %}
193193
{% if author.linkedin %}
194-
<li><a href="https://www.linkedin.com/in/{{ author.linkedin }}"><i class="fab fa-fw fa-linkedin" aria-hidden="true"></i> LinkedIn</a></li>
194+
<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>
195195
{% endif %}
196196
{% if author.mastodon %}
197-
<li><a href="{{ author.mastodon }}"><i class="fab fa-fw fa-mastodon" aria-hidden="true"></i> Mastodon</a></li>
197+
<li><a href="{{ author.mastodon }}"><i class="fab fa-fw fa-mastodon icon-pad-right" aria-hidden="true"></i>Mastodon</a></li>
198198
{% endif %}
199199
{% if author.medium %}
200-
<li><a href="{{ author.medium }}"><i class="fab fa-fw fa-medium" aria-hidden="true"></i> Medium</a></li>
200+
<li><a href="{{ author.medium }}"><i class="fab fa-fw fa-medium icon-pad-right" aria-hidden="true"></i>Medium</a></li>
201201
{% endif %}
202202
{% if author.pinterest %}
203-
<li><a href="https://www.pinterest.com/{{ author.pinterest }}"><i class="fab fa-fw fa-pinterest" aria-hidden="true"></i> Pinterest</a></li>
203+
<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>
204204
{% endif %}
205205
{% if author.soundcloud %}
206-
<li><a href="https://soundcloud.com/{{ author.soundcloud }}"><i class="fab fa-fw fa-soundcloud" aria-hidden="true"></i> Soundcloud</a></li>
206+
<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>
207207
{% endif %}
208208
{% if author.steam %}
209-
<li><a href="https://steamcommunity.com/id/{{ author.steam }}"><i class="fab fa-fw fa-steam" aria-hidden="true"></i> Steam</a></li>
209+
<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>
210210
{% endif %}
211211
{% if author.telegram %}
212-
<li><a href="{{ author.telegram }}"><i class="fab fa-fw fa-telegram" aria-hidden="true"></i> Telegram</a></li>
212+
<li><a href="{{ author.telegram }}"><i class="fab fa-fw fa-telegram icon-pad-right" aria-hidden="true"></i>Telegram</a></li>
213213
{% endif %}
214214
{% if author.tumblr %}
215-
<li><a href="https://{{ author.tumblr }}.tumblr.com"><i class="fab fa-fw fa-tumblr" aria-hidden="true"></i> Tumblr</a></li>
215+
<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>
216216
{% endif %}
217217
{% if author.twitter %}
218-
<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>
218+
<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>
219219
{% endif %}
220220
{% if author.vine %}
221-
<li><a href="https://vine.co/u/{{ author.vine }}"><i class="fab fa-fw fa-vine" aria-hidden="true"></i> Vine</a></li>
221+
<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>
222222
{% endif %}
223223
{% if author.weibo %}
224-
<li><a href="https://www.weibo.com/{{ author.weibo }}"><i class="fab fa-fw fa-weibo" aria-hidden="true"></i> Weibo</a></li>
224+
<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>
225225
{% endif %}
226226
{% if author.wikipedia %}
227-
<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>
227+
<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>
228228
{% endif %}
229229
{% if author.xing %}
230-
<li><a href="https://www.xing.com/profile/{{ author.xing }}"><i class="fab fa-fw fa-xing" aria-hidden="true"></i> XING</a></li>
230+
<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>
231231
{% endif %}
232232
{% if author.youtube %}
233-
<li><a href="https://www.youtube.com/user/{{ author.youtube }}"><i class="fab fa-fw fa-youtube" aria-hidden="true"></i> YouTube</a></li>
233+
<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>
234234
{% endif %}
235235
{% if author.zhihu %}
236-
<li><a href="{{ author.zhihu }}"><i class="fab fa-fw fa-zhihu" aria-hidden="true"></i> Zhihu</a></li>
236+
<li><a href="{{ author.zhihu }}"><i class="fab fa-fw fa-zhihu icon-pad-right" aria-hidden="true"></i>Zhihu</a></li>
237237
{% endif %}
238238
</ul>
239239
</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)