<commit_before><!doctype html>
<meta charset="utf-8">
<title>Dimensions Browser Extension</title>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="favicon.ico"> 
<link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/baocaagndhipibgklemoalmkljaimfdj">

<header>
  <h1><img src="extension/images/icon48.png" srcset="extension/images/icon128.png 2x" width="48" height="48"><span class="h1">Dimensions</span></h1>
  <h2><span class="h2">Chrome Browser Extension</span></h2>
  <a href="https://chrome.google.com/webstore/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj" class="button invisible"><img src="img/chrome-icon.png" srcset="img/chrome-icon@2x.png" width="20" height="20"> Install from Chrome Webstore</a>
</header>

<div class="main container">
  <div class="columns">
    <div class="column">
      <img src="img/search.png" srcset="img/search@2x.png 2x" height="52">
      <h2>Images &amp; HTML Elements</h2>
      <p>Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser.</p>
    </div>
    <div class="column">
      <img src="img/files.png" srcset="img/files@2x.png 2x" height="52">
      <h2>Mockups</h2>
      <p>Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring.</p>
    </div>
    <div class="column">
      <img src="img/keyboard-shortcut.png" srcset="img/keyboard-shortcut@2x.png 2x" height="52">
      <h2>Keyboard Shortcut</h2>
      <p>For the best experience set a keyboard shortcut in the Extension Settings to quickly enable and disable Dimensions.</p>
    </div>
    <div class="column"><commit_msg>describe key shortcut setup clearer<commit_after><!doctype html>
<meta charset="utf-8">
<title>Dimensions Browser Extension</title>
<link rel="stylesheet" href="css/style.css">
<link rel="shortcut icon" href="favicon.ico"> 
<link rel="chrome-webstore-item" href="https://chrome.google.com/webstore/detail/baocaagndhipibgklemoalmkljaimfdj">

<header>
  <h1><img src="extension/images/icon48.png" srcset="extension/images/icon128.png 2x" width="48" height="48"><span class="h1">Dimensions</span></h1>
  <h2><span class="h2">Chrome Browser Extension</span></h2>
  <a href="https://chrome.google.com/webstore/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj" class="button invisible"><img src="img/chrome-icon.png" srcset="img/chrome-icon@2x.png" width="20" height="20"> Install from Chrome Webstore</a>
</header>

<div class="main container">
  <div class="columns">
    <div class="column">
      <img src="img/search.png" srcset="img/search@2x.png 2x" height="52">
      <h2>Images &amp; HTML Elements</h2>
      <p>Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser.</p>
    </div>
    <div class="column">
      <img src="img/files.png" srcset="img/files@2x.png 2x" height="52">
      <h2>Mockups</h2>
      <p>Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring.</p>
    </div>
    <div class="column">
      <img src="img/keyboard-shortcut.png" srcset="img/keyboard-shortcut@2x.png 2x" height="52">
      <h2>Keyboard Shortcut</h2>
      <p>For the best experience set a keyboard shortcut in the chrome setting at the end of the extensions list to quickly enable and disable Dimensions.</p>
    </div>
    <div class="column">
{'fraction_non_alphanumeric': 0.15884680610514415, 'fraction_numerical': 0.022611644997173545, 'mean_word_length': 4.8207236842105265, 'pattern_counts': {'":': 0, '<': 93, '<?xml version=': 0, '>': 93, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 8, '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': '6554696', 'n_tokens_mistral': 1231, 'n_tokens_neox': 1178, 'n_words': 286}