| OLD | NEW |
|---|
| 1 <!-- NAVI LINKS --> |
| 2 <div class="row"> |
| 3 <div class="span12"> |
| 4 <div class="row"> |
| 5 <div class="span3"> |
| 6 <a href="/docs/tutorials/"><img src="/docs/tutorials/images/tute-home.pn
g" width="36"></a> |
| 7 </div> |
| 8 <div class="span3"> |
| 9 <a href="/docs/tutorials/{{page.prev}}"><i class="icon-chevron-left"> </
i> {{page.prev-title}}</a> |
| 10 </div> |
| 11 <div class="span3"> |
| 12 </div> |
| 13 <div class="span3"> |
| 14 <a href="/docs/tutorials/{{page.next}}" class="pull-right">{{page.next-t
itle}} <i class="icon-chevron-right"> </i> </a> |
| 15 </div> |
| 16 </div> |
| 17 <hr> |
| 18 </div> |
| 19 </div> |
| 20 |
| 21 <!-- PAGE --> |
| 1 <div class="row"> | 22 <div class="row"> |
| 2 | 23 |
| 3 <div class="span9 offset3"> | 24 <!-- LEFT SIDE BAR --> |
| 4 <h1>{{ page.title }}</h1> | |
| 5 </div> | |
| 6 | |
| 7 <div class="span3"> | 25 <div class="span3"> |
| 8 | 26 |
| 9 <div id="tutorial-side"> | 27 <div id="tutorial-side"> |
| 10 | |
| 11 <div id="tutorial-toc"> | |
| 12 <h4 id="contents">Contents</h4> | |
| 13 <ul> | |
| 14 <li> | |
| 15 <a href="/docs/tutorials/">A Game of Darts: Home</a> | |
| 16 </li> | |
| 17 <li> | |
| 18 <a href="/docs/tutorials/get-started/">1: Get Started</a> | |
| 19 </li> | |
| 20 <li> | |
| 21 <a href="/docs/tutorials/connect-dart-html/">2: Connect Dart &
HTML</a> | |
| 22 </li> | |
| 23 <li> | |
| 24 <a href="/docs/tutorials/add-elements/">3: Add Elements to the DOM<
/a> | |
| 25 </li> | |
| 26 <li> | |
| 27 <a href="/docs/tutorials/remove-elements/">4: Remove DOM Elements</
a> | |
| 28 </li> | |
| 29 <li> | |
| 30 <a href="/docs/tutorials/packages/">5: Install Shared Packages</a> | |
| 31 </li> | |
| 32 <li> | |
| 33 <a href="/docs/tutorials/web-ui/">6: Get Started with Web UI</a> | |
| 34 </li> | |
| 35 <li> | |
| 36 <a href="/docs/tutorials/templates/">7: Use <template></a> | |
| 37 </li> | |
| 38 <li> | |
| 39 <a href="/docs/tutorials/custom-elements/">8: Define a Custom DOM T
ag</a> | |
| 40 </li> | |
| 41 <li> | |
| 42 <a href="/docs/tutorials/fetchdata/">9: Fetch Data Dynamically</a> | |
| 43 </li> | |
| 44 <li> | |
| 45 <a href="/docs/tutorials/forms/">10: Get Input from a Form</a> | |
| 46 </li> | |
| 47 <li> | |
| 48 <a href="/docs/tutorials/indexeddb/">11: Use IndexedDB</a> | |
| 49 </li> | |
| 50 </ul> | |
| 51 </div> <!-- end tutorial-toc --> | |
| 52 | |
| 53 <div id="whats-the-point"> | 28 <div id="whats-the-point"> |
| 54 <h4 id="page-highlights">What's the point?</h4> | 29 <h4 id="page-highlights">What's the point?</h4> |
| 55 {{ whats_the_point | markdownify }} | 30 {{ whats_the_point | markdownify }} |
| 56 </div> <!-- end whats-the-point --> | 31 </div> <!-- whats-the-point --> |
| 57 | 32 |
| 58 <div id="code-links"> | 33 <div id="code-links"> |
| 59 <h4 id="examples">Examples</h4> | 34 <h4 id="examples">Examples</h4> |
| 60 | 35 |
| 61 {{ sample_links | markdownify }} | 36 {{ sample_links | markdownify }} |
| 62 | 37 |
| 63 <a href="https://drone.io/github.com/dart-lang/dart-tutorials-samples/la
test"> | 38 <a href="https://drone.io/github.com/dart-lang/dart-tutorials-samples/la
test"> |
| 64 <img src="https://drone.io/github.com/dart-lang/dart-tutorials-sample
s/status.png" | 39 <img src="https://drone.io/github.com/dart-lang/dart-tutorials-sample
s/status.png" |
| 65 alt="Build Status" style="margin-top:10px;max-width:100%;"> | 40 alt="Build Status" style="margin-top:10px;max-width:100%;"> |
| 66 </a> | 41 </a> |
| 67 </div> <!-- end code-links --> | 42 </div> <!-- end code-links --> |
| 68 | 43 |
| 69 </div> <!-- end tutorial-side --> | 44 <div id="tutorial-toc"> |
| 45 <a href="http://code.google.com/p/dart/issues/entry?template=Tutorial%20
feedback" |
| 46 target="_blank"> |
| 47 <i class="icon-comment"> </i> |
| 48 Send feedback |
| 49 </a> |
| 50 </div> <!-- tutorial-toc --> |
| 70 | 51 |
| 71 <div> </div> | 52 </div> <!-- tutorial-side --> |
| 72 | 53 |
| 73 </div> <!-- end div span3 --> | 54 </div> <!-- end div span3 --> |
| 74 | 55 |
| 56 <!-- CONTENT--> |
| 75 <article class="span9 tutorial-content"> | 57 <article class="span9 tutorial-content"> |
| 76 | 58 |
| 77 {{ content | markdownify }} | 59 {{ content | markdownify }} |
| 78 | 60 |
| 61 </article> |
| 62 </div> |
| 63 |
| 64 <!-- NAVI LINKS --> |
| 65 <div class="row"> |
| 66 <div class="span12"> |
| 67 <hr> |
| 79 <div class="row"> | 68 <div class="row"> |
| 80 <div class="span3"> | 69 <div class="span3"> |
| 70 <a href="/docs/tutorials/"><img src="/docs/tutorials/images/tute-home.pn
g" width="36"></a> |
| 81 </div> | 71 </div> |
| 82 <div class="span9"> | 72 <div class="span3"> |
| 83 <hr> | 73 <a href="/docs/tutorials/{{page.prev}}"><i class="icon-chevron-left"> </
i> {{page.prev-title}}</a> |
| 84 <div class="row"> | 74 </div> |
| 85 <div class="span3"> | 75 <div class="span3"> |
| 86 <a href="/docs/tutorials/{{page.prev}}"><i class="icon-chevron-lef
t"> </i> {{page.prev-title}}</a> | 76 </div> |
| 87 </div> | 77 <div class="span3"> |
| 88 <div class="span3"> | 78 <a href="/docs/tutorials/{{page.next}}" class="pull-right">{{page.next-t
itle}} <i class="icon-chevron-right"> </i> </a> |
| 89 <a href="https://code.google.com/p/dart/issues/entry?template=Docu
mentation%20issue/feedback" | 79 </div> |
| 90 target="_blank"> | 80 </div> |
| 91 <i class="icon-comment"> </i> | 81 </div> |
| 92 Send feedback | 82 </div> |
| 93 </a> | |
| 94 </div> | |
| 95 <div class="span3"> | |
| 96 <a href="/docs/tutorials/{{page.next}}" class="pull-right">{{page.
next-title}} <i class="icon-chevron-right"> </i> </a> | |
| 97 </div> | |
| 98 </div> <!-- row --> | |
| 99 <!-- hr --> | |
| 100 </div> <!-- span9 --> | |
| 101 </div> <!-- row --> | |
| 102 | |
| 103 </article> | |
| 104 | |
| 105 </div> | |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 19238002:
mockup for tute front page refresh. With tabs. Huzzah (Closed)
Base URL: https://github.com/dart-lang/dartlang.org.git@master