1

00:00:01,200 --> 00:00:07,230

So a couple of things, the first thing that I should mention is that I changed the way that the footage



2

00:00:07,230 --> 00:00:08,160

is being displayed.



3

00:00:09,000 --> 00:00:15,480

You may have noticed that the actual email address was left hidden from the or was left outside of the



4

00:00:15,480 --> 00:00:18,060

blue background in at the end of the last lecture.



5

00:00:18,210 --> 00:00:19,170

And that was my mistake.



6

00:00:19,170 --> 00:00:20,910

And I make mistakes all the time.



7

00:00:20,910 --> 00:00:23,660

And actually, I made another one, which I'll draw to your attention in a moment.



8

00:00:24,510 --> 00:00:27,770

So to start with, here's what I did for the footer to make it work properly.



9

00:00:27,780 --> 00:00:35,400

If you look in the base layout at the very top, I remove the inline style that I had there and I changed



10

00:00:35,400 --> 00:00:36,570

it over here.



11

00:00:36,600 --> 00:00:38,490

And I'll tell you why it wasn't working.



12

00:00:38,730 --> 00:00:41,400

It wasn't working because I had my cache enabled.



13

00:00:42,300 --> 00:00:43,650

So I'll show you that in a moment.



14

00:00:43,680 --> 00:00:48,450

So the first thing I did was I got rid of the height entirely and just let Bootstrap calculate the height



15

00:00:48,450 --> 00:00:48,990

properly.



16

00:00:48,990 --> 00:00:50,840

And then I read enabled the margin talk.



17

00:00:51,720 --> 00:00:56,220

And the reason it wasn't working for me is if I look in my inspector tools and go to network.



18

00:00:56,520 --> 00:00:57,930

I had this unchecked.



19

00:00:57,930 --> 00:01:02,250

So it wasn't actually loading my changes every time I made them.



20

00:01:02,250 --> 00:01:06,850

It was was getting a cached version of the CSIS and that was causing some problems.



21

00:01:07,440 --> 00:01:08,950

So that was the first thing.



22

00:01:08,970 --> 00:01:15,750

So all I did was remove the inline style in base layout and modified style, start CSC to look like



23

00:01:15,750 --> 00:01:16,110

this.



24

00:01:16,110 --> 00:01:17,700

And now it all works properly.



25

00:01:17,700 --> 00:01:23,790

And it doesn't matter how much content I put in any of these columns, this will grow and shrink as



26

00:01:23,790 --> 00:01:26,700

it should and putting the margin top back up.



27

00:01:27,210 --> 00:01:31,140

Stop the make reservation now from going right up against the blue.



28

00:01:31,140 --> 00:01:32,620

It puts a little bit of space in there.



29

00:01:32,640 --> 00:01:33,590

So that was the first thing.



30

00:01:34,020 --> 00:01:40,980

The second thing is, and this is a mistake that I made when I did the upgrade to bootstrap five, the



31

00:01:40,980 --> 00:01:45,390

login worked properly so I can log in admin, admin, dot com.



32

00:01:46,710 --> 00:01:51,300

But once I'm logged in, this doesn't work anymore and it doesn't work.



33

00:01:51,510 --> 00:01:56,270

We bring up the base layout and split the screen into two so we can see the differences.



34

00:01:57,150 --> 00:02:01,830

I have one drop down menu right here for rooms and that one works appropriately just as it should.



35

00:02:01,830 --> 00:02:02,910

But this one does not.



36

00:02:03,060 --> 00:02:03,930

Well, why not?



37

00:02:04,080 --> 00:02:10,440

Well, if we look at the difference between the two, you'll see that the way that dropdown is work



38

00:02:10,440 --> 00:02:16,080

in Bootstrap five is slightly different than it is in bootstrap for instead of having a div class equals



39

00:02:16,080 --> 00:02:16,600

dropdown.



40

00:02:16,650 --> 00:02:19,710

This is actually a dual class equals dropdown.



41

00:02:19,770 --> 00:02:22,470

So that changed the opening tag in my ID.



42

00:02:22,470 --> 00:02:25,740

Hopefully change the second tag and then I have to have an L.



43

00:02:25,740 --> 00:02:28,110

I tag around each of the entries.



44

00:02:28,110 --> 00:02:37,260

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



45

00:02:37,260 --> 00:02:40,650

thing here and have an opening line tag their.



46

00:02:45,840 --> 00:02:52,800

Apparently, I can't type that out and get rid of all of these extras and save that and go back and



47

00:02:52,800 --> 00:02:55,590

reload this page, my admin menu should work now.



48

00:02:56,040 --> 00:02:57,080

No, miss something.



49

00:02:58,020 --> 00:03:05,820

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



50

00:03:06,000 --> 00:03:07,140

dropdown toggle.



51

00:03:07,800 --> 00:03:08,700

That's correct.



52

00:03:09,180 --> 00:03:12,920

Roll equals button database.



53

00:03:13,860 --> 00:03:19,620

So let's put copy that and paste this in here.



54

00:03:22,080 --> 00:03:25,830

Area has pop up true, they don't have that anymore, so let's get rid of that.



55

00:03:27,480 --> 00:03:32,630

Let's try that reload and there we are, Dashboard.



56

00:03:32,850 --> 00:03:33,840

That's much better.



57

00:03:34,140 --> 00:03:37,410

