WEBVTT 00:02.880 --> 00:08.580 So before we start building our virtual terminal web form, let's just make a slight change to Visual 00:08.580 --> 00:09.390 Studio code. 00:09.420 --> 00:14.790 I wasn't really happy with the way that we got template syntax highlighting with the extension we used. 00:14.790 --> 00:15.930 And I found a better way of doing it. 00:15.930 --> 00:17.310 And it's really easy to change. 00:17.310 --> 00:22.950 But it does require a few changes to our code, a few changes to the names of some of our files and 00:22.950 --> 00:24.340 adding one new extension. 00:25.080 --> 00:30.480 So first of all, let's click on the extensions button over here in Visual Studio Code and search for 00:30.630 --> 00:36.280 go template just to find the one that we already have, which is this go template support. 00:36.340 --> 00:38.610 I'm going to click on that and I'm going to uninstall it. 00:38.790 --> 00:39.430 So it's gone. 00:39.540 --> 00:39.980 All right. 00:40.080 --> 00:45.900 So I'll close that window and now we'll look for Gote with no spaces. 00:45.900 --> 00:48.570 And that's the one I should have used the first time around. 00:48.570 --> 00:54.660 I want to install goup templates, syntax, so that's installed and I'll close this window. 00:55.230 --> 00:59.730 And now actually, if we look at that, bring that back up and you look at the feature contributions. 01:00.000 --> 01:07.830 What I want is this one go html goldwing html template and these are the extensions it pays attention 01:07.830 --> 01:08.070 to. 01:08.110 --> 01:12.990 Now there's probably some way to change the configuration or settings in visual studio code, but I'm 01:12.990 --> 01:17.340 relatively lazy about this sort of thing, so I'm just going to change my file names and then update 01:17.340 --> 01:18.450 my render syntax. 01:18.450 --> 01:24.570 So I'm going to go back to my explorer and these two templates, I'll simply rename them. 01:24.900 --> 01:25.890 So rename that. 01:25.890 --> 01:34.380 And instead of calling it template or call it Dot Geo HTML and I'll do the same thing with this one. 01:34.560 --> 01:35.310 Rename the. 01:37.540 --> 01:46.390 To go to M. Now I'll open my render function and find the places where I'm using Temple right here and 01:46.390 --> 01:49.100 I'll change that to go HTML, there's the first one. 01:49.130 --> 01:50.450 Now let's find Temple. 01:50.590 --> 01:51.430 There's a few more. 01:52.570 --> 01:54.190 So that should be go html. 01:55.210 --> 01:56.970 This one should be go html. 01:58.180 --> 02:07.330 This one should be go html and over here go html go html. 02:07.330 --> 02:09.850 And I think that's it looks like. 02:10.000 --> 02:13.940 All right, so let's run er or run it the way you choose to run it. 02:13.960 --> 02:22.270 I'm going to run in here and I'll go back to my web browser and reload this page and there everything 02:22.270 --> 02:22.810 looks good. 02:24.190 --> 02:29.380 Now before we move on, there's one more slight change I need to make and it's back at our base template. 02:29.380 --> 02:35.700 So let's go back to our ID and let's open up base layout HTML. 02:35.710 --> 02:38.550 And the problem is just a slight placement thing. 02:39.400 --> 02:45.580 JavaScript doesn't belong after the closing body tag, and I'm sure many of you notice that it belongs 02:45.580 --> 02:50.200 here before the closing, but it can still work, but it's not correct there. 02:50.260 --> 02:55.810 So let's bring that back in and away we go. 02:56.110 --> 02:57.190 So this isn't perfect. 02:57.190 --> 03:00.790 It doesn't have formatting built in, but it's a lot better than what we had before. 03:00.790 --> 03:07.600 And if I can figure out how to automatically format a page of HTML and go template syntax, I'll add 03:07.600 --> 03:08.860 that to an upcoming lecture.