Built 12 directories

Directories:
  animations/web
  provider_shopper/web
  charts/web
  filipino_cuisine/web
  github_dataviz/web
  particle_background/web
  slide_puzzle/web
  timeflow/web
  vision_challenge/web
  form_app/web
  web_dashboard/web
  place_tracker/web

Branch: master
Commit: c60f02d7c3 (dirty)

package:peanut 3.5.1

.packages

@@ -27,6 +27,7 @@ coverage:packages/coverage/
 crypto:packages/crypto/
 csslib:packages/csslib/
 dart_style:packages/dart_style/
+file:packages/file/
 fixnum:packages/fixnum/
 glob:packages/glob/
 graphs:packages/graphs/

add_a_drawer_to_a_screen.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/drawer.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/drawer.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>In apps that use Material Design,

add_material_touch_ripples.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/ripples.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/ripples.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Widgets that follow the Material Design guidelines display

add_to_app.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -53,9 +54,11 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/add_to_app1.png" alt="Add_to_app screenshot" />
-    <img src="images/add_to_app2.png" alt="Add_to_app screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/add_to_app1.png" alt="Add_to_app screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/add_to_app2.png" alt="Add_to_app screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Android and iOS projects that each import a standalone Flutter module.

an_introduction_to_integration_testing.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/introduction.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/introduction.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Unit tests and widget tests are handy for testing individual classes,

an_introduction_to_unit_testing.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/introduction.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/introduction.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>How can you ensure that your app continues to work as you add more features or

an_introduction_to_widget_testing.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/introduction.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/introduction.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>In the introduction to unit testing recipe,

animate_a_page_route_transition.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/page-route-animation.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/page-route-animation.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A design language, such as Material, defines standard behaviors when

animate_a_widget_across_screens.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/hero-animations.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/hero-animations.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>It’s often helpful to guide users through an app as they navigate from screen

animate_a_widget_using_a_physics_simulation.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/physics-simulation.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/physics-simulation.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Physics simulations can make app interactions feel realistic and interactive.

animate_the_properties_of_a_container.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/animated-container.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/animated-container.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>The Container class provides a convenient way

animations.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -49,10 +50,12 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/animations1.png" alt="Animations sample screenshot" />
-    <img src="images/animations2.png" alt="Animations sample screenshot" />
-    <img src="images/animations3.png" alt="Animations sample screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/animations1.png" alt="Animations sample screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/animations2.png" alt="Animations sample screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/animations3.png" alt="Animations sample screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Sample apps that showcasing Flutter's animation features.

build_a_form_with_validation.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/validation.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/validation.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Apps often require users to enter information into a text field.

charts.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -48,8 +49,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/charts1.png" alt="null" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/charts1.png" alt="null" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A general-purpose charting library.

create_a_grid_list.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/grid-lists.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/grid-lists.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>In some cases, you might want to display your items as a grid rather than

create_a_horizontal_list.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/horizontal-list.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/horizontal-list.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>You might want to create a list that scrolls

create_and_style_a_text_field.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/text-input.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/text-input.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Text fields allow users to type text into an app.

create_lists_with_different_types_of_items.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/mixed-list.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/mixed-list.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>You might need to create lists that display different types of content.

dice.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -48,8 +49,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/dice.png" alt="Dice screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/dice.png" alt="Dice screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A demo of 3d animation using dice

display_a_snackbar.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/snackbars.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/snackbars.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>It can be useful to briefly inform your users when certain actions

display_images_from_the_internet.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/network-image.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/network-image.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Displaying images is fundamental for most mobile apps.

export_fonts_from_a_package.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/package-fonts.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/package-fonts.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Rather than declaring a font as part of an app,

fade_a_widget_in_and_out.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/opacity-animation.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/opacity-animation.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>UI developers often need to show and hide elements on screen.

fade_in_images_with_a_placeholder.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/fading-in-images.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/fading-in-images.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>When displaying images using the default Image widget,

fetch_data_from_the_internet.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/fetch-data.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/fetch-data.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Fetching data from the internet is necessary for most apps.

filipino_cuisine.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -48,8 +49,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/filipino_cuisine1.png" alt="Filipino Cuisine screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/filipino_cuisine1.png" alt="Filipino Cuisine screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Flutter Create challenge entry

