From d2aa7b616d77a9bad153b00584c820ab1dfe29be Mon Sep 17 00:00:00 2001 From: Austin Andrews Date: Sat, 30 May 2015 23:52:11 -0500 Subject: [PATCH] Updates to getting started. --- site/getting-started.savvy | 20 ++++++++++++++------ 1 file changed, 14 insertions(+), 6 deletions(-) diff --git a/site/getting-started.savvy b/site/getting-started.savvy index ae1c3c911..82afe980f 100644 --- a/site/getting-started.savvy +++ b/site/getting-started.savvy @@ -18,14 +18,22 @@ @text } +@boostrapInfo(){ +
+ + Boostrap + Getting Started + +
+} # @title -There are many different ways you can consume the Material Design Icons in your projects or sites. Below are examples for various platforms. +@boostrapInfo() There are many different ways you can consume the Material Design Icons in your projects or sites. Below are examples for various platforms. -## Web Font @download(Download the Web Font, https://github.com/Templarian/MaterialDesign-Webfont/archive/master.zip) +## Webfont @download(Download the Webfont, https://github.com/Templarian/MaterialDesign-Webfont/archive/master.zip) -For those targetting the web your best option is to use the web font (bower `bower install mdi` or npm `npm install mdi`). Files should match the file structure below. +For those targetting the web your best option is to use the webfont (bower `bower install mdi` or npm `npm install mdi`). Files should match the file structure below. ```text File Structure fonts @@ -48,7 +56,7 @@ To reference the icons add the line below into the `head` tag. To use the icons inline use the syntax below. Preview these in the `preview.html` provided. -```html Web Font Example +```html Webfont Example ``` @@ -56,7 +64,7 @@ To use the icons inline use the syntax below. Preview these in the `preview.html ## Inline SVG -The web font is not the only way to use the icons. They can also be included inline with the `svg` tag. Right click any icon on the site and click the 'View SVG' item in the context menu for example code. +The webfont is not the only way to use the icons. They can also be included inline with the `svg` tag. Right click any icon on the site and click the 'View SVG' item in the context menu for example code. ```html SVG Inline Exmaple @@ -64,7 +72,7 @@ The web font is not the only way to use the icons. They can also be included inl ``` -SVGs like the web font can be overlayed and combined. +SVGs like the webfont can be overlayed and combined. ```html Overlay Example