<commit_before><link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import" href="../../bower_components/iron-resizable-behavior/iron-resizable-behavior.html">

<dom-module id="gt-monitor">
  <style>
    #monitor {
      display: block;
      background-color: var(--gt-monitor-bezel-color, grey);
      border: var(--gt-monitor-bezel-border, black solid 1px);
      border-radius: 12px;
      position: absolute;
      top: 32px;
      bottom: 32px;
      left: 96px;
      right: 96px;
      @apply(--gt-monitor);
    }
    @media all and (max-width: 1366px) {
      #monitor {
        top: calc(100vw * 32 / 1366);
        bottom: calc(100vw * 32 / 1366);
        left: calc((100vw * 96 / 1366) / 2);
        right: calc((100vw * 96 / 1366) / 2);
      }
    }
    @media all and (max-width: 1024px) {
      #monitor {
        top: 8px;
        bottom: 8px;
        left: 8px;
        right: 8px;
      }
    }
    #post {
      display: block;
      background-color: var(--gt-monitor-post-color, grey);
      border-left: var(--gt-monitor-post-border, black solid 1px);
      border-right: var(--gt-monitor-post-border, black solid 1px);
      border-top: none;
      border-bottom: none;
      position: absolute;
      top: calc(100% - 32px);
      bottom: 0;
      left: 40%;
      right: 40%;
    }
    #screen {
      display: block;
      background-color: var(--gt-monitor-screen-color, blue);
      border: var(--gt-monitor-bezel-border, black solid 1px);
      border-radius: 6px;
      position: absolute;<commit_msg>decreased spacing around the monitor.<commit_after><link rel="import" href="../../bower_components/polymer/polymer.html">
<link rel="import" href="../../bower_components/iron-flex-layout/iron-flex-layout.html">
<link rel="import" href="../../bower_components/iron-resizable-behavior/iron-resizable-behavior.html">

<dom-module id="gt-monitor">
  <style>
    #monitor {
      display: block;
      background-color: var(--gt-monitor-bezel-color, grey);
      border: var(--gt-monitor-bezel-border, black solid 1px);
      border-radius: 12px;
      position: absolute;
      top: 32px;
      bottom: 32px;
      left: 48px;
      right: 48px;
      @apply(--gt-monitor);
    }
    @media all and (min-width: 2560px) {
      #monitor {
        top: 40px;
        bottom: 40px;
        left: 72px;
        right: 72px;
      }
    }
    @media all and (max-width: 1366px) {
      #monitor {
        top: calc(100vw * 32 / 1366);
        bottom: calc(100vw * 32 / 1366);
        left: calc(100vw * 48 / 1366);
        right: calc(100vw * 48 / 1366);
      }
    }
    @media all and (max-width: 1024px) {
      #monitor {
        top: 8px;
        bottom: 8px;
        left: 8px;
        right: 8px;
      }
    }
    #post {
      display: block;
      background-color: var(--gt-monitor-post-color, grey);
      border-left: var(--gt-monitor-post-border, black solid 1px);
      border-right: var(--gt-monitor-post-border, black solid 1px);
      border-top: none;
      border-bottom: none;
      position: absolute;
      top: calc(100vh - 40px);
      bottom: 0;
      left: 40%;
      right: 40%;
    }
    #screen {
      display: block;
      background-color: var(--gt-monitor-screen-color, blue);
      border: var(--gt-monitor-bezel-border, black solid 1px);
      border-radius: 6px;
      position: absolute;
{'fraction_non_alphanumeric': 0.15633112200749927, 'fraction_numerical': 0.0461494087107009, 'mean_word_length': 2.127141568981064, 'pattern_counts': {'":': 0, '<': 13, '<?xml version=': 0, '>': 13, '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': '3831261', 'n_tokens_mistral': 1307, 'n_tokens_neox': 1155, 'n_words': 255}