forked from dart-lang/site-www
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Update front page content (dart-lang#5413)
Update front page text to better match current language positioning. --------- Co-authored-by: Parker Lougheed <[email protected]> Co-authored-by: Marya <[email protected]>
- Loading branch information
Showing
1 changed file
with
37 additions
and
41 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,7 +1,9 @@ | ||
| --- | ||
| layout: homepage | ||
| title: Dart programming language | ||
| description: Dart is a client-optimized language for fast apps on any platform. | ||
| description: >- | ||
| Dart is an approachable, portable, and productive language for | ||
| high-quality apps on any platform. | ||
| js: | ||
| - url: /assets/dash/js/dartpad_picker_main.dart.js | ||
| defer: true | ||
|
|
@@ -26,7 +28,7 @@ | |
| <!-- Dart tag-line --> | ||
| <section class="dash-header-callout"> | ||
| <div class="callout-title"> | ||
| Dart is a client-optimized language for fast apps on any platform | ||
| An approachable, portable, and productive language for high-quality apps on any platform | ||
| </div> | ||
| <div class="callout-button"> | ||
| <button class="btn btn-link btn-icon" type="button" data-toggle="modal" data-target="#videoModal" data-video="5F-6n_2XWR8"> | ||
|
|
@@ -53,9 +55,9 @@ | |
| <div class="col-md-4 col-sm-12"> | ||
| <div class="feature"> | ||
| <div class="feature-icon"><img src="assets/dash/2x/multiplatform performance light [email protected]" alt="Multiplatform performance"/></div> | ||
| <div class="feature-title">Optimized<br/>for UI</div> | ||
| <div class="feature-desc">Develop with a programming language | ||
| specialized around the needs of user interface creation | ||
| <div class="feature-title">Approachable<br></div> | ||
| <div class="feature-desc">Develop with a consistent, concise, and strongly typed | ||
| programming language that offers modern features like null safety and pattern matching. | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
@@ -64,18 +66,17 @@ | |
| <div class="feature-icon"><img src="assets/dash/2x/client optimised light [email protected]" alt="Client optimised"/></div> | ||
| <div class="feature-title">Productive</br>development</div> | ||
| <div class="feature-desc">Make changes iteratively: use hot | ||
| reload to see the result instantly in your running app | ||
| reload to see the result instantly in your running app. | ||
| </div> | ||
| </div> | ||
| </div> | ||
| <div class="col-md-4 col-sm-12"> | ||
| <div class="feature"> | ||
| <div class="feature-icon"><img src="assets/dash/2x/productive dev light [email protected]" alt="Productive development"/></div> | ||
| <div class="feature-title">Fast on all<br/>platforms</div> | ||
| <div class="feature-desc">Compile to ARM & x64 machine | ||
| code for mobile, desktop, and backend. Or compile to JavaScript | ||
| for the web | ||
| </div> | ||
| <div class="feature-title">Portable and fast<br/>on all platforms</div> | ||
| <div class="feature-desc">Compile to ARM, x64, and RISC-V machine | ||
| code for mobile, desktop, and backend. Or, compile to JavaScript & WebAssembly | ||
| for the web.</div> | ||
| </div> | ||
| </div> | ||
| </div> | ||
|
|
@@ -93,7 +94,7 @@ | |
| <div class="content-icon"> | ||
| <img src="assets/dash/2x/multiplatform performance light [email protected]" alt="Multiplatform performance"/> | ||
| </div> | ||
| <div class="content-feature">Optimized for UI</div> | ||
| <div class="content-feature">Approachable</div> | ||
| <div class="content-desc" id="gallerySix"> | ||
| <ul class="selector"> | ||
| <li class="highlight" data-banner="assets/dash/svg/1-1 async await.svg"> | ||
|
|
@@ -114,11 +115,9 @@ | |
| <div class="animated-bullet"></div> | ||
| </div> | ||
| <div class="bullet-text"> | ||
| A programming language optimized for building user | ||
| interfaces with features such as <a href="/null-safety">sound null safety</a>, | ||
| the <a href="/language/collections#spread-operators">spread operator</a> for | ||
| expanding collections, and <a href="/language/collections#control-flow-operators">collection if</a> for | ||
| customizing UI for each platform | ||
| Write safe and concise code using features like <a href="/null-safety">sound null safety</a>, | ||
| <a href="/language/collections#control-flow-operators">collection if</a>, | ||
| and <a href="/language/patterns">pattern matching</a>. | ||
| </div> | ||
| </div> | ||
| </li> | ||
|
|
@@ -128,8 +127,8 @@ | |
| <div class="animated-bullet"></div> | ||
| </div> | ||
| <div class="bullet-text"> | ||
| A programming language that is easy to learn, with a | ||
| <a href="/language">familiar syntax</a> | ||
| A consistent programming language, with an easy to learn and | ||
| <a href="/language">familiar syntax</a>. | ||
| </div> | ||
| </div> | ||
| </li> | ||
|
|
@@ -160,7 +159,7 @@ | |
| Make changes to your source code iteratively, using | ||
| <a href="https://flutter.dev/docs/development/tools/hot-reload" class="no-automatic-external">hot | ||
| reload</a> | ||
| to instantly see the effect in the running app | ||
| to instantly see the effect in the running app. | ||
| </div> | ||
| </div> | ||
| </li> | ||
|
|
@@ -171,7 +170,7 @@ | |
| </div> | ||
| <div class="bullet-text"> | ||
| Write code using a flexible type system with rich | ||
| static analysis and powerful, <a href="/tools/analysis">configurable tooling</a> | ||
| static analysis and powerful, <a href="/tools/analysis">configurable tooling</a>. | ||
| </div> | ||
| </div> | ||
| </li> | ||
|
|
@@ -185,7 +184,7 @@ | |
| <a href="https://flutter.dev/docs/development/tools/devtools/logging" class="no-automatic-external">logging</a>, | ||
| and <a href="https://flutter.dev/docs/development/tools/devtools/debugger" | ||
| class="no-automatic-external">debugging</a> | ||
| with your code editor of choice | ||
| with your code editor of choice. | ||
| </div> | ||
| </div> | ||
| </li> | ||
|
|
@@ -214,7 +213,7 @@ | |
| </div> | ||
| <div class="bullet-text"> | ||
| <a href="/overview#native-platform">AOT-compile</a> apps to native | ||
| machine code for <a href="https://github.com/timsneath/time">instant startup</a> | ||
| machine code for <a href="https://github.com/timsneath/time">instant startup</a>. | ||
| </div> | ||
| </div> | ||
| </li> | ||
|
|
@@ -225,7 +224,7 @@ | |
| </div> | ||
| <div class="bullet-text"> | ||
| Target the web with complete, mature, fast | ||
| <a href="/overview#web-platform">compilers for JavaScript</a> | ||
| <a href="/overview#web-platform">compilers for JavaScript & WebAssembly</a>. | ||
| </div> | ||
| </div> | ||
| </li> | ||
|
|
@@ -236,7 +235,7 @@ | |
| </div> | ||
| <div class="bullet-text"> | ||
| Run <a href="/tutorials/server/httpserver">backend code</a> | ||
| supporting your app, written using a single programming language | ||
| supporting your app, written using a single programming language. | ||
| </div> | ||
| </div> | ||
| </li> | ||
|
|
@@ -253,7 +252,7 @@ | |
| <div class="col-lg-5 col-md-6 col-sm-12 content-info"> | ||
| <div class="content-container dash-align-right"> | ||
| <div class="content-icon"><img src="assets/dash/2x/multiplatform performance light [email protected]" alt="Multiplatform performance"/> </div> | ||
| <div class="content-feature">Optimized for UI</div> | ||
| <div class="content-feature">Approachable</div> | ||
| <div class="content-desc" id="galleryOne"> | ||
| <ul class="selector"> | ||
| <li class="highlight" tabindex="0" data-banner="assets/dash/svg/1-1 async await.svg"> | ||
|
|
@@ -264,22 +263,19 @@ | |
| <div class="bullet-text"> | ||
| Mature and complete <a href="/codelabs/async-await">async-await</a> | ||
| for user interfaces containing event-driven code, paired with | ||
| <a href="/language/concurrency">isolate-based concurrency</a> | ||
| <a href="/language/concurrency">isolate-based concurrency</a>. | ||
| </div> | ||
| </div> | ||
| </li> | ||
|
|
||
| <li tabindex="0" data-banner="assets/dash/svg/1-2 language optimized.svg"> | ||
| <div> | ||
| <div class="bullet-container"> | ||
| <div class="animated-bullet"></div> | ||
| </div> | ||
| <div class="bullet-text"> | ||
| A programming language optimized for building user | ||
| interfaces with features such as <a href="/null-safety">sound null safety</a>, | ||
| the <a href="/language/collections#spread-operators">spread operator</a> for | ||
| expanding collections, and <a href="/language/collections#control-flow-operators">collection if</a> for | ||
| customizing UI for each platform | ||
| Write safe and concise code using features like <a href="/null-safety">sound null safety</a>, | ||
| <a href="/language/collections#control-flow-operators">collection if</a>, | ||
| and <a href="/language/patterns">pattern matching</a>. | ||
| </div> | ||
| </div> | ||
| </li> | ||
|
|
@@ -289,8 +285,8 @@ | |
| <div class="animated-bullet"></div> | ||
| </div> | ||
| <div class="bullet-text"> | ||
| A programming language that is easy to learn, with a | ||
| <a href="/language">familiar syntax</a> | ||
| A consistent programming language, with an easy to learn and | ||
| <a href="/language">familiar syntax</a>. | ||
| </div> | ||
| </div> | ||
| </li> | ||
|
|
@@ -322,7 +318,7 @@ | |
| Make changes to your source code iteratively, using | ||
| <a href="https://flutter.dev/docs/development/tools/hot-reload" class="no-automatic-external">hot | ||
| reload</a> | ||
| to instantly see the effect in the running app | ||
| to instantly see the effect in the running app. | ||
| </div> | ||
| </div> | ||
| </li> | ||
|
|
@@ -333,7 +329,7 @@ | |
| </div> | ||
| <div class="bullet-text"> | ||
| Write code using a flexible type system with rich | ||
| static analysis and powerful, <a href="/tools/analysis">configurable tooling</a> | ||
| static analysis and powerful, <a href="/tools/analysis">configurable tooling</a>. | ||
| </div> | ||
| </div> | ||
| </li> | ||
|
|
@@ -347,7 +343,7 @@ | |
| <a href="https://flutter.dev/docs/development/tools/devtools/logging" class="no-automatic-external">logging</a>, | ||
| and <a href="https://flutter.dev/docs/development/tools/devtools/debugger" | ||
| class="no-automatic-external">debugging</a> | ||
| with your code editor of choice | ||
| with your code editor of choice. | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
@@ -372,7 +368,7 @@ | |
| </div> | ||
| <div class="bullet-text"> | ||
| <a href="/overview#native-platform">AOT-compile</a> apps to native | ||
| machine code for <a href="https://github.com/timsneath/time">instant startup</a> | ||
| machine code for <a href="https://github.com/timsneath/time">instant startup</a>. | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
@@ -384,7 +380,7 @@ | |
| </div> | ||
| <div class="bullet-text"> | ||
| Target the web with complete, mature, fast | ||
| <a href="/overview#web-platform">compilers for JavaScript</a> | ||
| <a href="/overview#web-platform">compilers for JavaScript and WebAssembly</a>. | ||
| </div> | ||
| </div> | ||
|
|
||
|
|
@@ -396,7 +392,7 @@ | |
| </div> | ||
| <div class="bullet-text"> | ||
| Run <a href="/tutorials/server/httpserver">backend code</a> | ||
| supporting your app, written using a single programming language | ||
| supporting your app, written using a single programming language. | ||
| </div> | ||
| </div> | ||
| </li> | ||
|
|
||