From 503efe348a7893227c43731e77ec3042044f7acd Mon Sep 17 00:00:00 2001 From: Jake Jarvis Date: Sat, 17 Apr 2021 10:14:29 -0400 Subject: [PATCH] fix CSP --- assets/sass/components/_syntax.scss | 2 +- content/notes/css-waving-hand-emoji/index.md | 4 ++-- layouts/partials/amp/head.html | 2 +- netlify.toml | 2 +- 4 files changed, 5 insertions(+), 5 deletions(-) diff --git a/assets/sass/components/_syntax.scss b/assets/sass/components/_syntax.scss index 13aea8df..8c1560be 100644 --- a/assets/sass/components/_syntax.scss +++ b/assets/sass/components/_syntax.scss @@ -2,7 +2,7 @@ // all code code { - font-size: 0.95em; + font-size: 0.925em; letter-spacing: 0; page-break-inside: avoid; // stylelint-disable-line plugin/no-unsupported-browser-features } diff --git a/content/notes/css-waving-hand-emoji/index.md b/content/notes/css-waving-hand-emoji/index.md index 6bd29402..bdf4ab8a 100644 --- a/content/notes/css-waving-hand-emoji/index.md +++ b/content/notes/css-waving-hand-emoji/index.md @@ -12,9 +12,9 @@ image: "images/codepen.png" draft: false --- -# Howdy, friends! 👋 +## Howdy, friends! 👋 -If you examine [my homepage](/) long enough, you might notice the 👋 hand emoji at the top subtly waving at you. This was easily accomplished using a few lines of CSS with a feature called [`@keyframes`](https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes) — no bulky GIFs involved, and no JS mess or jQuery overkill required. +If you examine [my homepage](/) long enough, you might notice the 👋 hand emoji at the top subtly waving at you. This was easily accomplished using a few lines of CSS with a feature called [`@keyframes`](https://developer.mozilla.org/en-US/docs/Web/CSS/@keyframes) — no bulky GIFs involved, and no JS mess or jQuery overkill required. Below are the code snippets you can grab and customize to make your own ["waving hand" 👋](https://emojipedia.org/waving-hand-sign/) emojis **_actually wave_**, and a [CodePen playground](https://codepen.io/jakejarvis/pen/pBZWZw) for live testing. diff --git a/layouts/partials/amp/head.html b/layouts/partials/amp/head.html index 8ad39b37..bf764353 100644 --- a/layouts/partials/amp/head.html +++ b/layouts/partials/amp/head.html @@ -177,7 +177,7 @@ } code { font-family: "Roboto Mono", monospace; - font-size: 0.95em; + font-size: 0.925em; letter-spacing: 0; page-break-inside: avoid; } diff --git a/netlify.toml b/netlify.toml index 24651a79..fe09fb88 100644 --- a/netlify.toml +++ b/netlify.toml @@ -77,7 +77,7 @@ manifest-src 'self'; media-src 'self' data: https:; object-src 'none'; - script-src 'self' 'unsafe-eval' https://cdn.ampproject.org/v0.js https://cdn.ampproject.org/v0/ https://cdn.ampproject.org/viewer/ https://cdn.ampproject.org/rtv/ https://3p.ampproject.net https://buttons.github.io https://gist.github.com https://syndication.twitter.com https://platform.twitter.com https://player.vimeo.com 'sha256-JGG0npUp+0ABq/NY1azjpQ0WBtm+m5gU58mzF+2DCXY='; + script-src 'self' 'unsafe-eval' https://cdn.ampproject.org/v0.js https://cdn.ampproject.org/v0/ https://cdn.ampproject.org/viewer/ https://cdn.ampproject.org/rtv/ https://3p.ampproject.net https://buttons.github.io https://gist.github.com https://syndication.twitter.com https://platform.twitter.com https://player.vimeo.com 'sha256-y3Xr/40/KQnUvqk/kZO5us6t3i/I49BsbYjsH8ELhVg=' 'sha256-JGG0npUp+0ABq/NY1azjpQ0WBtm+m5gU58mzF+2DCXY='; style-src 'self' 'unsafe-inline' https://cdn.ampproject.org/rtv/ https://fonts.googleapis.com https://github.githubassets.com; worker-src 'self'; block-all-mixed-content;