diff --git a/site/content/blog/2019-04-20-write-less-code.md b/site/content/blog/2019-04-20-write-less-code.md
index daa22b9206..d6c8b77193 100644
--- a/site/content/blog/2019-04-20-write-less-code.md
+++ b/site/content/blog/2019-04-20-write-less-code.md
@@ -42,7 +42,7 @@ Reducing the amount of code you have to write is an explicit goal of Svelte. To
@@ -161,4 +161,4 @@ In Vue, meanwhile, we have a default export with a `data` function that returns
These are just some of the ways that Svelte helps you build user interfaces with a minimum of fuss. There are plenty of others — for example, [reactive declarations](https://svelte.dev/tutorial/reactive-declarations) essentially do the work of React's `useMemo`, `useCallback` and `useEffect` without the boilerplate (or indeed the garbage collection overhead of creating inline functions and arrays on each state change).
-How? By choosing a different set of constraints. Because [Svelte is a compiler](blog/frameworks-without-the-framework), we're not bound to the peculiarities of JavaScript: we can *design* a component authoring experience, rather than having to fit it around the semantics of the language. Paradoxically, this results in *more* idiomatic code — for example using variables naturally rather than via proxies or hooks — while delivering significantly more performant apps.
\ No newline at end of file
+How? By choosing a different set of constraints. Because [Svelte is a compiler](blog/frameworks-without-the-framework), we're not bound to the peculiarities of JavaScript: we can *design* a component authoring experience, rather than having to fit it around the semantics of the language. Paradoxically, this results in *more* idiomatic code — for example using variables naturally rather than via proxies or hooks — while delivering significantly more performant apps.
diff --git a/site/content/examples/99-embeds/20181225-blog-svelte-css-in-js/styles.js b/site/content/examples/99-embeds/20181225-blog-svelte-css-in-js/styles.js
new file mode 100644
index 0000000000..faf91b13d4
--- /dev/null
+++ b/site/content/examples/99-embeds/20181225-blog-svelte-css-in-js/styles.js
@@ -0,0 +1,33 @@
+import { css } from 'emotion/dist/emotion.umd.min.js';
+
+const brand = '#74D900';
+
+export const title = css`
+ color: ${brand};
+ font-size: 1em;
+ white-space: nowrap;
+`;
+
+export const comicSans = css`
+ font-family: 'Comic Sans MS';
+`;
+
+export const box = css`
+ position: relative;
+ display: inline-block;
+ border: 2px solid ${brand};
+ line-height: 1;
+ padding: 4px;
+ border-radius: 4px;
+`;
+
+export const link = css`
+ color: inherit;
+ font-weight: bold;
+ text-decoration: none;
+ border-bottom: 1px solid ${brand};
+ &:hover {
+ text-decoration: none;
+ background: ${brand};
+ }
+`;
\ No newline at end of file
diff --git a/site/content/examples/99-embeds/20190420-blog-write-less-code/App.svelte b/site/content/examples/99-embeds/20190420-blog-write-less-code/App.svelte
new file mode 100644
index 0000000000..46cf93b0fc
--- /dev/null
+++ b/site/content/examples/99-embeds/20190420-blog-write-less-code/App.svelte
@@ -0,0 +1,9 @@
+
+
+
+
+
+
{a} + {b} = {a + b}
\ No newline at end of file
diff --git a/site/content/examples/99-embeds/20190420-blog-write-less-code/meta.json b/site/content/examples/99-embeds/20190420-blog-write-less-code/meta.json
new file mode 100644
index 0000000000..eaa2a1da63
--- /dev/null
+++ b/site/content/examples/99-embeds/20190420-blog-write-less-code/meta.json
@@ -0,0 +1,3 @@
+{
+ "title": "-"
+}