<commit_before><!DOCTYPE html><html><head>
  <title>WEDIT</title>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <script defer="" src="/main.dart.js"></script>
  <link rel="stylesheet" href="/main.css"/>
  <link href="https://fonts.googleapis.com/css?family=Roboto Mono" rel="stylesheet"/>
</head>

<body>
  <header>
    <p wedit="chapeau">static website editing tool
</p>
    <h1 wedit="header">WEDIT
</h1>
  </header>
  <div class="container">
    <div class="center">
      <div class="content">
        <h2 wedit="about-h">what is it?
</h2>
        <div wedit="about-p"><p>Wedit is command line tool designed to help website content management.</p>

<p>Wedit uses static HTML website as template and enables the content to be changed through WYSIWYG editing using the web browser. All changes are immediate and align with the intended website design.</p>

<p>To see wedit in action, press and hold the <code>CTRL</code> key!</p>
</div>
      </div>
    </div>
    <div style="clear:both"></div>
    <div class="center">
      <div class="content">
        <h2 wedit="action-h">wedit in action
</h2>
        <div wedit="action-p">See how wedit is used for the <a href="https://www.peaks.nl">Peaks</a> website.
</div>
        <p>
          <img style="width:100%;border-radius:20px;" src="action.gif"/>
        </p>
      </div>
    </div>
    <div style="clear:both"></div>
    <div class="half">
      <div class="content">
        <div>
          <h2 wedit="text-h">text editing
</h2>
          <div wedit="text-p"><p>Any HTML element within the template marked with <code>wedit=&#34;...&#34;</code> attribute is editable using markdown.</p>

<p>The markdown supports paragraphs <a href="https://wedit.io">links</a>, headers, bullet points, basic <em>text</em> <em>decorations</em>, inline images or even free form HTML.</p>

<p>Once edit is done, all changes are automatically reflected to the static website.</p>
</div>
          
          
        </div>
      </div>
    </div>
    <div class="half">
      <div class="content">
        <div>
          <h2 wedit="repeat-h">repeat sections
</h2>
          <div wedit="repeat-p"><p>Any HTML element can be marked with <code>wedit-repeat=&#34;...&#34;</code> attribute to make it repeatable.</p>

<p>This is useful technique to add dynamic number of:</p>
</div>
          <ul>
            <li wedit-repeat="repeat-r" style="margin:20px">
              <div wedit="repeat-r-p">paragraphs
</div>
            </li><li style="margin:20px">
              <div wedit="repeat-r-p1550873460790">list items
</div>
            </li><li style="margin:20px">
              <div wedit="repeat-r-p1550873484912">carousels items
</div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div style="clear:both"></div>
    <div class="center">
      <div class="content">
        <div>
          <h2 wedit="images-h">images support
</h2>
          <div style="text-align:center">
            <img srcset="img.jpg" style="width:30%;border-radius: 50%" wedit="images-i"/>
          </div>
          <div wedit="images-p"><p>Wedit supports the <code>img</code> HTML elements. Similar with ant other text
element <code>img</code> elements are made editable with the <code>wedit=&#34;...&#34;</code>
attribute.</p>

<p>If srcset is used with ‘width’ descriptor (like <code>srcset=&#34;image-s.jpg 
320w, image-m.jpg 640w, image-l.jpg 1024w&#34;</code>), the new uploaded image
will be automatically resized and different files will be supplied for
each descriptor.</p>
</div>
        </div>
      </div>
    </div>
    <div style="clear:both"></div>
    <div class="half">
      <div class="content">
        <div>
          <h2 wedit="variations-h">page variations<commit_msg>fixing missing image<commit_after><!DOCTYPE html><html><head>
  <title>WEDIT</title>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <script defer="" src="/main.dart.js"></script>
  <link rel="stylesheet" href="/main.css"/>
  <link href="https://fonts.googleapis.com/css?family=Roboto Mono" rel="stylesheet"/>
</head>

<body>
  <header>
    <p wedit="chapeau">static website editing tool
</p>
    <h1 wedit="header">WEDIT
</h1>
  </header>
  <div class="container">
    <div class="center">
      <div class="content">
        <h2 wedit="about-h">what is it?
</h2>
        <div wedit="about-p"><p>Wedit is command line tool designed to help website content management.</p>

<p>Wedit uses static HTML website as template and enables the content to be changed through WYSIWYG editing using the web browser. All changes are immediate and align with the intended website design.</p>

<p>To see wedit in action, press and hold the <code>CTRL</code> key!</p>
</div>
      </div>
    </div>
    <div style="clear:both"></div>
    <div class="center">
      <div class="content">
        <h2 wedit="action-h">wedit in action
</h2>
        <div wedit="action-p">See how wedit is used for the <a href="https://www.peaks.nl">Peaks</a> website.
</div>
        <p>
          <img style="width:100%;border-radius:20px;" src="action.gif"/>
        </p>
      </div>
    </div>
    <div style="clear:both"></div>
    <div class="half">
      <div class="content">
        <div>
          <h2 wedit="text-h">text editing
</h2>
          <div wedit="text-p"><p>Any HTML element within the template marked with <code>wedit=&#34;...&#34;</code> attribute is editable using markdown.</p>

<p>The markdown supports paragraphs <a href="https://wedit.io">links</a>, headers, bullet points, basic <em>text</em> <em>decorations</em>, inline images or even free form HTML.</p>

<p>Once edit is done, all changes are automatically reflected to the static website.</p>
</div>
          
          
        </div>
      </div>
    </div>
    <div class="half">
      <div class="content">
        <div>
          <h2 wedit="repeat-h">repeat sections
</h2>
          <div wedit="repeat-p"><p>Any HTML element can be marked with <code>wedit-repeat=&#34;...&#34;</code> attribute to make it repeatable.</p>

<p>This is useful technique to add dynamic number of:</p>
</div>
          <ul>
            <li wedit-repeat="repeat-r" style="margin:20px">
              <div wedit="repeat-r-p">paragraphs
</div>
            </li><li style="margin:20px">
              <div wedit="repeat-r-p1550873460790">list items
</div>
            </li><li style="margin:20px">
              <div wedit="repeat-r-p1550873484912">carousels items
</div>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div style="clear:both"></div>
    <div class="center">
      <div class="content">
        <div>
          <h2 wedit="images-h">images support
</h2>
          <div style="text-align:center">
            <img srcset="img.jpeg" style="width:80%;border-radius: 20px" wedit="images-i"/>
          </div>
          <div wedit="images-p"><p>Wedit supports the <code>img</code> HTML elements. Similar with ant other text
element <code>img</code> elements are made editable with the <code>wedit=&#34;...&#34;</code>
attribute.</p>

<p>If srcset is used with ‘width’ descriptor (like <code>srcset=&#34;image-s.jpg 
320w, image-m.jpg 640w, image-l.jpg 1024w&#34;</code>), the new uploaded image
will be automatically resized and different files will be supplied for
each descriptor.</p>
</div>
        </div>
      </div>
    </div>
    <div style="clear:both"></div>
    <div class="half">
      <div class="content">
        <div>
          <h2 wedit="variations-h">page variations
{'fraction_non_alphanumeric': 0.1728768926925609, 'fraction_numerical': 0.021593153390388413, 'mean_word_length': 2.853881278538813, 'pattern_counts': {'":': 0, '<': 283, '<?xml version=': 0, '>': 283, 'https://': 6, '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': '2944238', 'n_tokens_mistral': 2573, 'n_tokens_neox': 2474, 'n_words': 673}