Files
pelican-hyde/templates/sidebar.html
T
Arnaud Rebillout 000b3370f4 Use Fork Awesome as the default icon font, and rework settings
In 16e3058, a FONT_AWESOME setting was introduced and used as such:

    "https://kit.fontawesome.com/{{ FONT_AWESOME }}.js"

Also in 16e3058, the default way to fetch Font Awesome was changed to
Javascript (before we used to load is as CSS).

The present commit does several changes:

- Revert the default back to CSS (instead of JS), as I think that for a
  font, there's no need for Javascript. A font is a static asset, so
  it's enough to load it as a static CSS file, both for privacy and
  security. Also, think about those who disable JS in their browser.
- Remove the `FONT_AWESOME` setting, as it's a bit too limiting to force
  users into `kit.fontawesome.com`, it doesn't leave much space for
  configuration.
- Instead, introduce two variables `FONT_AWESOME_CSS` and
  `FONT_AWESOME_JS`, so that users have more freedom to define how they
  want to load the Font Awesome.
- Use Fork Awesome as the default, if no setting is given by user.
  Meaning that we get back to the `fa` css classes (instead of `fas` or
  `fab`)
2020-07-30 14:44:55 +07:00

44 lines
1.4 KiB
HTML

<div class="sidebar">
<div class="container sidebar-sticky">
<div class="sidebar-about">
<h1>
<a href="/">
<img class="profile-picture" src="{{ SITEURL }}/images/{{ PROFILE_IMAGE }}">
{{ SITENAME }}
</a>
</h1>
<p class="lead"></p>
<p class="lead">{{ BIO }} </p>
<p></p>
</div>
<nav class="sidebar-nav">
{% for name, link in SOCIAL %}
{% if name == 'email' %}
<a class="sidebar-nav-item" href="mailto:{{ link }}">
<i class="fa fa-envelope"></i>
</a>
{% elif name in ['academia', 'acclaim', 'acm', 'acmdl', 'ads', 'arxiv',
'biorxiv', 'ceur', 'coursera', 'cv', 'dataverse',
'dblp', 'depsy', 'doi', 'dryad', 'figshare',
'google-scholar', 'ideas-repec', 'ieee', 'impactstory',
'inspire', 'lattes', 'mathoverflow', 'open-access',
'osf', 'overleaf', 'philpapers', 'piazza', 'publons',
'pubmed', 'researcherid', 'scirate', 'semantic-scholar',
'springer', 'zotero'] %}
<a class="sidebar-nav-item" href="{{ link }}">
<i class="ai ai-{{ name }}"></i>
</a>
{% else %}
<a class="sidebar-nav-item" href="{{ link }}">
<i class="fa fa-{{ name }}"></i>
</a>
{% endif %}
{% endfor %}
<a class="sidebar-nav-item" href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM if FEED_ALL_ATOM else FEED_ALL_RSS }}">
<i class="fa fa-rss"></i>
</a>
</nav>
</div>
</div>