forked from flutter/website
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
423 lines (401 loc) · 18.7 KB
/
index.html
File metadata and controls
423 lines (401 loc) · 18.7 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
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
---
title: Flutter Create
description: >
A contest that challenges developers to build something
interesting, inspiring, and beautiful with Flutter
image: /assets/images/docs/flutter-create-social.png
layout: landing
body_class: landing-page create
---
<section class="create__row row">
<div class="col-md-6 align-self-center">
<img src="/assets/images/create/create-hero-illo.png" class="mb-4 mb-md-0 mw-100">
</div>
<div class="col-md-5 align-self-center">
<h2>Flutter Create</h2>
<p>
Flutter Create is a contest that challenges you to build something
interesting, inspiring, and beautiful with Flutter using 5KB or less
of Dart code. Congratulations to all the winners this year! We were
impressed by the ingenuity and creativity of your apps. For everyone who
submitted an app, thank you.
</p>
<a class="btn" target="_blank" rel="noopener nofollow" href="//twitter.com/intent/tweet?hashtags=FlutterCreate&url=https%3A%2F%2Fflutter.dev%2Fcreate">
<i class="fab fa-twitter fa-lg"></i> Share #FlutterCreate with your friends
</a>
</div>
</section>
<hr>
<section class="create__row row text-center">
<div class="col-md-8 offset-md-2">
<h2 class="mt-0">Flutter Create Highlight Reel</h2>
<div class="create__video">
<iframe width="854" height="480" src="https://www.youtube.com/embed/WLvpROMUjYQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
</section>
<hr>
<section class="create__row row text-center">
<div class="col-md-8 offset-md-2">
<h2 class="mt-0">All Winners</h2>
Check out <a href="https://medium.com/p/40980f2d20b3">this article</a> to read more about this year's results.
</div>
</section>
<hr>
<section class="create__row row">
<div class="col-md-8 offset-md-2 align-self-center">
<div class="text-center">
<h2 class="mt-0">Grand Prize Winner</h2>
<div class="text-center">
<h3>Compass by Zebiao Hu</h3>
</div>
</div>
<div class="create__center-block text-center"><img src="/assets/images/create/compass.gif"></div>
</div>
</section>
<hr>
<section class="create__row row text-center">
<div class="col-md-8 offset-md-2">
<h2 class="mt-0">Category Winners</h2>
</div>
<div class="col-md-4 offset-md-2 align-top">
<div class="create__category-winner">
<div class="text-center">
<h3> Visual Beauty</h3>
<h4> Relax by Erin Morrissey </h4>
</div>
</div>
<div class="create__center-block"><img src="/assets/images/create/relax.gif"></div>
</div>
<div class="col-md-4 align-top">
<div class="create__category-winner">
<div class="text-center">
<h3> Code Quality</h3>
<h4>Pocket Piano by Rody Davis</h4>
</div>
</div>
<div class="create__center-block"><img src="/assets/images/create/pocket_piano_new.gif"></div>
</div>
<div class="col-md-4 offset-md-2 align-top">
<div class="create__description">
<div class="create__category-winner">
<div class="text-center">
<h3>Overall Execution</h3>
<h4>TimeFlow by Fabian Stein</h4>
</div>
</div>
<div class="create__center-block"><img src="/assets/images/create/timeflow.gif"></div>
</div>
</div>
<div class="col-md-4 align-top">
<div class="create__category-winner">
<div class="text-center">
<h3>Novelty</h3>
<h4>Events by Noel Jacob</h4>
</div>
</div>
<div class="create__center-block"><img src="/assets/images/create/events.gif"></div>
</div>
</section>
<hr>
<section class="create__row row text-center">
<div class="col-md-8 offset-md-2">
<h6>What to make:</h6>
<h2 class="mt-0">Create a novel experience with Flutter in 5KB or
less of Dart code</h2>
<p>This contest is now closed.
The winners will be announced at Google I/O 2019.</p>
</div>
</section>
<hr>
<section class="create__row row">
<div class="col-lg-5 offset-lg-1 mb-8 mb-lg-0">
<h4>Judging:</h4>
<p>Entries will be judged by a panel of Flutter experts against the
following four criteria:</p>
</div>
<div class="col-lg-5">
<ul class="create__criteria">
<li>
<img src="/assets/images/create/icon-beauty.png" class="create__criteria__icon" width="46" height="46">
Visual beauty
</li>
<li>
<img src="/assets/images/create/icon-code.png" class="create__criteria__icon" width="46" height="46">
Code quality
</li>
<li>
<img src="/assets/images/create/icon-idea.png" class="create__criteria__icon" width="46" height="46">
Novelty of idea
</li>
<li>
<img src="/assets/images/create/icon-execution.png" class="create__criteria__icon" width="46" height="46">
Overall execution
</li>
</ul>
</div>
</section>
<hr>
<section class="create__row row">
<div class="col-12 col-md-10 offset-md-1">
<h4>Prizes:</h4>
<div class="row">
<div class="col-12 col-md-5 create__prizes">
<div class="create__prizes__image">
<img src="/assets/images/create/prize-iMac.png" style="max-width: 272px;">
</div>
<h6 class="text-muted">Grand prize:</h6>
<h3>Fully-loaded Apple iMac Pro</h3>
<p>(worth over $10,000)</p>
</div>
<div class="col-12 col-md-4 create__prizes">
<div class="create__prizes__image">
<img src="/assets/images/create/prize-home-max.png" style="max-width: 242px; transform: translate(-10%);">
</div>
<h6 class="text-muted">4 Winners:</h6>
<h3>Google Home Max</h3>
</div>
<div class="col-12 col-md-3 create__prizes">
<div class="create__prizes__image">
<img src="/assets/images/create/prize-home-mini.png" style="max-width: 224px; transform: translate(-27%);">
</div>
<h6 class="text-muted">Up to 25 Winners:</h6>
<h3>Google Home Mini</h3>
</div>
<div class="col-12 mt-8">In addition, all submissions will receive
a digital certificate of completion.</div>
</div>
</div>
</section>
<hr>
<section class="create__row row">
<div class="col-12 col-md-10 offset-md-1">
<h4>Submission guidelines:</h4>
<div class="create__text-columns">
<p>Your application must be submitted in the form of a ZIP file
containing everything needed to run it on a target Android or
iOS device.</p>
<p>You should include a <code>README.md</code> file that includes a
brief description of the application and any special instructions
for running it (for example, if the application is designed for a
specific platform target).</p>
<p>Code should be licensed with an open source license (we recommend
BSD, MIT or Apache), so that we can judge it and others can
benefit from your work.</p>
<p>We will run the application by unpacking the ZIP file and running
the command <code>flutter run --release</code> to execute it
on an attached Android or iOS device.</p>
<p>The ZIP file may contain other files and directories that are
created using the <code> flutter create </code> command, such as
<code>pubspec.yaml</code>; it may also include asset files
(e.g. images, fonts) or data. We recommend running
<code>flutter clean</code> before creating the ZIP file to
strip out unnecessary binaries.</p>
<p>With the exception of packages (see below), all executable content
must be included in the ZIP file.</p>
<p>All code needed to load and execute the application must be
written in Dart, with the exception of any packages
(as mentioned below).</p>
<p>Dart code must appear in a file that has a filename ending in
<code>.dart</code>. The total size of all Dart files in the ZIP
file, excluding unit tests that are not executed, must be no
more than 5,120 bytes as (for example) measured by the
command <code>find . -name "*.dart" | xargs cat | wc -c</code>.</p>
<p>The application may use Flutter packages that are a) published
on <a href="https://pub.dev">pub.dev</a>;
b) have broad applicability (e.g. not written solely for the
purpose of circumventing the 5KB file limit, in the opinion
of the judges).</p>
</div>
</div>
</section>
<section class="create__row row">
<div class="col-12 col-md-10 offset-md-1">
<h4>Contest rules:</h4>
<div class="create__text-columns">
<p>Full details and rules in our
<a href="https://docs.google.com/document/d/12GT0_LT9Pet9eWTPYtziQjzKdc8mTfAL1zB-um2WoJQ/edit">Official Rules</a>.
But here’s a quick summary of some of the key points:</p>
<p>All work must be that of the contest entrant.</p>
<p>Only one submission per entrant.</p>
<p>Do not submit a project that already existed before the
announcement of this contest.</p>
<p>Entries may not be submitted by any person who is a minor at the
time of entry.</p>
<p>Google employees and contractors, contest judges, and members of
their immediate families are not eligible to enter.</p>
<p>Persons from the following countries or regions can submit but will not
be considered eligible for the contest due to local rules,
including exclusion from judging and prizes: Italy, Brazil, Quebec,
and Mexico.</p>
<p>Submissions from the following embargoed countries will not be
considered eligible for the contest, including exclusion from
judging and prizes: Crimea, Cuba, Iran, Syria, North Korea, and Sudan.</p>
<p>Entries will be collected via the website using an online form.</p>
<p>Submissions must not be derogatory, offensive, threatening, defamatory,
disparaging, libellous or contain any content that is inappropriate,
indecent, sexual, profane, tortuous, slanderous, discriminatory
in any way, or that promotes hatred or harm against any group or
person, or otherwise does not comply with the theme and spirit
of the contest.</p>
<p>They must not contain content, material or any element that is unlawful,
or otherwise in violation of or contrary to all applicable federal,
state, or local laws and regulation including the laws or regulations
in any state where the doodle and supporting statement are created.</p>
<p>They must not contain any content, material or element that displays
any third party advertising, slogan, logo, trademark, representation
of characters indicating a sponsorship or endorsement by a third party,
commercial entity or that is not within the spirit of the Contest,
as determined by Sponsor, in its sole discretion.</p>
<p>They must be original, unpublished works that do not contain,
incorporate or otherwise use any content, material or element
that is owned by a third party or entity.</p>
<p>They cannot contain any content, element, or material that violates
a third party's publicity, privacy or intellectual property rights.</p>
<p>The submission is not the subject of any actual or threatened
litigation or claim.</p>
<p>The entrant does not include any disparaging remarks relating to
the Sponsor or a third party.</p>
</div>
</div>
</section>
<hr>
<section class="create__row row">
<div class="col-12 col-md-10 offset-md-1">
<h4>FAQ:</h4>
<div class="create__text-columns">
<p>
<b>What is Flutter Create?</b><br>
Flutter Create is a contest where new and experienced developers
can submit a project built using Flutter. It’s a fun way to learn
Flutter, try building out interfaces, and possibly win prizes.
</p>
<p>
<b>What is the judging criteria?</b><br>
Each entry will be rated against the following rubric: visual beauty,
code quality, novelty of idea, and overall execution.
</p>
<p>
<b>Who are the judges?</b><br>
Entries will be judged by members of the Flutter team and
experienced developers from the Flutter community.
</p>
<p>
<b>What are the deadlines for the project?</b><br>
You need to have your project submitted by April 7th at
11:59pm PDT (GMT-7).
</p>
<p>
<b>I submitted my project, can I make changes to it?</b><br>
Yes, as long as your change occurs before April 7th at
11:59pm PDT (GMT-7).
</p>
<p>
<b>How will the winners be selected?</b><br>
Judges will evaluate the entries based on four criteria:
visual beauty, code quality, novelty of idea, and overall execution.
</p>
<p>
<b>When will the winners be selected?</b><br>
Winners will be selected around April 25 and announced at Google I/O
and online.
</p>
<p>
<b>What are the prizes?</b><br>
One grand prize winner will receive a customized
<a href="https://www.apple.com/imac-pro/">iMac Pro 5K</a>;<br>
Four additional winners will receive a Google Home Max;<br>
Up to 25 additional winners will receive a Google Home Mini.
</p>
<p>
<b>Can I submit more than one entry?</b><br>
We limit entries to one project per participant. We encourage you
to submit your best entry!
</p>
<p>
<b>I already have an approved app, can I submit that for the
challenge?</b><br>
Unfortunately, no. Only new apps or UIs can be submitted for approval.
</p>
<p>
<b>Is there an age limit to participate?</b><br>
You must not be a minor (per your local law) to be eligible to win.
</p>
<p>
<b>Can you use Flare animations? If so, does it count towards the
byte size?</b><br>
</p>
<p>
Image, video, font, and other binary asset types are not included
in the 5KB Dart code limit.
</p>
<p>
<b>Can you store data in a separate file? For example,
for a catalog of dogs, can you store the dog data in a json?</b><br>
</p>
<p>
Data is OK. However, we're counting all Dart code in the 5KB limit,
so the JSON loader would be included.
</p>
<p>
<b>Do Flutter Create contest submissions have to be formatted
by dartfmt?</b><br>
</p>
<p>
We can run dartfmt on our side. We believe code quality is
primarily driven by good structure, rather than indentation.
But of course, if the code is impenetrable to the judges even
after running dartfmt, it may be challenging for them to score
it well for code quality.
</p>
<p>
<b>Can a team of people submit a single project?</b><br>
</p>
<p>
A team of people can submit a single project, but the person
submitting the project through our form should be authorized
to submit the project on behalf of the entire team or entity,
and a winning project from a team is only eligible for 1 prize.
</p>
<p>
<b>Should we send just a .dart file or all the files as the
given size is 5 kb and all the files would be above 5 kb?</b><br>
</p>
<p>
Please submit whatever it takes to build and run your application with
`flutter run`.
</p>
<p>
<b>Should the size of the app be 5kb after creating a zip file
or without zipping the file?</b><br>
</p>
<p>
We are measuring Dart files, not the ZIP files, so the 5KB is
measured without zipping the file.
</p>
<p>
<b>Do assets (art and audio) also have to be created by
participants?</b><br>
</p>
<p>
All assets must comply with our Official Rules for submissions,
and participants must either create or have permission to use and
submit all parts of their submission.
</p>
<p>
<b>If I have more questions, where should I go?</b><br>
</p>
<p>
Take a look through our
<a href="https://docs.google.com/document/d/12GT0_LT9Pet9eWTPYtziQjzKdc8mTfAL1zB-um2WoJQ/edit">official rules</a>.
</p>
</div>
</div>
</section>
<hr>
<section class="create__row row text-center">
<div class="col-md-8 offset-md-2">
<h2 class="mt-0">Create a novel user experience with Flutter using 5KB or less of Dart code</h2>
<a class="create__cta btn btn-primary mb-8" href="https://docs.google.com/forms/d/1YrsnBlMFenKDrmGlcaPbKTbxbdWsua8_TMExoRwgyv4">Submit your app</a>
</div>
</section>