find_widgets.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/finders.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/finders.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>To locate widgets in a test environment, use the Finder

flutter_maps_firestore.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -50,9 +51,11 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/flutter_maps_firestore1.png" alt="Flutter maps firestore screenshot" />
-    <img src="images/flutter_maps_firestore2.png" alt="Flutter maps firestore screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/flutter_maps_firestore1.png" alt="Flutter maps firestore screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/flutter_maps_firestore2.png" alt="Flutter maps firestore screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A Flutter sample app that shows the end product of the Cloud Next '19 talk Build Mobile Apps With Flutter and Google Maps.

focus_and_text_fields.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/focus.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/focus.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>When a text field is selected and accepting input,

form_app.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -49,10 +50,12 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/form_app1.png" alt="Form App screenshot" />
-    <img src="images/form_app2.png" alt="Form App screenshot" />
-    <img src="images/form_app3.png" alt="Form App screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/form_app1.png" alt="Form App screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/form_app2.png" alt="Form App screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/form_app3.png" alt="Form App screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A Flutter sample app that shows how to use Forms.

gallery.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -52,12 +53,14 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/gallery1.png" alt="Gallery app screenshot" />
-    <img src="images/gallery2.png" alt="Rally app screenshot" />
-    <img src="images/gallery3.png" alt="Fortnightly app screenshot" />
-    <img src="images/gallery4.png" alt="Crane app screenshot" />
-    <img src="images/gallery5.png" alt="Shrine app screnshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/gallery1.png" alt="Gallery app screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/gallery2.png" alt="Rally app screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/gallery3.png" alt="Fortnightly app screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/gallery4.png" alt="Crane app screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/gallery5.png" alt="Shrine app screnshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A collection of material design widgets, behaviors, and vignettes implemented with Flutter.

git_hub_dataviz.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -49,8 +50,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/github_dataviz1.png" alt="GitHub Dataviz screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/github_dataviz1.png" alt="GitHub Dataviz screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A visualization for Flutter repository data

handle_changes_to_a_text_field.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/text-field-changes.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/text-field-changes.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>In some cases, it’s useful to run a callback function every time the text

handle_scrolling.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/scrolling.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/scrolling.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Many apps feature lists of content,

handle_taps.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/handling-taps.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/handling-taps.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>You not only want to display information to users,

implement_swipe_to_dismiss.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/dismissible.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/dismissible.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>The “swipe to dismiss” pattern is common in many mobile apps.

isolate_example.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -50,10 +51,12 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/isolate1.png" alt="Isolate example screenshot" />
-    <img src="images/isolate2.png" alt="Isolate example screenshot" />
-    <img src="images/isolate3.png" alt="Isolate example screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/isolate1.png" alt="Isolate example screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/isolate2.png" alt="Isolate example screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/isolate3.png" alt="Isolate example screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A sample application that demonstrate best practices when using isolates.

jsonexample.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -48,10 +49,12 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/jsonexample1.png" alt="JSON example screenshot" />
-    <img src="images/jsonexample2.png" alt="JSON example screenshot" />
-    <img src="images/jsonexample3.png" alt="JSON example screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/jsonexample1.png" alt="JSON example screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/jsonexample2.png" alt="JSON example screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/jsonexample3.png" alt="JSON example screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A Flutter sample app that deserializes a set of JSON strings using three different libraries: dart:convert, json_serializable, and built_value.

make_authenticated_requests.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/authenticated-requests.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/authenticated-requests.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>To fetch data from many web services, you need to provide

mock_dependencies_using_mockito.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/mocking.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/mocking.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Sometimes, unit tests might depend on classes that fetch data from live

navigate_to_a_new_screen_and_back.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/navigation-basics.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/navigation-basics.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Most apps contain several screens for displaying different types of

navigate_with_named_routes.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/named-routes.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/named-routes.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>In the Navigate to a new screen and back recipe,

parse_j_s_o_n_in_the_background.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/background-parsing.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/background-parsing.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>By default, Dart apps do all of their work on a single thread.

particle_background.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -48,8 +49,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/particle_background1.png" alt="Particle Background screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/particle_background1.png" alt="Particle Background screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Flutter app demonstrating package:simple_animations in action.

pass_arguments_to_a_named_route.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/navigate-with-arguments.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/navigate-with-arguments.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>The Navigator provides the ability to navigate

