 Give yourself a hand everyone. Give yourself a pat on the back. We just saved the internet It didn't take any amount of effort, but we did it, okay? Other week or so I did these two videos this one here a demonstration of modern web bloat and the war against web bloat continues Okay, that's the sequel. This is now the sequel of the sequel This is the this is the end of the trilogy because we have actually fixed everything So in these videos I complain about the fact that whenever you look for a recipe online You have all of these millions of informational sites that are all garbage because they have ads and trackers and JavaScript and all the You know things moving around. Oh, we see that you have disabled ads. Could you just say can you enable those? Oh, well, do you want to take our cookies blah blah blah all that nonsense And I told people list listen it would be a very easy thing for someone to just make a simple recipe site You could even have it managed with git Okay, and you can have people submit recipes for free and a bunch of people started doing those things started making these web Websites, but I figure I should probably be the one since I'm talking about it You creates the site where everyone can you know be on the same page. Okay, so that's what I did based Dot cooking base dot cooking that is the website apparently dot cooking is a top-level domain nowadays This is what it looks like right now. This is subject to change, but look at this a nice informational site In fact, we have I don't know. We probably have around a hundred recipes maybe more now I don't know looks like a lot. You'll see these nice tags for different things. I'll explain how this works in a bit There are no ads. There's no anything I mean the only sense in which this site is monetized is that I've started a bit Bitcoin donation thing if you want to donate to the sites fund But right now. I'm just running this on my own VPS I might get its own VPS in a little bit if it if it gets big enough, but anyway, let's look at let's look at a recipe Let's go to beef goulash. Okay, this is one of the ones with pictures I actually most of them right now don't have pictures the requirements I'm saying right now is that you have to actually take a picture of the thing that you make yourself Okay, you can't just get some stupid You know the search on Google for like a public domain picture that might be a picture of a slightly different recipe So every page looks like this just they have a section for ingredients a section for instructions That's it and at the very end the people who submit the articles this guy in this case You can put you know links to your website or a donation page or something like that and you'll see again They are tagged with all this stuff. Let's click on the beef tag Let's see what else is there if we oh, I have beef. I want to make something I can make something from this list, okay? And of course oh actually on the main page as well, of course I think I mentioned there's a tag list there as well. So Very nice and simple responsive CSS. This is all you need it should work on mobile and everything for example if our screen is a Little smaller actually at the beginning you'll see if you have a really wide screen There are three column to lists just to have everything on one page I'm thinking about how to change this, you know have a catalog structure or something like that But I'll talk about that in a second But if you reduce the size for example, if you have a very narrow screen, it'll just be one list so everything fits It is also if you're one of those like weirdos and perverts who uses a light theme on your browser This will display as a light site. You don't need JavaScript for that. I don't know what anyway So yeah, that's basically it and so what you can do is you can go to the github site. This is how it works If you want to submit a recipe Let's go to source. Let's actually look was the one we just looked at beef goulash or something like that So when you submit a recipe, you just submit it as a markdown file Okay, it doesn't actually show this source of this. Let's look at the source of this. So this is all it looks like, okay? Ingredients instructions blah blah blah Just mark down. This is what people submit and then it is compiled by the website into a static site Or by a static site generator now Originally when I made this thing I was using SSG 5. That's a static site generator I have not done a video on it I think Wolfgang did a video on it if you want to look that up SSG 5 and that's what I was using originally But someone opened a very nice pull request. Oh, and by the way, well, this thing also gives you RSS and stuff like that And he suggested I moved to something that I guess him and his friend made called blog it and this is very nice It is a make file based static site generator It can deal with tags. It can create an RSS feed and an atom feed automatically So people can subscribe to updates and stuff like that. Actually, I think I pulled up. Yeah, I pulled up before So this is what you can get Let's see. Let me actually go back to the website You can get the RSS feed link or the atom feed link put them in your RSS Reader and this is what it'll look like you'll get updates. Oh, there's a new recipe on shrimp and grits Okay, here's what it looks like. I don't even have to log on to the site the RSS feed automatically contains the entire page Links with everything. So if you just want to look it is just very convenient Okay, very nice stuff. If you want to subscribe to the site Additionally, what was I gonna say like this site is actually usable. Okay, I will say that in that Literally you guys know I do not use a phone. Okay, that is not my thing if I have my phone on me It's probably for like an emergency or something weird But the other day I literally because this site is so usable. I think there was something I was getting Ingredients for in the store It is so nice to actually use this site because it loads as quickly as you know a local thing on your I mean It's not a big bloated site. It works on your phone I can look at my ingredient ingredients list when I'm in the store or something like that It is very convenient. It actually works. Okay, that's all I want. It doesn't have to be pretty I might make this index page a little more pretty this index page is actually automatically generated by the static site generator It actually it goes through so when people submit recipes They add tags to the bottom. I don't think they show up while they show up as this right so they show up as tags The static site generator automatically generates a tag list with all this kind of stuff a tag cloud However, you want to put it all of that stuff is is automatic. So this is what the internet is supposed to look like Okay, this is not a difficult thing. This is not a don't interpret this as a flex. Okay. Yes Is this site the best recipe site on the internet? Maybe but that's not because this is a good site It's because all the other ones are terrible. Okay, it doesn't take that much to run a website This I just put online. I probably only put like maybe three or four recipes on this thing Just to start it out as a proof of concept and people just logged on to GitHub to add stuff themselves And so if they want to add something All you know, they can just put their own links or whatever that that's the only incentive they need to contribute to the site Now you can go here right now You could submit recipes if you want to revise recipes if you feel like something's missing An image you can submit a small webp image there. I usually don't want them over a hundred fifty k or something like that Most of them are like that. I mean, let's see the beef goulash one-head one This is probably, you know, it's definitely less than 200k So just very simple if you make one of these recipes and take a picture of it send it in if it looks nice Or if you want to make any changes to these recipes, you can just go on the github make any kind of changes you want Nice and simple to see this is how the internet supposed to be this is how it's supposed to be kids And it's not difficult and it's not costing me a million thousand dollars Whatever Bitcoin donations, which have been, you know, mostly nominal I'm sure that they are covering my costs even if I have to, you know, rent my own VPS extra VPS to do this because it's not expensive It can be done based on cooking. Okay, let this be an example not just for recipe sites But what for any kind of informational site on the internet? Okay, this is how you do it You don't have to do do don't run up with some JavaScript nonsense to me Okay, we don't do that soy dev stuff. We don't do none of that stuff when a simple HTML page will suffice Thank you for watching