<commit_before><!doctype html>

<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="/css/metro-bootstrap.css" rel="stylesheet">
	<link href="/css/introHCI.css" rel="stylesheet">

    <link rel="stylesheet" href="/css/jquery.sidr.dark.css">
    <script src="/js/jquery.min.js"></script>
    <script src="/js/jquery.sidr.min.js"></script>

    <script src="/js/bootstrap.min.js"></script>  

    <script type="text/javascript">
    function incrementLikes()
    {
        var b = document.getElementById("thumbs-up")
        b.className += " active";
        var numLikes = {{upvotes}} + 1;
        var likeCount = b.children[0];
        likeCount.textContent = " " + numLikes;
    }
    function decrementLikes()
    {
        var b = document.getElementById("thumbs-down")
        b.className += " active";
        var numLikes = {{downvotes}} + 1;
        var likeCount = b.children[0];
        likeCount.textContent = " " + numLikes;
    }
        function addFavorite()
    {
        var b = document.getElementById("favorites")
        b.className += " active";
        var numLikes = {{favorites}} + 1;
        var likeCount = b.children[0];
        likeCount.textContent = " " + numLikes;
    }

    </script>

</head>

<body class="metro">

    {{>navMenu}}       

    <div class="panel">

        <div class="panel-header bg-darkRed fg-white">

            <h3 class="fg-white">
                <button id="back"  type="submit" onclick="window.location.href='/'" class="bg-darkRed">
                    <i class="icon-arrow-left fg-white"></i>
                </button>
                {{name}}  
            </h3>
        </div>

        <div class="panel-content">
            <div class="button-set rating">
                <button id="thumbs-up" class="fg-green" type="button" onclick="incrementLikes()"><i class="icon-thumbs-up"> {{upvotes}}</i></button>
                <button id="thumbs-down" class="fg-red" type="button" onclick="decrementLikes()"><i class="icon-thumbs-down"> {{downvotes}}</i></button>
                <button id="favorites" class="fg-amber" type="button" onclick="addFavorite()"><i class="icon-star-3"> {{favorites}}</i></button>
            </div>
            <img src='/images/{{name}}.jpg' width="300px"/ >   
        </div>
<commit_msg>Made the rating buttons pretyyyyyyy<commit_after><!doctype html>

<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="/css/metro-bootstrap.css" rel="stylesheet">
	<link href="/css/introHCI.css" rel="stylesheet">

    <link rel="stylesheet" href="/css/jquery.sidr.dark.css">
    <script src="/js/jquery.min.js"></script>
    <script src="/js/jquery.sidr.min.js"></script>

    <script src="/js/bootstrap.min.js"></script>  

    <script type="text/javascript">
    function incrementLikes()
    {
        var b = document.getElementById("thumbs-up")
        b.className = "fg-green bg-black active";
        var numLikes = {{upvotes}} + 1;
        var likeCount = b.children[0];
        likeCount.textContent = " " + numLikes;
    }
    function decrementLikes()
    {
        var b = document.getElementById("thumbs-down")
        b.className = "fg-red bg-black active";
        var numLikes = {{downvotes}} + 1;
        var likeCount = b.children[0];
        likeCount.textContent = " " + numLikes;
    }
        function addFavorite()
    {
        var b = document.getElementById("favorites")
        b.className += "fg-amber bg-black active";
        var numLikes = {{favorites}} + 1;
        var likeCount = b.children[0];
        likeCount.textContent = " " + numLikes;
    }

    </script>

</head>

<body class="metro">

    {{>navMenu}}       

    <div class="panel">

        <div class="panel-header bg-darkRed fg-white">

            <h3 class="fg-white">
                <button id="back"  type="submit" onclick="window.location.href='/'" class="bg-darkRed">
                    <i class="icon-arrow-left fg-white"></i>
                </button>
                {{name}}  
            </h3>
        </div>
        <div class="panel-header bg-white fg-white">
            <div class="button-set rating">
                <button id="thumbs-up" class="fg-green bg-white" type="button" onclick="incrementLikes()"><i class="icon-thumbs-up"> {{upvotes}}</i></button>
                <button id="thumbs-down" class="fg-red bg-white" type="button" onclick="decrementLikes()"><i class="icon-thumbs-down"> {{downvotes}}</i></button>
                <button id="favorites" class="fg-amber bg-white" type="button" onclick="addFavorite()"><i class="icon-star-3"> {{favorites}}</i></button>
            </div>
        </div>
        <div class="panel-content">
            <img src='/images/{{name}}.jpg' width="300px"/ >   
        </div>

{'fraction_non_alphanumeric': 0.181107223708582, 'fraction_numerical': 0.006174109899156205, 'mean_word_length': 2.4225352112676055, 'pattern_counts': {'":': 0, '<': 93, '<?xml version=': 0, '>': 95, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 1, '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': '1268036', 'n_tokens_mistral': 1594, 'n_tokens_neox': 1534, 'n_words': 280}