<commit_before><!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Howl</title>
    <link rel="shortcut icon" href="../images/howl-icon.ico">

    <!-- Bootstrap Core CSS -->
    <link href="../css/bootstrap.min.css" rel="stylesheet">


    <!-- Custom CSS -->
    <link href="../css/simple-sidebar.css" rel="stylesheet">
    <link href="../css/howl.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    </head>

<body>

    <div id="wrapper" class="eventlist" >

        <!-- Sidebar -->
        <div id="sidebar-wrapper">
            <ul class="sidebar-nav">
                <li class="sidebar-brand">
                        <div class = "searchbar">
                  <input type="text" class="form-control search" placeholder="Search">                                                 </div>
                </li>
                <li>
                    <a data-toggle="collapse" href="#department-collapse" class="department-toggle" aria-controls="department-collapse" aria-controls="department-collapse">Departments<span class="glyphicon glyphicon-triangle-bottom"></span></a>
                <div class="collapse" id="department-collapse"><ul class="departments">
                        <li><a href="index-cse.html">Computer Science</a></li>
                        <li><a href="index-cogs.html">Cognitive Science</a></li>
                    </ul>
                </div>
                </li>
                <li>
                    <a data-toggle="collapse" href="#category-collapse" class="category-toggle" aria-controls="category-collapse" aria-controls="category-collapse">Categories<span class="glyphicon glyphicon-triangle-bottom"></span></a>
                    <div class="collapse" id="category-collapse"><ul class="categories">
                        <li><a href="event-cse-competition.html">Competitions</a></li>
                        <li><a href="events-cogs-networking.html">Networking</a></li>
                        <li><a href="event-cogs-organization.html">Organizations</a></li>
                        <li><a href="event-cogs-courses.html">Courses</a></li>
                    </ul>
                    </div>
                </li>
                <li>
                    <a href="about-cogs.html">About</a>
                </li>
                <li>
                    <a href="profile-cogs.html">Profile</a>
                </li>
                <li class="other">
                    <a href="sign-in-cogs.html">Sign In</a>
                </li>
                
            </ul>
        </div>
        <!-- /#sidebar-wrapper -->

        <!-- Fixed Header -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
        <div id="app-title">
            <a href="#menu-toggle" class="menu-button" id="menu-toggle">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </a>
            <div id="appname">
                <a href="index-cogs.html"><span class="glyphicon glyphicon-chevron-left backbutton"></span></a>
                COGS <span class="glyphicon glyphicon-triangle-right bread-crumb"></span> Courses
            </div>
        </div>
    </div>
    </nav>
        <!-- /#Fixed Header -->
        
        <!-- Page Content -->
        <div id="page-content-wrapper">
            <div class="container-fluid">
                <div class="row">
                    <div class="form-group eventsortbox">
                            <label class="eventlistlabel" for="sel1">Sort By:</label>
                            <select class="form-control eventlistsort" id="sel1">
                                <option><a href="#">Most recommended</a></option>
                                <option><a href="#">Most critical to getting a job/internship</a></option>
                                <option><a href="#">Name</a></option>
                                <option><a href="#">Date</a></option>
                            </select>
                        </div>
                </div>
            <!--event 1-->
                <div class="row" id="event-list">
                    <a href="cogs-events/cogs120.html">
                         <div class="col-lg-2 col-md-2 col-xs-4" id="img">
                            <img src="http://placehold.it/100x100">
                        </div>
                        <div class="col-lg-10 col-md-10 col-xs-8" id="event-name">
                            <p>COGS 120</p>
                        </div>
                    </a>
                </div>
           <!--   end  -->

           <!--event 1-->
                <div class="row" id="event-list">
                    <a href="cogs-events/cogs121.html">
                         <div class="col-lg-2 col-md-2 col-xs-4" id="img">
                            <img src="http://placehold.it/100x100">
                        </div>
                        <div class="col-lg-10 col-md-10 col-xs-8" id="event-name">
                            <p>COGS 121</p>
                        </div>
                    </a>
                </div>
           <!--   end  -->

           <!--event 1-->
                <div class="row" id="event-list">
                    <a href="cogs-events/cogs187.html">
                         <div class="col-lg-2 col-md-2 col-xs-4" id="img">
                            <img src="http://placehold.it/100x100">
                        </div>
                        <div class="col-lg-10 col-md-10 col-xs-8" id="event-name">
                           <p>COGS 187A/B</p>
                        </div>
                    </a>
                </div>
           <!--   end  -->

           <!--event 1-->
                <div class="row" id="event-list">
                     <a href="cogs-events/cogs198.html">
                         <div class="col-lg-2 col-md-2 col-xs-4" id="img">
                            <img src="http://placehold.it/100x100">
                        </div>
                        <div class="col-lg-10 col-md-10 col-xs-8" id="event-name">
                           <p>COGS 198</p>
                        </div>
                    </a>
                </div>
           <!--   end  -->

           <!--event 1-->
                <div class="row" id="event-list">
                    <a href="cogs-events/cogs102c.html">
                         <div class="col-lg-2 col-md-2 col-xs-4" id="img">
                            <img src="http://placehold.it/100x100">
                        </div>
                        <div class="col-lg-10 col-md-10 col-xs-8" id="event-name">
                            <p>COGS 102C</p>
                        </div>
                    </a>
                </div>
           <!--   end  -->
            <div class="eventbuttonwrap">
                <div class="btn btn-default eventbutton">
                    <a href="#portfolioModal1" data-toggle="modal">
                        <span class="eventlabel">Suggest an event</span>
                    </a>
                </div>
            </div>
