-
Notifications
You must be signed in to change notification settings - Fork 5
/
Copy pathlecture_11_android_material.html
145 lines (113 loc) · 6.68 KB
/
lecture_11_android_material.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta charset="UTF-8">
<title>Material Design</title>
<link rel="stylesheet" href="css/reveal.css"> <!--slide style-->
<link rel="stylesheet" href="css/theme/noveo.css" id="theme"> <!--noveo theme-->
<link rel="stylesheet" href="lib/css/magula.css"> <!--code highlight-->
</head>
<body>
<div id="hidden" style="display: none">
<div id="overlay">
<div id="header-left"></div>
<div id="header-right"></div>
<div id="footer-right"></div>
</div>
</div>
<div class="reveal">
<div class="slides">
<section data-markdown="lecture/material/slide01__title.md" class="center center-horizontal"></section>
<section data-background-image="lecture/material/img/android_before_material.jpg"
class="center center-horizontal"
data-background-color="#699f00">
<h2 class="center center-horizontal">как это было раньше</h2>
</section>
<section data-markdown="lecture/material/slide02__androids_old.html" class="center center-horizontal"
data-separator-vertical="^\r?\n------\r?\n$"></section>
<section class="center center-horizontal"
data-background-image="lecture/material/img/google_material_design.jpg"
data-background-color="#699f00">
<h1 style="display:inline-block; padding: 0.5em 0.75em; font-size: 3em; color: white; background-image:url('lecture/material/img/transparent.png')"
class="center center-horizontal">MATERIAL DESIGN</h1>
</section>
<section data-external="lecture/material/slide04__material_design.html"></section>
<section data-external="lecture/material/slide05__material_principles.html"></section>
<section data-external="lecture/material/slide06__introducing_material.html"
class="center center-horizontal"></section>
<section class="center center-horizontal"
data-background-image="lecture/material/img/material_environment.jpg"
data-background-color="#699f00">
<h1 style="display:inline-block; padding: 0.5em 0.75em; font-size: 3em; color: white; background-image:url('lecture/material/img/transparent.png')"
class="center center-horizontal">ENVIRONMENT</h1>
</section>
<section data-markdown="lecture/material/slide07__3d_world.html"
data-separator-vertical="^\r?\n------\r?\n$"></section>
<section data-markdown="lecture/material/slide08__properties.html"
data-separator-vertical="^\r?\n------\r?\n$"></section>
<section data-markdown="lecture/material/slide09__donts.html"
data-separator-vertical="^\r?\n------\r?\n$"></section>
<section data-markdown="lecture/material/slide10__elevation.html"
data-separator-vertical="^\r?\n------\r?\n$"></section>
<section class="center center-horizontal"
data-background-image="lecture/material/img/elevation1.png">
</section>
<section class="center center-horizontal"
data-background-image="lecture/material/img/material_design.jpg"
data-background-color="#699f00">
<h1 style="display:inline-block; padding: 0.5em 0.75em; font-size: 3em; color: white; background-image:url('lecture/material/img/transparent.png')"
class="center center-horizontal">MATERIAL COMPONENTS</h1>
</section>
<section data-external="lecture/material/slide11__material_components_intro.html"></section>
<section class="center center-horizontal"
data-background-image="lecture/material/img/colors.jpg"
data-background-color="#699f00">
<h1 style="display:inline-block; padding: 0.5em 0.75em; font-size: 3em; color: white; background-image:url('lecture/material/img/transparent.png')"
class="center center-horizontal">COLORS</h1>
</section>
<section data-markdown="lecture/material/slide12__colors_function.html"
data-separator-vertical="^\r?\n------\r?\n$"></section>
<section data-markdown="lecture/material/slide13__colors.html"
data-separator-vertical="^\r?\n------\r?\n$"></section>
<section class="center center-horizontal"
data-background-image="lecture/material/img/icons_back.jpg"
data-background-color="#699f00">
<h1 style="display:inline-block; padding: 0.5em 0.75em; font-size: 3em; color: white; background-image:url('lecture/material/img/transparent.png')"
class="center center-horizontal">ICONOGRAPHY</h1>
</section>
<section data-markdown="lecture/material/slide14__icons.html"
data-separator-vertical="^\r?\n------\r?\n$"></section>
<section class="center center-horizontal"
data-background-image="lecture/material/img/brand_new_material2018.png"
data-background-color="#699f00">
<h1 style="display:inline-block; padding: 0.5em 0.75em; font-size: 3em; color: white; background-image:url('lecture/material/img/transparent.png')"
class="center center-horizontal">GOING FORWARD</h1>
</section>
<section data-external="lecture/material/slide15__material_next.html"
class="center center-horizontal"></section>
<section data-markdown="lecture/material/slide16__links.html"></section>
<section data-background-color="#699f00"
data-background-image="lecture/material/img/material_design_darkened.jpg"
class="center">
<div style="display:inline-block; padding: 0.5em 2em 0.5em 1em; background-image:url('lecture/material/img/transparent.png')">
<h1>Material Design</h1>
<h4>лекцию подготовила Варвара Руденко</h4>
<h4>@iamworkingasrudenko</h4>
<br>
<br>
<h2>Contacts:</h2>
<h4>Slack: @vrudenko</h4>
<h4>mail: [email protected]</h4>
</div>
</section>
</div>
</div>
<script src="lib/js/head.min.js"></script> <!--HeadJS functions-->
<script src="js/reveal.js"></script> <!--RevealJS functions-->
<script src="js/config.js"></script> <!--RevealJS config-->
<script src="lib/js/jquery-3.2.1.min.js"></script>
<script src="js/printpdf.js"></script>
</body>
</html>