diff options
Diffstat (limited to 'examples/blog/src')
| -rw-r--r-- | examples/blog/src/layouts/BlogPost.astro | 1 | ||||
| -rw-r--r-- | examples/blog/src/pages/posts/index.md | 10 | ||||
| -rw-r--r-- | examples/blog/src/styles/blog.css | 2 |
3 files changed, 12 insertions, 1 deletions
diff --git a/examples/blog/src/layouts/BlogPost.astro b/examples/blog/src/layouts/BlogPost.astro index bf682b7ae..50e854511 100644 --- a/examples/blog/src/layouts/BlogPost.astro +++ b/examples/blog/src/layouts/BlogPost.astro @@ -10,6 +10,7 @@ const { title, description, publishDate, author, heroImage, permalink, alt } = c <html lang={content.lang || 'en'}> <head> + <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/prism-themes@1.9.0/themes/prism-lucario.css"/> <BaseHead {title} {description} {permalink} /> </head> diff --git a/examples/blog/src/pages/posts/index.md b/examples/blog/src/pages/posts/index.md index 949dfb866..e118d869d 100644 --- a/examples/blog/src/pages/posts/index.md +++ b/examples/blog/src/pages/posts/index.md @@ -14,3 +14,13 @@ description: Just a Hello World Post! This is so cool! Do variables work {frontmatter.value * 2}? + +```javascript +// Example JavaScript + +const x = 7; +function returnSeven() { + return x; +} + +``` diff --git a/examples/blog/src/styles/blog.css b/examples/blog/src/styles/blog.css index f086aea0c..12bf5390b 100644 --- a/examples/blog/src/styles/blog.css +++ b/examples/blog/src/styles/blog.css @@ -232,7 +232,7 @@ pre { padding: var(--padding-block) var(--padding-inline); padding-right: calc(var(--padding-inline) * 2); margin-left: calc(50vw - var(--padding-inline)); - transform: translateX(-50vw); + transform: translateX(-50); line-height: 1.414; width: calc(100vw + (var(--padding-inline) * 2)); |