From b874501025ab94da22900ee7a917d726f2e66984 Mon Sep 17 00:00:00 2001 From: George Kalpakas Date: Tue, 27 Mar 2018 14:55:56 +0300 Subject: [PATCH] docs(aio): update `live-example` docs in authors style guide (#23018) PR Close #23018 --- aio/content/guide/docs-style-guide.md | 11 ++++------- .../{ => _unused}/docs-style-guide-plunker.png | Bin .../stackblitz/{unused => _unused}/click-to-run.png | Bin 3 files changed, 4 insertions(+), 7 deletions(-) rename aio/content/images/guide/docs-style-guide/{ => _unused}/docs-style-guide-plunker.png (100%) rename aio/content/images/stackblitz/{unused => _unused}/click-to-run.png (100%) diff --git a/aio/content/guide/docs-style-guide.md b/aio/content/guide/docs-style-guide.md index 37cd6b9f5c..86ccdf7ebc 100644 --- a/aio/content/guide/docs-style-guide.md +++ b/aio/content/guide/docs-style-guide.md @@ -740,7 +740,7 @@ Adding `` to the page generates the two default lin 2. a link that downloads that sample. -Clicking the first link opens the code sample in a new browser tab in the "embedded Stackblitz" style. +Clicking the first link opens the code sample on StackBlitz in a new browser tab. You can change the appearance and behavior of the live example with attributes and classes. @@ -810,16 +810,13 @@ You can embed the Stackblitz within the guide page itself by adding the `embedde For performance reasons, the Stackblitz does not start right away. The reader sees an image instead. Clicking the image starts the sometimes-slow process of launching the embedded Stackblitz within an iframe on the page. -You usually replace the default Stackblitz image with a custom image that better represents the sample. -Store that image in the `content/images` directory in a folder with a name matching the corresponding example folder. - -Here's an embedded live example for this guide. It has a custom image created from a snapshot of the running app, overlayed with `content/images/Stackblitz/unused/click-to-run.png`. +Here's an embedded live example for this guide. ```html - + ``` - + {@a anchors} diff --git a/aio/content/images/guide/docs-style-guide/docs-style-guide-plunker.png b/aio/content/images/guide/docs-style-guide/_unused/docs-style-guide-plunker.png similarity index 100% rename from aio/content/images/guide/docs-style-guide/docs-style-guide-plunker.png rename to aio/content/images/guide/docs-style-guide/_unused/docs-style-guide-plunker.png diff --git a/aio/content/images/stackblitz/unused/click-to-run.png b/aio/content/images/stackblitz/_unused/click-to-run.png similarity index 100% rename from aio/content/images/stackblitz/unused/click-to-run.png rename to aio/content/images/stackblitz/_unused/click-to-run.png