<commit_before><!doctype html>
<html>
<head>
  <title>Magic Remote Thing</title>

  <script src="https://cdn.firebase.com/js/client/1.0.18/firebase.js"></script>
  <script src="js/jquery.js"></script>
  <script src="js/underscore.js"></script>
  <script src="js/login.js"></script>

  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="format-detection" content="telephone=no">
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">


  <link rel="stylesheet" type="text/css" href="css/reset.css">
  <link rel="stylesheet" type="text/css" href="css/app.css">
  <script src="js/springTo.js"></script>
  <script src="app.js"></script>

</head>
<body>

<div class="app_icons">

  <div class="app_icon grey" data-icon-id="0">
    <img src="img/youtube_icon.png"/></div>
  <div class="app_icon grey" data-icon-id="1">
    <img src="img/facebook_icon.png"/></div>
  <div class="app_icon grey" data-icon-id="2">
    <img src="img/gmail_icon.png"/></div>
  <div class="app_icon grey" data-icon-id="3">
    <img src="img/spotify.png"/></div>
  <div class="app_icon grey" data-icon-id="4">
    <img src="img/reddit.png"/></div>
  <div class="app_icon grey" data-icon-id="5">
    <img src="img/netflix.png"/></div>

    <!--
  <div class="app_icon" data-icon-id="5">
    <img src="img/gmail_icon.png"/></div> -->


</div>

<div class="popovers">
  <div class="popover">
    <div class="controlset active" data-icon-id="0">

        <div class="app-button bigbutton button" data-type="youtube" data-command="playpause">
          <img width=136 src="img/play_pause.png"/>
        </div>

        <div class="app-button halfbutton button" data-type="media" data-command="volume_down">
          <img width=62 src="img/volume_down.png"/>
        </div>
        <div class="app-button halfbutton button" data-type="media" data-command="volume_up">
          <img width=62 src="img/volume_up.png"/>
        </div>

    </div>

    <div class="controlset" data-icon-id="1">

        <div class="app-button wide button" data-type="lists" data-command="up">
          <img width=22 src="img/up.png"/>
        </div>
 

        <div class="app-button like button" data-type="facebook" data-command="like">
          <img height=48 src="img/like2.png"/>   
        </div>

 
        <div class="app-button wide button" data-type="lists" data-command="down">
          <img width=22 src="img/down.png"/>
        </div>
       
    </div>

    <div class="controlset" data-icon-id="2">

      <div class="row">
        <div class="app-button minibutton dark button" data-type="lists" data-command="up">
          <img width=22 src="img/up.png"/>
        </div>
      </div>

      <div class="row">
        <div class="app-button minibutton dark button" data-type="lists" data-command="back">
          <img style="top: -3px" width=32 src="img/back.png"/>
        </div>
        <div class="app-button minibutton dark button" data-type="lists" data-command="open">
           <img style="top: -10px" width=32 src="img/open.png"/>
        </div>
        <div class="app-button minibutton button" data-type="gmail" data-command="archive">
          <img style="top: -12px" width=48 src="img/archive.png" />
        </div>
      </div>
      <div class="row">
        <div class="app-button minibutton dark button" data-type="lists" data-command="down">
          <img width=22 src="img/down.png"/>
        </div>
      </div>

      <!--
        <img style="left: -10px; margin-top: 30px; " width=282 src="img/gmail_controls_mock.png"/>

      -->
       
    </div>

    <div class="controlset" data-icon-id="3">

        
        <div class="app-button bigbutton button" data-type="spotify" data-command="next">
          <img width=72 src="img/skip.png"/>
        </div>

        <div class="app-button halfbutton normal button" data-type="spotify" data-command="play">
          <img style="left: -2px" height=28 src="img/mini_play.png"/>
        </div>
        <div class="app-button halfbutton normal button" data-type="spotify" data-command="pause">
          <img style="left: -4px" height=28 src="img/mini_pause.png"/>
        </div>
       
    </div>

    <div class="controlset" data-icon-id="4">

      <div class="row">
        <div class="app-button minibutton button filler" >
          <img width=22 src="img/up.png"/>
        </div>
        <div class="app-button minibutton dark button" data-type="lists" data-command="up">
          <img width=22 src="img/up.png"/>
        </div>
        <div class="app-button minibutton button" data-type="reddit" data-command="upvote">
          <img style="top: -7px;left: -2px;" width=26 src="img/upvote.png"/>
        </div>
      </div>

      <div class="row">
        <div class="app-button minibutton dark button" data-type="lists" data-command="back">
          <img style="top: -3px" width=32 src="img/back.png"/>
        </div>
        <div class="app-button minibutton dark button" data-type="lists" data-command="open">
           <img style="top: -10px" width=32 src="img/open.png"/>
        </div>
        <div class="app-button minibutton filler button">
          <img style="top: -12px" width=48 src="img/archive.png"/>
        </div>
      </div>
      <div class="row">
        <div class="app-button minibutton filler button">
          <img width=22 src="img/down.png"/>
        </div>
        <div class="app-button minibutton dark button" data-type="lists" data-command="down">
          <img width=22 src="img/down.png"/>
        </div>
        <div class="app-button minibutton  button" data-type="reddit" data-command="downvote">
          <img style="top: -3px;left: -2px;" width=26 src="img/downvote.png"/>
        </div>
      </div>

      <!--
        <img style="left: -10px; margin-top: 30px; " width=282 src="img/gmail_controls_mock.png"/>

      -->
       
    </div>

    <div class="controlset active" data-icon-id="5">

        <div class="app-button bigbutton button" data-type="netflix" data-command="playpause">
          <img width=136 src="img/play_pause.png"/><commit_msg>Reddit does preview instead of open<commit_after><!doctype html>