performance_profiling.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/profiling.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/profiling.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>When it comes to mobile apps, performance is critical to user experience.

persist_data_with_s_q_lite.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/sqlite.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/sqlite.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>If writing an app that needs to persist and query larger amounts of data on

place_a_floating_app_bar_above_a_list.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/floating-app-bar.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/floating-app-bar.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>To make it easier for users to view a list of items,

place_tracker.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -50,11 +51,13 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/place_tracker1.png" alt="Place Tracker screenshot" />
-    <img src="images/place_tracker2.png" alt="Place Tracker screenshot" />
-    <img src="images/place_tracker3.png" alt="Place Tracker screenshot" />
-    <img src="images/place_tracker4.png" alt="Place Tracker screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/place_tracker1.png" alt="Place Tracker screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/place_tracker2.png" alt="Place Tracker screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/place_tracker3.png" alt="Place Tracker screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/place_tracker4.png" alt="Place Tracker screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A sample place tracking app that uses the google_maps_flutter plugin. Keep track of your favorite places, places you've visited, and places you want to go. View details about these places, show them on a map, and get directions to them.

platform_design.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -49,14 +50,16 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/platform_design1.png" alt="Platform Design screenshot" />
-    <img src="images/platform_design2.png" alt="Platform Design screenshot" />
-    <img src="images/platform_design3.png" alt="Platform Design screenshot" />
-    <img src="images/platform_design4.png" alt="Platform Design screenshot" />
-    <img src="images/platform_design5.png" alt="Platform Design screenshot" />
-    <img src="images/platform_design6.png" alt="Platform Design screenshot" />
-    <img src="images/platform_design7.png" alt="Platform Design screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/platform_design1.png" alt="Platform Design screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/platform_design2.png" alt="Platform Design screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/platform_design3.png" alt="Platform Design screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/platform_design4.png" alt="Platform Design screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/platform_design5.png" alt="Platform Design screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/platform_design6.png" alt="Platform Design screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/platform_design7.png" alt="Platform Design screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A Flutter app that maximizes application code reuse while adhering to different design patterns on Android and iOS

platform_view_swift.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -49,9 +50,11 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/platform_view_swift1.png" alt="Platform View Swift screenshot" />
-    <img src="images/platform_view_swift2.png" alt="Platform View Swift screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/platform_view_swift1.png" alt="Platform View Swift screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/platform_view_swift2.png" alt="Platform View Swift screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A Flutter sample app that combines a native iOS UIViewController with a full-screen Flutter view.

play_and_pause_a_video.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/play-video.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/play-video.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Playing videos is a common task in app development,

provider_shopper.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -49,10 +50,12 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/provider_shopper1.png" alt="Provider Shopper screenshot" />
-    <img src="images/provider_shopper2.png" alt="Provider Shopper screenshot" />
-    <img src="images/provider_shopper3.png" alt="Provider Shopper screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/provider_shopper1.png" alt="Provider Shopper screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/provider_shopper2.png" alt="Provider Shopper screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/provider_shopper3.png" alt="Provider Shopper screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A Flutter sample app that shows a state management approach using the Provider package.

read_and_write_files.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/reading-writing-files.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/reading-writing-files.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>In some cases, you need to read and write files to disk.

report_errors_to_a_service.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/error-reporting.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/error-reporting.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>While one always tries to create apps that are free of bugs,

retrieve_the_value_of_a_text_field.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/retrieve-input.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/retrieve-input.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>In this recipe,

return_data_from_a_screen.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/returning-data.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/returning-data.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>In some cases, you might want to return data from a new screen.

send_data_to_a_new_screen.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/passing-data.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/passing-data.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Often, you not only want to navigate to a new screen,

send_data_to_the_internet.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/send-data.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/send-data.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Sending data to the internet is necessary for most apps.

slide_puzzle.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -48,8 +49,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/slide_puzzle1.png" alt="Slide Puzzle screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/slide_puzzle1.png" alt="Slide Puzzle screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A slide (15) puzzle implemented in Dart and Flutter.

store_key-value_data_on_disk.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/key-value.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/key-value.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>If you have a relatively small collection of key-values

take_a_picture_using_the_camera.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/picture-using-camera.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/picture-using-camera.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Many apps require working with the device’s cameras to

