-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·172 lines (163 loc) · 5.51 KB
/
index.html
File metadata and controls
executable file
·172 lines (163 loc) · 5.51 KB
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
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
<!DOCTYPE html>
<html lang="en">
<head>
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-67589403-8"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-67589403-8');
</script>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Flutter for web samples</title>
<meta name="generator" content="https://pub.dartlang.org/packages/peanut">
<style>
body {
font-family: "Google Sans", "Roboto", sans-serif;
text-align: center;
}
a {
text-decoration: none;
color: #1389FD;
}
a:hover {
text-decoration: underline;
}
#toc {
text-align: left;
display: flex;
flex-wrap: wrap;
align-self: center;
margin: 0 auto;
align-content: space-between;
justify-content: center;
}
#toc > div {
width: 300px;
padding: 1rem;
margin: 0.5rem;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 4px;
}
#toc > div img {
display: block;
margin: 0 auto 1rem;
}
.demo-title {
font-size: 1.25rem;
}
#toc > div p {
margin-top: 0.5rem;
margin-bottom: 0;
}
</style>
</head>
<body>
<h2><a href='https://flutter.dev/web'>Flutter for web</a> samples</h2>
<a href='https://github.com/flutter/samples/tree/master/web'>Sample source code</a>
<div id="toc">
<div>
<a href='charts/example'>
<img src='charts/example/preview.png' width="300" alt="Charts Example">
</a>
<a class='demo-title' href='charts/example'>Charts Example</a>
<div>
<p>Examples of the <a href="https://pub.dev/packages/charts_flutter">charts_flutter</a> package running on the web.</p>
<p>Original source at <a href="https://github.com/google/charts">github.com/google/charts</a></p>
</div>
</div>
<div>
<a href='dad_jokes'>
<img src='dad_jokes/preview.png' width="300" alt="Dad Jokes">
</a>
<a class='demo-title' href='dad_jokes'>Dad Jokes</a>
<div>
<p>A fun little app for groan-worthy dad jokes.</p>
</div>
</div>
<div>
<a href='filipino_cuisine'>
<img src='filipino_cuisine/preview.png' width="300" alt="Filipino Cuisine">
</a>
<a class='demo-title' href='filipino_cuisine'>Filipino Cuisine</a>
<div>
<p>A sample that shows a visual recipe catalog for Filipino food.</p>
<p>Contributed as part of the Flutter Create 5K challenge by John Mark Grancapal</p>
</div>
</div>
<div>
<a href='gallery'>
<img src='gallery/preview.png' width="300" alt="Gallery">
</a>
<a class='demo-title' href='gallery'>Gallery</a>
<div>
<p>A <a href="https://github.com/flutter/flutter/tree/master/examples/flutter_gallery">gallery</a> of Flutter widgets and UX studies.</p>
</div>
</div>
<div>
<a href='github_dataviz'>
<img src='github_dataviz/preview.png' width="300" alt="Github Dataviz">
</a>
<a class='demo-title' href='github_dataviz'>Github Dataviz</a>
<div>
<p>A visualization for
<a href="https://github.com/flutter/flutter/">Flutter GitHub repository</a> metadata.</p>
<p>Created for Google by <a href="http://larvalabs.com/">Larva Labs</a>, a team of creative
technologists who make things for Android, iPhone, and the Web</p>
</div>
</div>
<div>
<a href='particle_background'>
<img src='particle_background/preview.png' width="300" alt="Particle Background">
</a>
<a class='demo-title' href='particle_background'>Particle Background</a>
<div>
<p>Flutter app demonstrating
<a href="https://pub.dev/packages/simple_animations">simple_animations</a> in action.</p>
<p>Contributed by Felix Blaschke</p>
</div>
</div>
<div>
<a href='slide_puzzle'>
<img src='slide_puzzle/preview.png' width="300" alt="Slide Puzzle">
</a>
<a class='demo-title' href='slide_puzzle'>Slide Puzzle</a>
<div>
<p>Get the numbers in order by clicking tiles next to the open space.</p>
<p>Created by <a href="https://twitter.com/kevmoo">Kevin Moore</a>. Original source at
<a href="https://github.com/kevmoo/slide_puzzle">github.com/kevmoo/slide_puzzle</a>.</p>
</div>
</div>
<div>
<a href='spinning_square'>
<img src='spinning_square/preview.png' width="300" alt="Spinning Square">
</a>
<a class='demo-title' href='spinning_square'>Spinning Square</a>
<div>
<p>Just a spinning square. That's it. Super exciting.</p>
</div>
</div>
<div>
<a href='timeflow'>
<img src='timeflow/preview.png' width="300" alt="Timeflow">
</a>
<a class='demo-title' href='timeflow'>Timeflow</a>
<div>
<p>A gentle animation that provides a calming experience to stressed developers.</p>
<p>Contributed as part of the Flutter Create 5K challenge by Fabian Stein</p>
</div>
</div>
<div>
<a href='vision_challenge'>
<img src='vision_challenge/preview.png' width="300" alt="Vision Challenge">
</a>
<a class='demo-title' href='vision_challenge'>Vision Challenge</a>
<div>
<p>A fun game to test your color perception abilities.</p>
<p>Contributed as part of the Flutter Create 5K challenge by Yukkei Choi</p>
</div>
</div>
</div>
</body>
</html>