Trying to get an AngularJS / SCSS codepen to run locally...?

Here's the codepen: http://codepen.io/jjmartucci/pen/DlCmy

I'm using Brackets. I copied and pasted the CSS into my style.css, the JS into my init.js, and the HTML part into the body of my index.html... I also modified the head of my HTML document to say:

    <head>
    <link type="text/css" rel="stylesheet" href="css/style.css" />
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script src="js/init.js"></script>


    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-scenario.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-sanitize.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-sanitize.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-resource.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-resource.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-mocks.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-bootstrap-prettify.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-bootstrap-prettify.js"></script>

</head>

and I'm still struggling to get it going. The CSS seems to be working, but the functionality is messed up. Is there any obvious step I'm missing?

You're loading way too many instances of the same scripts. And your init.js needs to come after your 3rd party libraries.

Try this:

<head>
    <!-- style -->
    <link type="text/css" rel="stylesheet" href="css/style.css" />

    <!-- libs -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-scenario.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-sanitize.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-resource.min.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-mocks.js"></script>
    <script type="text/javascript" src="http://code.angularjs.org/1.1.2/angular-bootstrap-prettify.min.js"></script>

    <!-- app -->
    <script src="js/init.js"></script>
</head>