tap_drag_and_enter_text.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/tap-drag.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/tap-drag.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Many widgets not only display information, but also respond

timeflow.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -48,8 +49,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/timeflow1.png" alt="Timeflow screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/timeflow1.png" alt="Timeflow screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A gentle animation that provides a calming experience to stressed developers.

update_the_u_i_based_on_orientation.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/orientation.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/orientation.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>In some situations,

use_a_custom_font.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/fonts.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/fonts.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Although Android and iOS offer high quality system fonts,

use_lists.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/basic-list.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/basic-list.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>Displaying lists of data is a fundamental pattern for mobile apps.

use_themes_to_share_colors_and_font_styles.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -44,8 +45,10 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/cookbook/themes.png" alt="Cookbook article" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/cookbook/themes.png" alt="Cookbook article" /></div>
+        </div>
       </div>
       <div class="description">
         <p>To share colors and font styles throughout an app, use themes.

vision_challenge.html

@@ -8,6 +8,7 @@
   <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <script src="packages/mdc_web/material-components-web.min.js"></script>
+  <script src="https://kit.fontawesome.com/16cc04762e.js"></script>
   <script defer src="description.dart.js"></script>
 </head>
 
@@ -48,9 +49,11 @@
           </div>
         </div>
       </div>
-      <div class="screenshots">
-        <img src="images/vision_challenge1.png" alt="Vision Challenge screenshot" />
-    <img src="images/vision_challenge2.png" alt="Vision Challenge screenshot" />
+      <div class="slider-container">
+        <div class="slider-content">
+          <div class="slider-single"><img class="slider-single-image" src="images/vision_challenge1.png" alt="Vision Challenge screenshot" /></div>
+    <div class="slider-single"><img class="slider-single-image" src="images/vision_challenge2.png" alt="Vision Challenge screenshot" /></div>
+        </div>
       </div>
       <div class="description">
         <p>A fun game to test your color perception abilities.

web/animations/.last_build_id

@@ -1 +1 @@
-3738fb80977e3e68a22c31ebbb26d579
+00ff919b7e22217b205ec4becfbe55c8

web/animations/assets/AssetManifest.json

@@ -1 +1 @@
-{"packages/cupertino_icons/assets/CupertinoIcons.ttf":["packages/cupertino_icons/assets/CupertinoIcons.ttf"],"assets/eat_cape_town.jpg":["assets/eat_cape_town.jpg"],"assets/eat_cape_town_sm.jpg":["assets/eat_cape_town_sm.jpg"],"assets/eat_new_orleans.jpg":["assets/eat_new_orleans.jpg"],"assets/eat_new_orleans_sm.jpg":["assets/eat_new_orleans_sm.jpg"],"assets/eat_sydney.jpg":["assets/eat_sydney.jpg"],"assets/eat_sydney_sm.jpg":["assets/eat_sydney_sm.jpg"]}
+{"assets/eat_cape_town.jpg":["assets/eat_cape_town.jpg"],"assets/eat_cape_town_sm.jpg":["assets/eat_cape_town_sm.jpg"],"assets/eat_new_orleans.jpg":["assets/eat_new_orleans.jpg"],"assets/eat_new_orleans_sm.jpg":["assets/eat_new_orleans_sm.jpg"],"assets/eat_sydney.jpg":["assets/eat_sydney.jpg"],"assets/eat_sydney_sm.jpg":["assets/eat_sydney_sm.jpg"],"packages/cupertino_icons/assets/CupertinoIcons.ttf":["packages/cupertino_icons/assets/CupertinoIcons.ttf"]}

web/animations/flutter_service_worker.js

