<commit_before><!---{
    "experiments": ["amp-fx-flying-carpet"]
  }--->
<!--
  #### Introduction

  [amp-fx-flying-carpet](https://www.ampproject.org/docs/reference/components/amp-fx-flying-carpet) displays its children inside a container of fixed height. As the user scrolls the page, the flying carpet reveals more of it contents, sliding across its children as if peering through a window in the page.

  For best experience of this example, use a mobile device or choose a mobile device layout using the Chrome console.
-->
<!-- -->
<!doctype html>
<html ⚡>
<head>
  <meta charset="utf-8">
  <link rel="canonical" href="<%host%>/components/amp-fx-flying-carpet/">
  <!-- #### Setup -->
  <!-- Import the `amp-fx-flying-carpet` component in the header. -->
  <script async custom-element="amp-fx-flying-carpet" src="https://cdn.ampproject.org/v0/amp-fx-flying-carpet-0.1.js"></script>
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <style amp-custom>
    @media (max-width: 1026px) {
      .-amp-fx-flying-carpet-container {
        text-align: center;
      }
    }
    @media (min-width: 1027px) {
      .align-right {
        float: right;
        margin: 16px;
      }
    }
    .amp-flying-carpet-text-border {
      background-color: black;
      color: white;
      text-align: center;
    }
    amp-fx-flying-carpet {
      background: orange;
    }
  </style>
</head>
<body>

  <!--
     #### Basic Usage
  --><commit_msg>move amp-fx-flying-carpet out of experimental (and fix sample) (#460)<commit_after><!--
  #### Introduction

  [amp-fx-flying-carpet](https://www.ampproject.org/docs/reference/components/amp-fx-flying-carpet) displays its children inside a container of fixed height. As the user scrolls the page, the flying carpet reveals more of it contents, sliding across its children as if peering through a window in the page.

  For best experience of this example, use a mobile device or choose a mobile device layout using the Chrome console.
-->
<!-- -->
<!doctype html>
<html ⚡>
<head>
  <meta charset="utf-8">
  <link rel="canonical" href="<%host%>/components/amp-fx-flying-carpet/">
  <!-- #### Setup -->
  <!-- Import the `amp-fx-flying-carpet` component in the header. -->
  <script async custom-element="amp-fx-flying-carpet" src="https://cdn.ampproject.org/v0/amp-fx-flying-carpet-0.1.js"></script>
  <script async custom-element="amp-ad" src="https://cdn.ampproject.org/v0/amp-ad-0.1.js"></script>
  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
  <style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
  <script async src="https://cdn.ampproject.org/v0.js"></script>
  <style amp-custom>
    @media (max-width: 1026px) {
      amp-fx-flying-carpet {
        text-align: center;
      }
    }
    @media (min-width: 1027px) {
      .align-right {
        float: right;
        margin: 16px;
      }
    }
    .amp-flying-carpet-text-border {
      background-color: black;
      color: white;
      text-align: center;
    }
    amp-fx-flying-carpet {
      background: orange;
    }
  </style>
</head>
<body>

  <!--
     #### Basic Usage
  -->
{'fraction_non_alphanumeric': 0.16719846841097638, 'fraction_numerical': 0.015315890236119975, 'mean_word_length': 3.8928199791883453, 'pattern_counts': {'":': 1, '<': 58, '<?xml version=': 0, '>': 58, 'https://': 7, 'lorem ipsum': 0, 'www.': 2, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2640004', 'n_tokens_mistral': 1694, 'n_tokens_neox': 1563, 'n_words': 314}