So a couple of things, the first thing that I should mention is that I changed the way that the footage
is being displayed.
You may have noticed that the actual email address was left hidden from the or was left outside of the
blue background in at the end of the last lecture.
And that was my mistake.
And I make mistakes all the time.
And actually, I made another one, which I'll draw to your attention in a moment.
So to start with, here's what I did for the footer to make it work properly.
If you look in the base layout at the very top, I remove the inline style that I had there and I changed
it over here.
And I'll tell you why it wasn't working.
It wasn't working because I had my cache enabled.
So I'll show you that in a moment.
So the first thing I did was I got rid of the height entirely and just let Bootstrap calculate the height
properly.
And then I read enabled the margin talk.
And the reason it wasn't working for me is if I look in my inspector tools and go to network.
I had this unchecked.
So it wasn't actually loading my changes every time I made them.
It was was getting a cached version of the CSIS and that was causing some problems.
So that was the first thing.
So all I did was remove the inline style in base layout and modified style, start CSC to look like
this.
And now it all works properly.
And it doesn't matter how much content I put in any of these columns, this will grow and shrink as
it should and putting the margin top back up.
Stop the make reservation now from going right up against the blue.
It puts a little bit of space in there.
So that was the first thing.
The second thing is, and this is a mistake that I made when I did the upgrade to bootstrap five, the
login worked properly so I can log in admin, admin, dot com.
But once I'm logged in, this doesn't work anymore and it doesn't work.
We bring up the base layout and split the screen into two so we can see the differences.
I have one drop down menu right here for rooms and that one works appropriately just as it should.
But this one does not.
Well, why not?
Well, if we look at the difference between the two, you'll see that the way that dropdown is work
in Bootstrap five is slightly different than it is in bootstrap for instead of having a div class equals
dropdown.
This is actually a dual class equals dropdown.
So that changed the opening tag in my ID.
Hopefully change the second tag and then I have to have an L.
I tag around each of the entries.
So I put an ally in here and get rid of that and put it at the end where it belongs and have the same
thing here and have an opening line tag their.
Apparently, I can't type that out and get rid of all of these extras and save that and go back and
reload this page, my admin menu should work now.
No, miss something.
So it is you all class equals an ally here and then an a an ally here and then an A which is a novel
dropdown toggle.
That's correct.
Roll equals button database.
So let's put copy that and paste this in here.
Area has pop up true, they don't have that anymore, so let's get rid of that.
Let's try that reload and there we are, Dashboard.
That's much better.
So let's go back to the public site, and that takes care of this.
So that fixes that problem.
So, again, all I did was change this to be a you will put an L.A. tag around all of the content for
the that you will.
And then I had a had to add a data base toggle equals dropdown to there, which means I don't need this
one anymore because that's actually a holdover from bootstrap for just make sure it still works and
it does.
OK, so the next thing I want to do is get rid of this word, Navar, and I'm just going to put a space
where that word nav bar is because that really doesn't serve any purpose.
But at some point I might want to put an icon there or something else.
So I'll leave it where it is.
But get rid of the word nav bar just by replacing this to this.
Put a on breaking space, should hide it, and it does.
OK, now I want to make all of these changes live on the server, so I'll committed to get I could just
leave the comment formatting, commit and push, push, go back to my terminal where I happened to be
logged in already.
I'm on my server.
So if you're not, you'll have to search into the server, go to the correct directory, which is via
WW slash book and run my update script.
And there it is.
OK, so it should now be live so I can actually click I have a bookmark here, so I'm going to go to
my live site and it all looks correct.
Can I log in?
Yes.
Admin at admin, dot com password.
And hopefully this menu will work and it does and everything should work the way that it's expected
to, if I go to my reservation calendar, I should be able to block something and I can I should be
able to unblock something and I can.
Perfect.
So now we have our site live on the server.
Now, there's some other cosmetic changes you might want to make.
So let me go back to the local one.
For example, when I log out and reload this page, log out.
This is taking an awful lot of space across the screen this way.
So maybe I want to make this narrower.
I want to come in this way and coming this way.
I could do that really easily.
I can go back to my code, find my login screen, which is under templates and log in.
And all I have to do here is say div class equals call.
I can change that to say call MDA eight and then offset.
I think it's offset.
Call yes.
Offset since I'm offsetting, since I have eight I want to offset by two.
That would put two on one side and two on the other.
So let's save that and try it on our local site which is right here, reload everything, log out and
there it is a little narrower and you can make it even narrower than that or put some space above the
login screen.
Let's do that as well.
Let's say a class equals merge and top.
To let's see what that looks like out of pushes it down a bit so you can format this to your heart's
content, you can make whatever changes you want.
You can populate the contact page with some contact information.
But all of that should be really trivial for you to do at this point.
So we have our site up.
We have it running, it's secure.
It's got a nice health certificate and we have a means of pushing changes to this site very easily.
So I think we're pretty much good to go.