geelen/goodfilms_angular_app.html

## goodfilms_angular_app.html
<html ng-app="goodfilms">

  <!-- ... -->
  <body ng-controller="FrameController">

    <header> <!-- Logo and menu buttons --> </header>
    <div id="stage" ng-controller="FeedController">
        <ul class="events">

            <li class="event" ng-repeat="film in films">
                <!-- Friend's name, rating, and poster -->

                <div class="actions" ng-controller="ActionsController">
                    <!-- Markup for the buttons -->
                </div>
            </li>

        </ul>
    </div>

  </body>
</html>

## goodfilms_app_structure.html
<body ng-controller="FrameController">

  <header ng-class="{menuopen: menuopen}">
    <div id="header"> ... </div>
    <nav id="menu"> ... </nav>
  </header>

  <div id="main" ng-class="{menuopen: menuopen}">
    <div id="stage" ng-view>
  </div>

  <script type="text/ng-template" id="/views/feed.html"> ... </script>
  <script type="text/ng-template" id="/views/film.html"> ... </script>
  <script type="text/ng-template" id="/views/list.html"> ... </script>

</body>
	<html ng-app="goodfilms">

	<!-- ... -->
	<body ng-controller="FrameController">

	<header> <!-- Logo and menu buttons --> </header>
	<div id="stage" ng-controller="FeedController">
	<ul class="events">

	<li class="event" ng-repeat="film in films">
	<!-- Friend's name, rating, and poster -->

	<div class="actions" ng-controller="ActionsController">
	<!-- Markup for the buttons -->
	</div>
	</li>

	</ul>
	</div>

	</body>
	</html>
	<body ng-controller="FrameController">

	<header ng-class="{menuopen: menuopen}">
	<div id="header"> ... </div>
	<nav id="menu"> ... </nav>
	</header>

	<div id="main" ng-class="{menuopen: menuopen}">
	<div id="stage" ng-view>
	</div>

	<script type="text/ng-template" id="/views/feed.html"> ... </script>
	<script type="text/ng-template" id="/views/film.html"> ... </script>
	<script type="text/ng-template" id="/views/list.html"> ... </script>

	</body>