weeheavy/pelican-theme
1
0
Fork 0
forked from github/pelican
Code Pull requests Activity

Update notmyidea theme to scale down to smaller screens

Browse source 
The aim here is to make the theme work respectably on mobile devices
with only modest changes. Providing different layouts at multiple
breakpoints is beyond the scope of this change.

The changes here are:

1. `base.html`: Add a `<meta name="viewport"` element

2. `main.css`:
  * Use "max-width" instead of "width"
  * Set "line-height" on the banner and adjust vertical spacing to match
  * Remove fixed height on the nav bar and force it to contain its
    child elements
This commit is contained in:
Ben Sturmfels 2021-08-17 16:26:32 +10:00 • committed by Justin Mayer
commit 991cebf95d
2 changed files with 28 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

1
pelican/themes/notmyidea/templates/base.html
View file

@ -3,6 +3,7 @@
<head>
{% block head %}
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="generator" content="Pelican" />
<title>{% block title %}{{ SITENAME }}{%endblock%}</title>
<link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/{{ CSS_FILE }}" />