[{"data":1,"prerenderedAt":433},["ShallowReactive",2],{"footer-primary":3,"footer-secondary":93,"footer-description":119,"joy-of-theming-loreal-group-theme":121,"joy-of-theming-loreal-group-theme-next":165,"sales-reps":181},{"items":4},[5,29,49,69],{"id":6,"title":7,"url":8,"page":8,"children":9},"522e608a-77b0-4333-820d-d4f44be2ade1","Solutions",null,[10,15,20,25],{"id":11,"title":12,"url":8,"page":13},"fcafe85a-a798-4710-9e7a-776fe413aae5","Headless CMS",{"permalink":14},"/solutions/headless-cms",{"id":16,"title":17,"url":8,"page":18},"79972923-93cf-4777-9e32-5c9b0315fc10","Backend-as-a-Service",{"permalink":19},"/solutions/backend-as-a-service",{"id":21,"title":22,"url":8,"page":23},"0fa8d0c1-7b64-4f6f-939d-d7fdb99fc407","Product Information",{"permalink":24},"/solutions/product-information-management",{"id":26,"title":27,"url":28,"page":8},"63946d54-6052-4780-8ff4-91f5a9931dcc","100+ Things to Build","https://directus.io/blog/100-tools-apps-and-platforms-you-can-build-with-directus",{"id":30,"title":31,"url":8,"page":8,"children":32},"8ab4f9b1-f3e2-44d6-919b-011d91fe072f","Resources",[33,37,41,45],{"id":34,"title":35,"url":36,"page":8},"f951fb84-8777-4b84-9e91-996fe9d25483","Documentation","https://docs.directus.io",{"id":38,"title":39,"url":40,"page":8},"366febc7-a538-4c08-a326-e6204957f1e3","Guides","https://docs.directus.io/guides/",{"id":42,"title":43,"url":44,"page":8},"aeb9128e-1c5f-417f-863c-2449416433cd","Community","https://directus.chat",{"id":46,"title":47,"url":48,"page":8},"da1c2ed8-0a77-49b0-a903-49c56cb07de5","Release Notes","https://github.com/directus/directus/releases",{"id":50,"title":51,"url":8,"page":8,"children":52},"d61fae8c-7502-494a-822f-19ecff3d0256","Support",[53,57,61,65],{"id":54,"title":55,"url":56,"page":8},"8c43c781-7ebd-475f-a931-747e293c0a88","Issue Tracker","https://github.com/directus/directus/issues",{"id":58,"title":59,"url":60,"page":8},"d77bb78e-cf7b-4e01-932a-514414ba49d3","Feature Requests","https://github.com/directus/directus/discussions?discussions_q=is:open+sort:top",{"id":62,"title":63,"url":64,"page":8},"4346be2b-2c53-476e-b53b-becacec626a6","Community Chat","https://discord.com/channels/725371605378924594/741317677397704757",{"id":66,"title":67,"url":68,"page":8},"26c115d2-49f7-4edc-935e-d37d427fb89d","Cloud Dashboard","https://directus.cloud",{"id":70,"title":71,"url":8,"page":8,"children":72},"49141403-4f20-44ac-8453-25ace1265812","Organization",[73,78,84,88],{"id":74,"title":75,"url":76,"page":77},"1f36ea92-8a5e-47c8-914c-9822a8b9538a","About","/about",{"permalink":76},{"id":79,"title":80,"url":81,"page":82},"b84bf525-5471-4b14-a93c-225f6c386005","Careers","#",{"permalink":83},"/careers",{"id":85,"title":86,"url":87,"page":8},"86aabc3a-433d-434b-9efa-ad1d34be0a34","Brand Assets","https://drive.google.com/drive/folders/1lBOTba4RaA5ikqOn8Ewo4RYzD0XcymG9?usp=sharing",{"id":89,"title":90,"url":8,"page":91},"8d2fa1e3-198e-4405-81e1-2ceb858bc237","Contact",{"permalink":92},"/contact",{"items":94},[95,101,107,113],{"id":96,"title":97,"url":8,"page":98,"children":100},"8a1b7bfa-429d-4ffc-a650-2a5fdcf356da","Cloud Policies",{"permalink":99},"/cloud-policies",[],{"id":102,"title":103,"url":81,"page":104,"children":106},"bea848ef-828f-4306-8017-6b00ec5d4a0c","License",{"permalink":105},"/bsl",[],{"id":108,"title":109,"url":81,"page":110,"children":112},"4e914f47-4bee-42b7-b445-3119ee4196ef","Terms",{"permalink":111},"/terms",[],{"id":114,"title":115,"url":81,"page":116,"children":118},"ea69eda6-d317-4981-8421-fcabb1826bfd","Privacy",{"permalink":117},"/privacy",[],{"description":120},"\u003Cp>A composable backend to build your Headless CMS, BaaS, and more. \u003C/p>",{"id":122,"slug":123,"vimeo_id":124,"description":125,"tile":126,"length":127,"resources":8,"people":128,"episode_number":132,"published":133,"title":134,"video_transcript_html":135,"video_transcript_text":136,"content":8,"status":137,"episode_people":138,"recommendations":146,"season":147,"seo":8},"ef8afd5a-ba9f-49c5-ae0e-091de1d7d85e","loreal-group-theme","926586698","Let's grab our keyboards and mice, and let the beauty adventure begin because YOU are worth it. Join Bry as he picks up his brushes to create a L’Oréal Paris theme in Directus.","f81c58ae-8850-4387-adac-e5791f7969a8",7,[129],{"name":130,"url":131},"Bry Ross","https://directus.io/team/bryant-gillespie",1,"2024-03-25","L'Oreal (Because You’re Worth It) ","\u003Cp>Hi. Welcome back to another episode of The Joy of Theming. I'm your host, Bry Ross.\u003C/p>\n\u003Cp>And for the next few moments, you and I together will paint a beautiful Directus theme. I'm so excited to have you.\u003C/p>\n\u003Cp>Now if you've joined us before, you've probably already seen the tools of the trade, and I hope you've got your Directus Instance set up. If this is your first time, just sit back, relax, and follow along. You can set up that direct to sentence for the next one.\u003C/p>\n\u003Cp>Today, we are going to be painting a beautiful L'Oreal theme. Now I know this theme may look complicated at first glance and you may be thinking maybe this ability to theme, maybe you're just born with it, or maybe it's Maybelline.\u003C/p>\n\u003Cp>But deep down I know in my heart of hearts that each one of us can paint a beautiful, magical theme. You can do this and let's dive in. Now, what you can see, I've already got my Canvas covered in a great looking data model. It's a must for theming. You've got to paint that entire Canvas with some sample data before you can dive in.\u003C/p>\n\u003Cp>And the first thing we're going to do is L'Oreal is a beautiful name for a company, but they also have that accent aigu, the little accent character. So we're gonna scroll down to the bottom of this page and then we're going to set up our project settings inside our Directus instance. Alright. So I'm just gonna pick up my trusty keyboard here and quickly bang in that project name. Let's go ahead and get the project URL and a nice product project description.\u003C/p>\n\u003Cp>Really important for theming. We're gonna set the tone for this. We can see that being reflected up there at the very top, and then we're gonna dive into our actual theme. So now I'm gonna pick up this palette knife. And we're just gonna copy that L'Oreal logo.\u003C/p>\n\u003Cp>Just just spray it right there. Put that right in there. Then we'll go in and add a public foreground. Now the the public foreground, of course, shows on the login page, right above the public background. That's how those things work.\u003C/p>\n\u003Cp>Forward is front, back is back. Simple. Now, let's take this beautiful image of these 3 beautiful ladies. We'll put that as the public background and we'll add a quick little public note.\u003C/p>\n\u003Cp>This will be the L'Oreal CMS and, a PIM.\u003C/p>\n\u003Cp>PIM is just short it's the French version of product information management. Great. This is looking like a really beautiful theme. Now I wanna grab that favicon, favicon. I I never know how to pronounce this, but we'll just search for that within the console.\u003C/p>\n\u003Cp>Just copy that, pick up that keyboard and just paste that in there really quickly. So now we'll save and we can see, we've got our favicon. Things are looking really good. But our project color, it seems just a little bit off. If you look and you'll notice that L'Oreal has this really deep, rich midnight black.\u003C/p>\n\u003Cp>And basically the hex code for that is just 0. Now that's a wonderful color. We're gonna paint that in there just a little bit. But as we see, that that module bar or navigation is not reflecting that color. So we're gonna dive into our theme customization.\u003C/p>\n\u003Cp>We're gonna go to our globals. And then basically, where we have our little project primary color, We're gonna scroll down and, all right. So we'll go into our modules. We'll set our background to 0 and now we've got that rich black that we want in that that module bar. Alright, so now we also see that L'Oreal has this nude, this tan accent.\u003C/p>\n\u003Cp>A great color, great contrast to that midnight black. So what we're going to do is just add that as a secondary color and then we can also reference that using CSS variables inside the rest of our theme. What a beautiful, beautiful little theme. I'm gonna go into the list, into the icon foreground. And that is the the list for the navigation and add just a little darker beige, a little brown, beautiful brown is what we'll call it.\u003C/p>\n\u003Cp>And next I'm gonna pick up that that brand color. Let me go into the button background for the module bar and just add that. So now we've got these nice accents. We've got that deep black. This theme is, it's really coming together.\u003C/p>\n\u003Cp>So glad you could be here. Now we're also going to add a different active color so we can easily see where we're at within the direct to CMS. And, you know, next let's take a look at the border radius, the border radii. You'll notice that L'Oreal has a 0 pixel border radius. There's no rounded corners on this.\u003C/p>\n\u003Cp>It gives us a nice elegant vibe. If we look at the network request, we can see our font here is Campton. So I'm just going to copy the URL for that. We're gonna do a custom font face declaration. We'll just use at font face, wrap it in some brackets, and we're gonna call this the Campton font.\u003C/p>\n\u003Cp>Now we can add custom CSS inside any direct assistance and it's really easy. You just spread it on slowly. Not too thick. A very thin coat. And once you've added that custom CSS, I can go into my font variables, my definition for our fonts, and we're gonna reference that Campton font inside the top header bar.\u003C/p>\n\u003Cp>That looks nice. I really like that. Right? Beautiful. Now one of the other things that we we see on the website though is in the headers they use a, all caps.\u003C/p>\n\u003Cp>So we'll just go in, add another little touch of custom CSS. Just and text transform, uppercase. That looks good. Beautiful. Beautiful.\u003C/p>\n\u003Cp>I'm so glad you're here for this. Remember, anytime you're theming there are no mistakes, only happy accidents. So this is looking like an amazing theme. I I think we're pretty close to done here. So let's just log out.\u003C/p>\n\u003Cp>We'll take a look at the public login page. This is beautiful. That's it for this episode of the joy of theming. I hope to see you again.\u003C/p>\n\u003Cp>And remember, keep theming. Each one of us has that beautiful theme just waiting to come out.\u003C/p>","Hi. Welcome back to another episode of The Joy of Theming. I'm your host, Bry Ross. And for the next few moments, you and I together will paint a beautiful Directus theme. I'm so excited to have you. Now if you've joined us before, you've probably already seen the tools of the trade, and I hope you've got your Directus Instance set up. If this is your first time, just sit back, relax, and follow along. You can set up that direct to sentence for the next one. Today, we are going to be painting a beautiful Boreal theme. Now I know this theme may look complicated at first glance and you may be thinking maybe this ability to theme, maybe you're just born with it, or maybe it's Maybelline. But deep down I know in my heart of hearts that each one of us can paint a beautiful, magical theme. You can do this and let's dive in. Now, what you can see, I've already got my Canvas covered in a great looking data model. It's a must for theming. You've got to paint that entire Canvas with some sample data before you can dive in. And the first thing we're going to do is L'Oreal is a beautiful name for a company, but they also have that accent aigu, the little accent character. So we're gonna scroll down to the bottom of this page and then we're going to set up our project settings inside our Directus instance. Alright. So I'm just gonna pick up my trusty keyboard here and quickly bang in that project name. Let's go ahead and get the project URL and a nice product project description. Really important for theming. We're gonna set the tone for this. We can see that being reflected up there at the very top, and then we're gonna dive into our actual theme. So now I'm gonna pick up this palette knife. And we're just gonna copy that L'Oreal logo. Just just spray it right there. Put that right in there. Then we'll go in and add a public foreground. Now the the public foreground, of course, shows on the login page, right above the public background. That's how those things work. Forward is front, back is back. Simple. Now, let's take this beautiful image of these 3 beautiful ladies. We'll put that as the public background and we'll add a quick little public note. This will be the L'Oreal CMS and, a PIM. PIM is just short it's the French version of product information management. Great. This is looking like a really beautiful theme. Now I wanna grab that favicon, favicon. I I never know how to pronounce this, but we'll just search for that within the console. Just copy that, pick up that keyboard and just paste that in there really quickly. So now we'll save and we can see, we've got our favicon. Things are looking really good. But our project color, it seems just a little bit off. If you look and you'll notice that L'Oreal has this really deep, rich midnight black. And basically the hex code for that is just 0. Now that's a wonderful color. We're gonna paint that in there just a little bit. But as we see, that that module bar or navigation is not reflecting that color. So we're gonna dive into our theme customization. We're gonna go to our globals. And then basically, where we have our little project primary color, We're gonna scroll down and, all right. So we'll go into our modules. We'll set our background to 0 and now we've got that rich black that we want in that that module bar. Alright, so now we also see that L'Oreal has this nude, this tan accent. A great color, great contrast to that midnight black. So what we're going to do is just add that as a secondary color and then we can also reference that using CSS variables inside the rest of our theme. What a beautiful, beautiful little theme. I'm gonna go into the list, into the icon foreground. And that is the the list for the navigation and add just a little darker beige, a little brown, beautiful brown is what we'll call it. And next I'm gonna pick up that that brand color. Let me go into the button background for the module bar and just add that. So now we've got these nice accents. We've got that deep black. This theme is, it's really coming together. So glad you could be here. Now we're also going to add a different active color so we can easily see where we're at within the direct to CMS. And, you know, next let's take a look at the border radius, the border radii. You'll notice that L'Oreal has a 0 pixel border radius. There's no rounded corners on this. It gives us a nice elegant vibe. If we look at the network request, we can see our font here is Campton. So I'm just going to copy the URL for that. We're gonna do a custom font face declaration. We'll just use at font face, wrap it in some brackets, and we're gonna call this the Campton font. Now we can add custom CSS inside any direct assistance and it's really easy. You just spread it on slowly. Not too thick. A very thin coat. And once you've added that custom CSS, I can go into my font variables, my definition for our fonts, and we're gonna reference that Campton font inside the top header bar. That looks nice. I really like that. Right? Beautiful. Now one of the other things that we we see on the website though is in the headers they use a, all caps. So we'll just go in, add another little touch of custom CSS. Just and text transform, uppercase. That looks good. Beautiful. Beautiful. I'm so glad you're here for this. Remember, anytime you're theming there are no mistakes, only happy accidents. So this is looking like an amazing theme. I I think we're pretty close to done here. So let's just log out. We'll take a look at the public login page. This is beautiful. That's it for this episode of the joy of theming. I hope to see you again. And remember, keep theming. Each one of us has that beautiful theme just waiting to come out. We'll see you.","published",[139],{"people_id":140},{"id":141,"first_name":142,"last_name":143,"avatar":144,"bio":145,"links":8},"a318327f-99e2-4938-b332-5fa049c29047","Bry","Ross","2c4d6cd9-5765-4268-b1a0-42ac7ce5adb9","Master Themer and Chuck Norris' BFF",[],{"id":148,"number":132,"year":149,"episodes":150,"show":162},"61d16eae-2910-4009-a3e0-65e1a96be877","2024",[122,151,152,153,154,155,156,157,158,159,160,161],"e7dd4c60-0a87-4ce5-a054-fbef2c80bd74","a4c00ba5-0cb9-4b40-90a4-8c03b4410e4b","22e15c9f-e0d1-4a6b-8dd1-c5b51c9f1568","2b1886f5-7508-44dc-b0a9-c4f73e18d889","c9c86f91-d3e9-4287-9bfc-4c0fd50c6dfd","c338c610-19d5-45b1-af66-3cf34c67a2ec","07649ac4-e135-42c0-bcc9-bafb980dd9ec","ed8c1a76-e3b6-4c75-b4b9-9a7a37ebcf61","118828b8-a8d9-4329-8537-aa3716455328","03a91de3-cffa-41be-a56e-6448ae0cbfd8","4ba7fb8e-72ae-4e8f-908a-8d9032a1603f",{"title":163,"tile":164},"The Joy of Theming","1a50a74b-b774-4fca-9264-88a55d956b5b",{"id":151,"slug":166,"season":148,"vimeo_id":167,"description":168,"tile":169,"length":170,"resources":8,"people":171,"episode_number":173,"published":174,"title":175,"video_transcript_html":176,"video_transcript_text":177,"content":8,"seo":8,"status":137,"episode_people":178,"recommendations":180},"american-express-theme","928845573","Home is where your heart is and – just like your wallet – you should never leave home without it. Join Bry as he builds a happy little theme inspired by American Express.","22ca1cf9-4a05-446a-a8ef-eee78afa4f22",6,[172],{"name":130,"url":131},2,"2024-04-01","American Express (Don’t Leave Home Without It)","\u003Cp>Bry: Hi. Welcome back to The Joy of Theming. I'm your host, Bry Ross. It's a beautiful day in the neighborhood and so excited to have you right here right now to experience the joy of theming. Alright.\u003C/p>\u003Cp>So today, we've got a wonderful, wonderful theme to paint. We are going to be painting American Express. What a great theme, and what a great company. American Express is everywhere you want to be. What's that?\u003C/p>\u003Cp>Oh, that's that's not it. American Express. Don't live life without Alright, so we're going to log into our Directus instance and get started on this theme. So we'll start entering in our project name. Ah, yes.\u003C/p>\u003Cp>Okay. Project description or descriptor. Now let's dive into our theme. So for this, I'm gonna pull out my trusty palette knife and we're just gonna spread on some logo. I love that.\u003C/p>\u003Cp>For our foreground, I'm just gonna scroll down to the bottom and we want to take that larger American Express logo and just paint that in there. That's great. So for the favicon, that's that's tiny. So I'm just gonna pull out my half inch brush here and we're gonna paint that in there. This is looking really great.\u003C/p>\u003Cp>So we've got a nice nice calm theme. We've got that background around that MX logo fixed. Now let's add our project color to those buttons in the foreground. So we're just gonna slide that that project color right down over those those module buttons. That looks great.\u003C/p>\u003Cp>Now, one of the other colors that I see here, I really like this blue. I'm calling it midnight blue, indigo blue, It's a really deep color. It's so soulful. We're going to add that to the icons for our list. So we'll just ping in that hex code and, you know, I'm really surprised.\u003C/p>\u003Cp>This came out okay, but anytime you switch colors like that, you also need to make sure that you dust those demons out of your keyboard first so those hex codes don't get stuck in there anymore. Using that number pad, make sure you really get in there as well. Now, let's go in and see if we can't use our palette knife to to find that CSS. We're really looking for those font face rules from the American Express website. And normally, I might host those fonts myself, but here at The Joy of Theming, we like to create masterpieces in no time.\u003C/p>\u003Cp>So we're just gonna steal or copy that CSS. We've got our font face rules that we're just spreading there and I'm gonna copy that font family name, Benton Sands, and we're gonna go back up to our fonts in the display font. We're going to use Benton Sands and save and now we've got that nice title font Benton Sands. Maybe we want to dial back that font weight just a little bit. Nice.\u003C/p>\u003Cp>Nice. Looks great. The only thing that don't like though, it is a dark shade of it's black. Let's use that midnight blue color and honestly Midnight Blue sounds like a Bob Seger song. Bob Seger is underrated, 100%.\u003C/p>\u003Cp>So we'll go back in. That title font color is actually it's actually down. We're just gonna move down. You can see we've got the project foreground. We're just gonna move that down a little.\u003C/p>\u003Cp>There we go. You gotta know how to work the canvas. So under the header we're gonna go into Title, just spray that little midnight blue onto the title font. This is looking really nice, Very subtle. It really matches this American Express website.\u003C/p>\u003Cp>I like how calm that is. Let's back out and actually look at our login page. So while I originally loved that image on the Amex website, for the background, it's just not it's not getting the job done for me. So let's log back in and see if we can swap out to a better, better background image. We're gonna go back to the Amex website and just see if we can find a better image.\u003C/p>\u003Cp>Wow. This guy looks amazing. I really love his hair. Could be waiting for the love of his life or just a check from the bank, maybe a package. I don't know.\u003C/p>\u003Cp>We're gonna use that as the public background. And I'm just gonna incognito window and pop open. Now we we've got a better public background image. Maybe we want to adjust the focus, the focal point for this particular image. That's one of the nice things about the asset library in Directus.\u003C/p>\u003Cp>This is the conduit for your theming. Obviously, a good theme isn't complete without nice images. And whenever those images get cropped we want to make sure that faces and important elements are still included on the screen. So you can use the Focal Point tool to do that. Alright, great, so this theme is looking great, I think we're done here.\u003C/p>\u003Cp>Amex, You can't live life without it or don't live life without it. Tell you what, I have several Amex cards. Love stacking the points, always use them to take my family to the magical Disney World. And I hope you've had a magical time here at the Joy of Theming. I hope you come back for the next episode where we will dive even deeper into the beauty and majestic qualities of theming with Directus.\u003C/p>\u003Cp>I'll see you next time.\u003C/p>","Hi. Welcome back to The Joy of Theming. I'm your host, Bry Ross. It's a beautiful day in the neighborhood and so excited to have you right here right now to experience the joy of theming. Alright. So today, we've got a wonderful, wonderful theme to paint. We are going to be painting American Express. What a great theme, and what a great company. American Express is everywhere you want to be. What's that? Oh, that's that's not it. American Express. Don't live life without Alright, so we're going to log into our Directus instance and get started on this theme. So we'll start entering in our project name. Ah, yes. Okay. Project description or descriptor. Now let's dive into our theme. So for this, I'm gonna pull out my trusty palette knife and we're just gonna spread on some logo. I love that. For our foreground, I'm just gonna scroll down to the bottom and we want to take that larger American Express logo and just paint that in there. That's great. So for the favicon, that's that's tiny. So I'm just gonna pull out my half inch brush here and we're gonna paint that in there. This is looking really great. So we've got a nice nice calm theme. We've got that background around that MX logo fixed. Now let's add our project color to those buttons in the foreground. So we're just gonna slide that that project color right down over those those module buttons. That looks great. Now, one of the other colors that I see here, I really like this blue. I'm calling it midnight blue, indigo blue, It's a really deep color. It's so soulful. We're going to add that to the icons for our list. So we'll just ping in that hex code and, you know, I'm really surprised. This came out okay, but anytime you switch colors like that, you also need to make sure that you dust those demons out of your keyboard first so those hex codes don't get stuck in there anymore. Using that number pad, make sure you really get in there as well. Now, let's go in and see if we can't use our palette knife to to find that CSS. We're really looking for those font face rules from the American Express website. And normally, I might host those fonts myself, but here at The Joy of Theming, we like to create masterpieces in no time. So we're just gonna steal or copy that CSS. We've got our font face rules that we're just spreading there and I'm gonna copy that font family name, Benton Sands, and we're gonna go back up to our fonts in the display font. We're going to use Benton Sands and save and now we've got that nice title font Benton Sands. Maybe we want to dial back that font weight just a little bit. Nice. Nice. Looks great. The only thing that don't like though, it is a dark shade of it's black. Let's use that midnight blue color and honestly Midnight Blue sounds like a Bob Seger song. Bob Seger is underrated, 100%. So we'll go back in. That title font color is actually it's actually down. We're just gonna move down. You can see we've got the project foreground. We're just gonna move that down a little. There we go. You gotta know how to work the canvas. So under the header we're gonna go into Title, just spray that little midnight blue onto the title font. This is looking really nice, Very subtle. It really matches this American Express website. I like how calm that is. Let's back out and actually look at our login page. So while I originally loved that image on the Amex website, for the background, it's just not it's not getting the job done for me. So let's log back in and see if we can swap out to a better, better background image. We're gonna go back to the Amex website and just see if we can find a better image. Wow. This guy looks amazing. I really love his hair. Could be waiting for the love of his life or just a check from the bank, maybe a package. I don't know. We're gonna use that as the public background. And I'm just gonna incognito window and pop open. Now we we've got a better public background image. Maybe we want to adjust the focus, the focal point for this particular image. That's one of the nice things about the asset library in Directus. This is the conduit for your theming. Obviously, a good theme isn't complete without nice images. And whenever those images get cropped we want to make sure that faces and important elements are still included on the screen. So you can use the Focal Point tool to do that. Alright, great, so this theme is looking great, I think we're done here. Amex, You can't live life without it or don't live life without it. Tell you what, I have several Amex cards. Love stacking the points, always use them to take my family to the magical Disney World. And I hope you've had a magical time here at the Joy of Theming. I hope you come back for the next episode where we will dive even deeper into the beauty and majestic qualities of theming with Directus. I'll see you next time.",[179],"88abad2a-a58f-47e4-aeb8-8f5814116d13",[],{"reps":182},[183,239],{"name":184,"sdr":8,"link":185,"countries":186,"states":188},"John Daniels","https://meet.directus.io/meetings/john2144/john-contact-form-meeting",[187],"United States",[189,190,191,192,193,194,195,196,197,198,199,200,201,202,203,204,205,206,207,208,209,210,211,212,213,214,215,216,217,218,219,220,221,222,223,224,225,226,227,228,229,230,231,232,233,234,235,236,237,238],"Michigan","Indiana","Ohio","West Virginia","Kentucky","Virginia","Tennessee","North Carolina","South Carolina","Georgia","Florida","Alabama","Mississippi","New York","MI","IN","OH","WV","KY","VA","TN","NC","SC","GA","FL","AL","MS","NY","Connecticut","CT","Delaware","DE","Maine","ME","Maryland","MD","Massachusetts","MA","New Hampshire","NH","New Jersey","NJ","Pennsylvania","PA","Rhode Island","RI","Vermont","VT","Washington DC","DC",{"name":240,"link":241,"countries":242},"Michelle Riber","https://meetings.hubspot.com/mriber",[243,244,245,246,247,248,249,250,251,252,253,254,255,256,257,258,259,260,261,262,263,264,265,266,267,268,269,270,271,272,273,274,275,276,277,278,279,280,281,282,283,284,285,286,287,288,289,290,291,292,293,294,295,296,297,298,299,300,301,302,303,304,305,306,307,308,309,310,311,312,313,314,315,316,317,318,319,320,321,322,323,324,325,326,327,328,329,330,331,332,333,334,335,336,337,338,339,340,341,342,343,344,345,346,347,348,349,350,351,352,353,354,355,356,357,358,359,360,361,362,363,364,365,366,367,368,369,370,371,372,373,374,375,376,377,378,379,380,381,382,383,384,385,386,387,388,389,390,391,392,393,394,395,396,397,398,399,400,401,402,403,404,405,406,407,408,409,410,411,412,413,414,415,416,417,418,419,420,421,422,423,424,425,426,427,428,429,430,220,431,432],"Albania","ALB","Algeria","DZA","Andorra","AND","Angola","AGO","Austria","AUT","Belgium","BEL","Benin","BEN","Bosnia and Herzegovina","BIH","Botswana","BWA","Bulgaria","BGR","Burkina Faso","BFA","Burundi","BDI","Cameroon","CMR","Cape Verde","CPV","Central African Republic","CAF","Chad","TCD","Comoros","COM","Côte d'Ivoire","CIV","Croatia","HRV","Czech Republic","CZE","Democratic Republic of Congo","COD","Denmark","DNK","Djibouti","DJI","Egypt","EGY","Equatorial Guinea","GNQ","Eritrea","ERI","Estonia","EST","Eswatini","SWZ","Ethiopia","ETH","Finland","FIN","France","FRA","Gabon","GAB","Gambia","GMB","Ghana","GHA","Greece","GRC","Guinea","GIN","Guinea-Bissau","GNB","Hungary","HUN","Iceland","ISL","Ireland","IRL","Italy","ITA","Kenya","KEN","Latvia","LVA","Lesotho","LSO","Liberia","LBR","Libya","LBY","Liechtenstein","LIE","Lithuania","LTU","Luxembourg","LUX","Madagascar","MDG","Malawi","MWI","Mali","MLI","Malta","MLT","Mauritania","MRT","Mauritius","MUS","Moldova","MDA","Monaco","MCO","Montenegro","MNE","Morocco","MAR","Mozambique","MOZ","Namibia","NAM","Niger","NER","Nigeria","NGA","North Macedonia","MKD","Norway","NOR","Poland","POL","Portugal","PRT","Republic of Congo","COG","Romania","ROU","Rwanda","RWA","San Marino","SMR","São Tomé and Príncipe","STP","Senegal","SEN","Serbia","SRB","Seychelles","SYC","Sierra Leone","SLE","Slovakia","SVK","Slovenia","SVN","Somalia","SOM","South Africa","ZAF","South Sudan","SSD","Spain","ESP","Sudan","SDN","Sweden","SWE","Tanzania","TZA","Togo","TGO","Tunisia","TUN","Uganda","UGA","United Kingdom","GBR","Vatican City","VAT","Zambia","ZMB","Zimbabwe","ZWE","UK","Germany","Netherlands","Switzerland","CH","NL",1773850425266]