All this while, we have been working on the backend and admin sections of the CMS.
Now, we will work on the frontend, the public-facing side of the website.
As the public-facing side of the website needs to have a neat layout with a logo, navigation bar, content area, footer, and so on, we are going to tweak the index page layout.
Update the angcms/public/index.html
file with the upcoming changes.
As we would like to control some application-level settings such as the logo, footer, and so on, we first bind AppCtrl
to the <body>
tag, as shown in the following code:
<body ng-controller="AppCtrl">
Next, we add the following markup:
<div admin-login class="col-md-3 pull-right"></div> <div class="container"> <header> <img ng-src="{{site.logo}}"> </header> <div message-flash></div> <div class="row"> <div class="col-md-3" nav-bar></div> <div class="col...