Updated quotes

1. Updated all articles first !!!note quote to !!!quote 2. Updated oops md to use !!!quote 3. Renamed Progress title to Progress & activity to match original material site
materialdoc · Aug 29, 2017 · 87391bb · 87391bb
1 parent dc4aafc
commit 87391bb
Show file tree

Hide file tree

Showing 19 changed files with 26 additions and 28 deletions.
diff --git a/docs/article-template.md b/docs/article-template.md
@@ -2,9 +2,8 @@
 
 ![](/images/placeholder.png)
 
-?> From the Google material design [documentation](/https://material.io/guidelines/)
-<br>
-<br>Always in the beginning of your article, you have to mention the section in the material design spec which talks about the component, pattern or animation that you talking about.
+!!! quote "From the Google material design [documentation](/https://material.io/guidelines/)"
+    Always in the beginning of your article, you have to mention the section in the material design spec which talks about the component, pattern or animation that you talking about.
 
 ### How to add/implement ?
 
@@ -24,7 +23,8 @@ III. Use the three ` symbol with the name of the language in order to highlight
 // block of code
 ```
 
-?> This is a small note, informing that this step could be realized in a different way, or just an important note regarding the last step
+!!! note
+    This is a small note, informing that this step could be realized in a different way, or just an important note regarding the last step
 
 
 ### Compatibility issues

diff --git a/docs/components/bottom-navigation.md b/docs/components/bottom-navigation.md
@@ -2,7 +2,7 @@
 
 ![](../images/bottom-navigation-1.png)
 
-!!! note "From google material design [documentation](https://material.io/guidelines/components/bottom-navigation.html)."
+!!! quote "From google material design [documentation](https://material.io/guidelines/components/bottom-navigation.html)."
     Bottom navigation bars make it easy to explore and switch between top-level views in a single tap.
 
 ### How to add?

diff --git a/docs/components/bottom-sheets.md b/docs/components/bottom-sheets.md
@@ -2,7 +2,7 @@
 
 <img src="/images/expand.gif" width="480"/>
 
-!!! note "From google material design [documentation](https://material.io/guidelines/components/bottom-sheets.html)."
+!!! quote "From google material design [documentation](https://material.io/guidelines/components/bottom-sheets.html)."
     A bottom sheet is a sheet of material that slides up from the bottom edge of the screen.
 
     Bottom sheets are displayed only as a result of a user-initiated action, and can be swiped up to reveal additional content. A bottom sheet can be a temporary modal surface or a persistent structural element of an app.

diff --git a/docs/components/buttons.md b/docs/components/buttons.md
@@ -67,7 +67,7 @@ II. Apply this style to your `Button` via `android:theme` attribute.
 
 ![](../images/flat-button-intro-v2.png)
 
-!!! note "From google material design [documentation](https://material.io/guidelines/components/buttons.html#buttons-flat-buttons).
+!!! quote "From google material design [documentation](https://material.io/guidelines/components/buttons.html#buttons-flat-buttons)."
     A button made of ink that displays ink reactions on press but does not lift.
 
 ### How to add?

diff --git a/docs/components/cards.md b/docs/components/cards.md
@@ -2,7 +2,7 @@
 
 ![](../images/cards.png)
 
-!!! note "From Google material design [documentation](https://material.io/guidelines/components/cards.html)"
+!!! quote "From Google material design [documentation](https://material.io/guidelines/components/cards.html)"
     A card is a piece of paper with unique related data that serves as an entry point to more detailed information. For example, a card could contain a photo, text, and a link about a single subject.
 
 ### How to add?

diff --git a/docs/components/menus.md b/docs/components/menus.md
@@ -2,7 +2,7 @@
 
 ![](../images/menus-1.png)
 
-!!! note "From the google material design [documentation](https://material.io/guidelines/components/menus.html)"
+!!! quote "From the google material design [documentation](https://material.io/guidelines/components/menus.html)"
     Menus allow users to take an action by selecting from a list of choices revealed upon opening a temporary, new sheet of material.
 
 ### How to add?

diff --git a/docs/components/pickers.md b/docs/components/pickers.md
@@ -4,7 +4,7 @@
 
 <img src="/images/date-picker-1.png" width="360"/>
 
-!!! note "From the Google Material Design [documentation](https://material.io/guidelines/components/pickers.html#pickers-date-pickers)"
+!!! quote "From the Google Material Design [documentation](https://material.io/guidelines/components/pickers.html#pickers-date-pickers)"
     A dialog picker is used to select a single date on mobile_.
 
     The selected day is indicated by a filled circle. The current day is indicated by a different color and type weight.

diff --git a/docs/components/progress.md b/docs/components/progress.md
@@ -1,10 +1,10 @@
-# Progress
+# Progress & activity
 
 ## Circular
 
 ![](../images/circular-progress-1.gif)
 
-!!! note "From google material design [documentation](https://material.io/guidelines/components/progress-activity.html#)."
+!!! quote "From google material design [documentation](https://material.io/guidelines/components/progress-activity.html#)."
     Minimize visual changes that occur while your app loads content by representing each operation with a single activity indicator.
 
     For example, a refresh operation should display either a refresh bar or an activity circle, but not both.

diff --git a/docs/components/rating-bar.md b/docs/components/rating-bar.md
@@ -2,7 +2,7 @@
 
 ![](../images/rating-bar-1.png)
 
-!!! note "From google [documentation](http://developer.android.com/reference/android/widget/RatingBar.html)."
+!!! quote "From google [documentation](http://developer.android.com/reference/android/widget/RatingBar.html)."
     A RatingBar is an extension of SeekBar and ProgressBar that shows a rating in stars. The user can touch/drag or use arrow keys to set the rating when using the default size RatingBar.
 
     The smaller RatingBar style ([ratingBarStyleSmall](http://developer.android.com/reference/android/R.attr.html#ratingBarStyleSmall)) and the larger indicator-only style ([ratingBarStyleIndicator](http://developer.android.com/reference/android/R.attr.html#ratingBarStyleIndicator)) do not support user interaction and should only be used as indicators.

diff --git a/docs/components/selection_controls.md b/docs/components/selection_controls.md
@@ -4,7 +4,7 @@
 
 ![](../images/check-box-intro-v1.png)
 
-!!! note "From google material design [documentation](https://material.io/guidelines/components/selection-controls.html#selection-controls-checkbox)."
+!!! quote "From google material design [documentation](https://material.io/guidelines/components/selection-controls.html#selection-controls-checkbox)."
     Checkboxes allow the user to select multiple options from a set.
 
     If you have multiple options appearing in a list, you can preserve space by using checkboxes instead of on/off switches.

diff --git a/docs/components/snackbars-and-toasts.md b/docs/components/snackbars-and-toasts.md
@@ -4,7 +4,7 @@
 
 ![](../images/snack-bar-1.png)
 
-!!! note "From google material design [documentation](https://material.io/guidelines/components/snackbars-toasts.html)."
+!!! quote "From google material design [documentation](https://material.io/guidelines/components/snackbars-toasts.html)."
     Snackbars provide lightweight feedback about an operation by showing a brief message at the bottom of the screen. Snackbars can contain an action.
 
 ### How to add?
@@ -337,7 +337,7 @@ customSnackbar.show();
 
 ![](../images/toast-1.png)
 
-!!! note "From google material design [documentation](https://material.io/guidelines/components/snackbars-toasts.html)."
+!!! quote "From google material design [documentation](https://material.io/guidelines/components/snackbars-toasts.html)."
     Android also provides a toast, primarily used for system messaging. Toasts are similar to snackbars but do not contain actions and cannot be swiped off screen.
 
 ### How to add?

diff --git a/docs/components/text-fields.md b/docs/components/text-fields.md
@@ -2,7 +2,7 @@
 
 ![](../images/text-field-intro-v1.png)
 
-!!! note "From google material design [documentation](https://material.io/guidelines/components/text-fields.html)."
+!!! quote "From google material design [documentation](https://material.io/guidelines/components/text-fields.html)."
     Text fields allow the user to input text, select text (cut, copy, paste), and lookup data via auto-completion.
 
 ### How to add?

diff --git a/docs/components/toolbars.md b/docs/components/toolbars.md
@@ -2,7 +2,7 @@
 
 ![](../images/toolbar-1.png)
 
-!!! note "From the google material design [documentation](https://material.io/guidelines/components/toolbars.html#)"
+!!! quote "From the google material design [documentation](https://material.io/guidelines/components/toolbars.html#)"
     Toolbars appear a step above the sheet of paper affected by their actions. When sheets scroll underneath toolbars, they are clipped and cannot pass through to the opposite side.
 
 ## How to add?

diff --git a/docs/not_found.md b/docs/not_found.md
@@ -1,7 +1,5 @@
 # Ooops
 
-?> ...I really wanted, more than anything else, to show you this article, but it does not exist yet.
-
-Maybe you are the right person to write it?
-
-If so, make sure you read "[how to contribute](/how_to_contribute)" section.
+!!! quote "Material Doc"
+    ...I really wanted, more than anything else, to show you this article, but it does not exist yet.<br>
+    Maybe you are the right person to write it? If so, make sure you read "[how to contribute](/how_to_contribute)" section.
diff --git a/docs/patterns/data-formats.md b/docs/patterns/data-formats.md
@@ -4,7 +4,7 @@
 
 ![](../images/fecha_tiempo.png)
 
-!!! note "[From the Google material design documentation](https://material.io/guidelines/patterns/data-formats.html#)"
+!!! quote "[From the Google material design documentation](https://material.io/guidelines/patterns/data-formats.html#)"
     How you format the date and time depends on a few factors:
 
     * If the time or date is the current one

diff --git a/docs/patterns/launch-screen.md b/docs/patterns/launch-screen.md
@@ -2,7 +2,7 @@
 
 <img src="/images/splash.gif" width="360"/>
 
-!!! note "From google material design [documentation](https://material.io/guidelines/patterns/launch-screens.html)."
+!!! quote "From google material design [documentation](https://material.io/guidelines/patterns/launch-screens.html)."
     The launch screen is a user’s first experience of your application.
 
     Because launching your app while displaying a blank canvas increases its perceived loading time, consider using a placeholder UI or a branded launch screen.

diff --git a/docs/patterns/navigation-drawer.md b/docs/patterns/navigation-drawer.md
@@ -1,6 +1,6 @@
 <img src=/images/nav-drawer-clean.png width="360" />
 
-!!! note "From Google material design [documentation](https://material.io/guidelines/patterns/navigation-drawer.html) and [android training](http://developer.android.com/intl/es/training/implementing-navigation/nav-drawer.html)."
+!!! quote "From Google material design [documentation](https://material.io/guidelines/patterns/navigation-drawer.html) and [android training](http://developer.android.com/intl/es/training/implementing-navigation/nav-drawer.html)."
 
     The navigation drawer slides in from the left. It is a common pattern found in Google apps and follows the keylines and metrics for lists.
 

diff --git a/docs/patterns/swipe-to-refresh.md b/docs/patterns/swipe-to-refresh.md
@@ -2,7 +2,7 @@
 
 <img src="/images/normal_swipe.gif" width="480"/>
 
-!!! note "From the Google Material Design [documentation](https://material.io/guidelines/patterns/swipe-to-refresh.html#)"
+!!! quote "From the Google Material Design [documentation](https://material.io/guidelines/patterns/swipe-to-refresh.html#)"
     Swipe to refresh manually refreshes screen content with a user action or gesture.
 
 ### How to add?

diff --git a/mkdocs.yml b/mkdocs.yml
@@ -53,7 +53,7 @@ pages:
       - Dialogs: not_found.md
       - Menus: components/menus.md
       - Pickers: components/pickers.md
-      - Progress: components/progress.md
+      - Progress & activity: components/progress.md
       - Rating Bar: components/rating-bar.md
       - Selection controls: components/selection_controls.md
       - Snackbars & Toasts: components/snackbars-and-toasts.md