<html>
<head>
  <title>Magic Remote Thing</title>

  <script src="https://cdn.firebase.com/js/client/1.0.18/firebase.js"></script>
  <script src="js/jquery.js"></script>
  <script src="js/underscore.js"></script>
  <script src="js/login.js"></script>

  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="apple-mobile-web-app-status-bar-style" content="black">
  <meta name="format-detection" content="telephone=no">
  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">


  <link rel="stylesheet" type="text/css" href="css/reset.css">
  <link rel="stylesheet" type="text/css" href="css/app.css">
  <script src="js/springTo.js"></script>
  <script src="app.js"></script>

</head>
<body>

<div class="app_icons">

  <div class="app_icon grey" data-icon-id="0">
    <img src="img/youtube_icon.png"/></div>
  <div class="app_icon grey" data-icon-id="1">
    <img src="img/facebook_icon.png"/></div>
  <div class="app_icon grey" data-icon-id="2">
    <img src="img/gmail_icon.png"/></div>
  <div class="app_icon grey" data-icon-id="3">
    <img src="img/spotify.png"/></div>
  <div class="app_icon grey" data-icon-id="4">
    <img src="img/reddit.png"/></div>
  <div class="app_icon grey" data-icon-id="5">
    <img src="img/netflix.png"/></div>

    <!--
  <div class="app_icon" data-icon-id="5">
    <img src="img/gmail_icon.png"/></div> -->


</div>

