<commit_before><html>
  <head>
    <style>
      .box {
        border: 2px solid #000;
        float:left;
        margin:10px; 
        height: 505px;
        padding-left: 10px;
        padding-right: 10px;
      }
    </style>
    <link rel="stylesheet" type="text/css" href="../build/UmlCanvas.css" />
<!--    <script src="../build/UmlCanvas.standalone.js"></script> -->

    <script src="../lib/Canvas2D/build/Canvas2D.standalone.js"></script>

    <script src="../src/DepCheck.js"></script>
    <script src="../src/UmlCanvas.js"></script>
    <script src="../src/Common.js"></script>
    <script src="../src/Manager.js"></script>
    <script src="../src/Model.js"></script>
    <script src="../src/Diagram.js"></script>
    <script src="../src/Class.js"></script>
    <script src="../src/Attribute.js"></script>
    <script src="../src/Operation.js"></script>
    <script src="../src/Parameter.js"></script>
    <script src="../src/ConnectorHeads.js"></script>
    <script src="../src/Association.js"></script>
    <script src="../src/Role.js"></script>
    <script src="../src/Dependency.js"></script>
    <script src="../src/ClientSupplier.js"></script>
    <script src="../src/Interface.js"></script>
    <script src="../src/Inheritance.js"></script>
    <script src="../src/Realization.js"></script>
    <script src="../src/KickStart.js"></script>
    <script src="../src/Defaults.js"></script>

  </head>
  
  <body>
    
    <h1>Showcase</h1>
    <div class="box">
      <h2>The Canvas2D/UmlCanvas Model</h2>
      <canvas class="UmlCanvas Tabbed withSource withConsole withAbout" 
	      id="myTabbedDiagram" width="550" height="250"></canvas>
    </div>
    <pre id="myTabbedDiagramSource" style="display:none;">  
Diagram myDiagram +dynamic {
  [@105,65]
  class User { }
  
  [@15,135]
  class Blogger : User {}
  [@70,175]  
  class WikiEditor : User {}
  [@125,135]
  class HtmlEditor : User {}
  [@180,175]
  class JavaScriptDeveloper : User {}

  [@390,65]
  interface Html5Canvas {}
  [@290,65]
  class Canvas2D : Html5Canvas {}
  [@190,65]
  class UmlCanvas : Canvas2D {}

  [@vertical]
  dependency umlcanvasusage { 
    client user : User; 
    supplier umlcanvas : UmlCanvas; 
  }
}
    </pre>  
  </body>
</html>
<commit_msg>Changed lay-out of showcase back to vertical<commit_after><html>
  <head>
    <style>
      .box {
        border: 2px solid #000;
        float:left;
        margin:10px; 
        height: 505px;
        padding-left: 10px;
        padding-right: 10px;
      }
    </style>
    <link rel="stylesheet" type="text/css" href="../build/UmlCanvas.css" />
<!--    <script src="../build/UmlCanvas.standalone.js"></script> -->

    <script src="../lib/Canvas2D/build/Canvas2D.standalone.js"></script>

    <script src="../src/DepCheck.js"></script>
    <script src="../src/UmlCanvas.js"></script>
    <script src="../src/Common.js"></script>
    <script src="../src/Manager.js"></script>
    <script src="../src/Model.js"></script>
    <script src="../src/Diagram.js"></script>
    <script src="../src/Class.js"></script>
    <script src="../src/Attribute.js"></script>
    <script src="../src/Operation.js"></script>
    <script src="../src/Parameter.js"></script>
    <script src="../src/ConnectorHeads.js"></script>
    <script src="../src/Association.js"></script>
    <script src="../src/Role.js"></script>
    <script src="../src/Dependency.js"></script>
    <script src="../src/ClientSupplier.js"></script>
    <script src="../src/Interface.js"></script>
    <script src="../src/Inheritance.js"></script>
    <script src="../src/Realization.js"></script>
    <script src="../src/KickStart.js"></script>
    <script src="../src/Defaults.js"></script>

  </head>
  
  <body>
    
    <h1>Showcase</h1>
    <div class="box">
      <h2>The Canvas2D/UmlCanvas Model</h2>
      <canvas class="UmlCanvas Tabbed withSource withConsole withAbout" 
	      id="myTabbedDiagram" width="350" height="300"></canvas>
    </div>
    <pre id="myTabbedDiagramSource" style="display:none;">  
Diagram myDiagram +dynamic {
  [@105,145]
  class User { }
  
  [@15,215]
  class Blogger : User {}
  [@70,255]  
  class WikiEditor : User {}
  [@125,215]
  class HtmlEditor : User {}
  [@180,255]
  class JavaScriptDeveloper : User {}

  [@179,10]
  interface Html5Canvas {}
  [@193,75]
  class Canvas2D : Html5Canvas {}
  [@190,145]
  class UmlCanvas : Canvas2D {}

  [@vertical]
  dependency umlcanvasusage { 
    client user : User; 
    supplier umlcanvas : UmlCanvas; 
  }
}
    </pre>  
  </body>
</html>

{'fraction_non_alphanumeric': 0.2078465946660789, 'fraction_numerical': 0.03217985452942473, 'mean_word_length': 2.7816666666666667, 'pattern_counts': {'":': 0, '<': 131, '<?xml version=': 0, '>': 131, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5965661', 'n_tokens_mistral': 1656, 'n_tokens_neox': 1520, 'n_words': 268}