From 493922a33b562b60b70bb98d40565f855a35fc5f Mon Sep 17 00:00:00 2001
From: Austin Andrews <admin@templarian.com>
Date: Sat, 22 Nov 2014 20:46:35 -0600
Subject: [PATCH] Preview Bell Test

---
 site/getting-started.savvy | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/site/getting-started.savvy b/site/getting-started.savvy
index 319a7f409..b7c938658 100644
--- a/site/getting-started.savvy
+++ b/site/getting-started.savvy
@@ -1,4 +1,9 @@
 @title Getting Started
+@previewBell () {
+  <svg style="width:24px;height:24px;">
+    <path fill="#6F6F6F" d="M14 20C14 21.1046 13.1046 22 12 22C10.8954 22 10 21.1046 10 20L14 20ZM12 2C12.5523 2 13 2.44772 13 3L13 4.08298C15.8377 4.55905 18 7.02702 18 10L18 16L21 19L3 19L6 16L6 10C6 7.02698 8.1623 4.55902 11 4.08294L11 3C11 2.44772 11.4477 2 12 2Z"></path>
+  </svg>
+}
 
 # @title
 
@@ -12,6 +17,8 @@ For those targetting the web your best option is to use the Web Font.
 <i class="mdi mdi-bell"></i>
 ```
 
+@previewBell()
+
 ## Inline SVG
 
 If you only need a few icons or lack the ability to include fonts, you can inline insert icons.