<commit_before><style type="text/css">
<style>
        body {
            padding: 0;
            margin: 0;
        }
        html, body, #map {
            height: 700px;
            width: 100%;
        }
    </style>
</style>

   <div id="map" class="has-inner-drawer" style="padding-top:10%;">
 <div id="docDrawer" class="drawer dw-xs-3 dw-sm-3 dw-md-3 fold in drawer" style="height:100%; z-index:+88899;" aria-labelledby="docDrawer">
        <div class="drawer-controls pull-right" style="z-index:+888; top:120px;">
            <a href="#docDrawer" data-toggle="drawer" href="#docDrawer" aria-foldedopen="false" aria-controls="docDrawer" class="btn btn-default"><i class="fa fa-align-justify"></i></a>
        </div>
        <div class="drawer-contents">
          <h3>Followers</h3><hr>
            <div style="height:50%; overflow-y:scroll;">
           

           <li ng-repeat="follower in followers">
            <div class="home-user-info" style="width:100%;">
            <div class="blue-background-placeholder">
            <img src="{{follower.profile_banner}}" >
            </div>
            <div class="home-user-info-content">
            <div class="top-content">
             <img src="{{follower.propic}}">
            <div class="name-and-screen-name">
            <span class="home-user-name">{{follower.name}}</span><br>
            <span class="home-user-screen-name">@{{follower.screenname}}</span>
                        </div>
                   </div>
                   <div class="bottom-content">
                        <div class="user-no-tweets">
                        <a href="">Tweets<br><span>{{follower.tweetcount}}</span></a>
                        </div>
                        <div class="user-no-followings">
                            <a href="">Followings<br><span>{{follower.following}}</span></a>
                       </div>
                      <div class="user-no-followers">
                            <a href="">Followers<br><span>{{follower.followers}}</span></a>
                       </div>
                    </div>
                </div>
            </div>
            {{preview}}
             </li>
            
        <hr>
    </div>
    <h3>Following</h3><hr>
    <div style="height:50%; overflow-y:scroll;">
           

           <li ng-repeat="following in following">
            <div class="home-user-info" style="width:100%;">
            <div class="blue-background-placeholder">
            <img src="{{following.profile_banner}}" >
            </div>
            <div class="home-user-info-content">
            <div class="top-content">
             <img src="{{following.propic}}">
            <div class="name-and-screen-name">
            <span class="home-user-name">{{following.name}}</span><br>
            <span class="home-user-screen-name">@{{following.screenname}}</span>
                        </div>
                   </div>
                   <div class="bottom-content">
                        <div class="user-no-tweets">
                        <a href="">Tweets<br><span>{{following.tweetcount}}</span></a>
                        </div>
                        <div class="user-no-followings">
                            <a href="">Followings<br><span>{{following.following}}</span></a>
                       </div>
                      <div class="user-no-followers">
                            <a href="">Followers<br><span>{{following.followers}}</span></a>
                       </div>
                    </div>
                </div>
            </div>
            {{preview}}
             </li>
            
        <hr>
    </div>
    </div>
           Followers Info shall come here<br><br><br><br><hr>
           <h3>Following </h3><br>Following Info shall comehere 
        </div>
   </div>
   
    </div>
    </div>
  <script>
            $('#drawerExample').drawer({ toggle: false });
            $('#other-toggle').click(function() {
                $('#drawerExample').drawer('toggle');
                return false;
            });
        </script><commit_msg>Added drawer to the right and fixed design<commit_after><style type="text/css">
<style>
        body {
            padding: 0;
            margin: 0;
        }
        html, body, #map {
             
            height: 100vh;
            width: 100%;
        }
    </style>
</style>

   <div id="map" >
 
    </div>
    <div id="docDrawer" class="drawer dw-xs-3 dw-sm-3 dw-md-3 fold in drawer-right"  style="margin-top:10%; z-index:+889;" aria-labelledby="docDrawer">
        <div class="drawer-controls" style="z-index:+888; top:100px;">
            <a href="#docDrawer" data-toggle="drawer" href="#docDrawer" aria-foldedopen="false" aria-controls="docDrawer" class="btn btn-default"><i class="fa fa-align-justify"></i></a>
        </div>
        <div class="drawer-contents">
          <h3>Followers</h3><hr>
            <div style="height:200px; overflow-y:scroll;">
           

           <li ng-repeat="follower in followers">
            <div class="home-user-info" style="width:100%;">
            <div class="blue-background-placeholder">
            <img src="{{follower.profile_banner}}" >
            </div>
            <div class="home-user-info-content">
            <div class="top-content">
             <img src="{{follower.propic}}">
            <div class="name-and-screen-name">
            <span class="home-user-name">{{follower.name}}</span><br>
            <span class="home-user-screen-name">@{{follower.screenname}}</span>
                        </div>
                   </div>
                   <div class="bottom-content">
                        <div class="user-no-tweets">
                        <a href="">Tweets<br><span>{{follower.tweetcount}}</span></a>
                        </div>
                        <div class="user-no-followings">
                            <a href="">Followings<br><span>{{follower.following}}</span></a>
                       </div>
                      <div class="user-no-followers">
                            <a href="">Followers<br><span>{{follower.followers}}</span></a>
                       </div>
                    </div>
                </div>
            </div>
            
             </li>
    </div>
    <h3>Following</h3>
    <div style="height:200px; overflow-y:scroll;">
           

           <li ng-repeat="following in following">
            <div class="home-user-info" style="width:100%;">
            <div class="blue-background-placeholder">
            <img src="{{following.profile_banner}}" >
            </div>
            <div class="home-user-info-content">
            <div class="top-content">
             <img src="{{following.propic}}">
            <div class="name-and-screen-name">
            <span class="home-user-name">{{following.name}}</span><br>
            <span class="home-user-screen-name">@{{following.screenname}}</span>
                        </div>
                   </div>
                   <div class="bottom-content">
                        <div class="user-no-tweets">
                        <a href="">Tweets<br><span>{{following.tweetcount}}</span></a>
                        </div>
                        <div class="user-no-followings">
                            <a href="">Followings<br><span>{{following.following}}</span></a>
                       </div>
                      <div class="user-no-followers">
                            <a href="">Followers<br><span>{{following.followers}}</span></a>
                       </div>
                    </div>
                </div>
            </div>
             </li>
    </div>
    </div>
        </div>
   
  <script>
            $('#drawerExample').drawer({ toggle: false });
            $('#other-toggle').click(function() {
                $('#drawerExample').drawer('toggle');
                return false;
            });
        </script>
{'fraction_non_alphanumeric': 0.17298250031474255, 'fraction_numerical': 0.010197658315497923, 'mean_word_length': 1.4413030116779348, 'pattern_counts': {'":': 0, '<': 238, '<?xml version=': 0, '>': 238, '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': '7559322', 'n_tokens_mistral': 2376, 'n_tokens_neox': 2180, 'n_words': 353}