diff --git a/src/_assets/css/_clock.scss b/src/_assets/css/_clock.scss index f3239e32de..406649cd9e 100644 --- a/src/_assets/css/_clock.scss +++ b/src/_assets/css/_clock.scss @@ -600,6 +600,7 @@ // Style for submissions &__submissions, &__contest { font-family: $site-font-family-base; + position: relative; ul { padding-left: 18px; @@ -760,4 +761,13 @@ list-style: none; margin-left: -16px; } + + .jump-hook { + position: absolute; + top: -80px; + + &#contest { + top: -40px; + } + } } diff --git a/src/_data/clock/faqs.yml b/src/_data/clock/faqs.yml index 9be562a054..81582ac2f4 100644 --- a/src/_data/clock/faqs.yml +++ b/src/_data/clock/faqs.yml @@ -92,7 +92,7 @@ - title: What language(s) should the clock use? content: > Any. If you have words in your clock, consider - internationalizing + internationalizing them. Note that written parts of your submission must be in English to be eligible for judging, and your submission must, at a minimum, support English language evaluation. However, we will not judge your clock face for language inclusion. Please ensure that your clock face’s text does not include profanity in any language, and is built and submitted in accordance with the @@ -102,7 +102,7 @@ - title: What accessibility requirements should I add? content: > Google values accessibility, and it will be a consideration in your submission as part of the “overall execution” - criteria. Check the + criteria. Check the Flutter accessibility page for details. - title: > @@ -116,10 +116,10 @@ - title: What tips do you have to check the performance of my clock? content: > - Take a look at Flutter performance profiling, - and enable the performance + Take a look at Flutter performance profiling, + and enable the performance overlay feature in the - Flutter + Flutter Inspector to see whether frames are being drawn redundantly. - title: Is there an age limit to participate? @@ -138,7 +138,7 @@ - title: Do contest submissions have to be formatted by the Dart formatter? content: > Yes. This ensures more consistent and readable code. - You can do this from your IDE or at the command + You can do this from your IDE or at the command line. - title: Speaking of code formatting, what are some good coding practices for Flutter? @@ -174,7 +174,7 @@ - title: How can I share my clock face online? content: > We’re glad you asked! Flutter’s web support is in technical preview and you can use to share your clock face online. - Once you enable web support, test your app by selecting + Once you enable web support, test your app by selecting Chrome as the target device in your IDE, or at the command line with flutter run -d chrome. Build a web version of your app for deployment using flutter build web. Then, you can host it using GitHub Pages, Firebase, diff --git a/src/_data/clock/getting_started_items.yml b/src/_data/clock/getting_started_items.yml index 98937fb05b..589a231752 100644 --- a/src/_data/clock/getting_started_items.yml +++ b/src/_data/clock/getting_started_items.yml @@ -23,14 +23,14 @@ - text: > You can build upon the existing code (analog_clock or digital_clock), or you can start from scratch (flutter create <name>_clock). - If you are new to Flutter, check out the + If you are new to Flutter, check out the Write your first Flutter app codelab. - title: > Prepare your clock for submission: subItems: - text: > - Format the Dart code. + Format the Dart code. - text: > Verify that your clock builds and runs on diff --git a/src/clock/index.html b/src/clock/index.html index 83786a7370..02b5d1993f 100644 --- a/src/clock/index.html +++ b/src/clock/index.html @@ -1,8 +1,9 @@ --- -title: Clock +title: Flutter Clock layout: landing show_banner: False body_class: clock +image: /images/flutter-clock-social.png --- {% assign url_links = "&url=https://flutter.dev/clock" %} {% assign hashtags = "hashtags=FlutterClock" %} @@ -109,7 +110,8 @@

{{prize.title}}

Getting Started

- Use the following instructions to get started. Also, make sure to familiarize yourself with the submission requirements and contest rules. + Use the following instructions to get started. Also, make sure to familiarize yourself with the + submission requirements and contest rules.

    {% for item in site.data.clock.getting_started_items %} @@ -152,6 +154,7 @@

    +

    @@ -188,6 +191,7 @@

    {{item.title}}

    +

    diff --git a/src/images/flutter-clock-social.png b/src/images/flutter-clock-social.png new file mode 100644 index 0000000000..9225c2b529 Binary files /dev/null and b/src/images/flutter-clock-social.png differ