diff options
Diffstat (limited to 'content')
| -rw-r--r-- | content/overview-abridge.md | 2 | ||||
| -rw-r--r-- | content/overview-code-blocks.md | 8 | ||||
| -rw-r--r-- | content/overview-math.md (renamed from content/overview-math/index.md) | 9 | ||||
| -rw-r--r-- | content/overview-math/katex.png | bin | 67960 -> 0 bytes |
4 files changed, 5 insertions, 14 deletions
diff --git a/content/overview-abridge.md b/content/overview-abridge.md index 408e500..147740c 100644 --- a/content/overview-abridge.md +++ b/content/overview-abridge.md @@ -7,7 +7,7 @@ categories = ["Features"] tags = ["config"] +++ -Abridge is a fast and lightweight Zola theme using semantic html, only ~6kb css before svg icons, no mandatory JS, and perfect [Lighthouse](https://web.dev/measure/?url=https%3A%2F%2Fabridge.netlify.app) and [Observatory](https://observatory.mozilla.org/analyze/abridge.netlify.app) scores. +Abridge is a fast and lightweight Zola theme using semantic html, only ~6kb css before svg icons and syntax highlighting, no mandatory JS, and perfect [Lighthouse](https://web.dev/measure/?url=https%3A%2F%2Fabridge.netlify.app) and [Observatory](https://observatory.mozilla.org/analyze/abridge.netlify.app) scores. <!-- more --> For quick setup copy the config.toml from the abridge theme into the root of your zola site, this will give you a base configuration with all config values used. diff --git a/content/overview-code-blocks.md b/content/overview-code-blocks.md index 7a9c835..16c3409 100644 --- a/content/overview-code-blocks.md +++ b/content/overview-code-blocks.md @@ -120,12 +120,12 @@ $_SESSION['PFA_token'] = md5(uniqid("pfa" . rand(), true)); { "name": "Abridge Zola Theme", "short_name": "Abridge", - "start_url": "https://abridge.netlify.app/", "description": "Fast & Lightweight Zola Theme", + "start_url": "/index.html", "scope": "/", - "display": "standalone", - "theme_color": "#222222", "background_color": "#111111", + "theme_color": "#222222", + "display": "standalone", "icons": [ { "src": "/android-chrome-192x192.png", @@ -138,7 +138,7 @@ $_SESSION['PFA_token'] = md5(uniqid("pfa" . rand(), true)); "type": "image/png" }, { - "src": "/android-chrome-192x192x128m.png", + "src": "/android-chrome-192x192m.png", "sizes": "192x192", "type": "image/png", "purpose": "maskable" diff --git a/content/overview-math/index.md b/content/overview-math.md index 88f5df4..2e704da 100644 --- a/content/overview-math/index.md +++ b/content/overview-math.md @@ -16,15 +16,6 @@ You can use [KaTeX](https://katex.org) to render mathematical notations. You can enable the $\KaTeX$ support globally, per-section or per-page basis. <!-- more --> -# CSP Note - -KaTeX unfortunately requires `script-src 'unsafe-inline'` in the Content Security Policy. This is a security vulnerability, so this page will not render KaTeX correctly because this demo site uses best security practices. I have taken a picture below to show you what some of these formulas look like should you enable KaTeX. - -KaTeX js is designed to work even with dynamic content, but because Zola is a SSG it seems to me the best solution is to avoid using this javascript all-together, process our markdown files similar to how KaTeX autorender does, but do it during zola build. insert some `<span class="KaTeX_Main">` ...etc so that we basically render it during the build process. If complex mathematics were part of my daily life then I might be motivated to write such code for Zola. - -You will also see this page rendered correctly if you git clone this repo and use `zola serve` because then there will be no Content Security Policy in place. - -{{ img(src="katex.png" alt="KaTeX" w=568 h=1014) }} ## Enable Globally diff --git a/content/overview-math/katex.png b/content/overview-math/katex.png Binary files differdeleted file mode 100644 index acfb6ac..0000000 --- a/content/overview-math/katex.png +++ /dev/null |
