951ae92858
The default setting `media="none"` disables code highlighting. This works OK when we have `enable_darkmode: true` in `config.yml` as the code handling the dark/light theme switching takes care of setting `media=""` for the preferred theme. However, setting `enable_darkmode: false` prevents importing `theme.js` which in turn prevents said change thus the default highlighting stays disabled. Setting `media=""` by default enables the default highlighting when `enable_darkmode` is false. Fixes #929
32 lines
2.2 KiB
HTML
32 lines
2.2 KiB
HTML
<!-- Metadata, OpenGraph and Schema.org -->
|
|
{% include metadata.html %}
|
|
|
|
<!-- Bootstrap & MDB -->
|
|
<link href="https://cdn.jsdelivr.net/npm/bootstrap@{{ site.bootstrap.version }}/dist/css/bootstrap.min.css" rel="stylesheet" integrity="{{ site.bootstrap.integrity.css }}" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/mdbootstrap@{{ site.mdb.version }}/css/mdb.min.css" integrity="{{ site.mdb.integrity.css }}" crossorigin="anonymous" />
|
|
|
|
<!-- Fonts & Icons -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@{{ site.fontawesome.version }}/css/all.min.css" integrity="{{ site.fontawesome.integrity }}" crossorigin="anonymous">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/academicons@{{ site.academicons.version }}/css/academicons.min.css" integrity="{{ site.academicons.integrity }}" crossorigin="anonymous">
|
|
<link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700|Roboto+Slab:100,300,400,500,700|Material+Icons">
|
|
|
|
<!-- Code Syntax Highlighting -->
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jwarby/jekyll-pygments-themes@master/{{ site.highlight_theme_light | append: '.css' }}" media="" id="highlight_theme_light" />
|
|
|
|
<!-- Styles -->
|
|
{% if site.icon.size < 3 %}
|
|
<link rel="shortcut icon" href="data:image/svg+xml,<svg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 100 100%22><text y=%22.9em%22 font-size=%2290%22>{{ site.icon }}</text></svg>">
|
|
{% elsif site.icon != blank %}
|
|
<link rel="shortcut icon" href="{{ site.icon | prepend: '/assets/img/' | relative_url}}"/>
|
|
{% endif %}
|
|
<link rel="stylesheet" href="{{ '/assets/css/main.css' | relative_url }}">
|
|
<link rel="canonical" href="{{ page.url | replace:'index.html','' | absolute_url }}">
|
|
|
|
<!-- Dark Mode -->
|
|
{% if site.enable_darkmode %}
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/jwarby/jekyll-pygments-themes@master/{{ site.highlight_theme_dark | append: '.css' }}" media="none" id="highlight_theme_dark" />
|
|
|
|
<script src="{{ '/assets/js/theme.js' | relative_url }}"></script>
|
|
<script src="{{ '/assets/js/dark_mode.js' | relative_url }}"></script>
|
|
{% endif %}
|