@@ -6,12 +6,12 @@ const RESOURCES = {
   "version.json": "16b722bc52eafae59c70c5a4ffdb26e7",
 "index.html": "e2634995892cc50d32890e8161bed4c4",
 "/": "e2634995892cc50d32890e8161bed4c4",
-"main.dart.js": "c45fa6cccb67bee31e3c46ac3c008a40",
+"main.dart.js": "65c5a6613d3d4d9142a1385a2c0fa72b",
 "icons/Icon-192.png": "ac9a721a12bbc803b44f645561ecb1e1",
 "icons/Icon-512.png": "96e752610906ba2a93c65f8abe1645f1",
 "manifest.json": "1294ed65db20bc1191041c5e3a73d8f9",
-"assets/AssetManifest.json": "23bb7325c9c562fafc5c7888b9c1a36f",
-"assets/NOTICES": "b31adcd343858a6f8c15b202671b9a73",
+"assets/AssetManifest.json": "f800925a520b3d5afd9bb2f08910764d",
+"assets/NOTICES": "849ffd2319bb0cb63d7712ac29c464d1",
 "assets/FontManifest.json": "dc3d03800ccca4601324923c0b1d6d57",
 "assets/packages/cupertino_icons/assets/CupertinoIcons.ttf": "115e937bb829a890521f72d2e664b632",
 "assets/fonts/MaterialIcons-Regular.otf": "1288c9e28052e028aba623321f7826ac",

web/charts/.last_build_id

@@ -1 +1 @@
-3738fb80977e3e68a22c31ebbb26d579
+00ff919b7e22217b205ec4becfbe55c8

web/charts/flutter_service_worker.js

@@ -6,9 +6,9 @@ const RESOURCES = {
   "version.json": "db2bd9afa32542a3443894b14bf3246c",
 "index.html": "51839f812a32cce7ac40ca488295da30",
 "/": "51839f812a32cce7ac40ca488295da30",
-"main.dart.js": "68357cc353f929b0d9f9280ac65e98cc",
+"main.dart.js": "08add03c6b7ca1d33ca868d819626079",
 "assets/AssetManifest.json": "e9760aff26d7236650b16d3f72345665",
-"assets/NOTICES": "e9af8a0df3b8b2481733c231ac98dae5",
+"assets/NOTICES": "1365edc8215e9d6786e8c8074f50597f",
 "assets/FontManifest.json": "7b2a36307916a9721811788013e65289",
 "assets/fonts/MaterialIcons-Regular.otf": "1288c9e28052e028aba623321f7826ac",
 "assets/assets/preview.png": "c097a5e6dc82ffff6c6a7ddb0a6995ec"

web/filipino_cuisine/.last_build_id

@@ -1 +1 @@
-3738fb80977e3e68a22c31ebbb26d579
+00ff919b7e22217b205ec4becfbe55c8

web/filipino_cuisine/assets/AssetManifest.json

@@ -1 +1 @@
-{"fonts/Arkipelago.otf":["fonts/Arkipelago.otf"],"fonts/OpenSans-Bold.ttf":["fonts/OpenSans-Bold.ttf"],"fonts/OpenSans-Regular.ttf":["fonts/OpenSans-Regular.ttf"],"banana.png":["assets/banana.png"],"beef.png":["assets/beef.png"],"beef_caldereta.jpg":["assets/beef_caldereta.jpg"],"black_pepper.png":["assets/black_pepper.png"],"bokchoy.png":["assets/bokchoy.png"],"butter.png":["assets/butter.png"],"cabbage.png":["assets/cabbage.png"],"calamares.jpg":["assets/calamares.jpg"],"carrot.png":["assets/carrot.png"],"cheese.png":["assets/cheese.png"],"chili.png":["assets/chili.png"],"egg.png":["assets/egg.png"],"embutido.jpg":["assets/embutido.jpg"],"flour.png":["assets/flour.png"],"garlic.png":["assets/garlic.png"],"green_beans.png":["assets/green_beans.png"],"green_bell.png":["assets/green_bell.png"],"ground_pork.png":["assets/ground_pork.png"],"lemon.png":["assets/lemon.png"],"oil.png":["assets/oil.png"],"onion.png":["assets/onion.png"],"pochero.jpg":["assets/pochero.jpg"],"pork.png":["assets/pork.png"],"pork_sisig.jpg":["assets/pork_sisig.jpg"],"potato.png":["assets/potato.png"],"preview.png":["assets/preview.png"],"raisins.png":["assets/raisins.png"],"red_bell.png":["assets/red_bell.png"],"red_pepper.png":["assets/red_pepper.png"],"salt.png":["assets/salt.png"],"sausage.png":["assets/sausage.png"],"squid.png":["assets/squid.png"],"tomato.png":["assets/tomato.png"],"yellow_onion.png":["assets/yellow_onion.png"]}
+{"banana.png":["assets/banana.png"],"beef.png":["assets/beef.png"],"beef_caldereta.jpg":["assets/beef_caldereta.jpg"],"black_pepper.png":["assets/black_pepper.png"],"bokchoy.png":["assets/bokchoy.png"],"butter.png":["assets/butter.png"],"cabbage.png":["assets/cabbage.png"],"calamares.jpg":["assets/calamares.jpg"],"carrot.png":["assets/carrot.png"],"cheese.png":["assets/cheese.png"],"chili.png":["assets/chili.png"],"egg.png":["assets/egg.png"],"embutido.jpg":["assets/embutido.jpg"],"flour.png":["assets/flour.png"],"fonts/Arkipelago.otf":["fonts/Arkipelago.otf"],"fonts/OpenSans-Bold.ttf":["fonts/OpenSans-Bold.ttf"],"fonts/OpenSans-Regular.ttf":["fonts/OpenSans-Regular.ttf"],"garlic.png":["assets/garlic.png"],"green_beans.png":["assets/green_beans.png"],"green_bell.png":["assets/green_bell.png"],"ground_pork.png":["assets/ground_pork.png"],"lemon.png":["assets/lemon.png"],"oil.png":["assets/oil.png"],"onion.png":["assets/onion.png"],"pochero.jpg":["assets/pochero.jpg"],"pork.png":["assets/pork.png"],"pork_sisig.jpg":["assets/pork_sisig.jpg"],"potato.png":["assets/potato.png"],"preview.png":["assets/preview.png"],"raisins.png":["assets/raisins.png"],"red_bell.png":["assets/red_bell.png"],"red_pepper.png":["assets/red_pepper.png"],"salt.png":["assets/salt.png"],"sausage.png":["assets/sausage.png"],"squid.png":["assets/squid.png"],"tomato.png":["assets/tomato.png"],"yellow_onion.png":["assets/yellow_onion.png"]}

web/filipino_cuisine/flutter_service_worker.js

@@ -6,10 +6,10 @@ const RESOURCES = {
   "version.json": "80ec7e6e3e8a22f5e6876e9f61e47dd9",
 "index.html": "51839f812a32cce7ac40ca488295da30",
 "/": "51839f812a32cce7ac40ca488295da30",
-"main.dart.js": "d68806ef7389d7d52b77a549da221ed5",
+"main.dart.js": "4d645f9a2a849e9f4a9c0d463b90683c",
 "data.json": "35a2823b6112e4fca5d15ccc2f40f93c",
-"assets/AssetManifest.json": "9a9dc0fcf13a169b21599ded2002d794",
-"assets/NOTICES": "036a16ac0fa3aa6b3dfe587f7fc24098",
+"assets/AssetManifest.json": "548d1ff88261be32e74ae616118e1d8f",
+"assets/NOTICES": "a989091a4fefadd1df74894a28cd0186",
 "assets/FontManifest.json": "6e8f98a76d0618880949fbf456dfe91d",
 "assets/fonts/Arkipelago.otf": "8d60d9104579c47ed7aed99f61cba541",
 "assets/fonts/OpenSans-Bold.ttf": "50145685042b4df07a1fd19957275b81",

web/form_app/.last_build_id

@@ -1 +1 @@
-3738fb80977e3e68a22c31ebbb26d579
+00ff919b7e22217b205ec4becfbe55c8

web/form_app/flutter_service_worker.js

@@ -4,15 +4,15 @@ const TEMP = 'flutter-temp-cache';
 const CACHE_NAME = 'flutter-app-cache';
 const RESOURCES = {
   "version.json": "467911f197f6e63848ac8b5043ce2585",
-"index.html": "525f404ee88d02412097b76a141c686c",
-"/": "525f404ee88d02412097b76a141c686c",
-"main.dart.js": "80a9e53e0d2f0b6a0ca40ef4c53d6513",
+"index.html": "766f44ff4881f9ff3d15360c9beb5ac5",
+"/": "766f44ff4881f9ff3d15360c9beb5ac5",
+"main.dart.js": "722fec1e262a3cc83b0a9b3423f2af01",
 "favicon.png": "5dcef449791fa27946b3d35ad8803796",
 "icons/Icon-192.png": "ac9a721a12bbc803b44f645561ecb1e1",
 "icons/Icon-512.png": "96e752610906ba2a93c65f8abe1645f1",
 "manifest.json": "4d05609ff620f8861ca20119a9dc92fd",
 "assets/AssetManifest.json": "2efbb41d7877d10aac9d091f58ccd7b9",
-"assets/NOTICES": "aa36b0713921e69d08d97fb34621c94f",
+"assets/NOTICES": "c45b68cc0651725f2fcb75869daaa6c0",
 "assets/FontManifest.json": "dc3d03800ccca4601324923c0b1d6d57",
 "assets/packages/cupertino_icons/assets/CupertinoIcons.ttf": "115e937bb829a890521f72d2e664b632",
 "assets/fonts/MaterialIcons-Regular.otf": "1288c9e28052e028aba623321f7826ac"

web/form_app/index.html

@@ -31,7 +31,7 @@
   <script>
     if ('serviceWorker' in navigator) {
       window.addEventListener('load', function () {
-        navigator.serviceWorker.register('flutter_service_worker.js?v=744407305');
+        navigator.serviceWorker.register('flutter_service_worker.js?v=4009322861');
       });
     }
   </script>

web/github_dataviz/.last_build_id

@@ -1 +1 @@
-3738fb80977e3e68a22c31ebbb26d579
+00ff919b7e22217b205ec4becfbe55c8

web/github_dataviz/assets/AssetManifest.json

@@ -1 +1 @@
-{"github_data/comments.tsv":["github_data/comments.tsv"],"github_data/commits.tsv":["github_data/commits.tsv"],"github_data/contributors.json":["github_data/contributors.json"],"github_data/forks.tsv":["github_data/forks.tsv"],"preview.png":["assets/preview.png"],"github_data/pull_requests.tsv":["github_data/pull_requests.tsv"],"github_data/stars.tsv":["github_data/stars.tsv"]}
+{"github_data/comments.tsv":["github_data/comments.tsv"],"github_data/commits.tsv":["github_data/commits.tsv"],"github_data/contributors.json":["github_data/contributors.json"],"github_data/forks.tsv":["github_data/forks.tsv"],"github_data/pull_requests.tsv":["github_data/pull_requests.tsv"],"github_data/stars.tsv":["github_data/stars.tsv"],"preview.png":["assets/preview.png"]}

web/github_dataviz/flutter_service_worker.js

@@ -6,9 +6,9 @@ const RESOURCES = {
   "version.json": "e4796c6eeace7d7897bf0b66b0acb15e",
 "index.html": "51839f812a32cce7ac40ca488295da30",
 "/": "51839f812a32cce7ac40ca488295da30",
-"main.dart.js": "e964f3581c9284581153603ebcc0df7b",
-"assets/AssetManifest.json": "7ac1367789abe6eed8ffe5db603b0604",
-"assets/NOTICES": "0ed243d1ee0cbd441fd3a0bd0a878b74",
+"main.dart.js": "d68036a6838d25a201bb0f421aa7539f",
+"assets/AssetManifest.json": "9fe712ba1ba0aebba619e2e9de60fc0f",
+"assets/NOTICES": "673fe8c84ceb19fbeb6d7af232a128fa",
 "assets/FontManifest.json": "d751713988987e9331980363e24189ce",
 "assets/assets/preview.png": "f41b57a2a2dab8d74ade52f9175b4a59",
 "assets/github_data/contributors.json": "4f7b5d7640ca5ab67ee419df55a4833f",

web/particle_background/.last_build_id

@@ -1 +1 @@
-3738fb80977e3e68a22c31ebbb26d579
+00ff919b7e22217b205ec4becfbe55c8

web/particle_background/flutter_service_worker.js

@@ -6,9 +6,9 @@ const RESOURCES = {
   "version.json": "29ea889e856513e5e767cb283d0e1307",
 "index.html": "51839f812a32cce7ac40ca488295da30",
 "/": "51839f812a32cce7ac40ca488295da30",
-"main.dart.js": "a982e94ac69bdb88b887c2b481ea7ed7",
+"main.dart.js": "b51d8b7f19b869c49245d1d44b21d621",
 "assets/AssetManifest.json": "e9760aff26d7236650b16d3f72345665",
-"assets/NOTICES": "8c4aa2e26e459e7d34218c63d0969ab4",
+"assets/NOTICES": "1fb80715c9deb1b5aeb0f847bc988dba",
 "assets/FontManifest.json": "d751713988987e9331980363e24189ce",
 "assets/assets/preview.png": "6b10c71454f2d3eb2d2d867c656607ef"
 };