<commit_before><!DOCTYPE html>
<!--
Copyright 2013 The Toolkitchen Authors. All rights reserved.
Use of this source code is governed by a BSD-style
license that can be found in the LICENSE file.
-->
<html>
<head>
	<title>App</title>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0">
  <title>Icon Button</title>
  <script src="../platform/platform.js"></script>
  <script src="../toolkit.js"></script>
  <link rel="component" href="../components/g-app.html">
  <style>
    .content {
      padding: 20px;
      background: lightblue;
    }
    
    .app-container {
      height: 300px;
      width: 300px;
      border: 1px solid black;
      position: relative;
    }
  </style>
</head>
<body>
  <h4>Putting content into a g-app</h4>
  <div class="app-container">
    <g-app>
      <div class="content flex">Content...</div>
      <shadow></shadow>
    </g-app>
  </div>  
  
  <h4>Extending a g-app</h4>
  <element name="g-my-app" extends="g-app">
    <template>
      <style>
        .tomato {
          background: tomato;
          padding: 20px;
        }
      </style>
      <div class="flex tomato">{{content}}</div>
    </template>
    <script>
      Toolkit.register(this, {
        content: 'App Stuff!!!',
        ready: function() {
          this.super();
        }
      });
    </script>
  </element>
  <div class="app-container">
    <g-my-app></g-my-app>
  </div>
</body>
</html>
<commit_msg>cleanup workbench file.<commit_after><!DOCTYPE html>
<!--
Copyright 2013 The Toolkitchen Authors. All rights reserved.
Use of this source code is governed by a BSD-style
license that can be found in the LICENSE file.
-->
<html>
<head>
	<title>App</title>
  <meta charset="utf-8">
  <meta name="viewport" content="initial-scale=1.0">
  <title>Icon Button</title>
  <script src="../platform/platform.js"></script>
  <script src="../toolkit.js"></script>
  <link rel="component" href="../components/g-app.html">
  <style>
    .content {
      padding: 20px;
      background: lightblue;
    }
    
    .app-container {
      height: 300px;
      width: 300px;
      border: 1px solid black;
      position: relative;
    }
  </style>
</head>
<body>
  <h4>Putting content into a g-app</h4>
  <div class="app-container">
    <g-app>
      <div class="content flex">Content...</div>
    </g-app>
  </div>  
  
  <h4>Extending a g-app</h4>
  <element name="g-my-app" extends="g-app">
    <template>
      <style>
        .tomato {
          background: tomato;
          padding: 20px;
        }
      </style>
      <div class="flex tomato">{{content}}</div>
    </template>
    <script>
      Toolkit.register(this, {
        content: 'App Stuff!!!'
      });
    </script>
  </element>
  <div class="app-container">
    <g-my-app></g-my-app>
  </div>
</body>
</html>

{'fraction_non_alphanumeric': 0.1769532643596147, 'fraction_numerical': 0.01569746699964324, 'mean_word_length': 2.4029126213592233, 'pattern_counts': {'":': 0, '<': 95, '<?xml version=': 0, '>': 95, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, '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': '2713503', 'n_tokens_mistral': 999, 'n_tokens_neox': 958, 'n_words': 226}