Skip to content

Updating the banner and the Docs landing page #7824

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
khanhnwin merged 1 commit into from
Nov 15, 2022
Merged

Updating the banner and the Docs landing page #7824

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 4 additions & 2 deletions src/_includes/banner.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,9 @@
https://github.com/flutter/website/issues/3897
{% endcomment %}
<div class="site-banner site-banner--default" role="alert">
See how Flutter is pushing UI development forward and preview some of our investments in the technologies of the future at Flutter Forward, streaming live from Nairobi, Kenya on January 25, 2023. <a href="https://flutter.dev/events/flutter-forward">Register now</a><br>
The Flutter and Dart teams are hiring. <a href="https://docs.flutter.dev/jobs">Learn more</a><br>
See how Flutter is pushing UI development at Flutter Forward;<br>
streaming live from Kenya on January 25, 2023.
<a href="https://flutter.dev/events/flutter-forward">Register now</a><br>
The Flutter and Dart teams are hiring. <a href="https://docs.flutter.dev/jobs">Learn more</a><br>
</div>
{% endif -%}
88 changes: 37 additions & 51 deletions src/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -21,22 +21,23 @@ description: Get started with Flutter. Widgets, examples, updates, and API docs
{% endif %}
{% endfor -%}

<a name="latest-release"></a>
## What's new on this site
<b>To see changes to the site since our last release,
see [What's new][].</b>

To see changes to the site since our last release,
see [What's new][].
[What's new]: {{site.url}}/whats-new

## New to Flutter?

Once you've gone through [Get started][],
including [Write your first Flutter app][],
here are some next steps.

[Write your first Flutter app]: {{site.url}}/get-started/codelab

### Docs

Coming from another platform? Check out Flutter for:
[Android][], [iOS][], [Web][], [React Native][] and
[Android][], [iOS][], [web][], [React Native][], and
[Xamarin.Forms][] developers.

[Building layouts][]
Expand All @@ -49,7 +50,7 @@ Coming from another platform? Check out Flutter for:
positions", then you are well on your
way to understanding Flutter's layout model.

[Adding interactivity to your Flutter app][]
[Adding interactivity to your Flutter app][interactivity]
: Learn how to add a stateful widget to your app.

[A tour of the Flutter widget framework][]
Expand All @@ -58,9 +59,26 @@ Coming from another platform? Check out Flutter for:
[FAQ][]
: Get the answers to frequently asked questions.

[A tour of the Flutter widget framework]: {{site.url}}/development/ui/widgets-intro
[Android]: {{site.url}}/get-started/flutter-for/android-devs
[Building layouts]: {{site.url}}/development/ui/layout
[FAQ]: {{site.url}}/resources/faq
[Get started]: {{site.url}}/get-started/install
[interactivity]: {{site.url}}/development/ui/interactive
[iOS]: {{site.url}}/get-started/flutter-for/ios-devs
[React Native]: {{site.url}}/get-started/flutter-for/react-native-devs
[Understanding constraints]: {{site.url}}/development/ui/layout/constraints
[web]: {{site.url}}/get-started/flutter-for/web-devs
[Xamarin.Forms]: {{site.url}}/get-started/flutter-for/xamarin-forms-devs

### Videos

Check out the Introducing Flutter series. Learn Flutter basics like [how do I make my first Flutter app?][] In Flutter, "everything is a widget"! Learn more about `Stateless` and `Stateful` widgets in [What is State?][]
Check out the Introducing Flutter series.
Learn Flutter basics like
[how do I make my first Flutter app?][first-app]
In Flutter, "everything is a widget"!
Learn more about `Stateless` and `Stateful`
widgets in [What is State?][]

<div class="card-deck card-deck--responsive">
<div class="video-card">
Expand All @@ -75,12 +93,10 @@ Check out the Introducing Flutter series. Learn Flutter basics like [how do I ma
</div>
</div>

[How do I make my first Flutter app?]: {{site.youtube-site}}/watch?v=xWV71C2kp38
[first-app]: {{site.youtube-site}}/watch?v=xWV71C2kp38
[What is State?]: {{site.youtube-site}}/watch?v=QlwiL_yLh6E




<div style="display: flex; align-items: center; justify-content: center; flex-direction: column;">
<h4>Only have 60 seconds? Learn how to build and deploy a Flutter App!</h4>

Expand All @@ -89,7 +105,10 @@ Check out the Introducing Flutter series. Learn Flutter basics like [how do I ma

## Want to skill up?

Dive deeper into how Flutter works under the hood! Learn [why you write standalone widgets instead of using helper methods][] or [what is “BuildContext” and how is it used][]?
Dive deeper into how Flutter works under the hood!
Learn [why you write standalone widgets instead of
using helper methods][standalone-widgets] or
[what is "BuildContext" and how is it used][buildcontext]?

<div class="card-deck card-deck--responsive">
<div class="video-card">
Expand All @@ -104,50 +123,17 @@ Dive deeper into how Flutter works under the hood! Learn [why you write standalo
</div>
</div>

[why you write standalone widgets instead of using helper methods]: {{site.youtube-site}}/watch?v=IOyq-eTRhvo
[what is “BuildContext” and how is it used]: {{site.youtube-site}}/watch?v=rIaaH87z1-g
[standalone-widgets]: {{site.youtube-site}}/watch?v=IOyq-eTRhvo
[buildcontext]: {{site.youtube-site}}/watch?v=rIaaH87z1-g

To learn about all of the Flutter video series, see our [videos][] page.
To learn about all of the Flutter video series,
see our [videos][] page.

We release new videos every week on the Flutter YouTube channel.
We release new videos most every week on the Flutter YouTube channel:

<a class="btn btn-primary" target="_blank" href="https://www.youtube.com/c/flutterdev">Explore more Flutter videos</a>

<b>The documentation on this site reflects the
latest stable release of Flutter.</b>



You might also find these docs useful:

* [Using packages][]
* [Adding assets and images][]
* [Navigation and routing][]
* [State management][]
* [Animations][]

The documentation on this site reflects the latest stable release of Flutter.

[A tour of the Flutter widget framework]: {{site.url}}/development/ui/widgets-intro
[Adding assets and images]: {{site.url}}/development/ui/assets-and-images
[Adding interactivity to your Flutter app]: {{site.url}}/development/ui/interactive
[Android]: {{site.url}}/get-started/flutter-for/android-devs
[Animations]: {{site.url}}/development/ui/animations
[Boring Flutter Show]: {{site.youtube-site}}/watch?v=vqPG1tU6-c0&list=PLjxrf2q8roU28W3pXbISJbVA5REsA41Sx&index=3&t=9s
[Boring Flutter Show playlist]: {{site.youtube-site}}/watch?v=vqPG1tU6-c0&list=PLjxrf2q8roU28W3pXbISJbVA5REsA41Sx&index=3&t=9s
[Building layouts]: {{site.url}}/development/ui/layout
[FAQ]: {{site.url}}/resources/faq
[flutter-announce]: {{site.groups}}/forum/#!forum/flutter-announce
[Flutter in Focus]: {{site.youtube-site}}/playlist?list=PLjxrf2q8roU2HdJQDjJzOeO6J3FoFLWr2
[Flutter in Focus series]: {{site.youtube-site}}/playlist?list=PLjxrf2q8roU2HdJQDjJzOeO6J3FoFLWr2
[Flutter YouTube channel]: {{site.social.youtube}}
[Get started]: {{site.url}}/get-started/install
[iOS]: {{site.url}}/get-started/flutter-for/ios-devs
[Navigation and routing]: {{site.url}}/development/ui/navigation
[React Native]: {{site.url}}/get-started/flutter-for/react-native-devs
[State management]: {{site.url}}/development/data-and-backend/state-mgmt/intro
[Understanding constraints]: {{site.url}}/development/ui/layout/constraints
[Using packages]: {{site.url}}/development/packages-and-plugins/using-packages
[videos]: {{site.url}}/resources/videos
[Web]: {{site.url}}/get-started/flutter-for/web-devs
[What's new]: {{site.url}}/whats-new
[Write your first Flutter app]: {{site.url}}/get-started/codelab
[Xamarin.Forms]: {{site.url}}/get-started/flutter-for/xamarin-forms-devs