diff --git a/examples/blog/src/layouts/BlogPost.astro b/examples/blog/src/layouts/BlogPost.astro index bf682b7ae2..50e8545112 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 + diff --git a/examples/blog/src/pages/posts/index.md b/examples/blog/src/pages/posts/index.md index 949dfb866d..e118d869df 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 f086aea0c5..12bf5390b7 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));