Skip to content
This repository was archived by the owner on Nov 21, 2024. It is now read-only.

Commit 18aa754

Browse files
committed
Size images in Owl README.
1 parent 3cea488 commit 18aa754

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

Owl/README.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -7,23 +7,23 @@ Owl is an educational app that uses Material Design components and [Material The
77
This project is an Android implementation of [Owl](https://material.io/design/material-studies/owl.html), a Material study meant to showcase componentry and theming using the [Material Components for Android library](https://github.com/material-components/material-components-android).
88

99
## Screenshots
10-
<img src="screenshots/owl_demo.gif" alt="Owl sample demo"/>
10+
<img src="screenshots/owl_demo.gif" height="400" alt="Owl sample demo"/>
1111

1212
## Material Theming
1313
Owl employs material theming to reflect the energy and excitement of learning a new skill, using a bold aesthetic and unfilled shapes that invite the user to populate them with new content and courses. The app customizes [color](https://material.io/develop/android/theming/color/), [shape](https://material.io/develop/android/theming/shape/) and [typography](https://material.io/develop/android/theming/typography/) to achieve this.
1414

1515
### Color
16-
<img src="screenshots/color_header.png" alt="Owl color theming"/>
16+
<img src="screenshots/color_header.png" width="700" alt="Owl color theming"/>
1717

1818
Owl has three primary colors. Each color is used to create a distinct visual theme for each section. See [colors.xml](https://github.com/material-components/material-components-android-examples/blob/develop/Owl/app/src/main/res/values/color.xml) and how they are used in [light](https://github.com/material-components/material-components-android-examples/blob/develop/Owl/app/src/main/res/values/theme.xml#L58-L86) and [dark](https://github.com/material-components/material-components-android-examples/blob/develop/Owl/app/src/main/res/values-night/theme.xml) themes.
1919

2020
### Shape
21-
<img src="screenshots/shape_header.png" alt="Owl shape theming"/>
21+
<img src="screenshots/shape_header.png" width="700" alt="Owl shape theming"/>
2222

2323
Owl defines small, medium and large shape categories for different sized components. See [shape.xml](https://github.com/material-components/material-components-android-examples/blob/develop/Owl/app/src/main/res/values/shape.xml) which defines the `ShapeAppearance`s, which are then [set in the theme](https://github.com/material-components/material-components-android-examples/blob/develop/Owl/app/src/main/res/values/theme.xml#L20-L23) and picked up by all components or refferred to directly.
2424

2525
### Typography
26-
<img src="screenshots/type_header.png" alt="Owl typography theming"/>
26+
<img src="screenshots/type_header.png" width="700" alt="Owl typography theming"/>
2727

2828
Owl’s type scale provides the typographic variety necessary for the app content. All items in the type scale use [Rubik](https://fonts.google.com/specimen/Rubik) as the typeface, and make use of the variety of weights available by using Rubik Regular, Medium, and Bold. See [type.xml](https://github.com/material-components/material-components-android-examples/blob/develop/Owl/app/src/main/res/values/type.xml) which defines `TextAppearance`s which are then [set in the theme](https://github.com/material-components/material-components-android-examples/blob/develop/Owl/app/src/main/res/values/theme.xml#L25-L38) and referred to using `?attr/textAppearance[...]` throughout.
2929

0 commit comments

Comments
 (0)