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 %}
+
+ 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
+
Bevy repo.
+
{% 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)}}
{#
Merch
#}