<div class="popovers">
  <div class="popover">
    <div class="controlset active" data-icon-id="0">

        <div class="app-button bigbutton button" data-type="youtube" data-command="playpause">
          <img width=136 src="img/play_pause.png"/>
        </div>

        <div class="app-button halfbutton button" data-type="media" data-command="volume_down">
          <img width=62 src="img/volume_down.png"/>
        </div>
        <div class="app-button halfbutton button" data-type="media" data-command="volume_up">
          <img width=62 src="img/volume_up.png"/>
        </div>

    </div>

    <div class="controlset" data-icon-id="1">

        <div class="app-button wide button" data-type="lists" data-command="up">
          <img width=22 src="img/up.png"/>
        </div>
 

        <div class="app-button like button" data-type="facebook" data-command="like">
          <img height=48 src="img/like2.png"/>   
        </div>

 
        <div class="app-button wide button" data-type="lists" data-command="down">
          <img width=22 src="img/down.png"/>
        </div>
       
    </div>

    <div class="controlset" data-icon-id="2">

      <div class="row">
        <div class="app-button minibutton dark button" data-type="lists" data-command="up">
          <img width=22 src="img/up.png"/>
        </div>
      </div>

      <div class="row">
        <div class="app-button minibutton dark button" data-type="lists" data-command="back">
          <img style="top: -3px" width=32 src="img/back.png"/>
        </div>
        <div class="app-button minibutton dark button" data-type="lists" data-command="open">
           <img style="top: -10px" width=32 src="img/open.png"/>
        </div>
        <div class="app-button minibutton button" data-type="gmail" data-command="archive">
          <img style="top: -12px" width=48 src="img/archive.png" />
        </div>
      </div>
      <div class="row">
        <div class="app-button minibutton dark button" data-type="lists" data-command="down">
          <img width=22 src="img/down.png"/>
        </div>
      </div>

      <!--
        <img style="left: -10px; margin-top: 30px; " width=282 src="img/gmail_controls_mock.png"/>

      -->
       
    </div>

    <div class="controlset" data-icon-id="3">

        
        <div class="app-button bigbutton button" data-type="spotify" data-command="next">
          <img width=72 src="img/skip.png"/>
        </div>

        <div class="app-button halfbutton normal button" data-type="spotify" data-command="play">
          <img style="left: -2px" height=28 src="img/mini_play.png"/>
        </div>
        <div class="app-button halfbutton normal button" data-type="spotify" data-command="pause">
          <img style="left: -4px" height=28 src="img/mini_pause.png"/>
        </div>
       
    </div>

    <div class="controlset" data-icon-id="4">

      <div class="row">
        <div class="app-button minibutton button filler" >
          <img width=22 src="img/up.png"/>
        </div>
        <div class="app-button minibutton dark button" data-type="lists" data-command="up">
          <img width=22 src="img/up.png"/>
        </div>
        <div class="app-button minibutton button" data-type="reddit" data-command="upvote">
          <img style="top: -7px;left: -2px;" width=26 src="img/upvote.png"/>
        </div>
      </div>

      <div class="row">
        <div class="app-button minibutton dark button" data-type="lists" data-command="back">
          <img style="top: -3px" width=32 src="img/back.png"/>
        </div>
        <div class="app-button minibutton dark button" data-type="lists" data-command="select">
           <img style="top: -10px" width=32 src="img/open.png"/>
        </div>
        <div class="app-button minibutton filler button">
          <img style="top: -12px" width=48 src="img/archive.png"/>
        </div>
      </div>
      <div class="row">
        <div class="app-button minibutton filler button">
          <img width=22 src="img/down.png"/>
        </div>
        <div class="app-button minibutton dark button" data-type="lists" data-command="down">
          <img width=22 src="img/down.png"/>
        </div>
        <div class="app-button minibutton  button" data-type="reddit" data-command="downvote">
          <img style="top: -3px;left: -2px;" width=26 src="img/downvote.png"/>
        </div>
      </div>

      <!--
        <img style="left: -10px; margin-top: 30px; " width=282 src="img/gmail_controls_mock.png"/>

      -->
       
    </div>

    <div class="controlset active" data-icon-id="5">

        <div class="app-button bigbutton button" data-type="netflix" data-command="playpause">
          <img width=136 src="img/play_pause.png"/>
{'fraction_non_alphanumeric': 0.1887853470437018, 'fraction_numerical': 0.016066838046272493, 'mean_word_length': 2.725014961101137, 'pattern_counts': {'":': 0, '<': 301, '<?xml version=': 0, '>': 301, 'https://': 2, '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': '1017358', 'n_tokens_mistral': 4299, 'n_tokens_neox': 4134, 'n_words': 840}