So let's go back to the public site, and that takes care of this.



58

00:03:37,410 --> 00:03:38,610

So that fixes that problem.



59

00:03:38,640 --> 00:03:45,750

So, again, all I did was change this to be a you will put an L.A. tag around all of the content for



60

00:03:45,990 --> 00:03:47,460

the that you will.



61

00:03:47,700 --> 00:03:52,560

And then I had a had to add a data base toggle equals dropdown to there, which means I don't need this



62

00:03:52,560 --> 00:03:59,010

one anymore because that's actually a holdover from bootstrap for just make sure it still works and



63

00:03:59,010 --> 00:03:59,550

it does.



64

00:03:59,790 --> 00:04:05,580

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



65

00:04:05,580 --> 00:04:09,570

where that word nav bar is because that really doesn't serve any purpose.



66

00:04:09,570 --> 00:04:13,650

But at some point I might want to put an icon there or something else.



67

00:04:13,650 --> 00:04:15,210

So I'll leave it where it is.



68

00:04:15,870 --> 00:04:20,700

But get rid of the word nav bar just by replacing this to this.



69

00:04:23,250 --> 00:04:27,240

Put a on breaking space, should hide it, and it does.



70

00:04:28,080 --> 00:04:33,960

OK, now I want to make all of these changes live on the server, so I'll committed to get I could just



71

00:04:33,960 --> 00:04:43,290

leave the comment formatting, commit and push, push, go back to my terminal where I happened to be



72

00:04:43,290 --> 00:04:44,340

logged in already.



73

00:04:44,350 --> 00:04:45,330

I'm on my server.



74

00:04:45,340 --> 00:04:50,380

So if you're not, you'll have to search into the server, go to the correct directory, which is via



75

00:04:51,170 --> 00:04:54,570

WW slash book and run my update script.



76

00:04:58,070 --> 00:04:58,880

And there it is.



77

00:04:58,910 --> 00:05:05,240

OK, so it should now be live so I can actually click I have a bookmark here, so I'm going to go to



78

00:05:05,240 --> 00:05:09,530

my live site and it all looks correct.



79

00:05:09,770 --> 00:05:10,800

Can I log in?



80

00:05:10,850 --> 00:05:11,480

Yes.



81

00:05:11,930 --> 00:05:16,970

Admin at admin, dot com password.



82

00:05:21,130 --> 00:05:27,640

And hopefully this menu will work and it does and everything should work the way that it's expected



83

00:05:27,640 --> 00:05:33,550

to, if I go to my reservation calendar, I should be able to block something and I can I should be



84

00:05:33,550 --> 00:05:36,330

able to unblock something and I can.



85

00:05:36,820 --> 00:05:37,400

Perfect.



86

00:05:37,450 --> 00:05:40,410

So now we have our site live on the server.



87

00:05:40,840 --> 00:05:43,150

Now, there's some other cosmetic changes you might want to make.



88

00:05:43,180 --> 00:05:44,620

So let me go back to the local one.



89

00:05:44,980 --> 00:05:50,790

For example, when I log out and reload this page, log out.



90

00:05:51,700 --> 00:05:55,180

This is taking an awful lot of space across the screen this way.



91

00:05:55,420 --> 00:05:57,340

So maybe I want to make this narrower.



92

00:05:57,370 --> 00:06:00,280

I want to come in this way and coming this way.



93

00:06:00,630 --> 00:06:01,740

I could do that really easily.



94

00:06:01,750 --> 00:06:09,670

I can go back to my code, find my login screen, which is under templates and log in.



95

00:06:10,270 --> 00:06:13,330

And all I have to do here is say div class equals call.



96

00:06:13,540 --> 00:06:17,710

I can change that to say call MDA eight and then offset.



97

00:06:17,710 --> 00:06:18,400

I think it's offset.



98

00:06:18,400 --> 00:06:19,120

Call yes.



99

00:06:19,120 --> 00:06:23,980

Offset since I'm offsetting, since I have eight I want to offset by two.



100

00:06:23,980 --> 00:06:26,190

That would put two on one side and two on the other.



101

00:06:26,620 --> 00:06:37,210

So let's save that and try it on our local site which is right here, reload everything, log out and



102

00:06:37,210 --> 00:06:42,700

there it is a little narrower and you can make it even narrower than that or put some space above the



103

00:06:42,700 --> 00:06:43,470

login screen.



104

00:06:43,680 --> 00:06:44,650

Let's do that as well.



105

00:06:45,200 --> 00:06:48,700

Let's say a class equals merge and top.



106

00:06:51,040 --> 00:06:56,830

To let's see what that looks like out of pushes it down a bit so you can format this to your heart's



107

00:06:56,830 --> 00:06:58,930

content, you can make whatever changes you want.



108

00:06:59,140 --> 00:07:02,650

You can populate the contact page with some contact information.



109

00:07:02,800 --> 00:07:06,190

But all of that should be really trivial for you to do at this point.



110

00:07:07,090 --> 00:07:08,800

So we have our site up.



111

00:07:08,800 --> 00:07:10,450

We have it running, it's secure.



112

00:07:10,450 --> 00:07:15,400

It's got a nice health certificate and we have a means of pushing changes to this site very easily.



113

00:07:15,640 --> 00:07:18,010

So I think we're pretty much good to go.