<commit_msg>cogs course images<commit_after><!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Howl</title>
    <link rel="shortcut icon" href="../images/howl-icon.ico">

    <!-- Bootstrap Core CSS -->
    <link href="../css/bootstrap.min.css" rel="stylesheet">


    <!-- Custom CSS -->
    <link href="../css/simple-sidebar.css" rel="stylesheet">
    <link href="../css/howl.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
    
    </head>

<body>

    <div id="wrapper" class="eventlist" >

        <!-- Sidebar -->
        <div id="sidebar-wrapper">
            <ul class="sidebar-nav">
                <li class="sidebar-brand">
                        <div class = "searchbar">
                  <input type="text" class="form-control search" placeholder="Search">                                                 </div>
                </li>
                <li>
                    <a data-toggle="collapse" href="#department-collapse" class="department-toggle" aria-controls="department-collapse" aria-controls="department-collapse">Departments<span class="glyphicon glyphicon-triangle-bottom"></span></a>
                <div class="collapse" id="department-collapse"><ul class="departments">
                        <li><a href="index-cse.html">Computer Science</a></li>
                        <li><a href="index-cogs.html">Cognitive Science</a></li>
                    </ul>
                </div>
                </li>
                <li>
                    <a data-toggle="collapse" href="#category-collapse" class="category-toggle" aria-controls="category-collapse" aria-controls="category-collapse">Categories<span class="glyphicon glyphicon-triangle-bottom"></span></a>
                    <div class="collapse" id="category-collapse"><ul class="categories">
                        <li><a href="event-cse-competition.html">Competitions</a></li>
                        <li><a href="events-cogs-networking.html">Networking</a></li>
                        <li><a href="event-cogs-organization.html">Organizations</a></li>
                        <li><a href="event-cogs-courses.html">Courses</a></li>
                    </ul>
                    </div>
                </li>
                <li>
                    <a href="about-cogs.html">About</a>
                </li>
                <li>
                    <a href="profile-cogs.html">Profile</a>
                </li>
                <li class="other">
                    <a href="sign-in-cogs.html">Sign In</a>
                </li>
                
            </ul>
        </div>
        <!-- /#sidebar-wrapper -->

        <!-- Fixed Header -->
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
        <div id="app-title">
            <a href="#menu-toggle" class="menu-button" id="menu-toggle">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            </a>
            <div id="appname">
                <a href="index-cogs.html"><span class="glyphicon glyphicon-chevron-left backbutton"></span></a>
                COGS <span class="glyphicon glyphicon-triangle-right bread-crumb"></span> Courses
            </div>
        </div>
    </div>
    </nav>
        <!-- /#Fixed Header -->
        
        <!-- Page Content -->
        <div id="page-content-wrapper">
            <div class="container-fluid">
                <div class="row">
                    <div class="form-group eventsortbox">
                            <label class="eventlistlabel" for="sel1">Sort By:</label>
                            <select class="form-control eventlistsort" id="sel1">
                                <option><a href="#">Most recommended</a></option>
                                <option><a href="#">Most critical to getting a job/internship</a></option>
                                <option><a href="#">Name</a></option>
                                <option><a href="#">Date</a></option>
                            </select>
                        </div>
                </div>
            <!--event 1-->
                <div class="row" id="event-list">
                    <a href="cogs-events/cogs120.html">
                         <div class="col-lg-2 col-md-2 col-xs-4" id="img">
                            <img src="../images/UCSD.png">
                        </div>
                        <div class="col-lg-10 col-md-10 col-xs-8" id="event-name">
                            <p>COGS 120</p>
                        </div>
                    </a>
                </div>
           <!--   end  -->

           <!--event 1-->
                <div class="row" id="event-list">
                    <a href="cogs-events/cogs121.html">
                         <div class="col-lg-2 col-md-2 col-xs-4" id="img">
                            <img src="../images/UCSD.png">
                        </div>
                        <div class="col-lg-10 col-md-10 col-xs-8" id="event-name">
                            <p>COGS 121</p>
                        </div>
                    </a>
                </div>
           <!--   end  -->

           <!--event 1-->
                <div class="row" id="event-list">
                    <a href="cogs-events/cogs187.html">
                         <div class="col-lg-2 col-md-2 col-xs-4" id="img">
                            <img src="../images/UCSD.png">
                        </div>
                        <div class="col-lg-10 col-md-10 col-xs-8" id="event-name">
                           <p>COGS 187A/B</p>
                        </div>
                    </a>
                </div>
           <!--   end  -->

           <!--event 1-->
                <div class="row" id="event-list">
                     <a href="cogs-events/cogs198.html">
                         <div class="col-lg-2 col-md-2 col-xs-4" id="img">
                            <img src="../images/UCSD.png">
                        </div>
                        <div class="col-lg-10 col-md-10 col-xs-8" id="event-name">
                           <p>COGS 198</p>
                        </div>
                    </a>
                </div>
           <!--   end  -->

           <!--event 1-->
                <div class="row" id="event-list">
                    <a href="cogs-events/cogs102c.html">
                         <div class="col-lg-2 col-md-2 col-xs-4" id="img">
                            <img src="../images/UCSD.png">
                        </div>
                        <div class="col-lg-10 col-md-10 col-xs-8" id="event-name">
                            <p>COGS 102C</p>
                        </div>
                    </a>
                </div>
           <!--   end  -->
            <div class="eventbuttonwrap">
                <div class="btn btn-default eventbutton">
                    <a href="#portfolioModal1" data-toggle="modal">
                        <span class="eventlabel">Suggest an event</span>
                    </a>
                </div>
            </div>

{'fraction_non_alphanumeric': 0.16582784875467801, 'fraction_numerical': 0.013808233320428442, 'mean_word_length': 1.2015625, 'pattern_counts': {'":': 0, '<': 441, '<?xml version=': 0, '>': 441, 'https://': 4, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2619994', 'n_tokens_mistral': 4542, 'n_tokens_neox': 4143, 'n_words': 776}