diff --git a/_app/public/index.html b/_app/public/index.html index 28e7efe5..5cd1e598 100644 --- a/_app/public/index.html +++ b/_app/public/index.html @@ -8,6 +8,27 @@ +
+

+ Dynamic table of examples at + + WordPress/block-development-examples + +

+

+ In list layout, click on any example to see its + demo (powered by + WordPress Playground) on the right side +

+

+ Filters applied by tags generate a unique link that + can be bookmarked or shared +

+
diff --git a/_app/src/HomePage.js b/_app/src/HomePage.js index d368b665..73d895c5 100644 --- a/_app/src/HomePage.js +++ b/_app/src/HomePage.js @@ -205,18 +205,6 @@ const Examples = () => { return ( <> -
-

- Dynamic table of examples at - - WordPress/block-development-examples - -

-
{ activeLayout === 'list' ? (
diff --git a/_app/src/styles.scss b/_app/src/styles.scss index b7692a19..faef3a9c 100644 --- a/_app/src/styles.scss +++ b/_app/src/styles.scss @@ -20,10 +20,18 @@ body { .intro { padding: 0 50px; - font-weight: 700; - a { - margin: 0 5px; + .main { + font-weight: 700; + + a { + margin: 0 5px; + } + } + + code { + background-color: rgb(239, 235, 235); + padding: 2px; } }