Building the frontend of our CMS
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...