So I have downloaded the royalty free admin template that we want, and I've opened a window showing
the contents of the extracted archive here on the right and on the left, I have opened a finder window
and you can see, of course, in windows you'll have it looking a little differently.
But the same basic principle applies.
I have one window that shows the contents of the extracted admin template archive and I have one another
window that shows the contents of my project, the bookings folder.
And if you recall, we have this folder static in bookings and that's where we put all of the things
that are not goaland templates that need to be available to go long templates.
And if you look inside the extracted admin template archive, it has a template folder.
So let's go inside of that.
And inside of that you have the index, that HTML file, which is the starting point for the template,
and we have all of this other stuff which we may need.
So what I'm going to do is select everything except for the index and I'm going to copy that into a
new folder in my static folder.
And I'm going to call that new folder admin because I want to keep the resources for my public site.
These three separate from the resources for my admin site, OK, or my admin pages.
So inside that admin folder, I'm going to copy all of the stuff over here except for that index, that
HTML file, and now those will be available to me if I need them in my admin template.
Now the next step, of course, is to take this index studies HTML file and convert that from what it
is right now.
And let's have a look at it.
So I'll take this and open it up in my favorite text editor.
Drag it down to some line.
That's just an e-mail phone, so we need to take this and convert it into a goaland template and we
already know how to do that.
So what I'm going to ask you to do is to try to convert this into an empty admin template.
So what you're going to have to do, of course, let me go over to my editor.
Here is the same thing that we did in our templates folder for base layout.
So base layout begins with a defined tag that names that and you can't call it base, maybe call it
admin.
That would make sense.
And inside of that, you'll have the DOCTYPE, the head section, the body section and whatever you
want to appear in the bottom of the page.
OK, and what we have here right now in this, this is the wrong one.
Let me try that again.
What we have here in the existing index, that HTML5 is pretty much a lot more information than we actually
need, so you should go through and simplify the menu on the left, simplify the things that are on
the top.
Just make all the changes you want to make it as simple as you possibly can.
So you have a place for content on the main part of the page and a place for menu items on the left
hand side of the page.
You do that as an exercise and I'll do the same thing.
And then in the next lecture, I'll show you what mine looks like and you compare it to yours.
One thing to bear in mind is you're going to have to change some patterns.
So, for example, we have right up here, we have vendors, TV, CSFs, theme icons, access.
You're going to have to change that to slash static slash admin, assuming you want to keep those icons
in there.
And you probably do, but it's up to you.
So you're going to have to prepend those kind of pads for stylesheets and for any JavaScript with slash
static slash admin slash, because that's where they live on our applications web server.
So give that a try.
And then in the next lecture, I'll show you what I did and we can compare notes.