summaryrefslogtreecommitdiff
path: root/examples/blog/src
diff options
context:
space:
mode:
Diffstat (limited to 'examples/blog/src')
-rw-r--r--examples/blog/src/layouts/BlogPost.astro1
-rw-r--r--examples/blog/src/pages/posts/index.md10
-rw-r--r--examples/blog/src/styles/blog.css2
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));