From e571ebabc82fd441dc17ad06a351e4506590b09a Mon Sep 17 00:00:00 2001
From: Carter Anderson <mcanders1@gmail.com>
Date: Fri, 8 Jul 2022 21:09:52 +0000
Subject: [PATCH] Add Examples to nav and add "intro" text (#392)

I think we've ironed out enough of the kinks to justify making the examples page more prominent. We've been sitting on a lot of value here for awhile :smile:

For posterity: big thanks to @mockersf for putting together this feature in #225 and @doup for adding loading feedback in #355 and a bunch of other visual improvements.
---
 sass/pages/_assets.scss     | 6 ++++++
 templates/examples.html     | 5 +++++
 templates/layouts/base.html | 1 +
 3 files changed, 12 insertions(+)

diff --git a/sass/pages/_assets.scss b/sass/pages/_assets.scss
index b875c9729e..17a26fa51c 100644
--- a/sass/pages/_assets.scss
+++ b/sass/pages/_assets.scss
@@ -1,4 +1,9 @@
 .assets {
+    .assets-intro {
+        font-size: 1.2rem;
+        margin-bottom: 20px;
+    }
+
     .asset-section {
         font-size: 2.4rem;
         margin: 0 0 20px;
@@ -36,5 +41,6 @@
 
     a {
         text-decoration: none;
+        color: $link-color;
     }
 }
diff --git a/templates/examples.html b/templates/examples.html
index 1ed19c5268..d0caedec9c 100644
--- a/templates/examples.html
+++ b/templates/examples.html
@@ -13,6 +13,11 @@
 
 {% block page_content %}
 <div class="assets">
+    <div class="assets-intro">
+        These examples demonstrate how to use Bevy's features in a minimal, easy to understand way. Click an example below to run it in
+        your browser (using WASM + WebGL) and view the source code. You can also view these examples (and others) in the
+        <a href="https://github.com/bevyengine/bevy/tree/latest/examples#examples">Bevy repo</a>.
+    </div>
     {% for subsection in section.subsections %}
         {% set section = get_section(path=subsection) %}
 
diff --git a/templates/layouts/base.html b/templates/layouts/base.html
index 40af3552cd..ec2cce6f0f 100644
--- a/templates/layouts/base.html
+++ b/templates/layouts/base.html
@@ -90,6 +90,7 @@
                                 {{header_macros::header_item(name="News", current_path=current_path)}}
                                 {{header_macros::header_item(name="Community", current_path=current_path)}}
                                 {{header_macros::header_item(name="Assets", current_path=current_path)}}
+                                {{header_macros::header_item(name="Examples", current_path=current_path)}}
                                 {# <li class="main-menu__entry">
                                     <a class="main-menu__link" href="https://merch.bevyengine.org">Merch</a>
                                 </li> #}