| Topic | Presenter | Summary | Duration |
| -------------------------------------------------------------------------- | --------- | ------------------------------------------------------------------------------------------------------------------------------------- | -------- |
| Installing a CEF Local & Implementing an Initial Skin from the Markup File | Jesse W. | This is a video from a Friday training where installing a CEF local and implementing an initial skin from the markup file is covered. | 1:19:38 |00:00:07.750 --> 00:00:10.396 What version of CEF was it?00:00:10.400 --> 00:00:11.720 Hopefully after 2021?00:00:13.960 --> 00:00:16.496 Yeah, it's only 20. It's only 22 behind,00:00:16.500 --> 00:00:19.326 so my guess is 2021 that one it is00:00:19.326 --> 00:00:21.907 cool how long ago did you do it?00:00:21.910 --> 00:00:23.845 'cause there was a really00:00:23.845 --> 00:00:25.780 critical there's so I 27th.00:00:25.780 --> 00:00:27.604 I would say if we haven't actually done00:00:27.604 --> 00:00:29.990 anything, no one's done anything yet.00:00:29.990 --> 00:00:31.910 Get it up the latest?00:00:31.910 --> 00:00:33.446 Yeah yeah, good call.00:00:33.446 --> 00:00:35.366 That's what I did here.00:00:35.370 --> 00:00:39.560 OK alright so that's that's that, UM.00:00:39.560 --> 00:00:42.650 Let's see CPHR Seagate product00:00:42.650 --> 00:00:46.370 develops F solution items in here.00:00:46.370 --> 00:00:47.954 What server did you set it up on?00:00:47.960 --> 00:00:49.748 Like with the databases and stuff00:00:49.748 --> 00:00:51.379 'cause I'm piggybacking off of that?00:00:51.380 --> 00:00:56.303 I believe set up to set stage two and00:00:56.303 --> 00:01:00.265 everything was in the SQL 2019 database.00:01:00.270 --> 00:01:01.240 Sounds good.00:01:03.380 --> 00:01:05.676 I did put it in the wiki.00:01:05.680 --> 00:01:07.936 That's OK, I I just mean for me00:01:07.936 --> 00:01:10.017 to steal the UM config files00:01:10.017 --> 00:01:12.177 'cause I'm not doing it myself.00:01:12.180 --> 00:01:14.357 If someone else did it for you,00:01:14.360 --> 00:01:16.856 you should. You know it takes do it.00:01:16.860 --> 00:01:18.108 Don't do it yourself.00:01:20.420 --> 00:01:23.633 Did it for you, so don't do it again.00:01:23.640 --> 00:01:25.112 And, uh, that includes,00:01:25.112 --> 00:01:26.952 like the databases and stuff.00:01:26.960 --> 00:01:28.450 If someone else already, right?00:01:28.450 --> 00:01:32.730 Yeah, someone else already set that all up.00:01:32.730 --> 00:01:37.730 Uh, athletes will go QSF and solution items.00:01:37.730 --> 00:01:40.542 Still, both of these,00:01:40.542 --> 00:01:43.354 all all of these.00:01:43.360 --> 00:01:44.780 These three aren't gonna change00:01:44.780 --> 00:01:46.200 unless you're doing brand stuff,00:01:46.200 --> 00:01:47.620 so don't bother with those.00:01:47.620 --> 00:01:49.318 This isn't brand stuff, is it?00:01:54.130 --> 00:01:55.678 Take that as a no right.00:01:55.680 --> 00:01:57.728 You really doubt it.00:01:57.730 --> 00:02:00.355 OK, I didn't see anything about it,00:02:00.360 --> 00:02:03.368 so it's just a standard set up left.00:02:03.370 --> 00:02:04.874 So that's, uh, yeah,00:02:04.874 --> 00:02:06.378 at least fqa perfect.00:02:06.380 --> 00:02:08.260 That's what I'm just gonna00:02:08.260 --> 00:02:10.140 go ahead and use and.00:02:12.310 --> 00:02:13.597 What's the current?00:02:13.597 --> 00:02:16.600 What's the current 2020 dot 2021.1 UM?00:02:16.600 --> 00:02:19.480 Other project that's already I'm00:02:19.480 --> 00:02:22.360 setting up branch policies actually.00:02:22.360 --> 00:02:24.416 Is Max Max Air also is 1 right?00:02:24.420 --> 00:02:26.228 Is it no? I don't think. Actually.00:02:26.228 --> 00:02:27.520 Yeah it totally is, yeah.00:02:31.230 --> 00:02:31.790 Spot.00:02:35.280 --> 00:02:38.700 Please K so that'll do that.00:02:38.700 --> 00:02:42.690 I'm gonna go ahead and change the.00:02:45.490 --> 00:02:46.870 Athlete slash athlete or did00:02:46.870 --> 00:02:48.770 I not fixing on one of them?00:02:48.770 --> 00:02:50.650 It's OK. There was just a my there00:02:50.650 --> 00:02:52.588 was a type of like duplicates.00:02:52.590 --> 00:02:55.887 I'm just teasing you it's all good.00:02:55.890 --> 00:02:59.226 Uhm, OK, so there's all that.00:02:59.230 --> 00:03:01.558 Ah, I want my PowerShell open.00:03:06.930 --> 00:03:08.645 We can get to probably started doing00:03:08.645 --> 00:03:10.708 the mark up stuff in like 15 minutes.00:03:10.710 --> 00:03:12.222 If you don't care about setting00:03:12.222 --> 00:03:13.734 up local, give me a minute.00:03:13.734 --> 00:03:16.320 I didn't. I didn't have one.00:03:16.320 --> 00:03:17.520 You're good Jesse, no worries.00:04:20.580 --> 00:04:22.355 Backup your stuff if you're00:04:22.355 --> 00:04:24.140 doing it this way, oops.00:04:26.610 --> 00:04:29.520 And. Copy I guess. Acue 'cause00:04:29.520 --> 00:04:32.650 that's I have that one set up.00:04:38.300 --> 00:04:40.300 Don't don't do this on.00:04:40.300 --> 00:04:43.086 Don't don't do this, just tell me.00:04:45.840 --> 00:04:48.144 I just say it 'cause it's fast but00:04:48.144 --> 00:04:50.420 don't do it. Don't do it anywhere else.00:04:55.130 --> 00:04:59.460 Especially not on. Uh.00:04:59.460 --> 00:05:00.670 One of the dev servers.00:05:33.020 --> 00:05:35.060 Alright, that should have done00:05:35.060 --> 00:05:37.780 all the IIS stuff would be nice.00:05:37.780 --> 00:05:39.310 Yeah I got it right.00:05:43.400 --> 00:05:44.546 If you have one set up,00:05:44.550 --> 00:05:46.070 you really don't have to do it again.00:05:46.070 --> 00:05:48.668 OK, so yeah, that looks right.00:05:48.670 --> 00:05:53.000 Uhm, let's see. Let's do this, I guess.00:06:01.410 --> 00:06:02.250 9.00:06:08.700 --> 00:06:10.748 If you are recursively copy the skin thing,00:06:10.750 --> 00:06:12.535 it just copies on the web nine.00:06:12.540 --> 00:06:14.332 It just copies symlinks as if they00:06:14.332 --> 00:06:15.612 were real folders, duplicates the00:06:15.612 --> 00:06:17.660 files so you know if you do that.00:06:17.660 --> 00:06:20.436 Just make sure you delete it and then.00:06:20.440 --> 00:06:22.606 You know? That kind of stuff.00:06:26.500 --> 00:06:27.100 Oh hell.00:06:38.890 --> 00:06:40.285 No, not accurate.00:06:40.285 --> 00:06:42.145 What's the skin called?00:06:42.150 --> 00:06:43.710 Oh, there's not one yet,00:06:43.710 --> 00:06:44.954 so we'll just we'll.00:06:44.954 --> 00:06:46.509 You know we'll get there.00:06:50.640 --> 00:06:52.086 So this is part of it.00:06:52.090 --> 00:06:53.784 If there's not actually a skin there,00:06:53.790 --> 00:06:55.290 just copy the clarity one and00:06:55.290 --> 00:06:56.690 we'll you know we'll fix it.00:07:01.760 --> 00:07:04.080 OK, so that's that while we're at it,00:07:04.080 --> 00:07:06.400 will probably make the clarity one 'cause I.00:07:06.400 --> 00:07:08.829 I bet the database is all pointing00:07:08.829 --> 00:07:11.556 to the clarity one. If you copied.00:07:11.556 --> 00:07:14.534 Who set it up again? I did,00:07:14.534 --> 00:07:16.826 the databases aren't pointing to clarity.00:07:16.830 --> 00:07:19.830 I ran the things to make sure they're00:07:19.830 --> 00:07:22.530 all pointing to actually OK. Oh cool.00:07:22.530 --> 00:07:24.380 Alrighty, so there's that that00:07:24.380 --> 00:07:27.139 that I guess probably build it now.00:07:35.720 --> 00:07:39.563 How we build the admin while it's or build00:07:39.563 --> 00:07:44.880 this I you have to also have the. Uhm?00:07:44.880 --> 00:07:46.476 Node modules installed on the projects00:07:46.476 --> 00:07:48.972 that you want to build. With this it it.00:07:48.972 --> 00:07:50.337 I don't know the particulars,00:07:50.340 --> 00:07:52.069 but it does do some kind of00:07:52.069 --> 00:07:53.619 at least the old version.00:07:53.620 --> 00:07:55.246 Did some kind of gulf thing.00:07:55.250 --> 00:07:58.440 You gotta have the UM.00:07:58.440 --> 00:08:00.144 You've got to have the node00:08:00.144 --> 00:08:01.571 modules least installed so that00:08:01.571 --> 00:08:03.223 it could build if it wanted to.00:08:07.800 --> 00:08:09.636 You download it if you're not using them too.00:08:12.040 --> 00:08:14.850 These ones I'm not using.00:08:14.850 --> 00:08:16.775 So just go ahead and download those.00:08:24.960 --> 00:08:26.510 And uhm.00:08:29.200 --> 00:08:31.858 There's one in storefront as well.00:08:31.860 --> 00:08:32.892 There's something that I00:08:32.892 --> 00:08:34.182 think I just don't have,00:08:34.190 --> 00:08:36.254 that you don't have to bother with this.00:08:36.260 --> 00:08:38.080 If you have, like your Visual Studio00:08:38.080 --> 00:08:39.369 packages all updated and stuff,00:08:39.370 --> 00:08:41.692 but I don't think I have dot net five.00:08:41.700 --> 00:08:43.260 So because I haven't needed to.00:08:50.550 --> 00:08:52.950 Let's going, I'll probably do the,00:08:52.950 --> 00:08:57.514 UM, I'll set the binding up proper.00:08:57.520 --> 00:09:00.616 I don't think it's pointed to the correct.00:09:00.620 --> 00:09:03.336 A man I thought I installed my.00:09:06.250 --> 00:09:09.256 I am still on another computer.00:09:12.490 --> 00:09:16.348 Let's see. So it's like this.00:09:16.350 --> 00:09:18.870 So the the the the PFX yes,00:09:18.870 --> 00:09:20.940 I thought I installed that but00:09:20.940 --> 00:09:23.134 it must have been on another00:09:23.134 --> 00:09:25.710 computer so we'll do it again here.00:09:33.360 --> 00:09:35.728 The password is a don't do that side,00:09:35.730 --> 00:09:39.130 it's don't leave these these files on them.00:09:39.130 --> 00:09:40.470 You know client machines,00:09:40.470 --> 00:09:42.145 but the password is inside.00:09:42.150 --> 00:09:44.120 The quick install settings base.00:09:44.120 --> 00:09:45.610 Brendan line showed me that,00:09:45.610 --> 00:09:46.798 so that's pretty cool.00:10:00.920 --> 00:10:03.920 Or maybe not. It doesn't matter.00:10:03.920 --> 00:10:05.012 I miss missing beginning,00:10:05.012 --> 00:10:07.317 but why didn't you just run through the00:10:07.317 --> 00:10:09.135 quick install script to begin with?00:10:09.140 --> 00:10:11.170 Oh, I didn't say does that I.00:10:11.170 --> 00:10:12.910 I know it works for JG,00:10:12.910 --> 00:10:15.520 but I've never tried it so I'm not gonna.00:10:15.520 --> 00:10:17.335 It's been working for me00:10:17.335 --> 00:10:18.787 from 2024 and onwards.00:10:18.790 --> 00:10:20.524 Cool, well I I wasn't about00:10:20.524 --> 00:10:22.073 to do something I've never00:10:22.073 --> 00:10:23.728 tried before so that's why.00:10:27.800 --> 00:10:30.760 So with your devs are getting the old00:10:30.760 --> 00:10:32.910 school approach graded it now. Yes,00:10:32.910 --> 00:10:36.150 I don't think anyone else does it this way.00:10:36.150 --> 00:10:37.410 It's kind of just I'm trying to00:10:37.410 --> 00:10:40.190 rush through it, so, uh. You know?00:10:43.320 --> 00:10:44.308 What are you saying?00:10:44.308 --> 00:10:45.543 Is this faster than the00:10:45.543 --> 00:10:46.938 quick install that's racing?00:10:46.940 --> 00:10:49.005 Probably not true, I just I don't00:10:49.005 --> 00:10:50.897 think I could get it to work.00:10:50.900 --> 00:10:52.312 I uhm, you know.00:10:52.312 --> 00:10:54.836 There's a lot of people don't want00:10:54.836 --> 00:10:57.265 to say that it's 99% of the time00:10:57.265 --> 00:10:59.190 you're not gonna get it right the00:10:59.261 --> 00:11:01.097 first time that the first try,00:11:01.100 --> 00:11:03.389 so why not?00:11:03.390 --> 00:11:05.766 It seems to work pretty well for me.00:11:05.770 --> 00:11:08.128 I mean like I have to add some extra00:11:08.128 --> 00:11:09.760 periods and certain URLs that's00:11:09.760 --> 00:11:11.722 never been fixed out like well.00:11:15.780 --> 00:11:18.756 If I were you, then you'd be me.00:11:18.760 --> 00:11:22.830 And I would use your body to get to the top.00:11:26.230 --> 00:11:27.917 Stop me, no matter who you are.00:11:31.210 --> 00:11:33.426 All right, I don't think I missed anything.00:11:33.430 --> 00:11:35.098 I think that's about it anyway.00:11:35.100 --> 00:11:38.586 Besides the HTTPS thing that I.00:11:38.590 --> 00:11:42.334 Yeah, it's you know I thought I had the.00:11:42.340 --> 00:11:45.932 A SSL certificate installed,00:11:45.932 --> 00:11:50.160 but I whatever. But it's loaded on HTTP.00:11:52.760 --> 00:11:54.566 I think I did all this stuff.00:11:54.570 --> 00:11:56.908 So it's builds that did this stuff.00:11:56.910 --> 00:11:59.248 All the virtual things are set up.00:11:59.250 --> 00:12:02.806 I think that's it. So I mean,00:12:02.810 --> 00:12:07.437 I guess we could just try HTTP.00:12:07.440 --> 00:12:10.130 Athletes. OK.00:12:12.180 --> 00:12:14.917 Do you know what you do this?00:12:14.920 --> 00:12:15.994 I like I said I'm not00:12:15.994 --> 00:12:16.970 going to do somebody else.00:12:16.970 --> 00:12:18.080 If you already did the work.00:12:18.080 --> 00:12:19.900 I'm not there, you know, do it.00:12:19.900 --> 00:12:23.015 I always just use the QA database.00:12:23.020 --> 00:12:24.798 I don't recommend other people do that,00:12:24.800 --> 00:12:26.823 but you know, I just don't like00:12:26.823 --> 00:12:29.145 if the work is done once I just00:12:29.145 --> 00:12:31.000 I don't like doing it again.00:12:31.000 --> 00:12:32.270 Local databases are always kind00:12:32.270 --> 00:12:33.826 of because then like if you00:12:33.826 --> 00:12:35.016 do some finicky data stuff,00:12:35.020 --> 00:12:36.275 you know you're just gonna00:12:36.275 --> 00:12:37.530 have to do it again.00:12:42.080 --> 00:12:46.770 There are a few files I forgot the UM. Peace.00:12:50.230 --> 00:12:53.856 You know, the, uh? Skin ones.00:12:53.856 --> 00:12:56.244 Please, I forgot to do those.00:13:02.540 --> 00:13:07.778 K So that in autowork UM.00:13:07.780 --> 00:13:11.506 I guess we thought you had with those files.00:13:11.510 --> 00:13:13.738 I think if you do branded setup, you do.00:13:13.738 --> 00:13:15.333 I've never had to unless00:13:15.333 --> 00:13:17.390 it's been a branded setup.00:13:17.390 --> 00:13:19.329 I I just thought they had some00:13:19.329 --> 00:13:21.360 of the URLs embedded in them.00:13:21.360 --> 00:13:23.480 I like I said. I mean if it's if it's00:13:23.547 --> 00:13:25.576 not branded set up, I think you do.00:13:25.576 --> 00:13:27.208 Hey, what's what database was it again?00:13:27.210 --> 00:13:28.848 Oh, I can just look right here,00:13:28.850 --> 00:13:29.778 it's it's this perfect.00:14:17.010 --> 00:14:18.900 Cool, so there's that I should00:14:18.900 --> 00:14:20.747 be good there. It's all built.00:14:20.747 --> 00:14:23.897 I did the other skin stuff I made this new00:14:23.897 --> 00:14:26.460 skin and I just straight up copied UM,00:14:26.460 --> 00:14:27.720 clarity so there's those00:14:27.720 --> 00:14:28.980 like the includes files,00:14:28.980 --> 00:14:31.500 the header and the footer need to go.00:14:31.500 --> 00:14:32.596 Need to be changed.00:14:32.596 --> 00:14:34.911 I mean so I guess because I mean00:14:34.911 --> 00:14:36.735 I even built everything but the00:14:36.735 --> 00:14:38.748 gulp config probably wasn't right.00:14:38.750 --> 00:14:40.640 I didn't actually look at that.00:14:40.640 --> 00:14:42.530 Oh yeah, no, it's totally right.00:14:42.530 --> 00:14:45.050 So it's a if it worked then yeah,00:14:45.050 --> 00:14:47.000 we see clarity CSS there.00:14:47.000 --> 00:14:48.834 But these I don't think are pointing00:14:48.834 --> 00:14:50.810 to the right thing, you know?00:14:50.810 --> 00:14:53.240 They're going to be pointing to00:14:53.240 --> 00:14:55.736 like clarity slash, clarity flash,00:14:55.736 --> 00:14:57.470 yeah, see so.00:14:57.470 --> 00:14:58.958 Couldn't change those while we're here.00:15:00.990 --> 00:15:02.950 This is stuff that definitely00:15:02.950 --> 00:15:05.270 someone will have done for you.00:15:05.270 --> 00:15:08.682 I mean. 'cause you probably won't00:15:08.682 --> 00:15:10.890 be doing this section of the.00:15:10.890 --> 00:15:13.452 You know, importing the skin general00:15:13.452 --> 00:15:16.008 question on that stuff, I guess.00:15:16.008 --> 00:15:18.552 Why do we use different names00:15:18.552 --> 00:15:21.569 for each client skin on the SIM?00:15:21.570 --> 00:15:23.151 Like itself? Like?00:15:23.151 --> 00:15:27.480 Why not just have a global skin name?00:15:27.480 --> 00:15:29.360 That way we don't have to keep doing00:15:29.360 --> 00:15:31.402 all this changing in the database and00:15:31.402 --> 00:15:33.340 in every single file confuses people.00:15:33.340 --> 00:15:35.250 We've tried that for brains00:15:35.250 --> 00:15:37.520 before and it didn't work out.00:15:37.520 --> 00:15:42.010 Ah, it's fine. Fuses.00:15:42.010 --> 00:15:44.370 That's all I agree though,00:15:44.370 --> 00:15:46.090 like what I mean.00:15:46.090 --> 00:15:49.419 For like to show what you're I mean.00:15:49.420 --> 00:15:51.948 I'm pretty sure I know what you're saying,00:15:51.950 --> 00:15:53.210 right? The symlinks here,00:15:53.210 --> 00:15:55.780 the ones that are all just like have00:15:55.780 --> 00:15:57.943 one seemed like name just says yeah,00:15:57.950 --> 00:15:58.895 rather than one.00:15:58.895 --> 00:16:00.785 Clarity versus Max versus athletes people.00:16:00.790 --> 00:16:02.370 This part already confuses people,00:16:02.370 --> 00:16:04.980 so it's best to just not.00:16:04.980 --> 00:16:06.135 It's just best to let it go.00:16:09.350 --> 00:16:13.088 I need to do my translations app.00:16:13.090 --> 00:16:14.026 Why didn't anybody ever00:16:14.026 --> 00:16:15.196 find anyone tell me that?00:16:19.060 --> 00:16:21.110 Really, some people not watching00:16:21.110 --> 00:16:23.903 you said translated, I don't know.00:16:23.903 --> 00:16:27.550 I might pick up a little earlier,00:16:27.550 --> 00:16:29.770 stable supported Alias I did.00:16:29.770 --> 00:16:33.550 I did, I might just copy the00:16:33.550 --> 00:16:36.080 translations from another project.00:16:36.080 --> 00:16:39.020 Instead of going through the admin stuff.00:16:39.020 --> 00:16:42.324 It's kind of it takes some time.00:16:42.330 --> 00:16:44.067 Kind of feel like I could get this in00:16:44.067 --> 00:16:46.001 like 20 minutes and then we can move on to00:16:46.001 --> 00:16:47.890 the actual skin stuff, which is its own.00:16:47.890 --> 00:16:48.915 This is just the local.00:16:48.920 --> 00:16:51.596 The skin stuff will get to.00:16:51.600 --> 00:17:01.100 Ah so storefront saying libs FJS I8 I 18 in.00:17:01.100 --> 00:17:03.032 So just paste that in there, all right?00:17:03.032 --> 00:17:03.996 So there's the translations.00:17:07.400 --> 00:17:07.690 Yeah.00:17:21.810 --> 00:17:22.498 Weird for me though.00:17:26.960 --> 00:17:27.599 What is this?00:17:29.610 --> 00:17:34.780 Log in. Kind of feel like if it00:17:34.780 --> 00:17:36.760 didn't immediately succeed there,00:17:36.760 --> 00:17:40.660 there's a database problem so.00:17:40.660 --> 00:17:42.725 I need see. I mean it's pretty00:17:42.725 --> 00:17:45.129 much it's gonna that's it that is00:17:45.129 --> 00:17:46.944 indicative of a database problem.00:17:46.950 --> 00:17:48.936 Like if it fails right here.00:17:48.940 --> 00:17:50.920 I'm like to these three alright,00:17:50.920 --> 00:17:53.890 so what's the deal with that?00:17:53.890 --> 00:17:57.550 In the service been connection strings.00:17:57.550 --> 00:18:03.250 Scott, the one I told it to have, uhm.00:18:03.250 --> 00:18:07.350 So what why what's the?00:18:07.350 --> 00:18:10.810 What's the problem? Uhm?00:18:22.490 --> 00:18:25.430 Uh, why is it taking so long?00:18:25.430 --> 00:18:27.950 My Internet is slow or something,00:18:27.950 --> 00:18:32.550 so target applications used is the last one.00:18:32.550 --> 00:18:34.734 Uh, that you open up migrations here man.00:18:34.740 --> 00:18:36.462 Visual Studio code is so hard to00:18:36.462 --> 00:18:40.550 work with or Visual Studio, I mean.00:18:40.550 --> 00:18:42.866 Uh, migrations are, like you know,00:18:42.870 --> 00:18:45.470 one day in model. Yeah.00:18:50.290 --> 00:18:51.266 It's a target FO.00:18:51.266 --> 00:18:53.040 Yeah, there's like there's a whole other00:18:53.040 --> 00:18:55.352 one right here that came in the file, but.00:18:55.352 --> 00:18:57.120 Uh, that's the problem.00:18:57.120 --> 00:18:58.986 'cause I built with. You know,00:18:58.990 --> 00:19:00.550 there's target at Target applications.00:19:00.550 --> 00:19:02.894 Use was the last one in the database00:19:02.894 --> 00:19:05.166 and there's one like that came in00:19:05.166 --> 00:19:07.458 source control that someone did for bids00:19:07.458 --> 00:19:09.593 and that's just not in the database.00:19:09.600 --> 00:19:12.918 So shame on whoever did that.00:19:12.920 --> 00:19:15.720 The migration when you start it up though.00:19:15.720 --> 00:19:18.756 That's weird that you think that.00:19:18.760 --> 00:19:21.749 Has it ever done that for anybody?00:19:21.750 --> 00:19:23.435 I've had it automatically applied00:19:23.435 --> 00:19:25.890 migrations when I started up stuff before.00:19:25.890 --> 00:19:28.638 I think that's wack.00:19:28.640 --> 00:19:31.988 I wanna do it see a.00:19:36.180 --> 00:19:37.578 Alright, I should do it right.00:19:37.580 --> 00:19:38.990 That's the right command, didn't it?00:19:41.650 --> 00:19:44.008 We turn stuff off or wait.00:19:44.010 --> 00:19:47.240 No stuff should be running.00:19:47.240 --> 00:19:48.784 Anyway, there it's going.00:19:48.784 --> 00:19:51.640 It's gonna update a database if your00:19:51.640 --> 00:19:53.955 stuff doesn't work like immediately.00:19:53.960 --> 00:19:56.060 Most of your network calls,00:19:56.060 --> 00:19:58.272 it's probably some database00:19:58.272 --> 00:20:00.784 thing there it's going. OK.00:20:00.784 --> 00:20:03.430 So this is also an excellent example of a00:20:03.500 --> 00:20:06.153 front end developer having to do something00:20:06.153 --> 00:20:08.669 back in because it's on his machine.00:20:08.670 --> 00:20:10.416 Yes, you are doing yourself a00:20:10.416 --> 00:20:12.589 disservice if you open up the workspace.00:20:12.590 --> 00:20:14.690 I'm sorry JJ, if it isn't here,00:20:14.690 --> 00:20:17.098 who put all that work into the workspace?00:20:17.100 --> 00:20:18.668 You're definitely doing yourself00:20:18.668 --> 00:20:21.020 a disservice if you use that.00:20:21.020 --> 00:20:22.394 You've got to be looking at00:20:22.394 --> 00:20:23.820 C sharp files all the time,00:20:23.820 --> 00:20:25.283 just almost as much as you are00:20:25.283 --> 00:20:26.609 HTML or guitar or JavaScript.00:20:26.610 --> 00:20:29.250 It sucks, but it's true.00:20:29.250 --> 00:20:33.408 Alright, that should do it I think.00:20:33.410 --> 00:20:35.810 What was the one I got stuck on?00:20:35.810 --> 00:20:36.734 After it succeeded,00:20:36.734 --> 00:20:39.669 it's this is the config that's F config call,00:20:39.670 --> 00:20:43.540 so it did that and then it failed like on.00:20:43.540 --> 00:20:47.188 These that it's still failing on that sucks.00:20:47.190 --> 00:20:48.387 I thought that was gonna be it.00:20:52.690 --> 00:20:54.738 Oh wait, no no hell yeah it did00:20:54.738 --> 00:20:56.979 it OK yeah so we good alright.00:20:56.980 --> 00:20:59.268 So let's take a look at that markup,00:20:59.270 --> 00:21:02.346 set a local up. Uhm, it's over here.00:21:02.346 --> 00:21:03.806 I guess this is it.00:21:03.810 --> 00:21:07.610 So I'm gonna go ahead and download it.00:21:07.610 --> 00:21:11.588 I uhm, I tend to put.00:21:11.590 --> 00:21:12.134 Client specifics,00:21:12.134 --> 00:21:14.038 it doesn't matter where you put stuff,00:21:14.040 --> 00:21:16.208 but I tend to do it like this.00:21:16.210 --> 00:21:18.178 You know, in the root in the folder00:21:18.178 --> 00:21:20.161 of like your dev I put miscellaneous00:21:20.161 --> 00:21:22.406 and then I put markup stuff there00:21:22.406 --> 00:21:24.286 so once this finishes downloading.00:21:24.290 --> 00:21:25.260 Uhm?00:21:33.490 --> 00:21:35.597 It's hard to tell when it finishes00:21:35.597 --> 00:21:36.990 downloading 'cause it doesn't.00:21:36.990 --> 00:21:40.330 Teams doesn't give you a.00:21:40.330 --> 00:21:42.206 It doesn't give you a progress bar,00:21:42.210 --> 00:21:43.560 but I think it's done.00:21:43.560 --> 00:21:45.450 'cause I keep hitting refresh00:21:45.450 --> 00:21:47.730 and it stays is 69. So.00:21:51.340 --> 00:21:55.638 That there will just extract it here.00:21:55.640 --> 00:21:57.698 And we got America. So alright,00:21:57.700 --> 00:22:00.532 uh, my tend to also like to just00:22:00.532 --> 00:22:03.629 open it up in another code window.00:22:03.630 --> 00:22:05.891 Uhm, because then you can easily copy00:22:05.891 --> 00:22:08.298 paste stuff that you need to copy paste.00:22:08.300 --> 00:22:10.967 So we don't have like 10 million.00:22:10.970 --> 00:22:12.126 Active file changes in,00:22:12.126 --> 00:22:14.238 which is super weird that it's not00:22:14.238 --> 00:22:15.818 showing because we totally have00:22:15.818 --> 00:22:17.410 10 million file changes 'cause00:22:17.410 --> 00:22:19.018 we just copied a whole skin.00:22:21.390 --> 00:22:22.956 I wanna take care of that.00:22:25.710 --> 00:22:27.360 Uh.00:22:29.430 --> 00:22:32.620 Yeah, untracked files store skin.00:22:32.620 --> 00:22:38.380 That's super strange. Get add 07.00:22:38.380 --> 00:22:41.062 Portals. Dash B yeah? OK that's00:22:41.062 --> 00:22:44.590 super odd that it wanted to do that.00:22:49.030 --> 00:22:50.938 Have I opened up the right,00:22:50.940 --> 00:22:52.860 the right like folder over here?00:22:54.990 --> 00:22:58.203 Control shift G the source control thing00:22:58.203 --> 00:23:01.870 you is usually pretty good about a. Anyway.00:23:07.530 --> 00:23:09.010 Alright, hopefully it behaves 'cause00:23:09.010 --> 00:23:11.116 I'm going to be using this a lot00:23:11.116 --> 00:23:12.750 and I don't want it to not work.00:23:12.750 --> 00:23:15.504 Uhm, so if you open up both your things00:23:15.504 --> 00:23:18.580 in code you can copy stuff a lot better.00:23:18.580 --> 00:23:19.876 So uh, that's cool.00:23:19.876 --> 00:23:21.948 They tend this. They tend to.00:23:21.948 --> 00:23:24.144 The company we use for markup00:23:24.144 --> 00:23:26.745 tends to put to the JavaScript and00:23:26.745 --> 00:23:29.229 such just like this all the time,00:23:29.230 --> 00:23:30.472 so pretty sweet.00:23:30.472 --> 00:23:32.128 Tend to do stuff,00:23:32.130 --> 00:23:34.466 just do this first thing might as well00:23:34.466 --> 00:23:36.705 shove it in a Chevy and JavaScript00:23:36.705 --> 00:23:38.670 just like that jQuery dot main.00:23:38.670 --> 00:23:40.630 And then I also just tend to00:23:40.630 --> 00:23:42.710 put it right under lazy sizes.00:23:42.710 --> 00:23:45.509 It doesn't matter where you put it in here,00:23:45.510 --> 00:23:47.370 as long as it's in here.00:23:47.370 --> 00:23:48.930 This whole link preload thing.00:23:48.930 --> 00:23:52.040 We will talk about when when I type this in.00:23:54.170 --> 00:23:58.716 Uh. You need to put this in two places,00:23:58.720 --> 00:24:00.418 right? So if you read this,00:24:00.420 --> 00:24:02.500 this is if the browser type is Firefox00:24:02.500 --> 00:24:04.296 or Internet Explorer. Don't do this.00:24:04.296 --> 00:24:05.556 Preload stuff 'cause preload seems00:24:05.556 --> 00:24:07.210 to be chromium like supported.00:24:07.210 --> 00:24:09.474 I think Firefox actually does it now though,00:24:09.480 --> 00:24:10.895 but I don't really want00:24:10.895 --> 00:24:12.310 to test that right now.00:24:12.310 --> 00:24:14.284 So where else is lazy sizes right?00:24:14.290 --> 00:24:16.729 I mean you can infer where to put stuff00:24:16.729 --> 00:24:19.102 if you just copy, so it's nowhere else,00:24:19.102 --> 00:24:20.800 so let's put that right there.00:24:20.800 --> 00:24:22.498 If you put something in preload,00:24:22.500 --> 00:24:24.604 it needs to go down in here as00:24:24.604 --> 00:24:26.548 well and be exactly the same.00:24:26.550 --> 00:24:30.134 Right 'cause? Ah, ah, I don't know.00:24:30.140 --> 00:24:32.475 Deferring preload seems to have00:24:32.475 --> 00:24:35.390 something to do with each other.00:24:35.390 --> 00:24:36.038 I don't know.00:24:39.750 --> 00:24:46.740 So a jQuery dot main dot JS there you go.00:24:46.740 --> 00:24:50.200 So that's, uh, that's that.00:24:50.200 --> 00:24:54.150 It is just not behaving, is it?00:24:54.150 --> 00:24:58.168 This, uh? This is really sad.00:24:58.170 --> 00:25:00.933 'cause I was wanting to use this a lot00:25:00.933 --> 00:25:03.355 'cause I think this is a really cool.00:25:03.360 --> 00:25:06.480 Bummer, will just use my command line then.00:25:06.480 --> 00:25:08.065 Well, uhm, when you make00:25:08.065 --> 00:25:10.030 changes I like to atomize them.00:25:10.030 --> 00:25:13.318 You know, kind of.00:25:13.320 --> 00:25:16.296 Uhm, get you know small commits.00:25:16.300 --> 00:25:18.790 You don't have to do.00:25:18.790 --> 00:25:23.356 That adds markup custom jQuery stuff.00:25:23.360 --> 00:25:25.016 So the next thing after that,00:25:25.020 --> 00:25:27.092 I guess we can move on to probably00:25:27.092 --> 00:25:28.820 the biggest probably gonna take the00:25:28.820 --> 00:25:31.418 rest of the time here, but. You know,00:25:31.418 --> 00:25:33.348 probably the most important honestly,00:25:33.350 --> 00:25:34.280 keep doing that.00:25:34.280 --> 00:25:35.830 Bring it in the styles.00:25:35.830 --> 00:25:38.000 Don't, uh, don't just copy everything here.00:25:38.000 --> 00:25:39.550 I I cannot stress enough.00:25:39.550 --> 00:25:41.100 Don't bring in bootstrap more00:25:41.100 --> 00:25:42.650 than we already have it,00:25:42.650 --> 00:25:44.510 so don't bring in any of00:25:44.510 --> 00:25:45.440 their bootstrap stuff.00:25:45.440 --> 00:25:47.920 Do you bring in all their other stuff,00:25:47.920 --> 00:25:50.530 just not the bootstrap like?00:25:50.530 --> 00:25:53.029 This don't bring this in bootstrap files.00:25:53.030 --> 00:25:55.196 It seems to happen every single00:25:55.196 --> 00:25:57.310 time that I don't do this,00:25:57.310 --> 00:26:00.523 and it's you know it's so you know what?00:26:00.530 --> 00:26:03.023 I'm telling everybody all at once, maybe,00:26:03.023 --> 00:26:05.847 and they throw it in there like this00:26:05.847 --> 00:26:09.085 isn't because it just sounds like a bad idea.00:26:09.090 --> 00:26:10.875 This is because it's caused00:26:10.875 --> 00:26:12.660 major problems on other projects.00:26:12.660 --> 00:26:14.256 Yes, thank you.00:26:14.256 --> 00:26:16.384 It absolutely has come.00:26:16.390 --> 00:26:16.683 OK,00:26:16.683 --> 00:26:19.027 so all as far as like these other00:26:19.027 --> 00:26:21.307 files though that are not vendors.00:26:21.310 --> 00:26:23.362 Bootstrap do bring them in absolutely00:26:23.362 --> 00:26:25.918 a Kramer a little while ago said that00:26:25.918 --> 00:26:28.358 you know we might as well start putting00:26:28.358 --> 00:26:31.142 them in a folder called markup CSS markup.00:26:31.150 --> 00:26:35.254 So and then why don't you just copy?00:26:35.260 --> 00:26:36.085 Copy this stuff.00:26:36.085 --> 00:26:38.010 We don't need main or bootstrap and00:26:38.066 --> 00:26:39.938 I'll just delete the vendor stuff00:26:39.938 --> 00:26:41.560 that I'm actually copying again.00:26:41.560 --> 00:26:44.260 But there's other stuff in there that I want,00:26:44.260 --> 00:26:44.560 right?00:26:44.560 --> 00:26:46.660 I comun whatever this include media is.00:26:46.660 --> 00:26:48.160 Will will look at these.00:26:48.160 --> 00:26:51.337 I mean, we may or may not even get00:26:51.337 --> 00:26:54.468 to complete it with this stuff.00:26:54.470 --> 00:26:56.549 But, uh, one of the most important00:26:56.549 --> 00:26:58.209 bits here is like there,00:26:58.210 --> 00:27:00.082 they tend to call it bootstrap00:27:00.082 --> 00:27:01.330 custom or bootstrap variables,00:27:01.330 --> 00:27:02.398 or variables or whatever,00:27:02.398 --> 00:27:04.000 but we include it with our00:27:04.053 --> 00:27:05.079 bootstrap variables.00:27:05.080 --> 00:27:06.946 So go ahead and just delete.00:27:06.950 --> 00:27:07.262 There's.00:27:07.262 --> 00:27:07.886 We don't.00:27:07.886 --> 00:27:10.070 I didn't mean to copy that over,00:27:10.070 --> 00:27:11.630 but ours is called bootstrap00:27:11.630 --> 00:27:13.296 variables and I've, you know,00:27:13.296 --> 00:27:15.837 I've I've really not found a better00:27:15.837 --> 00:27:18.724 way than just going line by line and.00:27:18.730 --> 00:27:19.804 We'd be at this for the00:27:19.804 --> 00:27:20.780 next half hour for sure.00:27:20.780 --> 00:27:23.244 May or may not get a get done.00:27:23.250 --> 00:27:24.261 So let's commit.00:27:24.261 --> 00:27:27.716 I guess the let me verify I got all the00:27:27.716 --> 00:27:30.390 stuff copied over the way I want it,00:27:30.390 --> 00:27:32.160 uhm?00:27:32.160 --> 00:27:33.672 That's that's not what I brought00:27:33.672 --> 00:27:35.060 over this stuff from markup.00:27:35.060 --> 00:27:37.110 Essentially is what I brought.00:27:37.110 --> 00:27:39.080 Has all this layout stuff.00:27:39.080 --> 00:27:40.127 This is funny.00:27:40.127 --> 00:27:41.872 I think it's because it's00:27:41.872 --> 00:27:43.983 it's like a translation issue00:27:43.983 --> 00:27:45.775 between Ukrainian and US,00:27:45.780 --> 00:27:50.192 so. They will have that funny like00:27:50.192 --> 00:27:52.780 data character in there sometimes.00:27:52.780 --> 00:27:54.555 I'm not sure what it's00:27:54.555 --> 00:27:56.630 supposed to be will change it.00:27:56.630 --> 00:28:00.130 I think it's like a CI think it's a sound.00:28:00.130 --> 00:28:04.144 Ah, that's cool. But it looks like00:28:04.144 --> 00:28:07.940 I got all the stuff I want, uhm?00:28:07.940 --> 00:28:10.607 Instead of going into the weeds on,00:28:10.610 --> 00:28:12.745 this immediately will pretend we00:28:12.745 --> 00:28:15.905 already did that and will look at their00:28:15.905 --> 00:28:18.640 main CSS and our main dot CSS right?00:28:18.640 --> 00:28:21.307 Well, just copy their stuff you know,00:28:21.310 --> 00:28:23.977 so they have these, which is weird.00:28:23.980 --> 00:28:25.129 They have that.00:28:27.660 --> 00:28:29.286 Will probably bring them from now,00:28:29.290 --> 00:28:31.498 but those are. That's more variables that I00:28:31.498 --> 00:28:33.677 thought would be more pertinent to have in00:28:33.677 --> 00:28:35.548 the place where variables are actually at,00:28:35.550 --> 00:28:39.380 but you know they have them there, it's a.00:28:39.380 --> 00:28:40.478 We'll just go ahead and put00:28:40.478 --> 00:28:41.620 it at the top as well.00:28:41.620 --> 00:28:44.140 So then they're bringing in this,00:28:44.140 --> 00:28:47.416 uh, include media? Uh, fonts and.00:28:47.420 --> 00:28:50.834 That's weird. Typekit that's go ahead00:28:50.834 --> 00:28:52.820 and ignore that whatever that is,00:28:52.820 --> 00:28:54.480 unless it breaks our stuff.00:28:54.480 --> 00:28:56.130 That will bring it in,00:28:56.130 --> 00:28:57.054 but that's weird.00:28:57.054 --> 00:28:58.902 Uhm, I guess since I'm bringing00:28:58.902 --> 00:29:00.760 in include media right away,00:29:00.760 --> 00:29:04.396 I guess I better figure out what that is.00:29:04.400 --> 00:29:06.348 So what is this?00:29:08.700 --> 00:29:10.656 Uh, some variables?00:29:10.656 --> 00:29:14.568 A bunch of break points stuff.00:29:17.200 --> 00:29:20.735 It's a bunch of sampled stuff what?00:29:20.740 --> 00:29:22.815 Oh, just some mixins and00:29:22.815 --> 00:29:24.060 functions breakpoints stuff.00:29:27.010 --> 00:29:28.698 You might need this.00:29:31.060 --> 00:29:34.012 Is this like part of bootstrap00:29:34.012 --> 00:29:35.980 that we already have?00:29:35.980 --> 00:29:37.226 I mean, I guess we could look.00:29:39.390 --> 00:29:41.145 No, but it seems to be in a whole00:29:41.145 --> 00:29:43.023 bunch of other skins, so that's cool.00:29:43.023 --> 00:29:45.510 I guess we might as well bring it in.00:29:45.510 --> 00:29:49.821 Cool alright. So right here,00:29:49.821 --> 00:29:52.956 obviously we don't need these00:29:52.956 --> 00:29:56.579 three or the variables or a.00:29:56.580 --> 00:29:58.620 Any of the other bootstrap stuff,00:29:58.620 --> 00:30:03.004 but the other stuff we totally need so.00:30:03.010 --> 00:30:06.610 Well, go ahead and bring in this stuff.00:30:06.610 --> 00:30:10.770 I guess after hours as long as we do the00:30:10.874 --> 00:30:14.927 variables right this stuff we you know.00:30:14.930 --> 00:30:15.848 That'll be fine,00:30:15.848 --> 00:30:18.399 but we don't have them in base functions00:30:18.399 --> 00:30:20.772 or components and all that we have00:30:20.772 --> 00:30:23.080 them in a relative to this file.00:30:23.080 --> 00:30:24.352 So dude markup.00:30:24.352 --> 00:30:25.435 Markup based, yeah,00:30:25.435 --> 00:30:27.315 just add a markup to all of these.00:30:31.520 --> 00:30:35.370 Red so that ought to do it.00:30:35.370 --> 00:30:38.140 Uhm, that pretty much merges00:30:38.140 --> 00:30:40.910 like their imports with ours.00:30:40.910 --> 00:30:43.830 So I guess without further ado there's this.00:30:43.830 --> 00:30:46.774 I again really honestly have not found a00:30:46.774 --> 00:30:50.035 better way than just doing this line by line.00:30:50.040 --> 00:30:51.500 If other people have,00:30:51.500 --> 00:30:53.325 you know, let me know.00:30:53.325 --> 00:30:56.569 We probably used 250 and they don't have it,00:30:56.570 --> 00:30:59.440 so will you know, make sure ours is in there.00:30:59.440 --> 00:31:01.736 What else do we have that they don't?00:31:01.740 --> 00:31:03.396 It goes down to 900 and00:31:03.396 --> 00:31:04.900 then I think we're good.00:31:08.700 --> 00:31:11.283 Yeah, see, we probably use 250 somewhere00:31:11.283 --> 00:31:14.346 and if you have if you're missing a00:31:14.346 --> 00:31:17.140 variable that's called in a function you00:31:17.140 --> 00:31:20.066 know later it won't build it simulator.00:31:20.070 --> 00:31:22.008 So this looks about the same.00:31:22.010 --> 00:31:23.620 This Grays Matt merge thing.00:31:23.620 --> 00:31:27.648 We just have the extra one. They don't, uh?00:31:27.650 --> 00:31:30.818 Need an eye for detail on this one.00:31:30.820 --> 00:31:33.284 We have clearly some extra colors there,00:31:33.290 --> 00:31:35.639 so we'll, uh.00:31:35.640 --> 00:31:37.936 What do we have that they don't?00:31:37.940 --> 00:31:40.000 Green fade, you know?00:31:40.000 --> 00:31:42.060 Don't have that one.00:31:42.060 --> 00:31:44.718 Uh, is that the only one?00:31:44.720 --> 00:31:45.668 Pink, red, orange, yellow,00:31:45.668 --> 00:31:46.616 uh they don't have.00:31:46.620 --> 00:31:47.568 Yeah they have yellow.00:31:47.568 --> 00:31:48.990 It's just in a different spot.00:31:51.120 --> 00:31:52.770 Blue, indigo and temperatures OK.00:31:52.770 --> 00:31:55.800 Oh, they don't have dark blue. Sweet.00:32:01.000 --> 00:32:03.107 That ensures we got the colors right.00:32:03.110 --> 00:32:06.720 Yeah, so that's pretty cool, uhm?00:32:06.720 --> 00:32:09.120 Interesting that we say default there.00:32:09.120 --> 00:32:14.330 They don't. Default implies it's not like.00:32:14.330 --> 00:32:15.682 Called in bootstrap variables00:32:15.682 --> 00:32:17.710 and in the static variables like,00:32:17.710 --> 00:32:19.314 we're overriding these variables.00:32:19.314 --> 00:32:21.720 I should show that because that's00:32:21.783 --> 00:32:23.458 kind of an important detail.00:32:23.460 --> 00:32:25.108 Uh, and we're over.00:32:25.108 --> 00:32:27.580 We're basically overriding all of these,00:32:27.580 --> 00:32:29.224 you know, bootstraps from00:32:29.224 --> 00:32:30.457 bootstrap stylesheets variables,00:32:30.460 --> 00:32:31.789 we're overriding these.00:32:31.789 --> 00:32:34.890 These are the standard ones that come00:32:34.970 --> 00:32:37.874 with with bootstrap four so you know it.00:32:37.880 --> 00:32:40.328 Default implies that like they don't00:32:40.328 --> 00:32:42.820 have colors and they totally do.00:32:42.820 --> 00:32:46.090 So we'll probably just probably just.00:32:46.090 --> 00:32:49.743 Think that we are correct on this one, uh?00:32:49.743 --> 00:32:52.354 Want to make sure that they're using00:32:52.354 --> 00:32:55.388 the same issues with the same as ours?00:32:55.390 --> 00:32:58.966 We have extra stuff and all looks right.00:32:58.970 --> 00:33:00.400 This could be different here.00:33:00.400 --> 00:33:01.544 Their primaries and secondaires00:33:01.544 --> 00:33:03.260 they could be using different stuff,00:33:03.260 --> 00:33:04.080 different variables.00:33:04.080 --> 00:33:05.720 They're warning they're using00:33:05.720 --> 00:33:06.950 yellow info cyan.00:33:06.950 --> 00:33:10.310 It all looks a light is 100 dark as 800,00:33:10.310 --> 00:33:11.990 so will switch to that.00:33:14.730 --> 00:33:19.320 Hemlock was off, that's weird. K.00:33:19.320 --> 00:33:21.672 It gets pretty fast when you can start00:33:21.672 --> 00:33:24.024 copy pasting entire chunks and this file00:33:24.024 --> 00:33:26.087 is relatively small compared to the00:33:26.087 --> 00:33:28.159 one they sent for accu balance giant.00:33:28.160 --> 00:33:31.058 Uhm, K uh, do we have one?00:33:31.060 --> 00:33:33.130 That's this theme color internal?00:33:33.130 --> 00:33:36.847 Now we totally don't so just copy that one.00:33:39.960 --> 00:33:41.016 You can't, yeah. Well,00:33:41.016 --> 00:33:43.399 I guess you can have things defined twice,00:33:43.400 --> 00:33:46.560 but you're gonna confuse yourself if you do.00:33:46.560 --> 00:33:48.205 Do we have any why IQ stuff?00:33:48.210 --> 00:33:50.316 Do we have any why IQ stuff at all?00:33:50.320 --> 00:33:51.560 Why IQ dash? No?00:33:51.560 --> 00:33:54.220 So we can take all the IQ stuff.00:33:54.220 --> 00:33:55.945 Sweet probably used in their00:33:55.945 --> 00:33:57.325 stuff in certain places.00:33:59.380 --> 00:34:01.468 Do we have any? Do we have this?00:34:03.900 --> 00:34:07.472 No, will bring that. That goes,00:34:07.472 --> 00:34:08.948 I guess, just right under there.00:34:11.320 --> 00:34:13.576 So the reason I'm not just copy pasting00:34:13.576 --> 00:34:16.006 all of this over is because our stuff00:34:16.006 --> 00:34:18.316 that we still want some of it in of,00:34:18.320 --> 00:34:20.245 you know, is going to use variables00:34:20.245 --> 00:34:23.704 that they don't have, so you know.00:34:23.704 --> 00:34:26.032 It's a. Like I said,00:34:26.032 --> 00:34:28.373 it's just kind of line by line is. Anyway,00:34:28.373 --> 00:34:30.780 I really found to make sure it all has it.00:34:30.780 --> 00:34:32.467 Do we have any space or stuff?00:34:32.470 --> 00:34:34.639 I wonder if we don't that would be nice.00:34:34.640 --> 00:34:36.570 We just copy that whole chunk. Oh yeah.00:34:42.960 --> 00:34:44.490 See, it can go pretty fast.00:34:47.370 --> 00:34:51.599 Sizes. No, we don't have that at all.00:34:55.620 --> 00:34:57.216 My yeah, hopefully I'm not muted right?00:34:57.220 --> 00:35:00.083 That would be funny. No,00:35:00.083 --> 00:35:02.389 you're good. This thing again.00:35:04.450 --> 00:35:06.961 It would be funny though I do agree yeah00:35:06.961 --> 00:35:09.648 but like yeah this is step one like this.00:35:09.650 --> 00:35:12.040 You know it's almost like.00:35:12.040 --> 00:35:14.248 You almost don't even want to bother doing00:35:14.248 --> 00:35:15.990 anything else until you've done this.00:35:15.990 --> 00:35:18.958 Uh, is is kind of how I.00:35:18.960 --> 00:35:20.710 Is how I look at it K.00:35:20.710 --> 00:35:22.460 So we do have body BG, right?00:35:22.460 --> 00:35:23.460 And there's this there's.00:35:23.460 --> 00:35:25.460 This is white you know our body color.00:35:25.460 --> 00:35:29.572 Do we have body color? Hulu or no.00:35:29.572 --> 00:35:33.179 So we'll just go ahead and put it come.00:35:33.180 --> 00:35:36.198 Right where they have it basically.00:35:36.200 --> 00:35:39.612 Uhm, we might as well do. I don't?00:35:39.612 --> 00:35:41.316 That's not really necessary,00:35:41.320 --> 00:35:44.185 but we might as well00:35:44.185 --> 00:35:46.477 follow the same comments.00:35:46.480 --> 00:35:48.266 It's not like it hurts, right?00:35:48.266 --> 00:35:50.570 So link color I can see we have that00:35:50.633 --> 00:35:52.598 and ours is definitely different.00:35:54.960 --> 00:35:56.710 They use theme color danger.00:35:56.710 --> 00:36:00.469 You know I have had problems with00:36:00.469 --> 00:36:02.838 actually using the. This function,00:36:02.838 --> 00:36:05.870 the function theme color uh in these so00:36:05.949 --> 00:36:08.532 we're just gonna choose danger, right?00:36:08.532 --> 00:36:11.748 Like I don't know I've had trouble to,00:36:11.750 --> 00:36:13.874 you know, actually getting00:36:13.874 --> 00:36:17.790 theme color to work. So.00:36:17.790 --> 00:36:21.535 And we'll just. We'll just do that.00:36:21.540 --> 00:36:23.230 Dark in link color 15.00:36:23.230 --> 00:36:24.920 That's exactly what we have.00:36:24.920 --> 00:36:27.286 A might as well keep our comment.00:36:27.290 --> 00:36:31.700 It doesn't hurt to have a mix of them.00:36:31.700 --> 00:36:34.640 Link decoration now should I should have00:36:34.640 --> 00:36:38.150 checked do we have link decoration? No.00:36:40.800 --> 00:36:42.980 Uhm handling cover decoration.00:36:45.500 --> 00:36:46.400 Now cool.00:36:49.460 --> 00:36:52.498 OK, uhm I you know, probably pretty sure00:36:52.498 --> 00:36:55.550 we don't have whatever this one is.00:36:55.550 --> 00:36:57.790 Emphasized link hover darkened percentage,00:36:57.790 --> 00:37:01.619 very specific I guess will take their00:37:01.619 --> 00:37:04.108 comment too. Explains what it is.00:37:04.108 --> 00:37:07.323 So that way anybody that needs to come in00:37:07.323 --> 00:37:09.801 here and change these for whatever reason00:37:09.870 --> 00:37:12.635 instead of override it like having some00:37:12.635 --> 00:37:16.439 you know something is very important.00:37:16.440 --> 00:37:17.700 Color red important.00:37:17.700 --> 00:37:20.338 Instead of doing that, you can.00:37:20.338 --> 00:37:25.160 You can go in and add the variables instead.00:37:25.160 --> 00:37:26.828 'cause that's what they're there for.00:37:26.830 --> 00:37:28.498 It said it's all of it,00:37:28.500 --> 00:37:29.890 and it's all of bootstrap00:37:29.890 --> 00:37:31.280 a instantly with one thing,00:37:31.280 --> 00:37:33.424 so you don't have to go mess around00:37:33.424 --> 00:37:34.610 with files and stuff.00:37:37.330 --> 00:37:38.176 Really quite handy.00:37:38.176 --> 00:37:39.586 We sure don't have that.00:37:39.590 --> 00:37:41.838 Do we have a paragraph section at all?00:37:41.840 --> 00:37:44.038 No. So let's just bring her in.00:37:47.730 --> 00:37:49.845 Kinda wanna bring in this00:37:49.845 --> 00:37:51.537 comment too for links.00:37:55.840 --> 00:37:57.786 Again, not super important to do that,00:37:57.790 --> 00:37:59.446 but it sure does look pretty.00:37:59.450 --> 00:38:01.674 Doesn't it kind of doing it like that.00:38:03.720 --> 00:38:05.760 K uhm so the grid breakpoints.00:38:05.760 --> 00:38:07.800 I know we have that stuff.00:38:07.800 --> 00:38:10.180 Uh it's all the way down here.00:38:10.180 --> 00:38:11.320 We may as well.00:38:11.320 --> 00:38:13.725 Like cut it and bring it up so00:38:13.725 --> 00:38:15.874 that we can keep going down like00:38:15.874 --> 00:38:18.098 line by line you know or else00:38:18.098 --> 00:38:21.140 we're going to get like come.00:38:21.140 --> 00:38:22.610 We're gonna get confused going00:38:22.610 --> 00:38:24.455 up and down a file instead00:38:24.455 --> 00:38:26.309 of just going down and down.00:38:26.310 --> 00:38:28.734 So I brought break break points over here.00:38:28.740 --> 00:38:31.036 They have LTE and we don't so we00:38:31.036 --> 00:38:33.296 might as well just add that one.00:38:36.400 --> 00:38:42.354 So Excel is a. This is just me00:38:42.354 --> 00:38:44.034 being presenting that white space.00:38:44.040 --> 00:38:45.376 Don't worry about that.00:38:45.376 --> 00:38:48.873 XL is 1400 and will add it down in so they00:38:48.873 --> 00:38:51.790 don't even have it on container Max width,00:38:51.790 --> 00:38:52.942 which is super weird.00:38:52.942 --> 00:38:55.028 I kinda wanna put it there 'cause00:38:55.028 --> 00:38:57.086 we have container Max width for all00:38:57.086 --> 00:38:59.178 of our stuff except for access,00:38:59.180 --> 00:39:00.508 which you know is.00:39:00.508 --> 00:39:02.426 Just not a break point, UM,00:39:02.426 --> 00:39:04.218 so I kinda wanna add it there.00:39:04.220 --> 00:39:07.160 I think I'm gonna.00:39:07.160 --> 00:39:10.084 Looks like for XL we do 5% off,00:39:10.084 --> 00:39:12.996 so we'll just go ahead and make one.00:39:15.100 --> 00:39:16.492 I know, I know, before you00:39:16.492 --> 00:39:17.730 even say anything I know.00:39:22.890 --> 00:39:26.602 Perfect, So what is 5% off of 1400
00:39:26.602 --> 00:39:34.210 I guess. Let's check. 1400 * 0.95.00:39:34.210 --> 00:39:38.380 1330 so nice even number. That's cool.00:39:44.210 --> 00:39:48.298 TX. K uhm, I think that does that.00:39:48.300 --> 00:39:49.935 They've got like some tests00:39:49.935 --> 00:39:50.916 which are interesting.00:39:50.920 --> 00:39:53.280 I don't really feel the00:39:53.280 --> 00:39:55.640 need to bring those in.00:39:55.640 --> 00:39:57.380 So yeah, that's whatever assert00:39:57.380 --> 00:39:59.585 that implies it's a test, right?00:39:59.585 --> 00:40:02.375 So I don't really feel the00:40:02.375 --> 00:40:04.770 need to bring in tests.00:40:04.770 --> 00:40:06.075 Though I would love some00:40:06.075 --> 00:40:07.119 front end unit tests,00:40:07.120 --> 00:40:08.164 just not really feasible00:40:08.164 --> 00:40:09.469 with Angular JS with React.00:40:09.470 --> 00:40:11.558 It sure would be.00:40:11.560 --> 00:40:14.600 Unit tests then you could point00:40:14.600 --> 00:40:16.250 to people and be like no test.00:40:16.250 --> 00:40:17.606 Say it works and then they00:40:17.606 --> 00:40:18.800 would think you're a jerk.00:40:21.070 --> 00:40:23.054 I'm gonna cut all of the UM component00:40:23.054 --> 00:40:24.687 stuff and again just bring it00:40:24.687 --> 00:40:26.301 up next to where we're working.00:40:29.100 --> 00:40:32.508 So we can keep going line by line, uhm?00:40:32.508 --> 00:40:33.672 Line height LG.00:40:33.672 --> 00:40:36.580 Do we have any line height stuff?00:40:36.580 --> 00:40:39.520 Oh yeah we sure do.00:40:39.520 --> 00:40:41.040 They're down under typography.00:40:41.040 --> 00:40:43.769 Let's bring them up under where they00:40:43.769 --> 00:40:45.709 say like under components 'cause.00:40:45.710 --> 00:40:48.660 You know? They have under00:40:48.660 --> 00:40:50.910 components will just do that.00:40:50.910 --> 00:40:56.748 So, uh, there is this 1.185 so.00:40:56.750 --> 00:41:01.530 Nicely specific 1.1 for small.00:41:01.530 --> 00:41:04.278 Do we have border width anywhere?00:41:04.280 --> 00:41:05.424 No, we totally don't.00:41:05.424 --> 00:41:07.786 So we'll just add that here next to00:41:07.786 --> 00:41:09.538 border radius and stuff I guess.00:41:12.060 --> 00:41:13.890 We might have border color somewhere.00:41:13.890 --> 00:41:16.330 Oh yeah, we totally do it right there.00:41:16.330 --> 00:41:19.228 Just delete that.00:41:19.230 --> 00:41:22.247 Uh, and our border radius is different,00:41:22.250 --> 00:41:25.148 so that's a. 125 You know,00:41:25.150 --> 00:41:29.570 I was saying this the other day, like.00:41:29.570 --> 00:41:30.614 The being logical,00:41:30.614 --> 00:41:33.050 you know I want to say that00:41:33.132 --> 00:41:35.855 obviously .125 is the same as 0.125,00:41:35.860 --> 00:41:38.820 but Oh my God, man, I don't know.00:41:38.820 --> 00:41:43.300 Programming has made me say that, you know.00:41:43.300 --> 00:41:45.130 It's probably completely00:41:45.130 --> 00:41:47.570 different for some reason.00:41:47.570 --> 00:41:50.000 So we have these and they're both set to 0,00:41:50.000 --> 00:41:51.694 so we're not going to do that.00:41:51.700 --> 00:41:52.920 Will copy what they do,00:41:52.920 --> 00:41:54.130 set them to border radius.00:41:54.130 --> 00:41:56.434 Oh **** I didn't mean to scroll all00:41:56.434 --> 00:41:58.960 the way down the bottom of the page.00:41:58.960 --> 00:42:01.496 I meant to just delete. Alright,00:42:01.496 --> 00:42:04.880 do we have anything to do with box shadow?00:42:04.880 --> 00:42:06.749 No, so we can just copy that.00:42:13.670 --> 00:42:15.678 Uhm? Copy at once.00:42:15.678 --> 00:42:20.050 I think I copied it twice, did I don't know.00:42:20.050 --> 00:42:22.090 Yeah, I totally copied it twice.00:42:22.090 --> 00:42:25.416 That was silly. Alright, so, uh,00:42:25.416 --> 00:42:28.686 we have control component active BG, but I00:42:28.686 --> 00:42:31.892 don't think we have component active color.00:42:31.900 --> 00:42:34.276 No, we don't, so we'll just copy over00:42:34.276 --> 00:42:36.488 this one with both of the others.00:42:36.490 --> 00:42:38.266 That way they're kind of nicely00:42:38.266 --> 00:42:39.860 pretty next to each other.00:42:39.860 --> 00:42:41.390 Again, like I have no,00:42:41.390 --> 00:42:43.550 I've just had so much bad luck actually00:42:43.550 --> 00:42:45.359 with like utilizing theme color.00:42:45.360 --> 00:42:47.376 So I'm just going to change theme00:42:47.376 --> 00:42:49.470 color to just the primary, right?00:42:49.470 --> 00:42:51.620 Like I know we have.00:42:51.620 --> 00:42:55.260 The variable primary and it's the same thing.00:42:55.260 --> 00:42:56.635 But, uh, there's just something00:42:56.635 --> 00:42:58.310 that makes it not build with.00:42:58.310 --> 00:43:02.100 I think it's a golf thing, I don't know.00:43:02.100 --> 00:43:04.110 So we have carrot width.00:43:04.110 --> 00:43:08.580 They're using .4 M. Uhm?00:43:08.580 --> 00:43:11.307 Do we have anything else to do with carrot?00:43:11.310 --> 00:43:13.926 No, just these two things so.00:43:13.930 --> 00:43:16.555 Your copy over that with their things,00:43:16.560 --> 00:43:18.064 vertical line and spacing.00:43:18.064 --> 00:43:18.816 That's cool,00:43:18.820 --> 00:43:21.825 they don't have width large, but we do.00:43:21.825 --> 00:43:22.950 So that's got.00:43:22.950 --> 00:43:24.830 I mean probably used somewhere.00:43:24.830 --> 00:43:28.240 Might as well leave it.00:43:28.240 --> 00:43:32.470 K UM font family stuff.00:43:32.470 --> 00:43:34.282 Last time I looked they were00:43:34.282 --> 00:43:36.118 bringing in Roboto like with a00:43:36.118 --> 00:43:37.816 Google API like Google Font API.00:43:37.820 --> 00:43:39.004 There probably is what00:43:39.004 --> 00:43:40.484 they're doing with this one.00:43:40.490 --> 00:43:41.970 I don't know how sustainable00:43:41.970 --> 00:43:43.154 that is long term.00:43:43.160 --> 00:43:45.833 Just having a CDN with a font every time,00:43:45.840 --> 00:43:46.620 but you know,00:43:46.620 --> 00:43:49.176 we'll get to that when we get to that00:43:49.176 --> 00:43:51.174 the variable itself doesn't need to,00:43:51.180 --> 00:43:52.790 you know.00:43:52.790 --> 00:43:54.398 Ensure the font is actually there,00:43:54.400 --> 00:43:56.008 so we'll go ahead and just00:43:56.008 --> 00:43:57.080 copy that over ours.00:44:01.500 --> 00:44:06.005 And, uh. Since Sarah fault, uh?00:44:06.005 --> 00:44:08.330 Wait, what did I do?00:44:08.330 --> 00:44:10.248 Oh, I copy over fun family serif.00:44:10.250 --> 00:44:12.018 Not saying serif so.00:44:12.018 --> 00:44:14.670 Let's just copy these three and00:44:14.765 --> 00:44:17.315 copy them over our sins staff.00:44:17.320 --> 00:44:19.264 Do they even have a font00:44:19.264 --> 00:44:20.560 family serif in here?00:44:20.560 --> 00:44:22.950 I guess I could look.00:44:22.950 --> 00:44:26.835 No, so we'll leave ours as Georgia.00:44:26.840 --> 00:44:27.810 Georgia Peach00:44:32.110 --> 00:44:34.644 uhm. Do we have Font family base00:44:34.644 --> 00:44:37.392 in here Font Family Base notes will00:44:37.392 --> 00:44:40.230 bring in that I guess this probably00:44:40.230 --> 00:44:43.310 tells it to use the San Serif one.00:44:43.310 --> 00:44:45.146 I wonder if it defaults to the serif one,00:44:45.150 --> 00:44:46.170 I don't. I don't know.00:44:46.170 --> 00:44:49.080 That doesn't seem right though.00:44:49.080 --> 00:44:52.365 Ki know we have font size base right there?00:44:52.370 --> 00:44:53.826 That's exactly the same.00:44:53.826 --> 00:44:54.918 So that's nice.00:44:54.920 --> 00:44:58.206 We have LG and ** same as they do,00:44:58.206 --> 00:45:00.026 and those are slightly different,00:45:00.030 --> 00:45:04.467 so we'll just make sure those are the same.00:45:04.470 --> 00:45:07.938 8.13 how specific?00:45:10.710 --> 00:45:13.820 I want to change the comments too, because00:45:13.820 --> 00:45:16.579 uhm. You know it's good to be thorough.00:45:24.480 --> 00:45:27.640 OK, uhm. Font weight lighter.00:45:30.050 --> 00:45:31.805 Do we have anything to do with long wait?00:45:31.810 --> 00:45:33.266 No, not at all. So we can just00:45:33.266 --> 00:45:34.747 copy all of the font white ones.00:45:37.450 --> 00:45:40.480 And just put him right there.00:45:40.480 --> 00:45:42.130 See, it can go fairly fast,00:45:42.130 --> 00:45:44.530 like you know, just check.00:45:44.530 --> 00:45:45.660 That sort of thing, right?00:45:45.660 --> 00:45:46.770 You don't even check one00:45:46.770 --> 00:45:48.130 line by line for each one.00:45:48.130 --> 00:45:49.962 Do we have anything to do with font00:45:49.962 --> 00:45:51.935 weight and they have like 7 of them so00:45:51.935 --> 00:45:53.759 you don't need to do that seven times?00:45:53.760 --> 00:45:55.110 Kind of cool line height base.00:45:55.110 --> 00:45:57.427 I know we have that one floating00:45:57.427 --> 00:45:59.200 around in here somewhere.00:45:59.200 --> 00:46:02.355 Yeah, up here at the top so we'll just, uh,00:46:02.355 --> 00:46:05.190 we'll just cut that one and bring it down.00:46:05.190 --> 00:46:07.470 You know where we're working?00:46:07.470 --> 00:46:08.780 Since we're just going down.00:46:11.270 --> 00:46:12.638 And there's this 1.19.00:46:16.030 --> 00:46:17.930 It's again really, really specific.00:46:20.440 --> 00:46:21.856 They are each one font size.00:46:21.860 --> 00:46:23.270 Yeah, those are all pretty different,00:46:23.270 --> 00:46:25.158 so we might as well just copy those.00:46:28.490 --> 00:46:31.644 Cool. Headings margin bottom.00:46:31.644 --> 00:46:33.156 Do we have that?00:46:35.270 --> 00:46:40.796 No so. Put that here by the headings.00:46:40.800 --> 00:46:42.600 Uhm, we have font family,00:46:42.600 --> 00:46:44.410 so that's fun. Family OK,00:46:44.410 --> 00:46:46.570 so don't inherit, don't inherit it.00:46:46.570 --> 00:46:50.448 Just do the alt, which is dumb.00:46:50.450 --> 00:46:53.918 Future of its area. Teacher appoint00:46:56.730 --> 00:46:57.190 she's cool.00:47:00.920 --> 00:47:02.216 Uh, headings line height,00:47:02.216 --> 00:47:03.188 very specific numbers.00:47:03.190 --> 00:47:05.128 What's up with that? 1.164 honestly,00:47:05.130 --> 00:47:07.307 kind of think they're actually just taking00:47:07.307 --> 00:47:10.027 what we give or what will gives them and00:47:10.027 --> 00:47:12.259 running it through some automated program.00:47:12.260 --> 00:47:14.598 Thanks so we have some really specific00:47:14.598 --> 00:47:17.120 stuff on the C4 market that we got.00:47:17.120 --> 00:47:18.735 Wish they would give me00:47:18.735 --> 00:47:19.704 that automated program.00:47:19.710 --> 00:47:21.660 I mean damn that'd be nice.00:47:21.660 --> 00:47:23.598 They just haven't figure it out.00:47:23.600 --> 00:47:26.190 Give it that gets a market for well over a00:47:26.252 --> 00:47:28.778 few weeks right through elevated program.00:47:28.780 --> 00:47:29.716 Collect paycheck.00:47:29.716 --> 00:47:32.492 Yeah, yeah man, it's probably pretty easy.00:47:32.492 --> 00:47:34.550 I want their job God right.00:47:34.550 --> 00:47:36.260 Way less to think about.00:47:36.260 --> 00:47:36.950 Hell yeah.00:47:40.670 --> 00:47:44.566 Alright. Getting there. Don't have00:47:44.566 --> 00:47:46.757 anything to do with small font size.00:47:49.340 --> 00:47:51.496 I mean, I know I haven't even00:47:51.496 --> 00:47:53.017 bothered building, but like why?00:47:53.017 --> 00:47:55.520 Why bother until you're done with this point,00:47:55.520 --> 00:47:56.752 this has to happen.00:47:56.752 --> 00:47:58.602 First thing, I almost wish PM.00:47:58.602 --> 00:48:01.080 I've tried to tell this to him too,00:48:01.080 --> 00:48:03.250 but then you know it don't matter.00:48:03.250 --> 00:48:04.918 This is pretty much the first00:48:04.918 --> 00:48:06.993 thing that has to happen if we00:48:06.993 --> 00:48:08.799 have the markup like don't even00:48:08.799 --> 00:48:10.349 bother doing anything else.00:48:10.350 --> 00:48:12.570 They just do this first.00:48:12.570 --> 00:48:14.808 Do we have a table section?00:48:14.810 --> 00:48:17.428 Yes, it's cut that bring it over.00:48:19.520 --> 00:48:22.697 Bring it over here so we can keep going00:48:22.697 --> 00:48:26.340 line by line like I want to do. Uhm?00:48:28.440 --> 00:48:31.194 OK, two yeah is that all of the table00:48:31.194 --> 00:48:33.770 dash stuff that we have right here?00:48:33.770 --> 00:48:37.430 'cause if it is. Will just copy paste.00:48:40.020 --> 00:48:41.840 They don't have table condensed,00:48:41.840 --> 00:48:44.388 so let's keep that one up here.00:48:47.540 --> 00:48:50.950 Uh. So let's move that up,00:48:50.950 --> 00:48:53.068 do they? They don't have a.00:48:53.070 --> 00:48:55.638 Is it a table border color?00:48:55.640 --> 00:48:57.780 I think we you know.00:48:57.780 --> 00:48:59.820 The rest that remain they00:48:59.820 --> 00:49:02.490 have and we don't so sweet.00:49:05.400 --> 00:49:07.115 Will know you know it won't build.00:49:12.210 --> 00:49:15.230 Cool, do you have a button section? Yes.00:49:18.270 --> 00:49:19.566 This part's me just being pedantic,00:49:19.570 --> 00:49:20.630 like moving stuff around if00:49:20.630 --> 00:49:21.960 you don't want to do that,00:49:21.960 --> 00:49:23.256 you don't get to do that.00:49:27.280 --> 00:49:30.136 And staff, uh, what happened there?00:49:30.140 --> 00:49:35.540 Oh, I cut the forms section as well. Did I?00:49:37.620 --> 00:49:38.922 Yeah, I cut the form section00:49:38.922 --> 00:49:40.008 as well. OK, that's fine.00:49:42.140 --> 00:49:43.780 This is buttons plus forms,00:49:43.780 --> 00:49:45.748 though this is stuff that I'm00:49:45.748 --> 00:49:48.790 99% sure that we don't have.00:49:48.790 --> 00:49:50.510 I guess we could check,00:49:50.510 --> 00:49:52.220 you know input dash button.00:49:54.300 --> 00:49:56.604 It's only the stuff that they have perfected,00:49:56.610 --> 00:49:58.640 so copy paste the whole section there,00:49:58.640 --> 00:50:01.220 then speeding us right along.00:50:01.220 --> 00:50:03.320 So the only thing we have00:50:03.320 --> 00:50:05.049 for buttons is button, dash,00:50:05.049 --> 00:50:07.681 font weight and I don't think a rim00:50:07.681 --> 00:50:10.318 based font weight works at all anyway,00:50:10.320 --> 00:50:13.946 like by default. So I don't mean.00:50:13.950 --> 00:50:16.650 That has to be it's not a pixel based number,00:50:16.650 --> 00:50:18.540 it's like a just a flat integer,00:50:18.540 --> 00:50:20.724 so I don't know if our00:50:20.724 --> 00:50:22.180 default one even works.00:50:22.180 --> 00:50:23.872 I don't see any errors though when it builds,00:50:23.880 --> 00:50:24.830 so there must be something.00:50:27.720 --> 00:50:29.140 Alright, there's that's all00:50:29.140 --> 00:50:31.270 of our button dash stuff so.00:50:33.350 --> 00:50:33.840 Hell yeah.00:50:36.380 --> 00:50:37.700 Their form section is pretty big.00:50:37.700 --> 00:50:39.680 I know we don't have any of this custom00:50:39.680 --> 00:50:41.220 stuff. So after after we do forms,00:50:41.220 --> 00:50:44.226 I think they'll just paste the rest of it.00:50:44.230 --> 00:50:47.650 Uh, so how much input dash stuff do we have?00:50:47.650 --> 00:50:51.199 'cause that's like, I guess that's the00:50:51.199 --> 00:50:54.600 majority of what's left. We have a lot.00:50:54.600 --> 00:50:57.255 It's all kind of well, that's that stuff.00:50:57.255 --> 00:50:59.960 So how much do we have down here?00:50:59.960 --> 00:51:03.504 Just these so. Into it group,00:51:03.504 --> 00:51:06.549 do they have in fact put group in here?00:51:06.550 --> 00:51:09.574 Yes they do. Intergroup ad on BG.00:51:09.580 --> 00:51:11.986 So that's taking it we can00:51:11.986 --> 00:51:14.489 just paste it with that one.00:51:14.490 --> 00:51:15.930 Bad group add on color.00:51:15.930 --> 00:51:17.858 We don't have that.00:51:17.858 --> 00:51:20.750 Do they have stuff about legend?00:51:20.750 --> 00:51:22.549 No, so we need to save these,00:51:22.550 --> 00:51:25.058 move them up to the top.00:51:25.060 --> 00:51:26.158 So we don't paste over him,00:51:26.160 --> 00:51:27.800 you know?00:51:27.800 --> 00:51:29.468 They have something about.00:51:32.700 --> 00:51:34.120 Sorry I scrolled myself.00:51:37.650 --> 00:51:42.357 Do they have? I guess I can just search.00:51:42.360 --> 00:51:44.481 Yeah, they got that. I know they00:51:44.481 --> 00:51:46.510 have input color and border color.00:51:46.510 --> 00:51:49.315 They have disabled BG and. Uh.00:51:49.315 --> 00:51:52.150 Do they have formed group margin bottom?00:51:52.150 --> 00:51:53.686 It seems weird to put down00:51:53.686 --> 00:51:55.130 by all the input stuff.00:51:55.130 --> 00:51:57.520 Yeah, they totally have that. OK,00:51:57.520 --> 00:52:00.000 I guess do they have this placeholder one?00:52:00.000 --> 00:52:01.550 Yes, what about cursor disabled?00:52:01.550 --> 00:52:02.818 They got that no.00:52:02.818 --> 00:52:04.403 So let's go ahead and00:52:04.403 --> 00:52:06.196 bring that one up as well.00:52:06.200 --> 00:52:08.036 Next to the legend and then00:52:08.036 --> 00:52:09.919 was placed over all the rest.00:52:16.790 --> 00:52:19.040 Sweet. Hopefully there's no00:52:19.040 --> 00:52:20.240 duplicates, but it'll let us know.00:52:22.630 --> 00:52:25.816 K and as far as the rest of these,00:52:25.820 --> 00:52:28.130 I'm pretty sure you know we can00:52:28.130 --> 00:52:30.419 just paste the whole darn thing.00:52:30.420 --> 00:52:32.190 All these custom dash ones.00:52:32.190 --> 00:52:34.992 I know we don't have any00:52:34.992 --> 00:52:37.270 custom dash and stuff so.00:52:37.270 --> 00:52:39.790 That's pretty cool. Nearly done.00:52:44.080 --> 00:52:45.112 Dropdowns do have dropdowns.00:52:45.112 --> 00:52:48.130 Yeah, we do. So what is that?00:52:50.350 --> 00:52:52.298 Jets pretty small section.00:52:56.570 --> 00:52:58.607 They have a lot. Do they have00:52:58.607 --> 00:52:59.720 dropped down divider BG?00:52:59.720 --> 00:53:01.404 Yes. Drop down padding.00:53:01.404 --> 00:53:04.760 Why I don't think they have that one?00:53:08.210 --> 00:53:09.428 Oh yeah, they totally do OK,00:53:09.430 --> 00:53:10.844 so let's paste over the whole thing.00:53:14.970 --> 00:53:18.325 Sweet. Pagination, I don't think we00:53:18.325 --> 00:53:19.990 have anything to do with pagination's.00:53:19.990 --> 00:53:23.538 Just copy that whole section. Uh Oh yeah,00:53:23.538 --> 00:53:26.334 we totally do pagination border color.00:53:26.340 --> 00:53:31.760 OK, so. It's pretty, uh. Cool.00:53:40.710 --> 00:53:42.678 And if there's any other use of theme,00:53:42.680 --> 00:53:44.325 color will just slice that00:53:44.325 --> 00:53:46.610 out right at the end because.00:53:46.610 --> 00:53:47.682 Pretty again, I mean,00:53:47.682 --> 00:53:49.619 I'm pretty sure like the way it I,00:53:49.620 --> 00:53:52.068 there's just something weird about gulp.00:53:52.070 --> 00:53:53.750 Do you have anything about00:53:53.750 --> 00:53:55.557 animation speed in here? Cool,00:53:55.557 --> 00:54:00.660 so the moral of the story is most of this is.00:54:00.660 --> 00:54:02.148 Fixing their CSS.00:54:02.148 --> 00:54:03.636 Yeah yeah honestly,00:54:03.640 --> 00:54:06.130 I mean yeah absolutely so.00:54:06.130 --> 00:54:09.609 Is there any theme color in here?00:54:09.610 --> 00:54:13.234 Just one and we're going to go ahead00:54:13.234 --> 00:54:16.559 and just change that to primary.00:54:19.400 --> 00:54:25.180 K. Uhm? I don't know what else I00:54:25.180 --> 00:54:28.150 would have forgotten, you know?00:54:28.150 --> 00:54:30.460 It's, uh, I I, you know,00:54:30.460 --> 00:54:32.385 I don't think it's gonna00:54:32.385 --> 00:54:34.310 work first try but we'll,00:54:34.310 --> 00:54:36.620 uh, killed a shot I guess.00:54:38.960 --> 00:54:40.444 And if it doesn't work, that's cool.00:54:40.444 --> 00:54:41.954 We can do some debugging.00:54:41.960 --> 00:54:44.420 Build store staff.00:54:44.420 --> 00:54:46.288 Yeah, totally doesn't work.00:54:46.288 --> 00:54:47.689 Vendors include media.00:54:47.690 --> 00:54:51.296 Oh, did I just not come?00:54:51.300 --> 00:54:52.662 Did I not put markup in00:54:52.662 --> 00:54:53.970 front of some of these?00:54:53.970 --> 00:54:55.915 Oh yeah, these two things00:54:55.915 --> 00:54:58.360 right up front that I yeah.00:54:58.360 --> 00:54:59.540 Didn't even try to do00:54:59.540 --> 00:55:00.484 any of my variables.00:55:00.490 --> 00:55:01.438 It died right there.00:55:05.260 --> 00:55:08.326 Alright. File not found.00:55:08.326 --> 00:55:10.738 Oh yeah, this is the thing00:55:10.738 --> 00:55:12.748 about the funny named files,00:55:12.750 --> 00:55:15.958 so it's supposed to be Catawba County page,00:55:15.960 --> 00:55:18.774 but we got a where is it?00:55:18.780 --> 00:55:20.790 It's saying it's in layout,00:55:20.790 --> 00:55:21.996 markup, layout, beta.00:55:21.996 --> 00:55:24.408 Yes, that's supposed to just BCS,00:55:24.410 --> 00:55:27.618 so let's go ahead and rename that file.00:55:27.620 --> 00:55:29.995 Is there anything inside that00:55:29.995 --> 00:55:31.895 has that weird character?00:55:31.900 --> 00:55:33.908 Well, it'll tell us if there is so.00:55:36.320 --> 00:55:41.288 Nice. Failed to import, why?00:55:43.470 --> 00:55:46.332 Line import not found or unreadable. What OK?00:55:46.332 --> 00:55:49.500 Let's just copy the entire file name that00:55:49.588 --> 00:55:53.152 it's trying and just rename the file to that.00:55:53.160 --> 00:55:55.485 Where is it Catawba County00:55:55.485 --> 00:55:57.810 page so it's requiring that,00:55:57.810 --> 00:56:01.870 so there must be like some weird.00:56:01.870 --> 00:56:06.738 Freaking. K paste over that.00:56:06.740 --> 00:56:09.126 Weird, like whitespace or something, right?00:56:09.126 --> 00:56:11.106 Yeah, now let's talk about00:56:11.106 --> 00:56:11.898 something different.00:56:11.900 --> 00:56:13.091 Nice, undefined variable.00:56:13.091 --> 00:56:15.870 Did I miss one NAV divider margin?00:56:15.870 --> 00:56:19.758 Why? NAV divider.00:56:19.760 --> 00:56:21.590 Yeah, I must have totally missed00:56:21.590 --> 00:56:25.150 this one NAV divider margin, why?00:56:25.150 --> 00:56:25.969 Oh yeah, no.00:56:25.969 --> 00:56:27.334 It's just they load theirs00:56:27.334 --> 00:56:28.180 differently than ours.00:56:28.180 --> 00:56:30.098 They load bootstrap 1st and that doesn't.00:56:30.100 --> 00:56:32.025 It causes problems when we do that.00:56:32.030 --> 00:56:33.506 I don't know why.00:56:33.506 --> 00:56:36.629 So we'll just grab that one from here.00:56:36.630 --> 00:56:37.686 So it's spacer.00:56:37.686 --> 00:56:40.750 So what is the space you divide by two?00:56:40.750 --> 00:56:42.796 So we'll bring that one in?00:56:42.800 --> 00:56:43.832 Where is it?00:56:43.832 --> 00:56:44.520 Being requested?00:56:44.520 --> 00:56:45.206 NAV dividers,00:56:45.206 --> 00:56:47.607 so let's put that in right there.00:56:51.800 --> 00:56:53.915 Hey, whoa, that's why I00:56:53.915 --> 00:56:56.030 can't even believe that work.00:56:56.030 --> 00:57:00.140 Holy crap hell yeah alright well.00:57:00.140 --> 00:57:02.926 That is a gamer moment right there.00:57:05.680 --> 00:57:06.355 Is Brandon here?00:57:06.355 --> 00:57:07.705 He should be laughing at this.00:57:11.010 --> 00:57:12.618 Do you mean Brendan, Brendan, Brendan?00:57:12.618 --> 00:57:15.030 Yeah, I know right? Which one do I mean?00:57:15.030 --> 00:57:16.906 Brendan Lion usually laughs when I say00:57:16.906 --> 00:57:20.730 stuff like that, so it makes me sad.00:57:20.730 --> 00:57:23.258 OK, so this is, uh, this this is.00:57:23.258 --> 00:57:25.470 I mean I know that was fast,00:57:25.470 --> 00:57:27.360 but I guess re watched the00:57:27.360 --> 00:57:28.942 recording and stuff. But wow,00:57:28.942 --> 00:57:31.154 I can't believe how smooth that went.00:57:31.160 --> 00:57:33.337 That's exactly what to do and it00:57:33.337 --> 00:57:35.579 actually you know it builds and stuff.00:57:35.580 --> 00:57:37.476 Good grief. So that's you know,00:57:37.480 --> 00:57:41.016 import a markup CSS into clarity dot CSS.00:57:41.020 --> 00:57:45.728 Wow. Addison. Epic Moment right there,00:57:45.728 --> 00:57:47.750 so I covered the whole tutorial.00:57:47.750 --> 00:57:49.440 Is there any other parts?00:57:49.440 --> 00:57:51.894 No, yeah, there's a dotted doing00:57:51.894 --> 00:57:54.609 other parts the next so this some.00:57:54.610 --> 00:57:57.226 You know ideally would have brought in our,00:57:57.230 --> 00:57:58.574 uh, clarity CSS.00:57:58.574 --> 00:58:01.126 It's, uh, yeah, it looks a bit different.00:58:01.130 --> 00:58:03.055 So yeah, we know it actually did.00:58:03.060 --> 00:58:05.930 Stuff looks pretty different, but you know00:58:05.930 --> 00:58:08.646 obviously now that didn't do any of the.00:58:08.650 --> 00:58:12.817 Any of the actual JavaScript and I mean HTML?00:58:12.820 --> 00:58:15.970 So next would be like open00:58:15.970 --> 00:58:19.300 up the markup so you know.00:58:19.300 --> 00:58:21.808 It should be looking like this.00:58:21.810 --> 00:58:25.980 And this client is doing like.00:58:25.980 --> 00:58:28.990 Up to three weeks no yes, September yeah.00:58:28.990 --> 00:58:30.865 It's doing like 3 weeks.00:58:33.080 --> 00:58:34.490 Teasing to that header first?00:58:34.490 --> 00:58:35.890 Well yeah, yeah we would.00:58:35.890 --> 00:58:37.576 We would do the header first.00:58:37.580 --> 00:58:38.700 We got 5 minutes,00:58:38.700 --> 00:58:40.728 but I mean I'll kind of show00:58:40.728 --> 00:58:42.912 you what I would do to do that.00:58:42.920 --> 00:58:44.558 I guess I put those side-by-side00:58:44.558 --> 00:58:45.994 for recording just to show00:58:45.994 --> 00:58:47.130 how different they are.00:58:47.130 --> 00:58:48.024 But you know,00:58:48.024 --> 00:58:50.110 I would probably just have them just00:58:50.179 --> 00:58:52.187 like this back to what I was doing00:58:52.187 --> 00:58:54.436 and try and match the we have like00:58:54.436 --> 00:58:56.970 the actual HTML they made for us this day.00:58:56.970 --> 00:58:59.898 Mean it should be dead simple so you00:58:59.898 --> 00:59:02.775 know what do they got that we don't?00:59:02.780 --> 00:59:04.400 Inspecting usually is pretty handy.00:59:04.400 --> 00:59:06.020 What's this thing up here00:59:06.020 --> 00:59:07.640 so they have their head?00:59:07.640 --> 00:59:10.034 Are they have a whole wrapper thing00:59:10.034 --> 00:59:12.499 around which always does a bunch of stuff,00:59:12.500 --> 00:59:14.411 so you might as well bring that00:59:14.411 --> 00:59:16.794 in to do a wrapper class that00:59:16.794 --> 00:59:18.654 goes around the entire site,00:59:18.660 --> 00:59:20.280 including the header and footer,00:59:20.280 --> 00:59:21.900 which is what there's does00:59:21.900 --> 00:59:23.520 if you look over here,00:59:23.520 --> 00:59:24.459 you can thankfully,00:59:24.459 --> 00:59:27.080 because you know DNA is kind of weird,00:59:27.080 --> 00:59:29.864 but it's not like it's sometimes has some00:59:29.864 --> 00:59:32.728 handy stuff you can totally just make a nun.00:59:32.730 --> 00:59:34.386 Unclosed Dev on the header and00:59:34.386 --> 00:59:36.199 then close it in the footer.00:59:36.200 --> 00:59:37.352 Nothing wrong with that,00:59:37.352 --> 00:59:38.792 just comment what you do,00:59:38.800 --> 00:59:42.340 you know, make like a UM?00:59:42.340 --> 00:59:45.220 Like begin rapper right there then uh ID00:59:45.220 --> 00:59:47.549 equals rapper just like what they do.00:59:47.550 --> 00:59:49.280 Hopefully I'm not duplicating one.00:59:49.280 --> 00:59:52.052 Yeah no it's it's there so we'll00:59:52.052 --> 00:59:55.166 go over the footer and then just00:59:55.166 --> 00:59:57.920 close that down at the bottom.00:59:57.920 --> 00:59:59.579 It's like that when you make a00:59:59.579 --> 01:00:01.260 change in the skin ascx files01:00:01.260 --> 01:00:03.072 because it's going through a symlink01:00:03.072 --> 01:00:05.056 and DNN doesn't know how to look01:00:05.056 --> 01:00:06.550 the other way through symlinks.01:00:06.550 --> 01:00:09.420 You just go ahead and kill your01:00:09.420 --> 01:00:11.878 app pool and start it again.01:00:11.880 --> 01:00:13.590 So just remember to do that01:00:13.590 --> 01:00:15.300 so they have that wrapper.01:00:15.300 --> 01:00:17.788 We took care of that header ID header,01:00:17.790 --> 01:00:19.986 but it's not class header and01:00:19.986 --> 01:00:22.290 it sure isn't this container.01:00:22.290 --> 01:00:23.704 We probably will keep the D print01:00:23.704 --> 01:00:25.309 none on there that only makes sense.01:00:25.310 --> 01:00:27.000 You know that's just for.01:00:27.000 --> 01:00:28.572 You know printing,01:00:28.572 --> 01:00:31.716 so that's probably fine to keep.01:00:31.720 --> 01:00:34.056 So they don't have a you know header,01:00:34.060 --> 01:00:36.697 top or header mid or any of that stuff.01:00:36.700 --> 01:00:39.092 So you can go ahead and collapse these01:00:39.092 --> 01:00:41.388 and see what we got to work with.01:00:41.390 --> 01:00:43.148 So they have this top bar.01:00:43.150 --> 01:00:45.778 We might could just put that in header top.01:00:45.780 --> 01:00:47.838 They don't have an ID on it,01:00:47.840 --> 01:00:49.884 so we might just leave the ID.01:00:49.890 --> 01:00:51.350 The class is different though.01:00:51.350 --> 01:00:53.190 They use BG stretch.01:00:53.190 --> 01:00:55.490 So we'll put that there.01:00:55.490 --> 01:00:58.604 Looks like BG stretch actually gives it a uh,01:00:58.610 --> 01:01:01.319 like it has some specific CSS on01:01:01.319 --> 01:01:04.248 it too like width and you know.01:01:04.250 --> 01:01:06.758 All that so they have come.01:01:09.010 --> 01:01:10.930 Oh yeah, it looks like they're I skipped01:01:10.930 --> 01:01:12.709 the thing I was looking too deep in.01:01:12.710 --> 01:01:14.630 Yeah there instead of BG01:01:14.630 --> 01:01:16.550 stretch that's inside of this.01:01:16.550 --> 01:01:20.624 God give class equals BG stretch01:01:20.624 --> 01:01:24.389 on the outside they have a.01:01:24.390 --> 01:01:26.010 Whole bunch of classes.01:01:26.010 --> 01:01:28.900 They've got top bar text center with01:01:28.900 --> 01:01:31.680 100 padding Ted, a lot of stuff.01:01:33.780 --> 01:01:36.126 Padding large 20, so that's cool01:01:36.126 --> 01:01:40.050 if if they included those, uhm.01:01:40.050 --> 01:01:41.498 Hopefully they weren't like01:01:41.498 --> 01:01:42.946 part of their bootstrap.01:01:42.950 --> 01:01:47.224 Uhm, you know? So, uh,01:01:47.224 --> 01:01:50.320 that's kind of they got a picture up there,01:01:50.320 --> 01:01:53.736 which is will probably kind of copy that.01:01:53.740 --> 01:01:56.116 Uh, see what that looks like for us.01:02:00.420 --> 01:02:02.348 I think I copied part of a divorce,01:02:02.350 --> 01:02:04.278 something Oh no, I just didn't hit enter.01:02:06.310 --> 01:02:07.996 So this isn't gonna work obviously.01:02:08.000 --> 01:02:10.880 'cause I didn't bring over any of their01:02:10.880 --> 01:02:13.626 images and this is implying it's like.01:02:13.630 --> 01:02:15.406 Not the root of the site,01:02:15.410 --> 01:02:18.065 but like the root of where this is called,01:02:18.070 --> 01:02:20.725 so I'm not really sure where that's gonna go.01:02:20.730 --> 01:02:23.402 Well, just put a will, just put a little01:02:23.402 --> 01:02:25.769 flash right to right in front of that,01:02:25.770 --> 01:02:29.594 so that's looking at Web 9 images so.01:02:29.600 --> 01:02:33.280 Probably put their images there.01:02:33.280 --> 01:02:35.110 You won't come back to it01:02:35.110 --> 01:02:37.019 you you if you stop it.01:02:37.020 --> 01:02:38.892 I mean if you come identify01:02:38.892 --> 01:02:39.828 something like this,01:02:39.830 --> 01:02:42.326 it's like oh I'll do the images later.01:02:42.330 --> 01:02:43.266 You won't like.01:02:43.266 --> 01:02:45.450 I won't, at least so you know,01:02:45.450 --> 01:02:46.698 just stop and do.01:02:46.698 --> 01:02:48.570 It doesn't take you too long.01:02:52.200 --> 01:02:54.744 Cops, are you gonna they gonna make the01:02:54.744 --> 01:02:57.288 images folder at the same level as the set01:02:57.288 --> 01:02:59.760 folder and make a virtual directory for it.01:02:59.760 --> 01:03:01.748 I that probably would be best practices,01:03:01.750 --> 01:03:03.535 but I'm probably just gonna01:03:03.535 --> 01:03:06.019 copy it into Web 9 for now.01:03:06.020 --> 01:03:08.916 Sounds like it seems like it worked there,01:03:08.920 --> 01:03:11.808 so slash is the root of the website,01:03:11.810 --> 01:03:17.020 so copy the markup images into there so. Punk01:03:19.030 --> 01:03:22.966 uhm, so that's the top bar.01:03:22.970 --> 01:03:25.080 Pretty sweet. Don't really need01:03:25.080 --> 01:03:27.190 some worry too much battling.01:03:27.190 --> 01:03:28.400 What if it works right?01:03:28.400 --> 01:03:30.066 Like I could probably just kill the01:03:30.066 --> 01:03:32.026 apple and look it would be pretty sweet.01:03:35.150 --> 01:03:37.715 Uh, that's the markup I should have like a01:03:37.715 --> 01:03:41.910 pretty sweet looking little top bar, I mean.01:03:41.910 --> 01:03:45.186 Oh man, oh, very sweet looking.01:03:45.190 --> 01:03:48.659 So what's the deal? Header top bar.01:03:48.659 --> 01:03:51.550 Padding 18 rim important I kind of01:03:51.637 --> 01:03:54.877 feel like that's a some of our stuff01:03:54.877 --> 01:03:57.224 over writing some of their stuff01:03:57.224 --> 01:03:59.828 like that is not that is crazy.01:03:59.828 --> 01:04:02.336 I wonder what Pete and is01:04:02.336 --> 01:04:04.490 supposed to be for them.01:04:04.490 --> 01:04:06.658 'cause it's not supposed to be 18 ram,01:04:06.660 --> 01:04:07.947 that's for sure.01:04:07.947 --> 01:04:10.092 Uh, let's like try and01:04:10.092 --> 01:04:11.730 manipulate that a little.01:04:14.300 --> 01:04:16.217 For them, what is it actually supposed to be?01:04:16.220 --> 01:04:19.344 I mean, we can look. What P 10 is01:04:19.344 --> 01:04:21.420 supposed to actually come out too?01:04:21.420 --> 01:04:24.822 P 10 is supposed to be .625 and P01:04:24.822 --> 01:04:27.819 large 20 is supposed to be .125.01:04:27.820 --> 01:04:31.020 Yeah, that's the way it looks so wildly,01:04:31.020 --> 01:04:34.414 wildly different. And we can't.01:04:34.414 --> 01:04:35.804 I would not overwrite like01:04:35.804 --> 01:04:37.819 our P dash stuff with theirs,01:04:37.820 --> 01:04:39.800 because if they're gonna be so01:04:39.800 --> 01:04:41.704 wildly different like we have more01:04:41.704 --> 01:04:43.586 use of them than they do, right?01:04:43.586 --> 01:04:45.422 So if we choose to overwrite01:04:45.422 --> 01:04:47.576 dares with ours will be doing a01:04:47.576 --> 01:04:49.340 lot more work than just changing.01:04:49.340 --> 01:04:53.068 There is 2 hours if that makes sense.01:04:53.070 --> 01:04:55.737 So probably just go ahead and delete01:04:55.737 --> 01:04:57.776 these and just like temporarily01:04:57.776 --> 01:05:00.625 put heading is .1 point 125 ram.01:05:00.630 --> 01:05:05.486 Not what it was or something like that.01:05:05.490 --> 01:05:07.160 Wait 125.01:05:11.850 --> 01:05:13.205 Still don't look right then01:05:13.205 --> 01:05:14.560 what's the deal with that?01:05:16.660 --> 01:05:19.720 The image is being served. Is it away?01:05:23.170 --> 01:05:25.120 And the image is off center01:05:25.120 --> 01:05:26.760 compared to the other one.01:05:26.760 --> 01:05:31.120 Yeah, let's be must be something like that.01:05:31.120 --> 01:05:33.388 Or the padding on something else?01:05:33.390 --> 01:05:34.898 Yeah, so there's that.01:05:34.898 --> 01:05:36.783 The text element in there.01:05:36.790 --> 01:05:37.508 It's probably.01:05:37.508 --> 01:05:39.303 Oh I totally didn't even01:05:39.303 --> 01:05:41.329 bring in this text element.01:05:41.330 --> 01:05:43.220 It's insights after BG stretch.01:05:43.220 --> 01:05:46.236 Gee whiz, what am I thinking it's done?01:05:49.250 --> 01:05:54.528 Jerk. What were you thinking?01:05:54.530 --> 01:05:55.922 So there you go.01:05:55.922 --> 01:05:58.550 F2 is a really handy shortcut like01:05:58.550 --> 01:06:01.280 we're looking to expand this element.01:06:01.280 --> 01:06:03.866 Yeah, we totally are PR 15.01:06:03.870 --> 01:06:07.386 Again like that is not gonna.01:06:07.390 --> 01:06:10.138 This is not gonna be cool,01:06:10.140 --> 01:06:11.508 like absolutely not.01:06:13.520 --> 01:06:16.172 Not gonna be tenable sustainable for01:06:16.172 --> 01:06:19.590 those of us. Not all versed in front01:06:19.590 --> 01:06:22.247 end what's what's with the naming01:06:22.247 --> 01:06:25.013 convention on P, like P2PR2, etc.01:06:25.013 --> 01:06:27.662 Patty was just like padding, padding,01:06:27.662 --> 01:06:31.198 dash and then you know the points themselves,01:06:31.200 --> 01:06:33.605 like the actual sizes that01:06:33.605 --> 01:06:36.520 P-1 is supposed to be P-2.01:06:36.520 --> 01:06:38.830 Uh, it kinda seems, uh, you know.01:06:38.830 --> 01:06:40.150 If JG was here,01:06:40.150 --> 01:06:42.790 he would tell me that I'm a jerk.01:06:42.790 --> 01:06:45.430 It kind of seems a little bit arbitrary.01:06:45.430 --> 01:06:47.590 Honestly, padding one through three seems01:06:47.590 --> 01:06:50.709 to iterate by .5 RIM and then it like jump.01:06:50.710 --> 01:06:53.020 It iterates by like 3 whole rim,01:06:53.020 --> 01:06:55.660 the next one and then by point though01:06:55.660 --> 01:06:58.295 then by like 1.5 for the next two.01:06:58.300 --> 01:07:00.547 So I think it's kind of a01:07:00.547 --> 01:07:01.930 Frankenstein built up over.01:07:01.930 --> 01:07:03.580 You know, some years so.01:07:05.930 --> 01:07:09.948 No. Yeah. And just to tell you,01:07:09.950 --> 01:07:12.274 you know PR would be padding right?01:07:12.280 --> 01:07:14.936 PL Would be padding left MLB margin right?01:07:14.940 --> 01:07:18.150 Mlo would be marginal left.01:07:18.150 --> 01:07:20.145 Different screen sizes that looks way better.01:07:20.150 --> 01:07:22.472 It's the font or font is off because I'm01:07:22.472 --> 01:07:24.730 not bringing in Roboto like they are.01:07:24.730 --> 01:07:27.376 I guess we could see how01:07:27.376 --> 01:07:29.140 they're bringing in Roboto.01:07:29.140 --> 01:07:30.946 I'm pretty sure, yeah, it's right here.01:07:30.950 --> 01:07:32.770 They just bring it in from fonts,01:07:32.770 --> 01:07:33.702 Google APIs.01:07:33.702 --> 01:07:36.498 IQ is the exact same way.01:07:36.500 --> 01:07:37.880 Took me a minute to figure01:07:37.880 --> 01:07:39.130 out that one for accu.01:07:39.130 --> 01:07:41.034 It's like why I got everything that same.01:07:41.040 --> 01:07:42.704 Why am I not loading in the fonts01:07:42.704 --> 01:07:44.747 so I look in the fonts folder that01:07:44.747 --> 01:07:46.561 I like copied over from them and01:07:46.561 --> 01:07:48.633 it's just like oh moon so you know01:07:48.633 --> 01:07:51.594 it had to be coming from somewhere.01:07:51.600 --> 01:07:52.440 Sorry for interrupting you,01:07:52.440 --> 01:07:53.280 David, that was me.01:07:55.330 --> 01:07:58.004 No, you're good. I just wanted to01:07:58.004 --> 01:08:00.818 make sure we answered John Lisa.01:08:00.820 --> 01:08:03.090 Question thoroughly do back in.01:08:03.090 --> 01:08:05.360 There has been suitably educated.01:08:08.870 --> 01:08:11.478 K So there's our fonts should be good.01:08:11.480 --> 01:08:13.980 How am I going to do the .125 ram that01:08:14.046 --> 01:08:16.452 they have like padding important like01:08:16.452 --> 01:08:18.980 you know that's there's this is ours.01:08:18.980 --> 01:08:22.067 It looks you know now that it looks pretty01:08:22.067 --> 01:08:25.257 good when you have the special 125 padding.01:08:25.260 --> 01:08:28.080 You know how my how am I gonna do that?01:08:28.080 --> 01:08:30.834 I guess I could edit their CSS, you know?01:08:30.834 --> 01:08:32.794 We're kind of overtime anyway,01:08:32.800 --> 01:08:35.168 but that's probably what I would do since01:08:35.168 --> 01:08:37.886 I'm not gonna be able to use their P dash,01:08:37.890 --> 01:08:40.440 10s dash, whatever.01:08:40.440 --> 01:08:42.204 It'll be kind of an exercise and01:08:42.204 --> 01:08:44.510 just doing a little bit of extra CSS01:08:44.510 --> 01:08:46.340 work when you integrate these over.01:08:46.340 --> 01:08:48.452 Uh, because definitely we use way01:08:48.452 --> 01:08:50.726 more of like this syntax then01:08:50.726 --> 01:08:53.108 we're gonna pull from their stuff,01:08:53.110 --> 01:08:55.938 so changing it from their way or01:08:55.938 --> 01:08:58.591 changing it from our way to theirs01:08:58.591 --> 01:09:01.441 is going to be way more work than01:09:01.441 --> 01:09:04.010 just kind of using our way on,01:09:04.010 --> 01:09:05.890 there's so yeah, I mean,01:09:05.890 --> 01:09:09.274 that kind of takes care of the CSS part,01:09:09.280 --> 01:09:10.988 which is giant, right?01:09:10.988 --> 01:09:14.839 Like that bit has to really be done first.01:09:14.840 --> 01:09:17.460 Uhm, and I guess I mean I might as well01:09:17.537 --> 01:09:20.281 push that up right and they could pull01:09:20.281 --> 01:09:25.308 request call data. Call that good, UM.01:09:25.310 --> 01:09:28.257 I really wish my source control like.01:09:28.260 --> 01:09:30.297 Next day, it's not even an extension.01:09:30.300 --> 01:09:32.510 This is just core, uh?01:09:32.510 --> 01:09:35.520 I think it may be choking on stuff, it's it.01:09:35.520 --> 01:09:37.828 It does do that. Let me? Uh, yes.01:09:37.828 --> 01:09:39.213 Code is pretty flaky compared01:09:39.213 --> 01:09:41.240 to Visual Studio. It is flaky.01:09:41.240 --> 01:09:42.740 It's just so I agree.01:09:42.740 --> 01:09:43.944 Absolutely, it is flaky.01:09:43.944 --> 01:09:45.449 It's just so much faster.01:09:45.450 --> 01:09:46.654 I just cannot steps.01:09:46.654 --> 01:09:49.168 Repo is just massive, like even just running.01:09:49.168 --> 01:09:51.440 Get the status from the command line01:09:51.440 --> 01:09:53.880 can be kind of slow. Oh there it goes.01:09:53.880 --> 01:09:56.889 See, I just had to restart VS code so yeah,01:09:56.890 --> 01:09:59.298 I mean what did I change with these?01:09:59.300 --> 01:10:00.800 I Oh yeah I did.01:10:00.800 --> 01:10:02.720 The rapper and I added that.01:10:02.720 --> 01:10:03.408 Google Fun,01:10:03.408 --> 01:10:06.390 so I guess I made one more commit a.01:10:06.390 --> 01:10:08.232 Add markup wrapper.01:10:08.232 --> 01:10:12.530 Add Google font from from Google API.01:10:12.530 --> 01:10:14.048 Because that's definitely going to get01:10:14.048 --> 01:10:15.699 changed at some point in the future.01:10:15.700 --> 01:10:16.186 I mean,01:10:16.186 --> 01:10:18.125 although I do really like that, uh?01:10:18.125 --> 01:10:22.400 VS code the the search a whole workspace you01:10:22.502 --> 01:10:26.759 can search for text in files or file names.01:10:26.760 --> 01:10:28.104 Yes, it's so.01:10:28.104 --> 01:10:30.792 Uh, it's so much faster too.01:10:30.800 --> 01:10:32.828 I'm here control P is wonderfully01:10:32.828 --> 01:10:34.660 fast compared to Visual Studio.01:10:34.660 --> 01:10:35.713 Absolutely controlled the01:10:35.713 --> 01:10:37.468 equivalent control T over here.01:10:37.470 --> 01:10:39.570 Why is it so much slower?01:10:39.570 --> 01:10:40.623 It really is.01:10:40.623 --> 01:10:42.729 You can also use CTRL Pi.01:10:42.730 --> 01:10:45.538 Think in there and it'll search by file.01:10:45.540 --> 01:10:46.593 You must have.01:10:46.593 --> 01:10:48.699 You must have your settings change.01:10:48.700 --> 01:10:50.434 You can also help with control01:10:50.434 --> 01:10:52.940 queue at the very top and search01:10:52.940 --> 01:10:54.660 everything including your settings.01:10:54.660 --> 01:10:56.766 Oh wow, that's kind of control.01:10:56.770 --> 01:10:58.530 It's the formans control P.01:10:58.530 --> 01:10:59.439 That's pretty sweet.01:10:59.439 --> 01:11:00.954 What do I search for?01:11:00.960 --> 01:11:03.732 A thank you can also use just like F01:11:03.732 --> 01:11:06.605 space and uncertain to search for files.01:11:06.610 --> 01:11:09.850 Make syntax it's like F colon.01:11:09.850 --> 01:11:11.626 Maybe, maybe not quite as I01:11:11.626 --> 01:11:13.509 always do control T over here.01:11:13.510 --> 01:11:15.638 Then you could find whatever file or you01:11:15.638 --> 01:11:17.779 can get like categories dot mapping.01:11:17.780 --> 01:11:19.838 Then you wait like there's a way01:11:19.838 --> 01:11:22.259 that you can map a key that goes01:11:22.259 --> 01:11:24.190 into that same menu right there,01:11:24.190 --> 01:11:25.715 but only searches through files01:11:25.715 --> 01:11:27.240 or only searches, symbols, etc.01:11:31.280 --> 01:11:33.928 Over here you can kind of do like,01:11:33.930 --> 01:11:36.578 you know, uh, how do you do it?01:11:36.580 --> 01:11:37.896 It's like colon, yeah,01:11:37.896 --> 01:11:40.585 this is like for the current file and01:11:40.585 --> 01:11:42.862 you can go online numbers, that's that.01:11:42.862 --> 01:11:44.517 Was kind of handy sometimes.01:11:44.520 --> 01:11:46.506 You know line 113. So anyway,01:11:46.510 --> 01:11:48.820 I guess I'll make a pull request.01:11:48.820 --> 01:11:49.813 Pretty easy already.01:11:49.813 --> 01:11:51.799 Made all these commits onto QA,01:11:51.800 --> 01:11:54.779 which you don't have to do it that way,01:11:54.780 --> 01:11:56.766 so will do get check out01:11:56.766 --> 01:11:58.090 Dash B support client,01:11:58.090 --> 01:12:00.815 Saffold at full feature markup01:12:00.815 --> 01:12:02.450 Styles I guess.01:12:02.450 --> 01:12:03.658 Push that baby up.01:12:09.100 --> 01:12:13.700 Sweet. Guess I'll make another PR.01:12:16.780 --> 01:12:19.270 And then probably, you know.01:12:19.270 --> 01:12:21.088 That's God, that's a lot of.01:12:21.090 --> 01:12:23.826 I mean after this for the other front Enders,01:12:23.830 --> 01:12:25.618 that's going to be so much01:12:25.618 --> 01:12:27.479 easier for them to do stuff.01:12:27.480 --> 01:12:29.000 Don't worry about bringing in01:12:29.000 --> 01:12:30.520 bootstrap and all of that.01:12:30.520 --> 01:12:33.624 I got it. Just do the HTML now.01:12:33.630 --> 01:12:35.800 Like, right? That should be.01:12:35.800 --> 01:12:37.426 Is that doable for you guys?01:12:37.430 --> 01:12:38.543 Oh yeah, right?01:12:38.543 --> 01:12:41.140 I mean just doing the HTML now.01:12:41.140 --> 01:12:42.019 Thank you Jesse.01:12:44.530 --> 01:12:46.602 I wouldn't. I wouldn't say doing HTML01:12:46.602 --> 01:12:48.830 in Angular JS is a walk in the park.01:12:48.830 --> 01:12:50.516 Oh yeah, no. It's every time01:12:50.516 --> 01:12:52.449 you pay something you have to go01:12:52.449 --> 01:12:53.949 look for the NGS and changes.01:12:53.950 --> 01:12:56.308 We repeat all that crap and get it and01:12:56.308 --> 01:12:58.518 put it into the HTML you bring in.01:12:58.520 --> 01:13:00.128 So this is not super simple.01:13:00.130 --> 01:13:01.750 It's not so you're absolutely right,01:13:01.750 --> 01:13:02.506 right? This chunk.01:13:02.506 --> 01:13:04.892 Here is what I did right at the very01:13:04.892 --> 01:13:06.852 beginning when I was doing the local.01:13:06.860 --> 01:13:09.012 It's like you may have saw like I've01:13:09.012 --> 01:13:10.783 merged Origin, developed with athlete,01:13:10.783 --> 01:13:14.468 'cause if no one's done any work at all on.01:13:14.470 --> 01:13:17.566 Athlete, yet I might as well like bring in,01:13:17.570 --> 01:13:18.599 you know, develop.01:13:18.599 --> 01:13:21.350 I don't know if that's good or bad.01:13:21.350 --> 01:13:22.382 Would JJ yell?01:13:22.382 --> 01:13:24.790 Should it be off the release candidate?01:13:24.790 --> 01:13:27.916 It's done regardless. It's done so.01:13:27.920 --> 01:13:29.985 Uh, it looks like he keeps release01:13:29.985 --> 01:13:31.998 candidate up in to develop though,01:13:32.000 --> 01:13:33.884 so I'm guessing that's why you01:13:33.884 --> 01:13:35.140 have 26 commits there.01:13:35.140 --> 01:13:36.636 Yeah, that's exactly why.01:13:36.636 --> 01:13:39.839 So I'm going to condense this one down too.01:13:39.840 --> 01:13:44.160 Pretty much like merged, uh?01:13:44.160 --> 01:13:47.196 Uh, which developed, merged and develop.01:13:47.200 --> 01:13:49.220 Yeah, there you go.01:13:53.370 --> 01:13:54.870 Yeah, so these are not.01:13:54.870 --> 01:13:56.360 None of those work items.01:13:56.360 --> 01:13:58.558 The ones that were originally linked to01:13:58.558 --> 01:14:00.847 all that stuff or is relevant at all.01:14:00.850 --> 01:14:04.297 So I guess I'm just going to look for.01:14:04.300 --> 01:14:05.032 Someone's task,01:14:05.032 --> 01:14:07.594 I don't know whose task that is.01:14:07.600 --> 01:14:11.559 It's uh Oh my God, it's me oh.01:14:15.440 --> 01:14:19.390 It doesn't take 2 hours to set up a local,01:14:19.390 --> 01:14:22.765 so I'm going to use the rest of this01:14:22.765 --> 01:14:25.709 time to probably set up the ICD.01:14:25.710 --> 01:14:28.718 I uhm learned just today that, uh, I.01:14:28.718 --> 01:14:31.270 You know, have sponge brain and did not01:14:31.343 --> 01:14:34.151 pay attention as well as I should have to01:14:34.151 --> 01:14:36.686 JGS instructions on what service account01:14:36.686 --> 01:14:39.544 the actual agent like the bill date,01:14:39.544 --> 01:14:41.304 the work deployment agent on01:14:41.304 --> 01:14:43.169 the servers needs to be using.01:14:43.170 --> 01:14:45.494 It's not supposed to use the default,01:14:45.500 --> 01:14:47.498 it's supposed to use like the01:14:47.498 --> 01:14:48.497 release agent user,01:14:48.500 --> 01:14:49.466 not network service,01:14:49.466 --> 01:14:52.129 so you know I'm going to go ahead01:14:52.129 --> 01:14:54.865 and just reset those up so that they01:14:54.865 --> 01:14:57.488 actually can turn off app pools and stuff.01:14:57.490 --> 01:14:59.596 They it deploys and it copies.01:14:59.600 --> 01:15:01.847 The files it just cannot manipulate app01:15:01.847 --> 01:15:05.059 pools, so you know it it can't turn them off.01:15:05.060 --> 01:15:07.949 So if someone is using the website it's a.01:15:10.510 --> 01:15:12.840 It's a can't delete files,01:15:12.840 --> 01:15:16.380 so then it it fails.01:15:16.380 --> 01:15:19.890 So it's not really automatic till I do that,01:15:19.890 --> 01:15:22.970 but, uh, I mean that's.01:15:22.970 --> 01:15:25.769 Kind of a whirlwind of sit doing at least01:15:25.769 --> 01:15:28.636 the styles integration from their stuff.01:15:28.640 --> 01:15:30.836 The rest of it should be.01:15:30.840 --> 01:15:32.760 Doable, like David said.01:15:32.760 --> 01:15:37.560 Doable, not necessarily easy, but you know.01:15:37.560 --> 01:15:39.336 When you look at the markup,01:15:39.340 --> 01:15:40.832 for example this is,01:15:40.832 --> 01:15:43.070 you know clearly meant to be.01:15:43.070 --> 01:15:47.634 The the thing we have as UM.01:15:47.640 --> 01:15:50.040 XFFXF external search bar, right?01:15:50.040 --> 01:15:54.390 That's you know so you.01:15:54.390 --> 01:15:56.735 Make an override of self external search01:15:56.735 --> 01:15:59.287 bar and try and match these styles.01:15:59.290 --> 01:16:02.906 It's got that kind of neat little thing.01:16:02.910 --> 01:16:06.088 Uhm? These these are obviously01:16:06.088 --> 01:16:07.416 supposed to be equipments,01:16:07.420 --> 01:16:08.744 is pretty obviously supposed01:16:08.744 --> 01:16:10.399 to be the products dropdown,01:16:10.400 --> 01:16:11.728 so like by default,01:16:11.728 --> 01:16:13.720 since categories are not actually enabled,01:16:13.720 --> 01:16:16.096 so you have to go into your app01:16:16.096 --> 01:16:18.039 settings and turn categories on.01:16:18.040 --> 01:16:20.696 Then it becomes this sweet little drop down.01:16:20.700 --> 01:16:22.686 So you'd make an override of.01:16:22.690 --> 01:16:24.350 I think it's categories menu,01:16:24.350 --> 01:16:25.634 bar staff categories, minibar,01:16:25.634 --> 01:16:27.239 make an override of that01:16:27.239 --> 01:16:28.658 and match these styles.01:16:28.660 --> 01:16:29.656 Same with the.01:16:29.656 --> 01:16:31.648 This is clearly meant to be,01:16:31.650 --> 01:16:35.250 you know, the sign in thing.01:16:35.250 --> 01:16:37.098 I don't know about this little drop down.01:16:37.100 --> 01:16:39.179 I don't know if we would need that like01:16:39.179 --> 01:16:41.410 how the equipments instead of equipment.01:16:41.410 --> 01:16:43.147 Yeah yeah yeah,01:16:43.147 --> 01:16:47.200 all of your equipment here equipments is.01:16:47.200 --> 01:16:48.688 Oh that's pretty cool.01:16:48.688 --> 01:16:51.352 Yeah, if you they they would have01:16:51.352 --> 01:16:53.880 used separate HTML for all of this.01:16:53.880 --> 01:16:55.775 So pretty straight forward to01:16:55.775 --> 01:16:57.960 what this is supposed to be.01:16:57.960 --> 01:16:58.702 I mean,01:16:58.702 --> 01:17:01.670 I mean were I to enable the categories,01:17:01.670 --> 01:17:05.135 our stuff looks almost like this already.01:17:05.140 --> 01:17:05.466 Right,01:17:05.466 --> 01:17:07.422 so there's not a ton more01:17:07.422 --> 01:17:09.550 than maybe I'll just turn on01:17:09.550 --> 01:17:10.986 categories and show you.01:17:13.790 --> 01:17:16.742 Neat way to do that is to have your01:17:16.742 --> 01:17:19.298 superior editor open include just the01:17:19.298 --> 01:17:22.580 JS config folder, and, uh, I guess you01:17:22.580 --> 01:17:25.508 probably also want to open up a SIFF.01:17:25.510 --> 01:17:27.400 It's like shared, she's it's.01:17:27.400 --> 01:17:29.285 It's going to be this01:17:29.285 --> 01:17:30.793 one stuff config shared.01:17:30.800 --> 01:17:33.816 This is a where the feature sets live,01:17:33.820 --> 01:17:35.650 so I'm pretty sure categories01:17:35.650 --> 01:17:37.980 as a feature set right there.01:17:37.980 --> 01:17:40.863 So categories enabled. See,01:17:40.863 --> 01:17:43.607 you can find your settings just right there.01:17:43.610 --> 01:17:45.281 Defaults to false.01:17:45.281 --> 01:17:47.509 Still think that's weird.01:17:47.510 --> 01:17:49.910 But I.01:17:49.910 --> 01:17:51.955 I submit to the better01:17:51.955 --> 01:17:54.000 developers so there you go.01:17:56.580 --> 01:17:58.246 This will just enable that one really01:17:58.246 --> 01:17:59.700 quick and will be able to see.01:17:59.700 --> 01:18:01.254 Yeah, you know I would drop down.01:18:04.400 --> 01:18:05.420 Don't do this,01:18:05.420 --> 01:18:07.800 ever on a production server I got.01:18:07.800 --> 01:18:09.840 I was wrong. Don't do that.01:18:09.840 --> 01:18:12.073 Just doing locally only if you this01:18:12.073 --> 01:18:14.436 is just for clearing like caches but01:18:14.436 --> 01:18:17.320 never on even one of the dev servers.01:18:17.320 --> 01:18:19.425 You're definitely stepping on someone's01:18:19.425 --> 01:18:22.960 toes if you do that and it's very rude.01:18:22.960 --> 01:18:24.928 So if some jerk named Jesse01:18:24.928 --> 01:18:27.500 told you to do that elsewhere.01:18:27.500 --> 01:18:28.720 That's it, they're doing there,01:18:28.720 --> 01:18:30.178 they're jerk, so don't do it.01:18:37.730 --> 01:18:40.266 But to do you know app settings changes,01:18:40.270 --> 01:18:41.825 it's obviously you cleared the01:18:41.825 --> 01:18:43.770 app settings cache in the admin.01:18:43.770 --> 01:18:45.870 It's that a clear JS config cache01:18:45.870 --> 01:18:48.332 button and you restart the DNN and API01:18:48.332 --> 01:18:50.769 storefront so it looks a lot different,01:18:50.770 --> 01:18:52.360 which is kind of interesting.01:18:52.360 --> 01:18:54.268 And if I click it it,01:18:54.270 --> 01:18:56.166 you know it kind of open.01:18:56.170 --> 01:18:57.442 It kind of opens,01:18:57.442 --> 01:18:59.988 it needs a lot of work to, uh,01:18:59.988 --> 01:19:03.540 to look like there's, you know so.01:19:03.540 --> 01:19:05.283 That's the process that has that cool01:19:05.283 --> 01:19:06.888 box shadow around it though already,01:19:06.890 --> 01:19:09.146 which is nice.01:19:09.146 --> 01:19:12.154 You know that shadow.01:19:12.160 --> 01:19:14.275 I which is odd 'cause01:19:14.275 --> 01:19:15.967 there's doesn't have that.01:19:15.970 --> 01:19:18.292 I assume they're not using like01:19:18.292 --> 01:19:20.620 they changed styles for dropdowns,01:19:20.620 --> 01:19:23.574 but these are not actual dropdown menus,01:19:23.580 --> 01:19:24.426 something different,01:19:24.426 --> 01:19:26.118 so I don't know.