Files
pelican-hyde/templates/base.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

54 lines
2.2 KiB
HTML

<!DOCTYPE html>
<html lang="{{ DEFAULT_LANG }}" prefix="og: http://ogp.me/ns#">
<head>
<link href="http://gmpg.org/xfn/11" rel="profile">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<!-- Metadata -->
{% block metadata %}
<meta name="description" content="{{ BIO }}" />
<meta property="og:description" content="{{ BIO }}" />
<meta property="og:title" content="{{ SITENAME }}{% if SITESUBTITLE %} - {{ SITESUBTITLE }}{% endif %}" />
<meta property="og:type" content="website" />
<meta property="og:url" content="{{ SITEURL }}" />
{% endblock %}
<meta property="og:image" content="{{ SITEURL }}/images/{{ PROFILE_IMAGE }}" />
<!-- Enable responsiveness on mobile devices-->
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
<title>{% block title %}{{ SITENAME }}{% endblock title %}{% if SITESUBTITLE %} - {{ SITESUBTITLE }}{% endif %}</title>
<!-- CSS -->
<link href="//fonts.googleapis.com/" rel="dns-prefetch">
<link href="//fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic|Abril+Fatface|PT+Sans:400,400italic,700&amp;subset=latin,latin-ext" rel="stylesheet">
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/poole.css" />
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/hyde.css" />
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/syntax.css" />
<link rel="stylesheet" href="https://cdn.rawgit.com/jpswalsh/academicons/master/css/academicons.min.css">
{% if FONT_AWESOME_JS %}
<script src="{{ FONT_AWESOME_JS }}" crossorigin="anonymous"></script>
{% elif FONT_AWESOME_CSS %}
<link rel="stylesheet" href="{{ FONT_AWESOME_CSS }}" crossorigin="anonymous">
{% else %}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.7/css/fork-awesome.min.css" crossorigin="anonymous">
{% endif %}
<!-- Feeds -->
{% include 'fragments/feeds.html' %}
<!-- Analytics -->
{% include 'fragments/google_analytics.html' %}
</head>
<body class="theme-base-0d">
{% include 'sidebar.html' %}
<div class="content container">
{% block content %}
{% endblock %}
</div>
</body>
</html>